@astral/ui 4.0.0-alpha.34 → 4.0.0-alpha.35

package/components/TreeLikeAutocomplete/OptionsModal/OptionsModal.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../Button';
 import { Dialog } from '../../Dialog';
 import { DialogActions } from '../../DialogActions';
-import { ScrollWrapper } from '../../ScrollWrapper';
+import { Paper } from '../../Paper';
 import { SearchField } from '../../SearchField';
 import { TreeLikeList } from '../../TreeLikeList';
 import { ErrorMessage } from './ErrorMessage';
@@ -36,5 +36,5 @@ export const OptionsModal = (props) => {
         }
         return (_jsx(TreeLikeList, Object.assign({ isConfirmChildrenSelection: isConfirmChildrenSelection }, treeProps, treeLikeListProps)));
     };
-    return (_jsxs(Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), _jsx(ScrollWrapper, { children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
+    return (_jsxs(Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), _jsx(Paper, { variant: "outlined", children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
 };

package/components/theme/components/MuiAutocomplete.js

@@ -1,18 +1,27 @@
+import { autocompleteClasses } from '@mui/material';
 import { AutocompleteSizes } from '../../Autocomplete/enums';
 export const MuiAutocomplete = {
     styleOverrides: {
+        root({ theme }) {
+            return {
+                [`&.${autocompleteClasses.hasPopupIcon}.${autocompleteClasses.hasClearIcon}`]: {
+                    [`.${autocompleteClasses.inputRoot}`]: {
+                        paddingRight: `${theme.spacing(14)}`,
+                    },
+                },
+            };
+        },
         inputRoot({ theme, ownerState: { size } }) {
             return {
                 paddingTop: `${theme.spacing(1)} !important`,
                 paddingBottom: `${theme.spacing(1)} !important`,
-                paddingLeft: `${theme.spacing(1)} !important`,
+                paddingLeft: `${theme.spacing(3)} !important`,
                 minHeight: size === AutocompleteSizes.small ? '32px' : '40px',
             };
         },
-        input({ theme }) {
+        input() {
             return {
                 padding: '0 !important',
-                paddingLeft: `${theme.spacing(1)} !important`,
             };
         },
         popupIndicator({ theme }) {
@@ -28,6 +37,7 @@ export const MuiAutocomplete = {
                 top: 'unset',
                 gap: theme.spacing(1),
                 color: theme.palette.grey[800],
+                marginRight: `${theme.spacing(1)} !important`,
             };
         },
         paper({ theme }) {
@@ -59,5 +69,13 @@ export const MuiAutocomplete = {
                 height: '64px',
             };
         },
+        tagSizeMedium({ theme }) {
+            return {
+                margin: `${theme.microSpacing(0, 1)}`,
+                ':first-of-type': {
+                    marginLeft: 0,
+                },
+            };
+        },
     },
 };

package/components/theme/components/MuiFormHelperText.js

@@ -3,8 +3,8 @@ export const MuiFormHelperText = {
         root({ theme }) {
             return {
                 display: 'flex',
-                minHeight: theme.typography.caption.lineHeight,
                 fontSize: theme.typography.caption.fontSize,
+                minHeight: theme.typography.caption.lineHeight,
                 margin: theme.spacing(1, 0, 0),
                 color: theme.palette.grey[600],
                 lineHeight: theme.typography.caption.lineHeight,

package/hook-form/EditableText/EditingForm/useLogic/useLogic.js

@@ -22,7 +22,7 @@ export const useLogic = ({ initialValue, children, validate, onClose, onSubmit,
             };
         }
         return {
-            values: formValues,
+            values: {},
             errors: {
                 [FIELD_NAME]: {
                     message: validationResult === null || validationResult === void 0 ? void 0 : validationResult.message,

package/hook-form/hooks/useForm/index.d.ts

@@ -1 +1,2 @@
 export * from './useForm';
+export type { UseFormProps, UseFormReturn } from './types';

package/hook-form/hooks/useForm/types.d.ts

@@ -0,0 +1,23 @@
+import type { ObjectAsyncGuard, ObjectGuard } from '@astral/validations';
+import type { UseFormProps as UseFormPropsRHForm, UseFormReturn } from 'react-hook-form';
+import type { FieldValues } from '../../types';
+export type UseFormProps<TFieldValues extends FieldValues = FieldValues, TContext = any> = UseFormPropsRHForm<TFieldValues, TContext> & {
+    /**
+     * Схема валидации из @astral/validations
+     *
+     * @example
+     * ```ts
+     *  const validationSchema = object<FormValues>({
+     *   lastName: string(),
+     *   name: string(),
+     *   patronymic: optional(string()),
+     *   phone: string(mobilePhone()),
+     *   email: string(email()),
+     * });
+     *
+     * const form = useForm<FormValues>({ validationSchema });
+     * ```
+     */
+    validationSchema?: ObjectGuard<TFieldValues> | ObjectAsyncGuard<TFieldValues>;
+};
+export type { UseFormReturn };

package/hook-form/hooks/useForm/types.js

@@ -0,0 +1 @@
+export {};

package/hook-form/hooks/useForm/useForm.d.ts

@@ -1,5 +1,5 @@
-import { type UseFormProps, type UseFormReturn } from 'react-hook-form';
-import { type FieldValues } from '../../types';
+import type { FieldValues } from '../../types';
+import type { UseFormProps, UseFormReturn } from './types';
 /**
  * Custom hook to manage the entire form.
  *
@@ -29,32 +29,4 @@ import { type FieldValues } from '../../types';
  * }
  * ```
  */
-export declare const useForm: <TFieldValues extends FieldValues = FieldValues, TContext = any>({ mode, ...params }?: Partial<{
-    mode: "all" | "onChange" | "onBlur" | "onSubmit" | "onTouched";
-    disabled: boolean;
-    reValidateMode: "onChange" | "onBlur" | "onSubmit";
-    defaultValues: ((payload?: unknown) => Promise<TFieldValues>) | import("react-hook-form").DefaultValues<TFieldValues>;
-    values: TFieldValues;
-    errors: import("react-hook-form").FieldErrors<TFieldValues>;
-    resetOptions: Partial<{
-        keepDirtyValues: boolean;
-        keepErrors: boolean;
-        keepDirty: boolean;
-        keepValues: boolean;
-        keepDefaultValues: boolean;
-        keepIsSubmitted: boolean;
-        keepIsSubmitSuccessful: boolean;
-        keepTouched: boolean;
-        keepIsValid: boolean;
-        keepSubmitCount: boolean;
-    }> | undefined;
-    resolver: import("react-hook-form").Resolver<TFieldValues, TContext>;
-    context: TContext;
-    shouldFocusError: boolean;
-    shouldUnregister: boolean;
-    shouldUseNativeValidation: boolean;
-    progressive: boolean;
-    criteriaMode: import("react-hook-form").CriteriaMode;
-    delayError: number;
-}>) => UseFormReturn<TFieldValues, TContext>;
-export type { UseFormProps, UseFormReturn };
+export declare const useForm: <TFieldValues extends FieldValues = FieldValues, TContext = any>({ mode, validationSchema, resolver: propsResolver, ...params }?: UseFormProps<TFieldValues, TContext>) => UseFormReturn<TFieldValues, TContext>;

package/hook-form/hooks/useForm/useForm.js

@@ -9,7 +9,8 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { useForm as useRHForm, } from 'react-hook-form';
+import { useForm as useRHForm } from 'react-hook-form';
+import { resolver as hookFormResolver } from '../../react-hook-form-resolver';
 /**
  * Custom hook to manage the entire form.
  *
@@ -40,6 +41,8 @@ import { useForm as useRHForm, } from 'react-hook-form';
  * ```
  */
 export const useForm = (_a = {}) => {
-    var { mode = 'onBlur' } = _a, params = __rest(_a, ["mode"]);
-    return useRHForm(Object.assign(Object.assign({}, params), { mode }));
+    var { mode = 'onBlur', validationSchema, resolver: propsResolver } = _a, params = __rest(_a, ["mode", "validationSchema", "resolver"]);
+    const resolver = propsResolver !== null && propsResolver !== void 0 ? propsResolver : (validationSchema && hookFormResolver(validationSchema));
+    return useRHForm(Object.assign(Object.assign({}, params), { resolver,
+        mode }));
 };

package/hook-form/hooks/useFormFieldErrorProps/useFormFieldErrorProps.d.ts

@@ -1,8 +1,7 @@
 import { type ControllerFieldState } from 'react-hook-form';
 import { type TextFieldProps } from '../../../components/TextField';
-type UseFormFieldErrorPropsReturn = Pick<TextFieldProps, 'error' | 'helperText'>;
+export type UseFormFieldErrorPropsReturn = Pick<TextFieldProps, 'error' | 'helperText'>;
 /**
  * хук предназначен для предоставления пропсов для отображения ошибки field
  */
 export declare const useFormFieldErrorProps: (fieldState: Pick<ControllerFieldState, 'error'>) => UseFormFieldErrorPropsReturn;
-export {};

package/hook-form/hooks/useFormFieldProps/useFormFieldProps.d.ts

@@ -1,18 +1,14 @@
-/// <reference types="react" />
+import { type RefObject } from 'react';
+import { type ControllerRenderProps, type Path } from 'react-hook-form';
 import { type FieldValues, type WithFormFieldProps } from '../../types';
+import { type UseFormFieldErrorPropsReturn } from '../useFormFieldErrorProps';
+import { type UseFormInputReturn } from '../useFormInputProps';
 export type UseFormFieldProps<TFormFieldProps extends object, TFieldValues extends FieldValues> = WithFormFieldProps<TFormFieldProps, TFieldValues>;
+type UseFormFieldPropsReturn<TFormFieldProps extends object, TFieldValues extends FieldValues> = ControllerRenderProps<TFieldValues, Path<TFieldValues>> & UseFormInputReturn<UseFormFieldProps<TFormFieldProps, TFieldValues>, TFieldValues> & UseFormFieldErrorPropsReturn & {
+    inputRef: RefObject<HTMLInputElement>;
+};
 /**
  * хук предназначен для получения пропсов при инициализации нового поля в RHF
  */
-export declare const useFormFieldProps: <TFormFieldProps extends object, TFieldValues extends FieldValues>(props: UseFormFieldProps<TFormFieldProps, TFieldValues>) => {
-    onChange: (...event: any[]) => void;
-    onBlur: import("react-hook-form").Noop;
-    value: import("react-hook-form").PathValue<TFieldValues, import("react-hook-form").Path<TFieldValues>>;
-    disabled?: boolean | undefined;
-    name: import("react-hook-form").Path<TFieldValues>;
-    ref: import("react-hook-form").RefCallBack;
-} & ("disabled" | Exclude<Exclude<Exclude<keyof TFormFieldProps, "error" | "name">, "error" | "name">, "defaultValue" | "name" | "control" | "shouldUnregister"> extends infer T extends keyof (Omit<UseFormFieldProps<TFormFieldProps, TFieldValues>, "error" | "name"> & Omit<import("react-hook-form").UseControllerProps<TFieldValues>, "rules">) ? { [P in T]: (Omit<UseFormFieldProps<TFormFieldProps, TFieldValues>, "error" | "name"> & Omit<import("react-hook-form").UseControllerProps<TFieldValues>, "rules">)[P]; } : never) & {
-    inputRef: import("react").RefObject<any>;
-    error?: boolean | undefined;
-    helperText?: import("react").ReactNode;
-};
+export declare const useFormFieldProps: <TFormFieldProps extends object, TFieldValues extends FieldValues>(props: UseFormFieldProps<TFormFieldProps, TFieldValues>) => UseFormFieldPropsReturn<TFormFieldProps, TFieldValues>;
+export {};

package/hook-form/hooks/useFormFieldProps/useFormFieldProps.js

@@ -1,7 +1,7 @@
-import { useController } from 'react-hook-form';
+import { useController, } from 'react-hook-form';
 import { useForwardedRef } from '../../../components/hooks';
-import { useFormFieldErrorProps } from '../useFormFieldErrorProps';
-import { useFormInputProps } from '../useFormInputProps';
+import { useFormFieldErrorProps, } from '../useFormFieldErrorProps';
+import { useFormInputProps, } from '../useFormInputProps';
 /**
  * хук предназначен для получения пропсов при инициализации нового поля в RHF
  */

package/hook-form/hooks/useFormInputProps/useFormInputProps.d.ts

@@ -1,7 +1,7 @@
 import { type FieldValues } from 'react-hook-form';
 import { type WithFormFieldProps } from '../../types';
 type UseFormInputProps<TFormFieldProps extends object, TFieldValues extends FieldValues> = WithFormFieldProps<TFormFieldProps, TFieldValues>;
-type UseFormInputReturn<TFormFieldProps extends object, TFieldValues extends FieldValues> = Omit<UseFormInputProps<TFormFieldProps, TFieldValues>, 'control' | 'defaultValue' | 'name' | 'shouldUnregister'>;
+export type UseFormInputReturn<TFormFieldProps extends object, TFieldValues extends FieldValues> = Omit<UseFormInputProps<TFormFieldProps, TFieldValues>, 'control' | 'defaultValue' | 'name' | 'shouldUnregister'>;
 /**
  * хук предназначен для получения props input'а без системных props RHF, таких как: control.
  * Это необходимо для того, чтобы лишние props не попадали в DOM-дерево

package/hook-form/hooks/useFormWizard/useFormWizard.js

@@ -9,7 +9,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { resolver } from '@astral/validations-react-hook-form-resolver';
 import { useContext, useMemo, useRef, useState } from 'react';
 import { ConfigContext } from '../../../components/ConfigProvider';
 import { useForm } from '../useForm';
@@ -47,9 +46,7 @@ export const useFormWizard = ({ initialStepId, defaultValues, isDisabled, steps,
     const form = useForm({
         defaultValues,
         disabled: isDisabled,
-        resolver: validationSchemaForStep
-            ? resolver(validationSchemaForStep)
-            : undefined,
+        validationSchema: validationSchemaForStep,
     });
     const indexStep = useMemo(() => currentStepId
         ? visibleSteps.findIndex((step) => Object.is(step.id, currentStepId))

package/hook-form/index.d.ts

@@ -28,4 +28,5 @@ export { FormTreeLikeAutocomplete, type FormTreeLikeAutocompleteProps, type Form
 export { FormWizard, type FormWizardProps, type WizardStep, type WizardStepId, } from './FormWizard';
 export { FormPageLayout, type FormPageLayoutProps, FormWizardPageLayout, type FormWizardPageLayoutProps, formPageContentClassnames, formPageLayoutClassnames, } from './formLayouts';
 export { type UseFormProps, type UseFormReturn, type UseFormWizardParams, type UseFormWizardResult, useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, } from './hooks';
+export { resolver as formValidationResolver } from './react-hook-form-resolver';
 export * from './types';

package/hook-form/index.js

@@ -29,4 +29,5 @@ export { FormWizard, } from './FormWizard';
 export { FormPageLayout, FormWizardPageLayout, formPageContentClassnames, formPageLayoutClassnames, } from './formLayouts';
 // нельзя экспортить через * потому, что есть пересечение с export * from 'react-hook-form';
 export { useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, } from './hooks';
+export { resolver as formValidationResolver } from './react-hook-form-resolver';
 export * from './types';

package/hook-form/react-hook-form-resolver/index.d.ts

@@ -0,0 +1 @@
+export { resolver } from './resolver';

package/hook-form/react-hook-form-resolver/index.js

@@ -0,0 +1 @@
+export { resolver } from './resolver';

package/hook-form/react-hook-form-resolver/resolver/index.d.ts

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

package/hook-form/react-hook-form-resolver/resolver/index.js

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

package/hook-form/react-hook-form-resolver/resolver/resolver.d.ts

@@ -0,0 +1,40 @@
+import { type ObjectAsyncGuard, type ObjectGuard } from '@astral/validations';
+import { type FieldValues, type Resolver } from 'react-hook-form';
+/**
+ * Позволяет выполнять object или objectAsync валидацию для формы react-hook-form
+ * @param validateBySchema
+ * @example
+ * ```tsx
+ *      type Values = { info: { name: string } };
+ *
+ *     const validationSchema = object<Values>({
+ *       info: object<Values['info']>({
+ *         name: string(),
+ *       }),
+ *     });
+ *
+ *     const TestForm = () => {
+ *       const { register, handleSubmit, formState } = useForm<Values>({
+ *         resolver: resolver<Values>(validationSchema),
+ *       });
+ *
+ *       return (
+ *         <form onSubmit={handleSubmit(() => {})}>
+ *           <input {...register('info.name')} />
+ *           {formState.errors.info?.name && (
+ *             <>
+ *               <p>{formState.errors.info.name.message}</p>
+ *               <p>{formState.errors.info.name.type}</p>
+ *             </>
+ *           )}
+ *           <button type="submit">submit</button>
+ *         </form>
+ *       );
+ *     };
+ * ```
+ */
+export declare const resolver: <TFieldValues extends FieldValues = FieldValues>(validateBySchema: import("@astral/validations/core").IGuard<{}, {
+    isPartial?: boolean | undefined;
+}> | import("@astral/validations/core").IAsyncGuard<{}, {
+    isPartial?: boolean | undefined;
+}>) => Resolver<TFieldValues>;

package/hook-form/react-hook-form-resolver/resolver/resolver.js

@@ -0,0 +1,69 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { toPlainError, } from '@astral/validations';
+import { get, } from 'react-hook-form';
+import { validateFieldsNatively } from '../utils';
+/**
+ * Позволяет выполнять object или objectAsync валидацию для формы react-hook-form
+ * @param validateBySchema
+ * @example
+ * ```tsx
+ *      type Values = { info: { name: string } };
+ *
+ *     const validationSchema = object<Values>({
+ *       info: object<Values['info']>({
+ *         name: string(),
+ *       }),
+ *     });
+ *
+ *     const TestForm = () => {
+ *       const { register, handleSubmit, formState } = useForm<Values>({
+ *         resolver: resolver<Values>(validationSchema),
+ *       });
+ *
+ *       return (
+ *         <form onSubmit={handleSubmit(() => {})}>
+ *           <input {...register('info.name')} />
+ *           {formState.errors.info?.name && (
+ *             <>
+ *               <p>{formState.errors.info.name.message}</p>
+ *               <p>{formState.errors.info.name.type}</p>
+ *             </>
+ *           )}
+ *           <button type="submit">submit</button>
+ *         </form>
+ *       );
+ *     };
+ * ```
+ */
+export const resolver = (validateBySchema) => (values, _, options) => __awaiter(void 0, void 0, void 0, function* () {
+    const validationResult = yield validateBySchema(values);
+    if (validationResult) {
+        const resolverError = toPlainError(validationResult, (err, { path }) => {
+            var _a;
+            return {
+                message: err.message,
+                type: err.cause.code,
+                types: err.cause.errors
+                    ? Object.fromEntries(err.cause.errors.map((error) => [
+                        error.cause.code,
+                        error.message,
+                    ]))
+                    : undefined,
+                ref: (_a = get(options.fields, path)) === null || _a === void 0 ? void 0 : _a.ref,
+            };
+        });
+        return { values: {}, errors: resolverError };
+    }
+    if (options.shouldUseNativeValidation) {
+        validateFieldsNatively({}, options);
+    }
+    return { errors: {}, values };
+});

package/hook-form/react-hook-form-resolver/utils/index.d.ts

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

package/hook-form/react-hook-form-resolver/utils/index.js

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

package/hook-form/react-hook-form-resolver/utils/validateFieldsNatively/index.d.ts

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

package/hook-form/react-hook-form-resolver/utils/validateFieldsNatively/index.js

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

package/hook-form/react-hook-form-resolver/utils/validateFieldsNatively/validateFieldsNatively.d.ts

@@ -0,0 +1,5 @@
+import { type FieldErrors, type FieldValues, type ResolverOptions } from 'react-hook-form';
+/**
+ * Native validation (web only)
+ */
+export declare const validateFieldsNatively: <TFieldValues extends FieldValues>(errors: FieldErrors, options: ResolverOptions<TFieldValues>) => void;

package/hook-form/react-hook-form-resolver/utils/validateFieldsNatively/validateFieldsNatively.js

@@ -0,0 +1,24 @@
+// Скопировано из https://github.com/react-hook-form/resolvers/blob/master/src/validateFieldsNatively.ts
+// Причина копирования: в @hookform/resolvers react-hook-form указан как peerDep с крышкой. Из-за этого происходит рассинхрон с @astral/form
+import { get, } from 'react-hook-form';
+const setCustomValidity = (ref, fieldPath, errors) => {
+    if (ref && 'reportValidity' in ref) {
+        const error = get(errors, fieldPath);
+        ref.setCustomValidity((error === null || error === void 0 ? void 0 : error.message) || '');
+        ref.reportValidity();
+    }
+};
+/**
+ * Native validation (web only)
+ */
+export const validateFieldsNatively = (errors, options) => {
+    for (const fieldPath in options.fields) {
+        const field = options.fields[fieldPath];
+        if ((field === null || field === void 0 ? void 0 : field.ref) && 'reportValidity' in field.ref) {
+            setCustomValidity(field.ref, fieldPath, errors);
+        }
+        else if (field.refs) {
+            field.refs.forEach((ref) => setCustomValidity(ref, fieldPath, errors));
+        }
+    }
+};

package/node/components/AddressAutocomplete/AddressAutocomplete.d.ts

@@ -4,7 +4,7 @@ export type Address = {
     addressString: string;
 };
 export type AddressAutocompleteValue<TOptions extends Address = Address> = TOptions;
-export type AddressAutocompleteProps<TOptions extends Address = AddressAutocompleteValue> = Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, 'className' | 'ref' | 'id' | 'placeholder' | 'onClose' | 'onOpen' | 'open' | 'disablePortal' | 'loadingText' | 'noOptionsText' | 'readOnly' | 'renderOption' | 'autoHighlight' | 'getOptionDisabled' | 'label' | 'helperText' | 'inputRef' | 'size' | 'isDisabled' | 'isLoading' | 'isFullWidth' | 'isError' | 'isSuccess' | 'isRequired' | 'fetchDelayMs' | 'minSymbolsToFetch' | 'fetchOptions' | 'onInputChange' | 'role' | 'defaultValue'> & {
+export type AddressAutocompleteProps<TOptions extends Address = AddressAutocompleteValue> = Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, 'className' | 'ref' | 'id' | 'placeholder' | 'onClose' | 'onOpen' | 'open' | 'disablePortal' | 'loadingText' | 'noOptionsText' | 'readOnly' | 'renderOption' | 'autoHighlight' | 'getOptionDisabled' | 'label' | 'helperText' | 'inputRef' | 'size' | 'isDisabled' | 'isLoading' | 'isFullWidth' | 'isError' | 'isSuccess' | 'isRequired' | 'fetchDelayMs' | 'minSymbolsToFetch' | 'fetchOptions' | 'onInputChange' | 'role' | 'defaultValue' | 'hideHelperText'> & {
     /**
      *  Значение для autocomplete
      */
@@ -23,7 +23,7 @@ export type AddressAutocompleteProps<TOptions extends Address = AddressAutocompl
      */
     isHidePersonalData?: boolean;
 };
-export declare const AddressAutocomplete: <TOptions extends Address = Address>(props: Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, "label" | "size" | "defaultValue" | "className" | "id" | "placeholder" | "role" | "ref" | "open" | "onClose" | "readOnly" | "disablePortal" | "inputRef" | "onOpen" | "loadingText" | "noOptionsText" | "renderOption" | "autoHighlight" | "getOptionDisabled" | "onInputChange" | "helperText" | "isDisabled" | "isError" | "fetchOptions" | "fetchDelayMs" | "minSymbolsToFetch" | "isFullWidth" | "isSuccess" | "isLoading" | "isRequired"> & {
+export declare const AddressAutocomplete: <TOptions extends Address = Address>(props: Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, "label" | "size" | "defaultValue" | "className" | "id" | "placeholder" | "role" | "ref" | "open" | "onClose" | "readOnly" | "disablePortal" | "inputRef" | "onOpen" | "loadingText" | "noOptionsText" | "renderOption" | "autoHighlight" | "getOptionDisabled" | "onInputChange" | "hideHelperText" | "helperText" | "isDisabled" | "isError" | "fetchOptions" | "fetchDelayMs" | "minSymbolsToFetch" | "isFullWidth" | "isSuccess" | "isLoading" | "isRequired"> & {
     /**
      *  Значение для autocomplete
      */

package/node/components/AsyncAutocomplete/useLogic/useLogic.d.ts

@@ -315,6 +315,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
             endAdornment?: import("react").ReactNode;
             maxLength?: number | undefined;
             trimmed?: boolean | undefined;
+            hideHelperText?: boolean | undefined;
         } & Omit<import("@mui/material").AutocompleteRenderInputParams, "size">) => import("react").ReactNode) | undefined;
         renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement>, option: TOptions, state: import("@mui/material").AutocompleteRenderOptionState) => import("react").ReactNode) | undefined;
         renderTags?: ((value: TOptions[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<TOptions, TMultiple, TDisableClearable, TFreeSolo, "div">) => import("react").ReactNode) | undefined;
@@ -339,6 +340,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         onHighlightChange?: ((event: SyntheticEvent<Element, Event>, option: TOptions | null, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
         selectOnFocus?: boolean | undefined;
+        hideHelperText?: boolean | undefined;
         helperText?: import("react").ReactNode;
         loadedDataError?: string | undefined;
         overflowOption?: import("../..").OverflowedElementProps | undefined;

package/node/components/AsyncAutocomplete/useLogic/useLogic.js

@@ -46,7 +46,8 @@ const useLogic = (_a) => {
         });
     }, fetchDelayMs), [fetchOptions, fetchDelayMs]);
     const handleInputChange = (event, search, reason) => {
-        if (!search || search.length < minSymbolsToFetch) {
+        if ((minSymbolsToFetch > 0 && !search) ||
+            search.length < minSymbolsToFetch) {
             if (debouncedFetchOptions.isPending) {
                 debouncedFetchOptions.clear();
             }

package/node/components/Autocomplete/Autocomplete.d.ts

@@ -43,6 +43,10 @@ export type AutocompleteProps<TAutocompleteValueProps, TMultiple extends boolean
      * @default Очистить
      */
     clearText?: string;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
 };
 export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<TextFieldProps, "label" | "error" | "success" | "placeholder" | "required" | "inputProps" | "inputRef" | "helperText"> & {
     renderInput?: ((props: TextFieldProps & Omit<AutocompleteRenderInputParams, 'size'>) => ReactNode) | undefined;
@@ -82,4 +86,8 @@ export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends b
      * @default Очистить
      */
     clearText?: string | undefined;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean | undefined;
 } & import("react").RefAttributes<unknown>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/node/components/Autocomplete/Autocomplete.js

@@ -22,19 +22,22 @@ const Loader_1 = require("../Loader");
 const OverflowTypography_1 = require("../OverflowTypography");
 const Tag_1 = require("../Tag");
 const TextField_1 = require("../TextField");
+const utils_1 = require("../utils");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const AutocompleteInner = (props, ref) => {
     const { isValueEmpty, isPopperVisible, autocompleteProps } = (0, useLogic_1.useLogic)(props);
-    const { required, success, error, label, getOptionLabel, helperText, inputRef, multiple, size = 'medium', placeholder = constants_1.DEFAULT_PLACEHOLDER, overflowOption, closeText = 'Закрыть', openText = 'Открыть', clearText = 'Очистить', loadingText = (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), isLoadedDataError, loadedDataError, noOptionsText, autoHighlight, renderInput: externalRenderInput, renderTags: externalRenderTags, renderOption: externalRenderOption, inputProps } = props, restProps = __rest(props, ["required", "success", "error", "label", "getOptionLabel", "helperText", "inputRef", "multiple", "size", "placeholder", "overflowOption", "closeText", "openText", "clearText", "loadingText", "isLoadedDataError", "loadedDataError", "noOptionsText", "autoHighlight", "renderInput", "renderTags", "renderOption", "inputProps"]);
+    const { required, success, error, label, getOptionLabel, helperText, inputRef, multiple, size = 'medium', placeholder = constants_1.DEFAULT_PLACEHOLDER, overflowOption, closeText = 'Закрыть', openText = 'Открыть', clearText = 'Очистить', loadingText = (0, jsx_runtime_1.jsx)(Loader_1.Loader, {}), isLoadedDataError, loadedDataError, noOptionsText, autoHighlight, renderInput: externalRenderInput, renderTags: externalRenderTags, renderOption: externalRenderOption, inputProps, hideHelperText = false } = props, restProps = __rest(props, ["required", "success", "error", "label", "getOptionLabel", "helperText", "inputRef", "multiple", "size", "placeholder", "overflowOption", "closeText", "openText", "clearText", "loadingText", "isLoadedDataError", "loadedDataError", "noOptionsText", "autoHighlight", "renderInput", "renderTags", "renderOption", "inputProps", "hideHelperText"]);
     const renderInput = (0, react_1.useCallback)((inputParams) => {
-        const generalInputParams = Object.assign(Object.assign({}, inputParams), { inputProps: Object.assign(Object.assign({}, inputParams.inputProps), inputProps), inputRef,
+        var _a;
+        const generalInputParams = Object.assign(Object.assign({}, inputParams), { inputProps: Object.assign(Object.assign({}, inputParams.inputProps), { className: (0, utils_1.classNames)((_a = inputParams === null || inputParams === void 0 ? void 0 : inputParams.inputProps) === null || _a === void 0 ? void 0 : _a.className, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className) }), inputRef,
             required, placeholder: isValueEmpty ? placeholder : '', label,
             success,
             error,
             helperText,
-            size });
+            size,
+            hideHelperText });
         if (externalRenderInput) {
             return externalRenderInput(generalInputParams);
         }
@@ -50,6 +53,7 @@ const AutocompleteInner = (props, ref) => {
         error,
         helperText,
         size,
+        hideHelperText,
     ]);
     const renderOption = (0, react_1.useCallback)((optionProps, option, optionState) => {
         if (externalRenderOption) {

package/node/components/CheckboxField/styles.d.ts

@@ -4,6 +4,7 @@ export declare const StyledFormControlledLabel: import("@emotion/styled").Styled
 export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").FormHelperTextProps> & {
     success?: boolean | undefined;
     error?: boolean | undefined;
+    hideHelperText?: boolean | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/CheckboxField/styles.js

@@ -18,9 +18,9 @@ exports.StyledFormControlledLabel = (0, styles_1.styled)(FormControlLabel_1.Form
   }
 `;
 exports.StyledFormHelperText = (0, styles_1.styled)(FormHelperText_1.FormHelperText) `
-  margin-left: ${({ theme }) => theme.spacing(7)};
+  padding-left: ${({ theme }) => theme.spacing(7)};
   
   ${({ theme }) => theme.breakpoints.down('sm')} {
-    margin-left: ${({ theme }) => theme.spacing(9)};
+    padding-left: ${({ theme }) => theme.spacing(9)};
   }
 `;

package/node/components/CodeField/styles.d.ts

@@ -35,6 +35,7 @@ export declare const FieldLabel: import("@emotion/styled").StyledComponent<{
 export declare const StyledHelperText: import("@emotion/styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").FormHelperTextProps> & {
     success?: boolean | undefined;
     error?: boolean | undefined;
+    hideHelperText?: boolean | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DashboardLayout/Sidebar/Sidebar.js

@@ -19,5 +19,5 @@ exports.Sidebar = (0, react_1.forwardRef)((props, ref) => {
     if (isLoading) {
         return (0, jsx_runtime_1.jsx)(SidebarSkeleton_1.SidebarSkeleton, {});
     }
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$isPinned": isPinned, "$alertHeight": alertHeight, children: (0, jsx_runtime_1.jsxs)(styles_1.SidebarRoot, { ref: ref, "$isPinned": isPinned, "$collapsedIn": collapsedIn, className: (0, utils_1.classNames)(className, constants_1.dashboardLayoutSidebarClassnames.root), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, inert: isMobile && !isPinned ? '' : undefined, children: [(0, jsx_runtime_1.jsxs)(styles_1.SidebarContent, { "$collapsedIn": collapsedIn, "$isPinned": isPinned, "$hasHeader": Boolean(header), children: [header && (0, jsx_runtime_1.jsx)(styles_1.SidebarHeader, { children: header }), (0, jsx_runtime_1.jsx)(SidebarNav_1.SidebarNav, { menu: (0, jsx_runtime_1.jsx)(NavMenu_1.NavMenu, { collapsedIn: collapsedIn, items: menu.items }) })] }), (0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(PinButton_1.PinButton, { isPinned: isPinned, collapsedIn: collapsedIn, onClick: onTogglePin }) })] }) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$isPinned": isPinned, "$alertHeight": alertHeight, children: (0, jsx_runtime_1.jsx)(styles_1.SidebarRoot, { ref: ref, "$isPinned": isPinned, "$collapsedIn": collapsedIn, className: (0, utils_1.classNames)(className, constants_1.dashboardLayoutSidebarClassnames.root), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, inert: isMobile && !isPinned ? '' : undefined, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { variant: "outlined", children: [(0, jsx_runtime_1.jsxs)(styles_1.SidebarContent, { "$collapsedIn": collapsedIn, "$isPinned": isPinned, "$hasHeader": Boolean(header), children: [header && (0, jsx_runtime_1.jsx)(styles_1.SidebarHeader, { children: header }), (0, jsx_runtime_1.jsx)(SidebarNav_1.SidebarNav, { menu: (0, jsx_runtime_1.jsx)(NavMenu_1.NavMenu, { collapsedIn: collapsedIn, items: menu.items }) })] }), (0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(PinButton_1.PinButton, { isPinned: isPinned, collapsedIn: collapsedIn, onClick: onTogglePin }) })] }) }) }));
 });