@astral/ui 4.36.1 → 4.37.1

package/components/TextField/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const textFieldClassnames: {
     hideHelperText: string;
+    disabled: string;
 };

package/components/TextField/constants.js

@@ -1,4 +1,5 @@
 import { createUIKitClassname } from '../utils/createUIKitClassname';
 export const textFieldClassnames = {
     hideHelperText: createUIKitClassname('text-field__helper-text_hidden'),
+    disabled: createUIKitClassname('text-field_disabled'),
 };

package/components/TextField/styles.js

@@ -14,4 +14,8 @@ export const StyledTextField = styled(TextField) `
       }
     } 
   }
+
+  &.${textFieldClassnames.disabled} {
+    pointer-events: none;
+  }
 `;

package/components/Tree/TreeItem/styles.d.ts

@@ -47,6 +47,7 @@ export declare const Label: import("../../styled").StyledComponent<import("../..
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -391,6 +392,7 @@ export declare const Note: import("../../styled").StyledComponent<import("../../
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement> & {

package/components/TreeLikeAsyncAutocomplete/Input/Input.js

@@ -9,7 +9,7 @@ import { IconWrapper, StyledTagsList, StyledTextField } from './styles';
 import { useLogic } from './useLogic';
 const ClearButton = ({ disabled, onClick }) => (_jsx(IconButton, { variant: "text", color: "grey", disabled: disabled, onClick: onClick, title: CLEAR_TEXT, "aria-label": CLEAR_TEXT, children: _jsx(CrossOutlineMd, {}) }));
 export const Input = forwardRef(({ disabled, onChange: propsOnChange, value, inputRef, hideHelperText = false, onClick, isLoading, ...restProps }, forwardedRef) => {
-    const { isVisibleClearButton, onChange, isVisibleTagsList, textFieldProps, onClearAll, } = useLogic({
+    const { isVisibleClearButton, isVisibleTagsList, onChange, textFieldProps, onClearAll, } = useLogic({
         inputRef,
         value,
         onChange: propsOnChange,

package/components/Typography/Typography.d.ts

@@ -12,4 +12,5 @@ export declare const Typography: import("react").ForwardRefExoticComponent<impor
     colorIntensity?: import("./types").Intensity | undefined;
     component?: ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement>>;

package/components/Typography/Typography.js

@@ -1,8 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
+import { classNames } from '../utils/classNames';
+import { typographyClassnames } from './constants';
 import { useTypographyColor } from './hooks';
 import { TypographyWrapper } from './styles';
-export const Typography = forwardRef(({ children, color, colorIntensity = '800', component, ...props }, ref) => {
+export const Typography = forwardRef(({ children, color, colorIntensity = '800', component, withoutCalt, className, ...props }, ref) => {
     const typographyColor = useTypographyColor({ color, colorIntensity });
-    return (_jsx(TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, children: children }));
+    return (_jsx(TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, className: classNames(className, {
+            [typographyClassnames.withoutCalt]: withoutCalt,
+        }), children: children }));
 });

package/components/Typography/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const typographyClassnames: {
+    withoutCalt: string;
+};

package/components/Typography/constants.js

@@ -0,0 +1,3 @@
+export const typographyClassnames = {
+    withoutCalt: 'typography_without-calt',
+};

package/components/Typography/styles.js

@@ -1,7 +1,12 @@
 import Typography from '@mui/material/Typography';
 import { styled } from '../styled';
+import { typographyClassnames } from './constants';
 export const TypographyWrapper = styled(Typography, {
     shouldForwardProp: (prop) => prop !== 'isUpperCase',
 }) `
   text-transform: ${({ isUpperCase }) => (isUpperCase ? 'uppercase' : 'none')};
+
+  .${typographyClassnames.withoutCalt} {
+    font-feature-settings: "calt" 0;
+  }
 `;

package/components/Typography/types.d.ts

@@ -31,4 +31,8 @@ export type TypographyProps = TypographyPropsBase & {
      * @default false
      */
     isUpperCase?: boolean;
+    /**
+     * Отключает контекстные альтернативы шрифта. Подробнее в [документации](https://ui-kit.astral.ru/?path=/docs/getting-started-fonts--docs)
+     */
+    withoutCalt?: boolean;
 } & HTMLAttributes<HTMLParagraphElement>;

package/components/WelcomeScreen/styles.d.ts

@@ -21,6 +21,7 @@ export declare const Greeting: import("../styled").StyledComponent<import("../Ty
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -30,6 +31,7 @@ export declare const UserName: import("../styled").StyledComponent<import("../Ty
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/fileUploading/FileInfo/styles.d.ts

@@ -348,6 +348,7 @@ export declare const FileSize: import("../../styled").StyledComponent<import("..
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/placeholders/Placeholder/styles.d.ts

@@ -17,6 +17,7 @@ export declare const Title: import("../../styled").StyledComponent<import("../..
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & WithSize, {}, {}>;
@@ -26,6 +27,7 @@ export declare const Description: import("../../styled").StyledComponent<import(
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & WithSize, {}, {}>;

package/hook-form/EditableText/EditingForm/styles.d.ts

@@ -9,6 +9,7 @@ export declare const Description: import("../../../components/styled").StyledCom
     colorIntensity?: import("../../../components/Typography").Intensity | undefined;
     component?: import("../../../components/Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/hook-form/EditableText/styles.d.ts

@@ -5,6 +5,7 @@ export declare const DisplayValue: import("../../components/styled").StyledCompo
     colorIntensity?: import("../../components/Typography").Intensity | undefined;
     component?: import("../../components/Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

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

@@ -25,6 +25,7 @@ export declare const Summary: import("@emotion/styled/dist/declarations/src/type
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -42,6 +42,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
@@ -55,6 +56,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

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

@@ -13,6 +13,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -31,6 +32,7 @@ export declare const IndicatorTypography: import("@emotion/styled/dist/declarati
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type AutocompleteRenderInputParams } from './types';
-export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material/Autocomplete/Autocomplete").AutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<import("../TextField").TextFieldProps, "label" | "success" | "error" | "placeholder" | "required" | "inputRef" | "helperText" | "inputProps"> & {
+export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").AutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<import("../TextField").TextFieldProps, "label" | "success" | "error" | "placeholder" | "required" | "inputRef" | "helperText" | "inputProps"> & {
     renderInput?: ((props: Omit<import("..").WithoutEmotionSpecific<import("@mui/material").TextFieldProps>, "color" | "select" | "margin" | "variant" | "multiline" | "SelectProps"> & {
         success?: boolean | undefined;
         startAdornment?: import("react").ReactNode;

package/node/components/Autocomplete/Autocomplete.js

@@ -14,7 +14,7 @@ const Checkbox_1 = require("../Checkbox");
 const forwardRefWithGeneric_1 = require("../forwardRefWithGeneric");
 const Loader_1 = require("../Loader");
 const OverflowTypography_1 = require("../OverflowTypography");
-const Tag_1 = require("../Tag");
+const TagsList_1 = require("../TagsList");
 const TextField_1 = require("../TextField");
 const classNames_1 = require("../utils/classNames");
 const constants_1 = require("./constants");
@@ -22,14 +22,51 @@ 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, hideHelperText = false, loading, ...restProps } = props;
+    const inputBaseRef = (0, react_1.useRef)(null);
+    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, loading, value, onChange, ...restProps } = props;
     const renderInput = (0, react_1.useCallback)((inputParams) => {
+        const createStartAdornment = () => {
+            if (!multiple || !Array.isArray(value)) {
+                return null;
+            }
+            const tagsListElement = ((0, jsx_runtime_1.jsx)(TagsList_1.TagsList, { data: value, getOptionLabel: (option) => getOptionLabel?.(option) ??
+                    option.toString(), inputContainerRef: inputBaseRef, reservedWidth: constants_1.INPUT_MIN_WIDTH, onChange: (tagValues) => {
+                    if (!onChange) {
+                        return;
+                    }
+                    const syntheticEvent = {
+                        type: 'change',
+                        target: { value: tagValues },
+                        currentTarget: { value: tagValues },
+                    };
+                    const reason = 'removeOption';
+                    onChange(syntheticEvent, tagValues, reason);
+                } }));
+            return tagsListElement;
+        };
         const generalInputParams = {
             ...inputParams,
             inputProps: {
                 ...inputParams.inputProps,
                 className: (0, classNames_1.classNames)(inputParams?.inputProps?.className, inputProps?.className),
             },
+            InputProps: {
+                ...inputParams.InputProps,
+                ref: (element) => {
+                    inputBaseRef.current = element;
+                    const orig = inputParams.InputProps?.ref;
+                    if (typeof orig === 'function') {
+                        orig(element);
+                    }
+                    else if (orig) {
+                        orig.current = element;
+                    }
+                },
+                // Если есть externalRenderTags, используем renderTags(mui использует inputParams.InputProps?.startAdornment)
+                startAdornment: externalRenderTags
+                    ? inputParams.InputProps?.startAdornment
+                    : createStartAdornment(),
+            },
             inputRef,
             required,
             placeholder: isValueEmpty ? placeholder : '',
@@ -46,7 +83,9 @@ const AutocompleteInner = (props, ref) => {
         return (0, jsx_runtime_1.jsx)(TextField_1.TextField, { ...generalInputParams });
     }, [
         isValueEmpty,
+        value,
         externalRenderInput,
+        externalRenderTags,
         inputRef,
         required,
         placeholder,
@@ -56,6 +95,9 @@ const AutocompleteInner = (props, ref) => {
         helperText,
         size,
         hideHelperText,
+        multiple,
+        getOptionLabel,
+        onChange,
     ]);
     const renderOption = (0, react_1.useCallback)((optionProps, option, optionState, ownerState) => {
         if (externalRenderOption) {
@@ -65,26 +107,22 @@ const AutocompleteInner = (props, ref) => {
         const { key, ...restOptionProps } = optionProps;
         return ((0, jsx_runtime_1.jsxs)(styles_1.StyledMenuItem, { selected: isSelected, ...restOptionProps, children: [multiple && ((0, jsx_runtime_1.jsx)(ListItemIcon_1.default, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { role: "menuitemcheckbox", checked: isSelected }) })), (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { rowsCount: constants_1.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT, ...overflowOption, children: optionProps.key })] }, key));
     }, [multiple, overflowOption, externalRenderOption]);
-    const renderTags = (0, react_1.useCallback)((tags, getTagProps, ownerSate) => {
-        if (externalRenderTags) {
-            return externalRenderTags(tags, getTagProps, ownerSate);
-        }
-        return tags.map((tag, index) => {
-            const title = getOptionLabel?.(tag) || '';
-            const { key, ...tagProps } = getTagProps({ index });
-            return ((0, jsx_runtime_1.jsx)(Tag_1.Tag, { variant: "light", color: "grey", label: title, ...tagProps }, key));
-        });
-    }, [getOptionLabel, externalRenderTags]);
     const renderPopper = (0, react_1.useCallback)((popperProps) => {
         if (!isPopperVisible) {
             return null;
         }
         return (0, jsx_runtime_1.jsx)(Popper_1.default, { ...popperProps });
     }, [isPopperVisible]);
+    const renderTags = (0, react_1.useCallback)((tags, getTagProps, ownerState) => {
+        if (externalRenderTags) {
+            return externalRenderTags(tags, getTagProps, ownerState);
+        }
+        return null;
+    }, [externalRenderTags]);
     return ((0, jsx_runtime_1.jsx)(styles_1.StyledAutocomplete, { ...restProps, ref: ref, size: size, clearText: clearText, closeText: !loading ? closeText : '', openText: !loading ? openText : '', loadingText: loadingText, multiple: multiple, disableCloseOnSelect: multiple, clearIcon: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}), loading: loading, popupIcon: loading ? (0, jsx_runtime_1.jsx)(Loader_1.Loader, { color: "primary", size: "small" }) : (0, jsx_runtime_1.jsx)(DownOutlineMd_1.DownOutlineMd, {}), forcePopupIcon: true, slotProps: {
             popper: {
                 component: renderPopper,
             },
-        }, getOptionLabel: getOptionLabel, renderInput: renderInput, renderTags: renderTags, renderOption: renderOption, ...autocompleteProps }));
+        }, getOptionLabel: getOptionLabel, renderInput: renderInput, renderTags: renderTags, renderOption: renderOption, value: value, onChange: onChange, ...autocompleteProps }));
 };
 exports.Autocomplete = (0, forwardRefWithGeneric_1.forwardRefWithGeneric)(AutocompleteInner);

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

@@ -1,2 +1,8 @@
 export declare const DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = 2;
+export declare const INPUT_MIN_WIDTH = 110;
 export declare const DEFAULT_PLACEHOLDER = "\u041D\u0430\u0447\u043D\u0438\u0442\u0435 \u0432\u0432\u043E\u0434\u0438\u0442\u044C \u0434\u043B\u044F \u043F\u043E\u0438\u0441\u043A\u0430";
+export declare const autocompleteClassnames: {
+    root: string;
+    multiple: string;
+    emptyValue: string;
+};

package/node/components/Autocomplete/constants.js

@@ -1,5 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_PLACEHOLDER = exports.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = void 0;
+exports.autocompleteClassnames = exports.DEFAULT_PLACEHOLDER = exports.INPUT_MIN_WIDTH = exports.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = void 0;
+const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT = 2;
+exports.INPUT_MIN_WIDTH = 110;
 exports.DEFAULT_PLACEHOLDER = 'Начните вводить для поиска';
+exports.autocompleteClassnames = {
+    root: (0, createUIKitClassname_1.createUIKitClassname)('autocomplete'),
+    multiple: (0, createUIKitClassname_1.createUIKitClassname)('autocomplete_multiple'),
+    emptyValue: (0, createUIKitClassname_1.createUIKitClassname)('autocomplete_empty-value'),
+};

package/node/components/Autocomplete/styles.js

@@ -31,6 +31,7 @@ const InputBase_1 = require("@mui/material/InputBase");
 const MenuItem_1 = require("../MenuItem");
 const SvgIcon_1 = require("../SvgIcon");
 const styled_1 = require("../styled");
+const constants_1 = require("./constants");
 exports.StyledMenuItem = (0, styled_1.styled)(MenuItem_1.MenuItem) `
     max-height: ${({ theme }) => theme.spacing(13)};
 
@@ -49,5 +50,18 @@ exports.StyledAutocomplete = (0, styled_1.styled)(Autocomplete_1.default) `
   
   & .${Autocomplete_1.autocompleteClasses.endAdornment} .${IconButton_1.iconButtonClasses.root}:hover {
       background-color: ${({ loading, theme }) => (loading ? 'transparent' : theme.palette.grey[100])};
-    }
+  }
+
+  &:not(.${constants_1.autocompleteClassnames.emptyValue}) .${InputBase_1.inputBaseClasses.root} {
+    gap: ${({ theme }) => theme.spacing(3)};
+  }
+
+  & .${Autocomplete_1.autocompleteClasses.inputRoot} .${InputBase_1.inputBaseClasses.input} {
+    min-width: ${constants_1.INPUT_MIN_WIDTH}px;
+  }
+
+  & .${Autocomplete_1.autocompleteClasses.inputRoot} {
+    flex-wrap: nowrap;
+  }
+    
 `;

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

@@ -2,10 +2,11 @@ import { type AutocompleteInputChangeReason } from '@mui/material/Autocomplete';
 import { type SyntheticEvent } from 'react';
 import { type AutocompleteProps } from '../types';
 type UseLogicParams<TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean> = AutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>;
-export declare const useLogic: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>({ value, isOptionEqualToValue: externalOptionEqualToValue, autoHighlight, freeSolo, options, loading, isLoadedDataError, loadedDataError, noOptionsText, onInputChange, }: UseLogicParams<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>) => {
+export declare const useLogic: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>({ value, isOptionEqualToValue: externalOptionEqualToValue, autoHighlight, freeSolo, options, multiple, className, loading, isLoadedDataError, loadedDataError, noOptionsText, onInputChange, }: UseLogicParams<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo>) => {
     isValueEmpty: boolean;
     isPopperVisible: boolean | undefined;
     autocompleteProps: {
+        className: string;
         isOptionEqualToValue: (option: TAutocompleteValueProps, currentValue: TAutocompleteValueProps) => boolean;
         autoHighlight: boolean;
         noOptionsText: string | number | bigint | boolean | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;

package/node/components/Autocomplete/useLogic/useLogic.js

@@ -2,8 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
+const classNames_1 = require("../../utils/classNames");
+const constants_1 = require("../constants");
 const utils_1 = require("./utils");
-const useLogic = ({ value, isOptionEqualToValue: externalOptionEqualToValue, autoHighlight = true, freeSolo, options, loading, isLoadedDataError, loadedDataError = 'Ошибка загрузки данных', noOptionsText = 'Нет данных', onInputChange, }) => {
+const useLogic = ({ value, isOptionEqualToValue: externalOptionEqualToValue, autoHighlight = true, freeSolo, options, multiple, className, loading, isLoadedDataError, loadedDataError = 'Ошибка загрузки данных', noOptionsText = 'Нет данных', onInputChange, }) => {
     const [innerInputValue, setInnerInputValue] = (0, react_1.useState)('');
     const isValueEmpty = (0, utils_1.checkIsInputEmpty)(value);
     const isInnerInputValueNotEmpty = innerInputValue.length >= 1;
@@ -24,10 +26,17 @@ const useLogic = ({ value, isOptionEqualToValue: externalOptionEqualToValue, aut
             setInnerInputValue(currentValue);
         }
     };
+    const classnames = (0, react_1.useMemo)(() => {
+        return (0, classNames_1.classNames)(className, constants_1.autocompleteClassnames.root, {
+            [constants_1.autocompleteClassnames.multiple]: multiple,
+            [constants_1.autocompleteClassnames.emptyValue]: isValueEmpty,
+        });
+    }, [multiple, isValueEmpty]);
     return {
         isValueEmpty,
         isPopperVisible,
         autocompleteProps: {
+            className: classnames,
             isOptionEqualToValue,
             autoHighlight: freeSolo ? false : autoHighlight,
             noOptionsText: isLoadedDataError ? loadedDataError : noOptionsText,

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

@@ -17,6 +17,7 @@ export declare const HeaderTitle: import("@emotion/styled/dist/declarations/src/
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement>, {}, {}>;
 export declare const Body: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

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

@@ -21,6 +21,7 @@ export declare const AdornmentWrapper: import("@emotion/styled/dist/declarations
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -23,6 +23,7 @@ export declare const FieldLabel: import("@emotion/styled/dist/declarations/src/t
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/CollapsibleTypography/CollapsibleTypography.d.ts

@@ -29,6 +29,7 @@ export declare const CollapsibleTypography: import("react").ForwardRefExoticComp
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -14,6 +14,7 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & CollapsibleTypographyWrapperProps, {}, {}>;

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

@@ -9,6 +9,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -5,6 +5,7 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -15,6 +15,7 @@ export declare const useLogic: ({ children, copyPosition, copyText, isShowCopyTe
         colorIntensity?: import("../..").Intensity | undefined;
         component?: import("../../Typography/types").ComponentProp | undefined;
         isUpperCase?: boolean | undefined;
+        withoutCalt?: boolean | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;

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

@@ -9,6 +9,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -9,6 +9,7 @@ export declare const Range: import("@emotion/styled/dist/declarations/src/types"
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -5,6 +5,7 @@ export declare const Range: import("@emotion/styled/dist/declarations/src/types"
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/DatePicker/DateCalendar/DateCalendarHead/styles.d.ts

@@ -8,6 +8,7 @@ export declare const HeadText: import("@emotion/styled/dist/declarations/src/typ
     colorIntensity?: import("../../../Typography").Intensity | undefined;
     component?: import("../../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Description/Value/styles.d.ts

@@ -15,6 +15,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & StyledTypographyProps, {}, {}>;
@@ -24,6 +25,7 @@ export declare const StyledCopyTypography: import("@emotion/styled/dist/declarat
     colorIntensity?: import("../../Typography").Intensity | undefined;
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     copyText?: string | undefined;
     copyPosition?: "left" | "right" | undefined;

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

@@ -43,6 +43,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -11,6 +11,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -20,6 +21,7 @@ export declare const Description: import("@emotion/styled/dist/declarations/src/
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -13,6 +13,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

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

@@ -14,6 +14,7 @@ export declare const TargetTextWrapper: import("@emotion/styled/dist/declaration
     colorIntensity?: import("../Typography").Intensity | undefined;
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
+    withoutCalt?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;