@true-engineering/true-react-common-ui-kit 3.45.1 → 4.0.0-alpha0

package/dist/components/TextArea/TextArea.d.ts

@@ -1,30 +1,21 @@
-import { FormEvent, ReactNode } from 'react';
+import { FormEvent } from 'react';
 import { ICommonProps } from '../../types';
+import { IControlGroupProps } from '../ControlGroup';
+import { IControlWrapperProps } from '../ControlWrapper';
 import { ITextAreaHTMLBaseProps } from './types';
 import { ITextAreaStyles } from './TextArea.styles';
-export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, ITextAreaHTMLBaseProps {
+export interface ITextAreaProps extends ICommonProps<ITextAreaStyles>, Pick<IControlWrapperProps, 'label' | 'isInvalid' | 'isRequired' | 'isDisabled'>, Pick<IControlGroupProps, 'infoMessage' | 'errorMessage'>, Pick<ITextAreaHTMLBaseProps, 'name' | 'maxLength' | 'rows' | 'onPaste' | 'onFocus' | 'onBlur'> {
     value?: string;
-    label?: ReactNode;
     placeholder?: string;
     /** @default false */
     isDisabled?: boolean;
-    /** @default true */
-    hasFloatingLabel?: boolean;
-    /** @default false */
-    isInvalid?: boolean;
     /** @default false */
     isActive?: boolean;
     /**
      * Должна ли высота и ширина textarea подстраиваться под содержимое
      * @default true
      */
-    isAutoSizeable?: boolean;
-    infoMessage?: string;
-    errorMessage?: string;
-    /** @default false */
-    isRequired?: boolean;
-    /** @default false */
-    hasRequiredLabel?: boolean;
+    isAutoSized?: boolean;
     /** @default false */
     shouldFocusOnMount?: boolean;
     /** @default true */

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

@@ -1,3 +1,9 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"error" | "invalid" | "root" | "textarea" | "disabled" | "label" | "requiredLabel" | "footer" | "info" | "autosize" | "focused" | "withFloatingLabel" | "floating" | "activeLabel" | "required" | "invalidLabel" | "wrapper" | "symbolsCount" | "symbolsCountError", unknown>;
-export type ITextAreaStyles = ITweakStyles<typeof useStyles>;
+import { IControlGroupStyles } from '../ControlGroup';
+import { IControlWrapperStyles } from '../ControlWrapper';
+export declare const useStyles: import("../../theme").IUseStyles<"textarea" | "autoSized" | "symbolsCount" | "symbolsCountError", unknown>;
+export declare const controlWrapperStyles: IControlWrapperStyles;
+export type ITextAreaStyles = ITweakStyles<typeof useStyles, {
+    tweakControlGroup: IControlGroupStyles;
+    tweakControlWrapper: IControlWrapperStyles;
+}>;

package/dist/components/WithPopup/WithPopup.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { Placement, Middleware, OffsetOptions, UseHoverProps } from '@floating-ui/react';
-import { ICommonProps, IDataAttributes, IRenderNode } from '../../types';
-import { IPopupArrowProps, IPopupEventType, IWithPopupChildrenProps, IWithPopupToggleEvent, IWithPopupTriggerProps } from './types';
+import { ICommonProps, IRenderNode } from '../../types';
+import { IPopupEventType, IWithPopupChildrenProps, IWithPopupToggleEvent, IWithPopupTriggerProps } from './types';
 import { IWithPopupStyles } from './WithPopup.styles';
 export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     trigger: IRenderNode<IWithPopupTriggerProps>;
@@ -15,9 +15,7 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     hoverDelay?: UseHoverProps['delay'];
     /** @default 6 */
     popupOffset?: OffsetOptions;
-    arrowProps?: IPopupArrowProps;
-    popupData?: IDataAttributes;
-    /** @default true, if eventType === click */
+    /** @default true */
     shouldStopPropagation?: boolean;
     /** @default false */
     shouldHideOnScroll?: boolean;
@@ -30,11 +28,6 @@ export interface IWithPopupProps extends ICommonProps<IWithPopupStyles> {
     canBeFlipped?: boolean;
     /** @default false */
     isDisabled?: boolean;
-    /** @default false */
-    shouldShowArrow?: boolean;
-    /** Должна ли минимальная ширина попапа быть равна ширине триггера
-     * @default false */
-    isMinWidthSameAsTrigger?: boolean;
     onToggle?: (isActive: boolean, event?: IWithPopupToggleEvent) => void;
 }
 export declare const WithPopup: FC<IWithPopupProps>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "arrow" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"active" | "disabled" | "clickable" | "animationEnd" | "animationStart" | "trigger" | "popup" | "dropdown-initial" | "dropdown-open" | "dropdown-close" | "dropdown-unmounted", unknown>;
 export type IWithPopupStyles = ITweakStyles<typeof useStyles>;

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

@@ -1,5 +1,4 @@
 import type { MouseEvent, KeyboardEvent } from 'react';
-import type { FloatingArrowProps, UseFloatingReturn } from '@floating-ui/react';
 import type { IDataAttributesProps, IDomElementInteractions } from '../../types';
 import type { POPUP_EVENT_TYPES } from './constants';
 export type IPopupEventType = (typeof POPUP_EVENT_TYPES)[number];
@@ -16,7 +15,5 @@ export interface IWithPopupTriggerProps {
     referenceProps?: IReferenceProps;
 }
 export interface IWithPopupChildrenProps {
-    floatingContext: UseFloatingReturn['context'];
     onClose: (event?: IWithPopupToggleEvent) => void;
 }
-export type IPopupArrowProps = Pick<FloatingArrowProps, 'width' | 'height' | 'tipRadius' | 'staticOffset' | 'd' | 'stroke' | 'strokeWidth'>;

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

@@ -1,6 +1,5 @@
 import { ITooltipStyles } from '../Tooltip';
 import { IWithPopupStyles } from '../WithPopup';
-export declare const withPopupStyles: IWithPopupStyles;
 export interface IWithTooltipStyles {
     tweakWithPopup?: IWithPopupStyles;
     tweakTooltip?: ITooltipStyles;

package/dist/components/index.d.ts

@@ -44,3 +44,5 @@ export * from './Tooltip';
 export * from './NewMoreMenu';
 export * from './WithPopup';
 export * from './WithTooltip';
+export * from './ControlGroup';
+export * from './ControlWrapper';

package/dist/theme/common.d.ts

@@ -30,7 +30,17 @@ export declare const dimensions: {
     readonly BORDER_RADIUS_STD: 8;
     readonly BORDER_RADIUS_SMALL: 6;
     readonly BORDER_RADIUS_EXTRA_SMALL: 4;
-    readonly CONTROL_HEIGHT: 48;
+    readonly CONTROL: {
+        readonly HEIGHT: 48;
+        readonly PADDING: 16;
+        readonly ICON_SIZE: 24;
+        readonly ICON_INNER_SIZE: 24;
+        readonly ICON_GAP: 8;
+    };
+    readonly Z_INDEX: {
+        readonly CONTROL_INVALID: 1;
+        readonly CONTROL_FOCUS: 2;
+    };
 };
 export declare const helpers: {
     withAngle: (angleSize?: number, position?: 'left' | 'right', distance?: number) => Styles;
@@ -38,11 +48,9 @@ export declare const helpers: {
         boxSizing: string;
         overflow: string;
         '@supports selector(::-webkit-scrollbar)': {
-            '--webkit-scrollbar-width': string;
-            '--webkit-scrollbar-height': string;
             '&::-webkit-scrollbar': {
-                width: string;
-                height: string;
+                height: number;
+                width: number;
                 '&-thumb': {
                     width: number;
                     minHeight: number;

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, 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, IFileInputStyles, IFileItemStyles, IWithTooltipStyles } from '../components';
+import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, IControlGroupStyles, IControlWrapperStyles, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFileInputStyles, IFileItemStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INewMoreMenuStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithPopupStyles, IWithTooltipStyles } 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>>;
@@ -64,6 +64,8 @@ export interface IComponentStyles {
     Toaster: IToasterStyles;
     WithPopup: IWithPopupStyles;
     NewMoreMenu: INewMoreMenuStyles;
+    ControlGroup: IControlGroupStyles;
+    ControlWrapper: IControlWrapperStyles;
     WithTooltip: IWithTooltipStyles;
 }
 export type IComponentName = keyof IComponentStyles;
@@ -76,7 +78,7 @@ export interface IUiKitTheme {
     preloaders?: Partial<Record<IPreloaderSvgType, string>>;
     animations?: IUiKitAnimations;
     colors?: Record<string, string>;
-    dimensions?: Record<string, number>;
+    dimensions?: Record<string, number | Record<string, number>>;
     boxShadows?: Record<string, JssValue>;
     helpers?: IUiKitHelpers;
 }