@max-ts/components 0.3.11 → 0.5.0

package/lib/components/SidebarButton/SidebarButton.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from '../Button';
+export declare const SidebarButton: <RootComponent extends React.ElementType>(props: ButtonProps<RootComponent>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/SidebarButton/index.d.ts

@@ -0,0 +1 @@
+export * from './SidebarButton';

package/lib/components/SidebarButton/styles.d.ts

@@ -0,0 +1,11 @@
+export declare const SidebarButton: import('@emotion/styled').StyledComponent<Omit<import('../types').WithoutEmotionSpecific<import('@mui/material').ButtonProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>, "color" | "variant"> & {
+    variant?: `${import('..').ButtonVariants}`;
+    loading?: boolean;
+    loadingIndicator?: import('react').ReactNode;
+    loadingPosition?: "start" | "end" | "center";
+    color?: `${import('..').ButtonColors}`;
+    component?: import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    selected?: boolean;
+} & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    $isOpen?: boolean;
+}, {}, {}>;

package/lib/components/ThemeProvider/ThemeProvider.d.ts

@@ -2,10 +2,6 @@ import { ReactNode, PropsWithChildren } from 'react';
 import { Theme } from '../../theme';
 export type ThemeProviderProps = {
     children: ReactNode;
-    /**
-     * Объект темы, обычно являющийся результатом `createTheme()`.
-     * Предоставленная тема будет объединена с темой по умолчанию.
-     */
     theme: Theme;
 };
 export declare const ThemeProvider: (props: PropsWithChildren<ThemeProviderProps>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/index.d.ts

@@ -1,8 +1,10 @@
 export * from './Accordion';
 export * from './ActionCell';
 export * from './ActionGroup';
+export * from './Alert';
 export * from './AsyncAutocomplete';
 export * from './Autocomplete';
+export * from './Avatar';
 export * from './Badge';
 export * from './BottomDrawer';
 export * from './Breadcrumbs';
@@ -27,6 +29,8 @@ export * from './CopyTypography';
 export * from './DataGrid';
 export * from './DataGridActionCell';
 export * from './DataGridPagination';
+export * from './DateField';
+export * from './DatePicker';
 export * from './Description';
 export * from './DescriptionList';
 export * from './DescriptionTooltip';
@@ -47,7 +51,9 @@ export * from './FormLabel';
 export * from './GuidTypography';
 export * from './IconButton';
 export * from './IconDropdownButton';
+export * from './InputOTP';
 export * from './InternalErrorPlaceholder';
+export * from './Layout';
 export * from './Link';
 export * from './List';
 export * from './ListItem';
@@ -62,10 +68,13 @@ export * from './MenuList';
 export * from './NavMenu';
 export * from './OutdatedReleasePlaceholder';
 export * from './OverflowTypography';
+export * from './PageLayout';
 export * from './Pagination';
 export * from './Paper';
 export * from './Placeholder';
 export * from './Popover';
+export * from './Product';
+export * from './Profile';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RadioField';
@@ -73,6 +82,7 @@ export * from './RadioGroup';
 export * from './RadioGroupField';
 export * from './SearchField';
 export * from './Select';
+export * from './SidebarButton';
 export * from './Skeleton';
 export * from './Slider';
 export * from './Switch';

package/lib/form/Form/Form.d.ts

@@ -0,0 +1,45 @@
+import { FormHTMLAttributes, ReactNode } from 'react';
+import { UseFormReturn } from '../hooks';
+export type FormProps<FormValues extends object> = FormHTMLAttributes<HTMLFormElement> & {
+    /**
+     * @description Значение, которое возвращвет useForm. Необходимо для передачи в FormContext
+     * @example
+     * ```tsx
+     * import { Form, useForm } from 'form';
+     *
+     * function App() {
+     *   const form = useForm();
+     *   const onSubmit = data => console.log(data);
+     *
+     *   return (
+     *     <Form onSubmit={handleSubmit(onSubmit)} form={form}>
+     *       <input defaultValue="test" {...form.register("example")} />
+     *       <input type="submit" />
+     *     </form>
+     *   );
+     * }
+     * ```
+     */
+    form: UseFormReturn<FormValues>;
+    children?: ReactNode;
+};
+/**
+ * @description Компонент, инкапсулирующий FormProvider
+ * @example
+ * ```tsx
+ * import { Form, useForm } from 'form';
+ *
+ * function App() {
+ *   const form = useForm();
+ *   const onSubmit = data => console.log(data);
+ *
+ *   return (
+ *     <Form onSubmit={handleSubmit(onSubmit)} form={form}>
+ *       <input defaultValue="test" {...form.register("example")} />
+ *       <input type="submit" />
+ *     </form>
+ *   );
+ * }
+ * ```
+ */
+export declare const Form: <FormValues extends object>({ form, children, ...props }: FormProps<FormValues>) => import("react/jsx-runtime").JSX.Element;

package/lib/form/Form/index.d.ts

@@ -0,0 +1 @@
+export * from './Form';

package/lib/form/FormAutocomplete/FormAutocomplete.d.ts

@@ -0,0 +1,4 @@
+import { AutocompleteProps } from '../../components';
+import { WithFormFieldProps } from '../types';
+export type FormAutocompleteProps<FieldValues extends object, Option> = WithFormFieldProps<AutocompleteProps<Option, false, false, false>, FieldValues>;
+export declare const FormAutocomplete: <FieldValues extends object, Option>({ control, name, ...props }: FormAutocompleteProps<FieldValues, Option>) => import("react/jsx-runtime").JSX.Element;

package/lib/form/FormAutocomplete/index.d.ts

@@ -0,0 +1 @@
+export * from './FormAutocomplete';

package/lib/form/FormCheckbox/FormCheckbox.d.ts

@@ -0,0 +1,7 @@
+import { CheckboxFieldProps } from '../../components';
+import { WithFormFieldProps } from '../types';
+export type FormCheckboxProps<FieldValues extends object> = WithFormFieldProps<CheckboxFieldProps, FieldValues>;
+/**
+ * @description Адаптер для CheckboxField
+ */
+export declare const FormCheckbox: <FieldValues extends object>({ name, control, ...restProps }: FormCheckboxProps<FieldValues>) => import("react/jsx-runtime").JSX.Element;

package/lib/form/FormCheckbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormCheckbox';
+export * from './types';

package/lib/form/FormCheckbox/types.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description Тип значения, которое сетится в state формы
+ */
+export type FormCheckboxValue = boolean;

package/lib/form/FormMaskField/FormMaskField.d.ts

@@ -0,0 +1,4 @@
+import { MaskFieldProps } from '../../components';
+import { WithFormFieldProps } from '../types';
+export type FormMaskFieldProps<FieldValues extends object> = WithFormFieldProps<MaskFieldProps, FieldValues>;
+export declare function FormMaskField<T extends object>({ name, control, ref, ...props }: FormMaskFieldProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/form/FormMaskField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormMaskField';
+export * from './types';

package/lib/form/FormMaskField/types.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description Тип значения, которое сетится в state формы
+ */
+export type FormMaskFieldValue = string;

package/lib/form/FormSelect/FormSelect.d.ts

@@ -0,0 +1,7 @@
+import { SelectProps } from '../../components';
+import { WithFormFieldProps } from '../types';
+export type FormSelectProps<FieldValues extends object> = WithFormFieldProps<SelectProps<FieldValues>, FieldValues>;
+/**
+ * @description Адаптер для Select
+ */
+export declare const FormSelect: <FieldValues extends object>({ name, control, ...rest }: FormSelectProps<FieldValues>) => import("react/jsx-runtime").JSX.Element;

package/lib/form/FormSelect/index.d.ts

@@ -0,0 +1 @@
+export * from './FormSelect';

package/lib/form/FormSubmitButton/FormSubmitButton.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../../components';
+export type FormSubmitButtonProps = Omit<ButtonProps<'button'>, 'type'>;
+/**
+ * @description Используется для форм, отображает состояние загрузки, когда форма isSubmitting
+ */
+export declare const FormSubmitButton: ({ children, loading, ...props }: FormSubmitButtonProps) => import("react/jsx-runtime").JSX.Element;

package/lib/form/FormSubmitButton/index.d.ts

@@ -0,0 +1 @@
+export * from './FormSubmitButton';

package/lib/form/FormTextField/FormTextField.d.ts

@@ -0,0 +1,7 @@
+import { TextFieldProps } from '../../components';
+import { WithFormFieldProps } from '../types';
+export type FormTextFieldProps<FieldValues extends object> = WithFormFieldProps<TextFieldProps, FieldValues> & {
+    trimmed?: boolean;
+    gridArea?: string;
+};
+export declare function FormTextField<T extends object>({ name, control, gridArea, ...props }: FormTextFieldProps<T>): import("react/jsx-runtime").JSX.Element;

package/lib/form/FormTextField/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FormTextField';
+export * from './types';

package/lib/form/FormTextField/types.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @description Тип значения, которое сетится в state формы
+ */
+export type FormTextFieldValue = string;

package/lib/form/external.d.ts

@@ -0,0 +1 @@
+export { Controller as FormController, useController as useFormController, useFieldArray as useFormFieldArray, useWatch as useFormWatch, FormProvider, } from 'react-hook-form';

package/lib/form/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useForm';
+export * from './useFormContext';

package/lib/form/hooks/useForm/index.d.ts

@@ -0,0 +1 @@
+export * from './useForm';

package/lib/form/hooks/useForm/useForm.d.ts

@@ -0,0 +1,4 @@
+import { UseFormProps, UseFormReturn } from 'react-hook-form';
+import { FieldValues } from '../../types';
+export declare const useForm: <TFieldValues extends FieldValues = FieldValues, TContext = unknown>({ mode, ...params }?: UseFormProps<TFieldValues, TContext>) => UseFormReturn<TFieldValues, TContext>;
+export type { UseFormProps, UseFormReturn };

package/lib/form/hooks/useFormContext/index.d.ts

@@ -0,0 +1 @@
+export { useFormContext } from 'react-hook-form';

package/lib/form/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Form';
+export * from './FormAutocomplete';
+export * from './FormCheckbox';
+export * from './FormMaskField';
+export * from './FormSelect';
+export * from './FormSubmitButton';
+export * from './FormTextField';
+export * from './types';
+export * from './external';
+export { useForm, useFormContext, type UseFormProps, type UseFormReturn, } from './hooks';

package/lib/form/types.d.ts

@@ -0,0 +1,7 @@
+import { UseControllerProps } from 'react-hook-form';
+/**
+ * @description Добавляет к переданным пропсам типы для react-hook-form. Позволяет переиспользовать логику типизации для филдов формы.
+ * @example WithFormFieldProps<TextFieldProps, FieldValues>;
+ */
+export type WithFormFieldProps<Props extends object, FieldValues extends object> = Omit<Props, 'name' | 'error'> & Omit<UseControllerProps<FieldValues>, 'rules'>;
+export type { ControllerProps as FormControllerProps, Field as FormField, FieldArray as FormFieldArray, FieldArrayPath as FormFieldArrayPath, FieldArrayWithId as FormFieldArrayWithId, FieldError as FormFieldError, FieldErrors as FormFieldErrors, FieldPath as FormFieldPath, FieldValues as FormFieldValues, Path as FormPath, RegisterOptions as FormRegisterOptions, Resolver as FormResolver, UseControllerProps as UseFormControllerProps, UseFormGetValues, UseWatchProps as UseFormWatchProps, FieldValues, SubmitHandler, } from 'react-hook-form';

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
 export * from './theme';
 export * from './hooks';
+export * from './form';