@true-engineering/true-react-common-ui-kit 4.0.0-alpha7 → 4.0.0-alpha71

package/dist/components/List/components/ListItem/ListItem.d.ts

@@ -1,12 +1,14 @@
 import { FC, MouseEvent, KeyboardEvent, ReactNode } from 'react';
 import { ICommonProps } from '../../../../types';
 import { IIcon } from '../../../Icon';
+import { IListSize as IListItemSize } from '../../types';
 import { IListItemStyles } from './ListItem.styles';
 export interface IListItemProps extends ICommonProps<IListItemStyles> {
     item: ReactNode;
     view?: 'default' | 'destructive';
     icon?: IIcon;
     nestedItems?: IListItemProps[];
+    size?: IListItemSize;
     isFocused?: boolean;
     disabled?: boolean;
     shouldDrawSpacerAbove?: boolean;

package/dist/components/List/components/ListItem/ListItem.styles.d.ts

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import("../../../../theme").IUseStyles<"content" | "root" | "default" | "icon" | "destructive" | "focused" | "disabledItem" | "spacer" | "withIconGap", unknown>;
-export type IListItemStyles = ITweakStyles<typeof useStyles>;
+import { IListSizes as IListItemSizes } from '../../types';
+export declare const useStyles: import('../../../../theme').IUseStyles<"content" | "root" | "default" | "destructive" | "focused" | "disabledItem" | "spacer" | "withIconGap" | "icon" | "chevron">;
+export type IListItemStyles = ITweakStyles<typeof useStyles, IListItemSizes>;

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

@@ -1,3 +1,4 @@
 export * from './List';
 export type { IListStyles } from './List.styles';
-export { type IListItemStyles, type IListItemProps as IListItem, ListItem } from './components';
+export * from './types';
+export { type IListItemStyles, type IListItemProps, ListItem } from './components';

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

@@ -0,0 +1,8 @@
+import { IListItemProps } from './components';
+export interface IListSizes {
+}
+export type IListSize = keyof IListSizes;
+export interface IListItem extends IListItemProps {
+    isHidden?: boolean;
+    size?: IListSize;
+}

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

@@ -4,7 +4,7 @@ import { IModalPosition, IModalTransitionProps } from './types';
 import { IModalStyles } from './Modal.styles';
 export interface IModalProps extends ICommonProps<IModalStyles>, IModalTransitionProps {
     title?: ReactNode;
-    /** @default 'l */
+    /** @default 'l' */
     size?: 'l' | 'm' | 's';
     /** @default false */
     isFooterSticky?: boolean;

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

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

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IListStyles } from '../List';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "button" | "icon" | "menu" | "active" | "disabled" | "hasCircle", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"button" | "menu" | "root" | "active" | "disabled" | "icon" | "hasCircle">;
 export type IMoreMenuStyles = ITweakStyles<typeof useStyles, {
     tweakList: IListStyles;
 }>;

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ICommonProps } from '../../types';
 import { IMultiSelectListValues, IMultiSelectLocale, IMultiSelectLocaleKey } from '../MultiSelectList';
 import { IHorizontalCornerConnection } from './types';

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

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../theme';
 import { IMultiSelectListStyles } from '../MultiSelectList';
-export declare const useStyles: import("../../theme").IUseStyles<"left" | "right" | "invalid" | "root" | "open" | "disabled" | "required" | "listContainer" | "full", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"left" | "right" | "invalid" | "root" | "disabled" | "open" | "required" | "full" | "listContainer">;
 export declare const multiSelectListStyles: IMultiSelectListStyles;
 export type IMultiSelectStyles = ITweakStyles<typeof useStyles, {
     tweakMultiSelectList: IMultiSelectListStyles;

package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
-import { ICommonProps } from '../../../../types';
+import { ITweakStylesProps } from '../../../../types';
 import { IMultiSelectListValues } from '../../../MultiSelectList';
 import { IMultiSelectInputStyles } from './MultiSelectInput.styles';
-export interface IMultiSelectInputProps<Value> extends Pick<ICommonProps<IMultiSelectInputStyles>, 'tweakStyles'> {
+export interface IMultiSelectInputProps<Value> extends ITweakStylesProps<IMultiSelectInputStyles> {
     value?: IMultiSelectListValues<Value>;
     isOpen: boolean;
     isDisabled: boolean;

package/dist/components/MultiSelect/components/MultiSelectInput/MultiSelectInput.styles.d.ts

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../../../theme';
-export declare const useStyles: import("../../../../theme").IUseStyles<"value" | "root" | "values" | "placeholder" | "placeholderSmall" | "amount" | "indicator" | "arrow" | "arrowUp" | "indicatorDisabled", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"value" | "values" | "root" | "arrow" | "placeholder" | "placeholderSmall" | "amount" | "indicator" | "arrowUp" | "indicatorDisabled">;
 export type IMultiSelectInputStyles = ITweakStyles<typeof useStyles>;

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

@@ -2,7 +2,7 @@ import { ITweakStyles } from '../../theme';
 import { IButtonStyles } from '../Button';
 import { ICheckboxStyles } from '../Checkbox';
 import { ISearchInputStyles } from '../SearchInput';
-export declare const useStyles: import("../../theme").IUseStyles<"clear" | "item" | "root" | "label" | "preloader" | "list" | "labelChosen" | "withoutTopGap" | "option" | "panel" | "dropdownInput" | "nothingFound" | "selectedItem", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"clear" | "item" | "label" | "option" | "root" | "list" | "preloader" | "nothingFound" | "labelChosen" | "withoutTopGap" | "panel" | "selectedItem" | "dropdownInput">;
 export declare const searchInputStyles: ISearchInputStyles;
 export declare const checkboxStyles: ICheckboxStyles;
 export declare const clearButtonStyles: IButtonStyles;

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

@@ -1,3 +1,3 @@
-import type { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
+import { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
 export declare const MultiSelectLocales: Record<string, IMultiSelectLocale>;
 export declare const DEFAULT_LOCALE: IMultiSelectLocaleKey;

package/dist/components/MultiSelectList/helpers.d.ts

@@ -1,3 +1,3 @@
-import type { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
+import { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
 export declare const defaultConvertFunction: (val: unknown) => string;
 export declare const getLocale: (key?: IMultiSelectLocaleKey, custom?: Partial<IMultiSelectLocale>, custom2?: Partial<IMultiSelectLocale>) => IMultiSelectLocale;

package/dist/components/NewMoreMenu/NewMoreMenu.d.ts

@@ -1,10 +1,13 @@
 import { FC } from 'react';
-import { ICommonProps } from '../../types';
-import { IListItem } from '../List';
+import { ICommonProps, IRenderNode } from '../../types';
+import { IListItem, IListSize } from '../List';
 import { IWithPopupProps } from '../WithPopup';
+import { IWithPopupTriggerProps } from '../WithPopup/types';
 import { INewMoreMenuStyles } from './NewMoreMenu.styles';
 export interface INewMoreMenuProps extends Pick<IWithPopupProps, 'placement' | 'middlewares' | 'shouldHideOnScroll' | 'shouldRenderInBody' | 'canBeFlipped' | 'onToggle'>, ICommonProps<INewMoreMenuStyles> {
     items: IListItem[];
+    renderTrigger?: IRenderNode<IWithPopupTriggerProps>;
+    listSize?: IListSize;
     /** @default false */
     isDisabled?: boolean;
     /** @default true */

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IListStyles } from '../List';
 import { IWithPopupStyles } from '../WithPopup';
-export declare const useStyles: import("../../theme").IUseStyles<"button" | "icon" | "active" | "disabled" | "hasCircle", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"button" | "active" | "disabled" | "icon" | "hasCircle">;
 export type INewMoreMenuStyles = ITweakStyles<typeof useStyles, {
     tweakList: IListStyles;
     tweakWithPopup: IWithPopupStyles;

package/dist/components/Notification/Notification.d.ts

@@ -7,11 +7,11 @@ export interface INotificationProps extends ICommonProps<INotificationStyles> {
     type: INotificationType;
     /** @default true */
     isFullWidth?: boolean;
-    text?: string;
-    title?: string;
+    text?: ReactNode;
+    title?: ReactNode;
     /** @default 's' */
     size?: 's' | 'm' | 'l';
-    icon?: IIcon;
+    icon?: IIcon | null;
     children?: ReactNode;
 }
 export declare const Notification: FC<INotificationProps>;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "error" | "root" | "inline" | "text" | "icon" | "warning" | "custom" | "s" | "m" | "l" | "info" | "body" | "title" | "withText" | "withTitle" | "ok" | "not-ok", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "custom" | "body" | "s" | "title" | "text" | "error" | "root" | "inline" | "icon" | "m" | "l" | "warning" | "info" | "ok" | "not-ok" | "withText" | "withTitle">;
 export type INotificationStyles = ITweakStyles<typeof useStyles>;

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IChangeInputEvent, IInputProps } from '../Input';
 export interface INumberInputProps extends Omit<IInputProps, 'value' | 'onChange' | 'type'> {
     value?: number;
@@ -15,4 +14,4 @@ export interface INumberInputProps extends Omit<IInputProps, 'value' | 'onChange
     max?: number;
     onChange: (value: number | undefined, event?: IChangeInputEvent) => void;
 }
-export declare const NumberInput: import("react").ForwardRefExoticComponent<INumberInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const NumberInput: import('react').ForwardRefExoticComponent<INumberInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/NumberInput/helpers.d.ts

@@ -1,4 +1,4 @@
-import type { INumberInputProps } from './NumberInput';
+import { INumberInputProps } from './NumberInput';
 export declare const getNewCaretPosition: (defaultPosition: number, oldValue: string, newValue: string, isDeleteForwardAction?: boolean) => number;
 export declare const formatNumberWithDefault: (value: number | undefined, defaultValue?: number) => string;
-export declare const constructRegExp: ({ canBeFloat, canBeNegative, intPartPrecision, precision, }: Pick<INumberInputProps, 'canBeFloat' | 'canBeNegative' | 'intPartPrecision' | 'precision'>) => string;
+export declare const constructRegExp: ({ canBeFloat, canBeNegative, intPartPrecision, precision, }: Pick<INumberInputProps, "canBeFloat" | "canBeNegative" | "intPartPrecision" | "precision">) => string;

package/dist/components/PhoneInput/PhoneInput.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-import { ICommonProps } from '../../types';
+import { IReplaceTweakStylesProps } from '../../types';
 import { IInputProps } from '../Input';
 import { IChangePhoneInputEvent, IPhoneValue } from './types';
 import { IPhoneInputStyles } from './PhoneInput.styles';
-export interface IPhoneInputProps extends Omit<IInputProps, 'value' | 'onChange' | 'type' | 'mask' | 'units' | 'placeholder' | 'tweakStyles'>, ICommonProps<IPhoneInputStyles> {
+export interface IPhoneInputProps extends Omit<IReplaceTweakStylesProps<IInputProps, IPhoneInputStyles>, 'value' | 'onChange' | 'type' | 'mask' | 'units' | 'placeholder'> {
     /** @default 'ru' */
     locale?: string;
     /** @default 'Поиск' */

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IInputStyles } from '../Input';
 import { IPhoneInputCountryListStyles } from './components';
-export declare const useStyles: import("../../theme").IUseStyles<"root" | "arrow" | "countrySelectContainer" | "disabledCountrySelect" | "flag" | "up" | "invalidArrow" | "focusedBorder" | "invalidBorder" | "inputContainer" | "flagListContainer", unknown>;
+export declare const useStyles: import('../../theme').IUseStyles<"root" | "arrow" | "flag" | "countrySelectContainer" | "disabledCountrySelect" | "up" | "invalidArrow" | "focusedBorder" | "invalidBorder" | "inputContainer" | "flagListContainer">;
 export declare const inputStyles: IInputStyles;
 export type IPhoneInputStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;

package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.d.ts

@@ -1,9 +1,9 @@
 import { FC } from 'react';
-import { ICommonProps } from '../../../../types';
+import { ITweakStylesProps } from '../../../../types';
 import { IChangeInputEvent } from '../../../Input';
 import { IPhoneInfo } from '../../types';
 import { IPhoneInputCountryListStyles } from './PhoneInputCountryList.styles';
-export interface IPhoneInputCountryListProps extends Pick<ICommonProps<IPhoneInputCountryListStyles>, 'tweakStyles'> {
+export interface IPhoneInputCountryListProps extends ITweakStylesProps<IPhoneInputCountryListStyles> {
     selectedCountryCode?: string;
     locale: string;
     placeholder: string;

package/dist/components/PhoneInput/components/PhoneInputCountryList/PhoneInputCountryList.styles.d.ts

@@ -1,6 +1,6 @@
 import { ITweakStyles } from '../../../../theme';
 import { IInputStyles } from '../../../Input';
-export declare const useStyles: import("../../../../theme").IUseStyles<"dialCode" | "root" | "icon" | "flag" | "searchContainer" | "searchIcon" | "flagList" | "listItem" | "selectedCountry" | "activeCountry" | "countryName" | "emptyResult", unknown>;
+export declare const useStyles: import('../../../../theme').IUseStyles<"root" | "icon" | "searchContainer" | "searchIcon" | "flagList" | "listItem" | "selectedCountry" | "activeCountry" | "flag" | "countryName" | "dialCode" | "emptyResult">;
 export declare const inputStyles: IInputStyles;
 export type IPhoneInputCountryListStyles = ITweakStyles<typeof useStyles, {
     tweakInput: IInputStyles;

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,10 +1,12 @@
 import { ReactNode } from 'react';
 import { ICommonProps } from '../../types';
+import { IRadioButtonSize } from './types';
 import { IRadioButtonStyles } from './RadioButton.styles';
 export interface IRadioButtonProps<Value extends string> extends ICommonProps<IRadioButtonStyles> {
     children?: ReactNode;
     value: Value;
     groupName: string;
+    size?: IRadioButtonSize;
     isChecked?: boolean;
     /** @default false */
     isDisabled?: boolean;
@@ -12,4 +14,4 @@ export interface IRadioButtonProps<Value extends string> extends ICommonProps<IR
     isInvalid?: boolean;
     onChange: (value: Value) => void | Promise<void>;
 }
-export declare function RadioButton<Value extends string>({ children, value, groupName, isChecked, isDisabled, isInvalid, data, testId, tweakStyles, onChange, }: IRadioButtonProps<Value>): JSX.Element;
+export declare function RadioButton<Value extends string>({ children, value, groupName, size, isChecked, isDisabled, isInvalid, data, testId, tweakStyles, onChange, }: IRadioButtonProps<Value>): JSX.Element;

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

@@ -1,3 +1,4 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "input" | "label" | "isDisabled" | "isInvalid", unknown>;
-export type IRadioButtonStyles = ITweakStyles<typeof useStyles>;
+import { IRadioButtonSizes } from './types';
+export declare const useStyles: import('../../theme').IUseStyles<"content" | "input" | "label" | "isDisabled" | "isInvalid">;
+export type IRadioButtonStyles = ITweakStyles<typeof useStyles, IRadioButtonSizes>;

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

@@ -1,2 +1,3 @@
 export * from './RadioButton';
 export type { IRadioButtonStyles } from './RadioButton.styles';
+export * from './types';

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

@@ -0,0 +1,3 @@
+export interface IRadioButtonSizes {
+}
+export type IRadioButtonSize = keyof IRadioButtonSizes;