@true-engineering/true-react-common-ui-kit 2.5.0 → 2.7.0

package/README.md

@@ -10,6 +10,32 @@
 
 # Release Notes
 
+## v2.7.0
+
+### Changes
+
+- **ListItem**: вынесен компонент для отрисовки пункта из списка List
+- **Icon**: добавлены иконки folder, folder-add, presentation
+
+## v2.6.0
+
+### Changes
+
+- **Input**: изменен тип пропса `label` на ReactNode
+
+## v2.5.0
+
+### Changes
+
+- **DatePicker**: добавлен тип для стилей `IDatePickerStyleProps`
+- **Input**: добавлена пропса `shouldAlwaysShowPlaceholder`
+
+## v2.4.0
+
+### Changes
+
+- Изменения по файловой структуре проекта
+
 ## v2.3.2
 
 ### Changes

package/dist/components/Icon/icons-list.d.ts

@@ -1 +1 @@
-export declare const iconsList: Record<"direction" | "filter" | "search" | "repeat" | "link" | "sort" | "document" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "cancel" | "check" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close" | "close-large" | "close-window" | "copy" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "food" | "information" | "insurance" | "list" | "lock" | "lock-open" | "male" | "menu" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "settings" | "sign-out" | "size" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;
+export declare const iconsList: Record<"direction" | "filter" | "search" | "repeat" | "link" | "sort" | "document" | "vendor-service" | "aircraft-takeoff" | "archive" | "arrow" | "arrow-right" | "baggage" | "balloon" | "bluetooth" | "bonus" | "book" | "box" | "business" | "calendar" | "cancel" | "check" | "check-big" | "check-all" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-down-small" | "chevron-left-small" | "chevron-right-small" | "chevron-up-small" | "circle-check" | "close" | "close-large" | "close-window" | "copy" | "copy-outline" | "crane" | "danger" | "download" | "email" | "eye" | "eye-closed" | "female" | "folder" | "folder-add" | "food" | "information" | "insurance" | "list" | "lock" | "lock-open" | "male" | "menu" | "minus" | "burger-menu" | "pencil" | "pin" | "plane" | "plane-circle" | "plus" | "presentation" | "print" | "question" | "refresh" | "rocket" | "round-trip" | "vendor-logo" | "scan" | "send-email" | "settings" | "sign-out" | "size" | "sort-asc" | "sort-desc" | "sort-list-asc" | "sort-list-desc" | "star" | "status-error" | "status-info" | "status-not-ok" | "status-ok" | "status-warning" | "three-circles" | "ticket-revert" | "ticket" | "time" | "trash-can" | "upgrade" | "user" | "user-group" | "voucher", import("./types").ISvgIcon>;

package/dist/components/Input/Input.d.ts

@@ -1,11 +1,11 @@
-import { FormEvent, FocusEvent, KeyboardEvent, ClipboardEvent } from 'react';
+import { FormEvent, FocusEvent, KeyboardEvent, ClipboardEvent, ReactNode } from 'react';
 import { ICommonProps, IIcon } from '../../types';
 import { IReactInputMaskProps } from './types';
 import { InputStyles } from './Input.styles';
 export interface IInputProps extends ICommonProps, IReactInputMaskProps {
     tweakStyles?: InputStyles;
     value?: string;
-    label?: string;
+    label?: ReactNode;
     placeholder?: string;
     /**
      * @default `text`

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

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { ICommonProps } from '../../types';
-import { IListItem } from './types';
+import { IListItem } from '../ListItem';
 import { ListStyles } from './List.styles';
 export interface IListProps extends ICommonProps {
     tweakStyles?: ListStyles;

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

@@ -7,33 +7,5 @@ export declare const styles: {
         listStyle: string;
         margin: number;
     };
-    item: {
-        display: string;
-        alignItems: string;
-        boxSizing: string;
-        fontSize: number;
-        whiteSpace: string;
-        minHeight: number;
-        padding: number[];
-        transition: string;
-        cursor: string;
-    };
-    disabledItem: {
-        cursor: string;
-    };
-    spacer: {
-        height: number;
-        backgroundColor: "#dde3ed";
-    };
-    withIconGap: {
-        paddingLeft: number;
-    };
-    icon: {
-        width: number;
-        height: number;
-        marginRight: number;
-        flexShrink: number;
-    };
-    content: {};
 };
 export declare type ListStyles = ComponentStyles<typeof styles>;

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

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

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { ICommonProps } from '../../types';
+import { IListItem } from './types';
+export interface IListItemProps extends ICommonProps, IListItem {
+}
+export declare const ListItem: FC<IListItemProps>;

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

@@ -0,0 +1,35 @@
+import type { ComponentStyles } from '../../types';
+export declare const styles: {
+    item: {
+        display: string;
+        alignItems: string;
+        boxSizing: string;
+        fontSize: number;
+        whiteSpace: string;
+        minHeight: number;
+        padding: number[];
+        transition: string;
+        cursor: string;
+    };
+    default: {};
+    destructive: {};
+    custom: {};
+    disabledItem: {
+        cursor: string;
+    };
+    spacer: {
+        height: number;
+        backgroundColor: "#dde3ed";
+    };
+    withIconGap: {
+        paddingLeft: number;
+    };
+    icon: {
+        width: number;
+        height: number;
+        marginRight: number;
+        flexShrink: number;
+    };
+    content: {};
+};
+export declare type ListItemStyles = ComponentStyles<typeof styles>;

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

@@ -0,0 +1 @@
+export declare const LIST_ITEM_VIEW: readonly ["default", "destructive", "custom"];

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

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

package/dist/components/{List → ListItem}/types.d.ts

@@ -1,12 +1,17 @@
 import { ReactNode } from 'react';
 import { IIcon } from '../../types';
+import { LIST_ITEM_VIEW } from './constants';
+import type { ListItemStyles } from './ListItem.styles';
+export declare type IListItemView = (typeof LIST_ITEM_VIEW)[number];
 export interface IListItem {
     item: ReactNode;
+    view?: IListItemView;
     icon?: IIcon;
     disabled?: boolean;
     shouldDrawSpacerAbove?: boolean;
     shouldDrawSpacerBelow?: boolean;
     withIconGap?: boolean;
     testId?: string;
+    tweakStyles?: ListItemStyles;
     onClick(): void;
 }

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

@@ -1,10 +1,10 @@
 import { FC } from 'react';
 import { ICommonProps } from '../../types';
-import { IListItem } from '../List';
+import { IListProps } from '../List';
 import { MoreMenuStyles } from './MoreMenu.styles';
 export interface IMoreMenuProps extends ICommonProps {
     tweakStyles?: MoreMenuStyles;
-    items: IListItem[];
+    items: IListProps['items'];
     isDisabled?: boolean;
     /**
      * @default true

package/dist/components/index.d.ts

@@ -15,6 +15,7 @@ export * from './Icon';
 export * from './IncrementInput';
 export * from './Input';
 export * from './List';
+export * from './ListItem';
 export * from './Modal';
 export * from './MoreMenu';
 export * from './MultiSelect';

package/dist/helpers/index.d.ts

@@ -2,3 +2,4 @@ export * from './popper-helpers';
 export * from './phone';
 export * from './misc';
 export * from './deprecated';
+export * from './snippets';