@s_mart/form 11.0.2 → 16.1.0

package/dist/checkbox/checkbox.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxProps } from './checkbox.types';
+declare const _default: ({ name, rules, defaultValue, shouldUnregister, control: controlFromProps, label, labelPlacement, required, disableIconError, onChange: onChangeProp, ...rest }: CheckboxProps) => import("react").JSX.Element;
+export default _default;

package/dist/checkbox/checkbox.types.d.ts

@@ -0,0 +1,28 @@
+import { CheckboxProps as CheckboxPropsMui } from '@mui/material';
+import { UseControllerProps } from 'react-hook-form';
+export type CheckboxProps = CheckboxPropsMui & UseControllerProps & {
+    /**
+     * O nome do checkbox que será renderizado na tela
+     * @default ''
+     * @example 'Nome do checkbox'
+     * @type string
+     * @memberof CheckboxProps
+     */
+    label?: React.ReactNode;
+    /**
+     * Posição do label em relação ao checkbox
+     * @default 'end'
+     * @type 'start' | 'end' | 'top' | 'bottom'
+     * @example
+     * <Checkbox label="Checkbox" labelPlacement="start" />
+     */
+    labelPlacement?: 'start' | 'end' | 'top' | 'bottom';
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+};

package/dist/components/fieldError/fieldError.d.ts

@@ -0,0 +1,4 @@
+import { FieldPath, FieldValues } from 'react-hook-form';
+import { FieldErrorProps } from './fieldError.types';
+declare const FieldError: <TFieldValues extends FieldValues = FieldValues, TFieldNames extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, disableIcon, control, }: FieldErrorProps<TFieldValues, TFieldNames>) => import("react").JSX.Element | null;
+export default FieldError;

package/dist/components/fieldError/fieldError.types.d.ts

@@ -0,0 +1,6 @@
+import { Control, FieldPath, FieldValues } from 'react-hook-form';
+export type FieldErrorProps<TFieldValues extends FieldValues = FieldValues, TFieldNames extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
+    name: TFieldNames;
+    disableIcon?: boolean;
+    control: Control<TFieldValues>;
+};

package/dist/components/fieldError/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FieldError } from './fieldError';
+export type { FieldErrorProps } from './fieldError.types';

package/dist/components/fieldInfo/fieldInfo.d.ts

@@ -0,0 +1,3 @@
+import { FieldInfoProps } from './fieldInfo.types';
+declare const FieldInfo: ({ title }: FieldInfoProps) => import("react").JSX.Element;
+export default FieldInfo;

package/dist/components/fieldInfo/fieldInfo.types.d.ts

@@ -0,0 +1,3 @@
+export type FieldInfoProps = {
+    title: React.ReactNode;
+};

package/dist/components/fieldInfo/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FieldInfo } from './fieldInfo';
+export type { FieldInfoProps } from './fieldInfo.types';

package/dist/components/fieldLabel/fieldLabel.d.ts

@@ -0,0 +1,3 @@
+import { FieldLabelProps } from './fieldLabel.types';
+declare const FieldLabel: ({ label, required, regular }: FieldLabelProps) => import("react").JSX.Element;
+export default FieldLabel;

package/dist/components/fieldLabel/fieldLabel.types.d.ts

@@ -0,0 +1,5 @@
+export type FieldLabelProps = {
+    label: React.ReactNode;
+    required?: boolean;
+    regular?: boolean;
+};

package/dist/components/fieldLabel/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FieldLabel } from './fieldLabel';
+export type { FieldLabelProps } from './fieldLabel.types';

package/dist/creatable/creatable.d.ts

@@ -0,0 +1,4 @@
+import { CreatableProps } from './creatable.types';
+declare function Creatable<FieldValue, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>(props: CreatableProps<FieldValue, Multiple, DisableClearable, FreeSolo>): import("react").JSX.Element;
+declare const _default: typeof Creatable;
+export default _default;

package/dist/creatable/creatable.styles.d.ts

@@ -0,0 +1 @@
+export declare const SDivAutoComplete: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/creatable/creatable.types.d.ts

@@ -0,0 +1,71 @@
+import { WithRequired } from '@s_mart/typed';
+import { AutocompleteProps, AutocompleteValue, AutocompleteValueOrFreeSoloValueMapping, TextFieldProps } from '@mui/material';
+import { UseControllerProps } from 'react-hook-form';
+export type CreatableProps<FieldValue, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> = WithRequired<Omit<AutocompleteProps<FieldValue, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'options' | 'size' | 'onInputChange' | 'onChange' | 'defaultValue' | 'value'>, 'getOptionKey' | 'getOptionLabel'> & UseControllerProps & {
+    options: FieldValue[];
+    slotProps?: AutocompleteProps<FieldValue, Multiple, DisableClearable, FreeSolo>['slotProps'] & Partial<{
+        textField: Omit<TextFieldProps<'outlined'>, 'variant'>;
+    }>;
+    label?: React.ReactNode;
+    required?: boolean;
+    /**
+     * Define se mostra o botão para criar uma nova opção
+     * @default true
+     * @type {boolean}
+     * @memberof CreatableProps
+     */
+    showCreatableButton?: boolean;
+    /**
+     * Define se mostra o botão para editar uma opção existente
+     * Só é possível utilizar se a prop `multiple` for `false | undefined`
+     * @default false
+     * @type {boolean}
+     * @memberof CreatableProps
+     */
+    showEditableButton?: boolean;
+    /**
+     * Função que será executada quando o usuário clicar no botão de criar uma nova opção
+     * @default undefined
+     * @type {(value: string) => void}
+     * @memberof CreatableProps
+     */
+    onCreateOption?: (value: string) => void;
+    /**
+     * Função que será executada quando o usuário clicar no botão de editar uma opção
+     * Só é possível utilizar se a prop `multiple` for `false | undefined`
+     * Só é possível editar se o valor for um Objeto
+     *
+     * @default undefined
+     * @type {(value: FieldValue) => Promise<void> | void}
+     * @memberof CreatableProps
+     */
+    onEditOption?: (value: NonNullable<AutocompleteValue<FieldValue, Multiple, false, false>>) => Promise<void> | void;
+    /**
+     * Componente que renderiza no footer do searchable (opcional)
+     * @example
+     * footer: (
+     * <Button onClick={handleClick}>Mostrar mais...</Button>
+     * )
+     */
+    footer?: () => React.ReactNode;
+    /**
+     * É o conteúdo passado para a tooltip que renderizará ao lado da label do campo,
+     * montada à tela como um ícone de informação.
+     */
+    info?: React.ReactNode;
+    onInputChange?: (value: string) => void;
+    onChange?: (value: AutocompleteValue<FieldValue, Multiple, DisableClearable, FreeSolo> | (DisableClearable extends true ? never : null)) => void;
+    placeholder?: string;
+    /**
+     * Componente renderizado embaixo da option da listagem
+     */
+    getOptionAfterLabel?: (option: FieldValue) => string | React.ReactNode;
+    /**
+     * Usado para montar a label do valor selecionado no campo
+     *
+     * Funciona apenas junto com `getOptionAfterLabel`
+     *
+     * Quando não informado é usado o `getOptionLabel`
+     */
+    getInputValueLabel?: (option: AutocompleteValueOrFreeSoloValueMapping<FieldValue, FreeSolo>) => string;
+};

package/dist/datePicker/datePicker.d.ts

@@ -0,0 +1,3 @@
+import { DatePickerProps } from './datePicker.types';
+declare const _default: ({ rules, name, defaultValue, shouldUnregister, control: controlFromProps, label, required, disabled, disableIconError, size, ...rest }: DatePickerProps) => import("react").JSX.Element;
+export default _default;

package/dist/datePicker/datePicker.styles.d.ts

@@ -0,0 +1 @@
+export declare const SIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material').IconButtonOwnProps> & Omit<import('@mui/material').ButtonBaseOwnProps, "type" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | keyof import('@mui/material').IconButtonOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "type" | "disabled" | "size" | "classes" | "className" | "style" | "children" | "sx" | "tabIndex" | "color" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/dist/datePicker/datePicker.types.d.ts

@@ -0,0 +1,33 @@
+import { TextFieldProps } from '@mui/material';
+import { DatePickerProps as DatePickerPropsMui } from '@mui/x-date-pickers';
+import { UseControllerProps } from 'react-hook-form';
+export type DatePickerProps = DatePickerPropsMui & UseControllerProps & {
+    /**
+     * Se `true` irá adicionar um asterisco ao label do campo
+     *
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Se `true` irá desabilitar o campo e não será possível interagir com ele
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Desabilita o ícone de erro da validação do campo.
+     * @default false
+     *
+     * @example
+     * <TextField disableIconError />
+     */
+    disableIconError?: boolean;
+    /**
+     * Define o tamanho do campo.
+     * @default 'medium'
+     *
+     * @example
+     * <DatePicker size='small' />
+     */
+    size?: TextFieldProps['size'];
+};

package/dist/form/form.d.ts

@@ -0,0 +1,22 @@
+import { JSX } from 'react';
+import { FieldValues } from 'react-hook-form';
+import { IFormProps } from './form.types';
+/**
+ * Utilizado overloading para poder passar uma tipagem para o Componente
+ * @example
+ * // Não passar uma tipagem, todas as props terão o funcionamento normal, sem tipagem
+ * <Form onSubmit={({email}) => {}}>
+ *  ...
+ * </Form>
+ * @example
+ * // Passar uma tipagem, todas as props derivadas do react-hook-form terão a tipagem passada no generic
+ * type Cadastro = {
+ *   email: string;
+ * }
+ * <Form<Cadastro> onSubmit={({email}) => {}}>
+ *  ...
+ * </Form>
+ */
+declare function Form(props: IFormProps<any>): JSX.Element;
+declare function Form<T extends FieldValues>(props: IFormProps<T>): JSX.Element;
+export default Form;

package/dist/form/form.types.d.ts

@@ -0,0 +1,20 @@
+import { FieldValues, FormProviderProps, UseFormProps, UseFormReturn } from 'react-hook-form';
+import { z } from 'zod';
+export interface IFormProps<T extends FieldValues> extends IUseFormProps<T> {
+    children: ((methods: UseFormReturn<T> & {
+        onSubmit: (e?: React.FormEvent | undefined) => Promise<void>;
+    }) => React.ReactNode) | React.ReactNode;
+    style?: React.HTMLAttributes<HTMLFormElement>['style'];
+}
+export interface IFormProviderProps<TFieldValues extends FieldValues> extends FormProviderProps<TFieldValues> {
+    style?: React.HTMLAttributes<HTMLFormElement>['style'];
+    onSubmit: (e?: React.BaseSyntheticEvent) => void;
+}
+export interface IUseFormProps<TValues extends FieldValues> extends Omit<UseFormProps<TValues>, 'resolver'> {
+    onSubmit: (data: TValues, methods: UseFormReturn<TValues>) => void;
+    /**
+     * Prop que faz com que o formulário não atualize ao mudar o defaultValue
+     */
+    disableDefaultValuesUpdate?: boolean;
+    schema?: z.ZodObject<any> | z.ZodEffects<z.ZodObject<any>>;
+}

package/dist/form/formProvider.d.ts

@@ -0,0 +1,4 @@
+import { FieldValues } from 'react-hook-form';
+import { IFormProviderProps } from './form.types';
+declare function FormProvider<TFieldValues extends FieldValues>({ children, style, onSubmit, ...methods }: IFormProviderProps<TFieldValues>): import("react").JSX.Element;
+export default FormProvider;

package/dist/form/useForm.d.ts

@@ -0,0 +1,6 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { IUseFormProps } from './form.types';
+declare const useForm: <TValues extends FieldValues>({ disableDefaultValuesUpdate, onSubmit, ...rest }: IUseFormProps<TValues>) => UseFormReturn<TValues> & {
+    onSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
+};
+export default useForm;

package/dist/formComponentPrecisaDeControl.d.ts

@@ -0,0 +1,3 @@
+export declare class FormComponentPrecisaDeControl extends Error {
+    constructor(componentName: string);
+}

package/dist/index.d.ts

@@ -0,0 +1,32 @@
+export { default as Checkbox } from './checkbox/checkbox';
+export type { CheckboxProps } from './checkbox/checkbox.types';
+export { default as FieldError } from './components/fieldError/fieldError';
+export type { FieldErrorProps } from './components/fieldError/fieldError.types';
+export { default as FieldInfo } from './components/fieldInfo/fieldInfo';
+export type { FieldInfoProps } from './components/fieldInfo/fieldInfo.types';
+export { default as FieldLabel } from './components/fieldLabel/fieldLabel';
+export type { FieldLabelProps } from './components/fieldLabel/fieldLabel.types';
+export { default as Creatable } from './creatable/creatable';
+export type { CreatableProps } from './creatable/creatable.types';
+export { default as DatePicker } from './datePicker/datePicker';
+export type { DatePickerProps } from './datePicker/datePicker.types';
+export { default as Form } from './form/form';
+export type { IFormProps, IFormProviderProps, IUseFormProps } from './form/form.types';
+export { default as FormProvider } from './form/formProvider';
+export { default as useForm } from './form/useForm';
+export { default as RadioButton } from './radio/radioButton/radioButton';
+export type { RadioProps } from './radio/radioButton/radioButton.types';
+export { default as RadioGroup } from './radio/radioGroup/radioGroup';
+export type { RadioGroupProps } from './radio/radioGroup/radioGroup.types';
+export { default as Searchable } from './searchable/searchable';
+export type { SearchableProps } from './searchable/searchable.types';
+export { default as Select } from './select/select';
+export type { FooterProps, SelectProps, SelectReturnValueProps } from './select/select.types';
+export { default as Slider } from './slider/slider';
+export type { SliderProps } from './slider/slider.types';
+export { default as Switch } from './switch/switch';
+export type { SwitchProps } from './switch/switch.types';
+export { default as TextField } from './textField/textField';
+export type { Masks, TextFieldProps } from './textField/textField.types';
+export { default as TimePicker } from './timePicker/timePicker';
+export type { TimePickerProps } from './timePicker/timePicker.types';