@true-engineering/true-react-common-ui-kit 3.9.2 → 3.10.0

package/README.md

@@ -10,6 +10,18 @@
 
 # Release Notes
 
+## v3.10.0
+
+### Changes
+
+- Добавлен компонент **IconButton**
+- Компонент **CloseButton** стал deprecated
+
+### Breaking changes
+
+- **Modal** использует **IconButton** вместо **CloseButton**
+- **Toaster** использует **IconButton** вместо **CloseButton**
+
 ## v3.9.2
 
 ### Changes

package/dist/components/Button/constants.d.ts

@@ -1 +1,2 @@
+export declare const BUTTON_SIZES: readonly ["s", "m", "l", "xl"];
 export declare const BUTTON_VIEWS: readonly ["primary", "secondary", "outline", "warning", "destructive", "text", "custom"];

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

@@ -1,3 +1,3 @@
-import { BUTTON_VIEWS } from './constants';
-export type IButtonSize = 's' | 'm' | 'l' | 'xl';
+import { BUTTON_SIZES, BUTTON_VIEWS } from './constants';
+export type IButtonSize = (typeof BUTTON_SIZES)[number];
 export type IButtonView = (typeof BUTTON_VIEWS)[number];

package/dist/components/CloseButton/CloseButton.d.ts

@@ -6,4 +6,5 @@ export interface ICloseButtonProps extends ICommonProps<ICloseButtonStyles> {
     iconType?: 'close' | 'close-large' | 'close-window';
     onClose?: () => void;
 }
+/** @deprecated */
 export declare const CloseButton: FC<ICloseButtonProps>;

package/dist/components/CloseButton/CloseButton.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentStory } from '@storybook/react';
+import { CloseButton } from './CloseButton';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./CloseButton").ICloseButtonProps>;
+export default _default;
+export declare const Default: ComponentStory<typeof CloseButton>;

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
+import { IIconButtonSize, IIconButtonView, IIconButtonHTMLBaseProps } from './types';
+import { IIconButtonStyles } from './IconButton.styles';
+export interface IIconButtonProps extends IIconButtonHTMLBaseProps, ICommonProps<IIconButtonStyles> {
+    icon: IIcon;
+    /** @default 'm' */
+    size?: IIconButtonSize;
+    /** @default 'cancel-light' */
+    view?: IIconButtonView;
+    /** @default false */
+    isDisabled?: boolean;
+    /** @default false */
+    isActive?: boolean;
+    /** @default false */
+    isLoading?: boolean;
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/IconButton/IconButton.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComponentStory } from '@storybook/react';
+import { IconButton } from './IconButton';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./IconButton").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default _default;
+export declare const Default: ComponentStory<typeof IconButton>;

package/dist/components/IconButton/IconButton.styles.d.ts

@@ -0,0 +1,3 @@
+import { ITweakStyles } from '../../theme';
+export declare const useStyles: import("../../theme").IUseStyles<"main" | "cancel" | "root" | "icon" | "active" | "disabled" | "custom" | "s" | "m" | "loader" | "loading" | "cancel-light", unknown>;
+export type IIconButtonStyles = ITweakStyles<typeof useStyles>;

package/dist/components/IconButton/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ICON_BUTTON_SIZES: readonly ["s", "m"];
+export declare const ICON_BUTTON_VIEWS: readonly ["cancel", "cancel-light", "main", "custom"];

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

@@ -0,0 +1,3 @@
+export * from './IconButton';
+export * from './types';
+export type { IIconButtonStyles } from './IconButton.styles';

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

@@ -0,0 +1,5 @@
+import { ButtonHTMLAttributes } from 'react';
+import { ICON_BUTTON_SIZES, ICON_BUTTON_VIEWS } from './constants';
+export type IIconButtonSize = (typeof ICON_BUTTON_SIZES)[number];
+export type IIconButtonView = (typeof ICON_BUTTON_VIEWS)[number];
+export type IIconButtonHTMLBaseProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'style' | 'className'>;

package/dist/components/Modal/Modal.styles.d.ts

@@ -1,6 +1,7 @@
 import { ITweakStyles } from '../../theme';
-import { ICloseButtonStyles } from '../CloseButton';
+import { IIconButtonStyles } from '../IconButton';
 export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "overlay" | "root" | "s" | "m" | "l" | "footer" | "animationEnd" | "animationStart" | "fixedPosition" | "innerOverlay" | "sideBar" | "position-static" | "position-left" | "position-right" | "position-center" | "modal" | "title" | "titleWithCloseButton" | "stickyFooterWrapper" | "stickyFooter" | "buttons-left" | "buttons-center" | "buttons-right" | "withoutFooter" | "withStickyFooter" | "footerWrapper" | "modalWrapper" | "modal-enter" | "modal-enter-active" | "modal-exit" | "modal-exit-active", unknown>;
+export declare const closeButtonStyles: IIconButtonStyles;
 export type IModalStyles = ITweakStyles<typeof useStyles, {
-    tweakCloseButton: ICloseButtonStyles;
+    tweakCloseButton: IIconButtonStyles;
 }>;

package/dist/components/TextButton/TextButton.d.ts

@@ -1,15 +1,16 @@
-import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { ICommonProps } from '../../types';
 import { IIcon } from '../Icon';
 import { IThemedPreloaderProps } from '../ThemedPreloader';
+import { ITextButtonHTMLBaseProps, ITextButtonSize, ITextButtonView } from './types';
 import { ITextButtonStyles } from './TextButton.styles';
-export interface ITextButtonProps extends ICommonProps<ITextButtonStyles>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'disabled'> {
+export interface ITextButtonProps extends ICommonProps<ITextButtonStyles>, ITextButtonHTMLBaseProps {
     /** @default 'undefined' */
     children?: ReactNode;
     /** @default 'undefined' */
     icon?: IIcon;
     /** @default 'primary' */
-    view?: 'primary' | 'secondary' | 'custom';
+    view?: ITextButtonView;
     /** @default false */
     isBold?: boolean;
     /** @default false */
@@ -21,10 +22,10 @@ export interface ITextButtonProps extends ICommonProps<ITextButtonStyles>, Omit<
     /** @default false */
     isActive?: boolean;
     /** @default 'l' */
-    size?: 'l' | 'xl';
+    size?: ITextButtonSize;
     /** @default 'left' */
     iconPosition?: 'left' | 'right';
     /** @default 'dots' */
     preloaderType?: IThemedPreloaderProps['type'];
 }
-export declare const TextButton: FC<ITextButtonProps>;
+export declare const TextButton: import("react").ForwardRefExoticComponent<ITextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/TextButton/TextButton.stories.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { ComponentStory } from '@storybook/react';
 import { TextButton } from './TextButton';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextButton").ITextButtonProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./TextButton").ITextButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
 export default _default;
 export declare const Default: ComponentStory<typeof TextButton>;

package/dist/components/TextButton/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const TEXT_BUTTON_SIZES: readonly ["l", "xl"];
+export declare const TEXT_BUTTON_VIEWS: readonly ["primary", "secondary", "custom"];

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

@@ -1,3 +1,3 @@
 export * from './TextButton';
-export * from './TextButton';
+export * from './types';
 export type { ITextButtonStyles } from './TextButton.styles';

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

@@ -0,0 +1,5 @@
+import { ButtonHTMLAttributes } from 'react';
+import { TEXT_BUTTON_SIZES, TEXT_BUTTON_VIEWS } from './constants';
+export type ITextButtonSize = (typeof TEXT_BUTTON_SIZES)[number];
+export type ITextButtonView = (typeof TEXT_BUTTON_VIEWS)[number];
+export type ITextButtonHTMLBaseProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled' | 'style' | 'className'>;

package/dist/components/Toaster/Toaster.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
-import { ICloseButtonStyles } from '../CloseButton';
+import { IIconButtonStyles } from '../IconButton';
 export declare const useStyles: import("../../theme").IUseStyles<"content" | "close" | "error" | "root" | "text" | "warning" | "iconContainer" | "info" | "title" | "ok" | "not-ok", unknown>;
 export type IToasterStyles = ITweakStyles<typeof useStyles, {
-    tweakCloseButton: ICloseButtonStyles;
+    tweakCloseButton: IIconButtonStyles;
 }>;

package/dist/components/index.d.ts

@@ -12,6 +12,7 @@ export * from './FiltersPane';
 export * from './Flag';
 export * from './FlexibleTable';
 export * from './Icon';
+export * from './IconButton';
 export * from './IncrementInput';
 export * from './Input';
 export * from './List';

package/dist/theme/types.d.ts

@@ -1,6 +1,6 @@
 import { Styles } from 'react-jss';
 import { Classes, JssValue } from 'jss';
-import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectStyles, IFilterValueViewStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IListItemStyles, ISelectorStyles, ISkeletonStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, IStatusStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithPopupStyles, INewMoreMenuStyles } from '../components';
+import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithPopupStyles, INewMoreMenuStyles } from '../components';
 export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
 export type IUseStyles<C extends string, P = unknown> = (data?: P & {
     theme?: Partial<Styles<C, P>>;
@@ -32,6 +32,7 @@ export interface IComponentStyles {
     FlexibleTableRow: IFlexibleTableRowStyles;
     FlexibleTableCell: IFlexibleTableCellStyles;
     Icon: IIconStyles;
+    IconButton: IIconButtonStyles;
     IncrementInput: IIncrementInputStyles;
     Input: IInputStyles;
     List: IListStyles;