@astral/ui 4.1.3 → 4.1.5

package/components/Banner/BannerActionButton/BannerActionButton.d.ts

@@ -1,4 +1,9 @@
 import type { ElementType } from 'react';
 import { type ButtonProps } from '../../Button';
-export type BannerActionButtonProps<TComponent extends ElementType = ElementType> = Omit<ButtonProps<TComponent>, 'size' | 'fullWidth'>;
+export type BannerActionButtonProps<TComponent extends ElementType = 'button'> = Omit<ButtonProps<TComponent>, 'size' | 'fullWidth' | 'component'> & {
+    /**
+     * Тип html-элемента
+     */
+    component?: TComponent;
+};
 export declare const BannerActionButton: <TComponent extends ElementType = "button">({ children, ...restProps }: BannerActionButtonProps<TComponent>) => JSX.Element;

package/components/Banner/BannerActionButton/BannerActionButton.js

@@ -15,8 +15,5 @@ import { useViewportType } from '../../hooks';
 export const BannerActionButton = (_a) => {
     var { children } = _a, restProps = __rest(_a, ["children"]);
     const { isMobile } = useViewportType();
-    return (
-    // biome-ignore lint/suspicious/noTsIgnore: Проблема c вложенностью типизации. Ts теряет типизацию при большой вложенности типов
-    // @ts-ignore
-    _jsx(Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
+    return (_jsx(Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
 };

package/components/SearchField/SearchField.js

@@ -5,7 +5,7 @@ import { TextField } from '../TextField';
 import { EndAdornmentWrapper, LoaderWrapper, SearchIcon, StyledIconButton, StyledLoader, TextFieldRoot, } from './styles';
 import { useLogic } from './useLogic';
 export const SearchField = forwardRef((props, ref) => {
-    const { onChange, onClearValue, restProps, isLoading, inputRef, value, disabled, isClearButtonDisabled, onBlur, fullWidth, inputComponent, placeholder, } = useLogic(props);
+    const { onChange, onClearValue, restProps, isLoading, inputRef, value, disabled, isClearButtonDisabled, onBlur, fullWidth, inputComponent, placeholder, hideHelperText, } = useLogic(props);
     const RenderComponent = inputComponent || TextField;
-    return (_jsx(TextFieldRoot, { "$isFullWidth": fullWidth, children: _jsx(RenderComponent, Object.assign({ type: "search", placeholder: placeholder, startAdornment: _jsx(SearchIcon, {}), disabled: disabled, endAdornment: _jsx(EndAdornmentWrapper, { children: isLoading ? (_jsx(LoaderWrapper, { children: _jsx(StyledLoader, {}) })) : (_jsx(StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: _jsx(CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth }, restProps)) }));
+    return (_jsx(TextFieldRoot, { "$isFullWidth": fullWidth, children: _jsx(RenderComponent, Object.assign({ type: "search", placeholder: placeholder, startAdornment: _jsx(SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: _jsx(EndAdornmentWrapper, { children: isLoading ? (_jsx(LoaderWrapper, { children: _jsx(StyledLoader, {}) })) : (_jsx(StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: _jsx(CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth }, restProps)) }));
 });

package/components/SearchField/styles.js

@@ -16,11 +16,6 @@ export const StyledIconButton = styled(IconButton, {
 export const TextFieldRoot = styled.div `
   width: ${({ $isFullWidth }) => ($isFullWidth ? '100%' : 'auto')};
 
-  & .MuiFormHelperText-root {
-    /* TODO Убрать после реализации https://track.astral.ru/soft/browse/UIKIT-1333 */
-    display: none;
-  }
-
   /* @see https://stackoverflow.com/questions/9421551/how-do-i-remove-all-default-webkit-search-field-styling */
   input[type='search']::-webkit-search-decoration,
   input[type='search']::-webkit-search-cancel-button,

package/components/SearchField/useLogic/useLogic.d.ts

@@ -1,6 +1,6 @@
 import { type ChangeEvent, type FocusEvent } from 'react';
 import type { SearchFieldProps } from '../types';
-export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder, inputComponent, ...restProps }: SearchFieldProps) => {
+export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder, inputComponent, hideHelperText, ...restProps }: SearchFieldProps) => {
     restProps: {
         label?: import("react").ReactNode;
         slot?: string | undefined;
@@ -277,7 +277,6 @@ export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value,
         maxRows?: string | number | undefined;
         minRows?: string | number | undefined;
         hiddenLabel?: boolean | undefined;
-        hideHelperText?: boolean | undefined;
         InputProps?: Partial<import("@mui/material").OutlinedInputProps> | Partial<import("@mui/material").FilledInputProps> | Partial<import("@mui/material").InputProps> | undefined;
         FormHelperTextProps?: Partial<import("@mui/material").FormHelperTextProps> | undefined;
         helperText?: import("react").ReactNode;
@@ -295,4 +294,5 @@ export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value,
     disabled: boolean | undefined;
     isClearButtonDisabled: boolean;
     onBlur: (event: FocusEvent<HTMLInputElement>) => void;
+    hideHelperText: boolean;
 };

package/components/SearchField/useLogic/useLogic.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { useEffect, useState, } from 'react';
 import { useFirstMountState, useForwardedRef } from '../../hooks';
 export const useLogic = (_a) => {
-    var { onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent } = _a, restProps = __rest(_a, ["onChange", "defaultValue", "value", "inputRef", "disabled", "onBlur", "fullWidth", "isLoading", "placeholder", "inputComponent"]);
+    var { onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent, hideHelperText = true } = _a, restProps = __rest(_a, ["onChange", "defaultValue", "value", "inputRef", "disabled", "onBlur", "fullWidth", "isLoading", "placeholder", "inputComponent", "hideHelperText"]);
     const inputRef = useForwardedRef(externalInputRef);
     const [internalValue, setInternalValue] = useState(defaultValue || value || '');
     const isFirstRender = useFirstMountState();
@@ -62,5 +62,6 @@ export const useLogic = (_a) => {
         disabled,
         isClearButtonDisabled,
         onBlur,
+        hideHelperText,
     };
 };

package/node/components/Banner/BannerActionButton/BannerActionButton.d.ts

@@ -1,4 +1,9 @@
 import type { ElementType } from 'react';
 import { type ButtonProps } from '../../Button';
-export type BannerActionButtonProps<TComponent extends ElementType = ElementType> = Omit<ButtonProps<TComponent>, 'size' | 'fullWidth'>;
+export type BannerActionButtonProps<TComponent extends ElementType = 'button'> = Omit<ButtonProps<TComponent>, 'size' | 'fullWidth' | 'component'> & {
+    /**
+     * Тип html-элемента
+     */
+    component?: TComponent;
+};
 export declare const BannerActionButton: <TComponent extends ElementType = "button">({ children, ...restProps }: BannerActionButtonProps<TComponent>) => JSX.Element;

package/node/components/Banner/BannerActionButton/BannerActionButton.js

@@ -18,9 +18,6 @@ const hooks_1 = require("../../hooks");
 const BannerActionButton = (_a) => {
     var { children } = _a, restProps = __rest(_a, ["children"]);
     const { isMobile } = (0, hooks_1.useViewportType)();
-    return (
-    // biome-ignore lint/suspicious/noTsIgnore: Проблема c вложенностью типизации. Ts теряет типизацию при большой вложенности типов
-    // @ts-ignore
-    (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
+    return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, restProps, { fullWidth: isMobile, size: "large", children: children })));
 };
 exports.BannerActionButton = BannerActionButton;

package/node/components/SearchField/SearchField.js

@@ -8,7 +8,7 @@ const TextField_1 = require("../TextField");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 exports.SearchField = (0, react_1.forwardRef)((props, ref) => {
-    const { onChange, onClearValue, restProps, isLoading, inputRef, value, disabled, isClearButtonDisabled, onBlur, fullWidth, inputComponent, placeholder, } = (0, useLogic_1.useLogic)(props);
+    const { onChange, onClearValue, restProps, isLoading, inputRef, value, disabled, isClearButtonDisabled, onBlur, fullWidth, inputComponent, placeholder, hideHelperText, } = (0, useLogic_1.useLogic)(props);
     const RenderComponent = inputComponent || TextField_1.TextField;
-    return ((0, jsx_runtime_1.jsx)(styles_1.TextFieldRoot, { "$isFullWidth": fullWidth, children: (0, jsx_runtime_1.jsx)(RenderComponent, Object.assign({ type: "search", placeholder: placeholder, startAdornment: (0, jsx_runtime_1.jsx)(styles_1.SearchIcon, {}), disabled: disabled, endAdornment: (0, jsx_runtime_1.jsx)(styles_1.EndAdornmentWrapper, { children: isLoading ? ((0, jsx_runtime_1.jsx)(styles_1.LoaderWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}) })) : ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth }, restProps)) }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.TextFieldRoot, { "$isFullWidth": fullWidth, children: (0, jsx_runtime_1.jsx)(RenderComponent, Object.assign({ type: "search", placeholder: placeholder, startAdornment: (0, jsx_runtime_1.jsx)(styles_1.SearchIcon, {}), disabled: disabled, hideHelperText: hideHelperText, endAdornment: (0, jsx_runtime_1.jsx)(styles_1.EndAdornmentWrapper, { children: isLoading ? ((0, jsx_runtime_1.jsx)(styles_1.LoaderWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.StyledLoader, {}) })) : ((0, jsx_runtime_1.jsx)(styles_1.StyledIconButton, { variant: "text", onClick: onClearValue, disabled: isClearButtonDisabled, "$isActive": !isClearButtonDisabled, children: (0, jsx_runtime_1.jsx)(icons_1.CrossOutlineMd, {}) })) }), onChange: onChange, value: value, ref: ref, inputRef: inputRef, trimmed: false, onBlur: onBlur, fullWidth: fullWidth }, restProps)) }));
 });

package/node/components/SearchField/styles.js

@@ -19,11 +19,6 @@ exports.StyledIconButton = (0, styles_1.styled)(IconButton_1.IconButton, {
 exports.TextFieldRoot = styles_1.styled.div `
   width: ${({ $isFullWidth }) => ($isFullWidth ? '100%' : 'auto')};
 
-  & .MuiFormHelperText-root {
-    /* TODO Убрать после реализации https://track.astral.ru/soft/browse/UIKIT-1333 */
-    display: none;
-  }
-
   /* @see https://stackoverflow.com/questions/9421551/how-do-i-remove-all-default-webkit-search-field-styling */
   input[type='search']::-webkit-search-decoration,
   input[type='search']::-webkit-search-cancel-button,

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

@@ -1,6 +1,6 @@
 import { type ChangeEvent, type FocusEvent } from 'react';
 import type { SearchFieldProps } from '../types';
-export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder, inputComponent, ...restProps }: SearchFieldProps) => {
+export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder, inputComponent, hideHelperText, ...restProps }: SearchFieldProps) => {
     restProps: {
         label?: import("react").ReactNode;
         slot?: string | undefined;
@@ -277,7 +277,6 @@ export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value,
         maxRows?: string | number | undefined;
         minRows?: string | number | undefined;
         hiddenLabel?: boolean | undefined;
-        hideHelperText?: boolean | undefined;
         InputProps?: Partial<import("@mui/material").OutlinedInputProps> | Partial<import("@mui/material").FilledInputProps> | Partial<import("@mui/material").InputProps> | undefined;
         FormHelperTextProps?: Partial<import("@mui/material").FormHelperTextProps> | undefined;
         helperText?: import("react").ReactNode;
@@ -295,4 +294,5 @@ export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value,
     disabled: boolean | undefined;
     isClearButtonDisabled: boolean;
     onBlur: (event: FocusEvent<HTMLInputElement>) => void;
+    hideHelperText: boolean;
 };

package/node/components/SearchField/useLogic/useLogic.js

@@ -15,7 +15,7 @@ exports.useLogic = void 0;
 const react_1 = require("react");
 const hooks_1 = require("../../hooks");
 const useLogic = (_a) => {
-    var { onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent } = _a, restProps = __rest(_a, ["onChange", "defaultValue", "value", "inputRef", "disabled", "onBlur", "fullWidth", "isLoading", "placeholder", "inputComponent"]);
+    var { onChange: propsOnChange, defaultValue, value, inputRef: externalInputRef, disabled, onBlur: propsOnBlur, fullWidth, isLoading, placeholder = 'Поиск', inputComponent, hideHelperText = true } = _a, restProps = __rest(_a, ["onChange", "defaultValue", "value", "inputRef", "disabled", "onBlur", "fullWidth", "isLoading", "placeholder", "inputComponent", "hideHelperText"]);
     const inputRef = (0, hooks_1.useForwardedRef)(externalInputRef);
     const [internalValue, setInternalValue] = (0, react_1.useState)(defaultValue || value || '');
     const isFirstRender = (0, hooks_1.useFirstMountState)();
@@ -65,6 +65,7 @@ const useLogic = (_a) => {
         disabled,
         isClearButtonDisabled,
         onBlur,
+        hideHelperText,
     };
 };
 exports.useLogic = useLogic;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.1.3",
+  "version": "4.1.5",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {