@true-engineering/true-react-common-ui-kit 2.6.0 → 2.7.1

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/Button/Button.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode, ButtonHTMLAttributes, MouseEvent } from 'react';
-import { ICommonProps, IIcon } from '../../types';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
 import { IThemedPreloaderProps } from '../ThemedPreloader';
 import { IButtonSize, IButtonView } from './types';
 import { ButtonStyles } from './Button.styles';

package/dist/components/FiltersPane/components/Filter/Filter.d.ts

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { Classes } from 'jss';
-import { IFilterWrapperProps } from '../FilterWrapper';
+import type { IFilterWrapperProps } from '../FilterWrapper';
 export interface IFilterProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
     parentRef?: RefObject<HTMLElement>;
     isInline?: boolean;

package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { IFilterWrapperProps } from '../FilterWrapper';
+import type { IFilterWrapperProps } from '../FilterWrapper';
 export declare function FilterValueView<Values, Key extends keyof Values>({ locale, localeKey, filter, value, }: Omit<IFilterWrapperProps<Values, Key>, 'onChange' | 'filtersPaneRef'>): JSX.Element;

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

@@ -1,4 +1,4 @@
-import { IFilterLocale, IFilterLocaleKey, IPeriodGetter, ISelectLocale, ISelectLocaleKey } from './types';
+import type { IFilterLocale, IFilterLocaleKey, IPeriodGetter, ISelectLocale, ISelectLocaleKey } from './types';
 export declare const PERIODS: readonly ["THIS_MONTH", "LAST_MONTH", "THIS_YEAR", "LAST_YEAR", "CUSTOM"];
 export declare const SelectLocales: Record<string, ISelectLocale>;
 export declare const FilterLocales: Record<string, IFilterLocale>;

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

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { IDatePickerProps } from '../DatePicker';
 import { IMultiSelectListValues } from '../MultiSelectList';
-import { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
+import type { IFilterIntervalProps, IFilterMultiSelectProps, IFilterSelectProps, IFilterWithDatesProps, IFilterWithPeriodProps } from './components';
 import { FilterLocales, PERIODS, SelectLocales } from './constants';
 export declare type IPeriodType = (typeof PERIODS)[number];
 export declare type IFilterMultiSelectValues<Option = string> = IMultiSelectListValues<Option>;

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

@@ -1,4 +1,4 @@
-import { IIconType, ISvgIcon } from './types';
+import type { IIconType, ISvgIcon } from './types';
 export declare const isComplexIcon: (type: IIconType) => type is "avatar";
 /**
  * Эта функция позволяет корректно определить ключи в типе

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/Icon/index.d.ts

@@ -1,4 +1,5 @@
 export * from './Icon';
 export * from './types';
 export { iconsList } from './icons-list';
+export * from './snippet';
 export type { IconStyles } from './Icon.styles';

package/dist/{helpers/snippets.d.ts → components/Icon/snippet.d.ts}

@@ -1,3 +1,3 @@
 import { ReactNode } from 'react';
-import { IIcon } from '../types';
+import { IIcon } from './types';
 export declare const renderIcon: (icon: IIcon) => ReactNode;

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

@@ -1,4 +1,4 @@
-import { SVGAttributes } from 'react';
+import { ReactElement, SVGAttributes } from 'react';
 import { complexIcons } from './complexIcons';
 import { iconsList } from './icons-list';
 export interface ISvgIcon {
@@ -10,3 +10,4 @@ export interface ISvgIcon {
 export declare type ICommonIcon = keyof typeof iconsList;
 export declare type IComplexIcon = keyof typeof complexIcons;
 export declare type IIconType = ICommonIcon | IComplexIcon;
+export declare type IIcon = IIconType | ReactElement;

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

@@ -1,5 +1,6 @@
 import { FormEvent, FocusEvent, KeyboardEvent, ClipboardEvent, ReactNode } from 'react';
-import { ICommonProps, IIcon } from '../../types';
+import { ICommonProps } from '../../types';
+import { IIcon } from '../Icon';
 import { IReactInputMaskProps } from './types';
 import { InputStyles } from './Input.styles';
 export interface IInputProps extends ICommonProps, IReactInputMaskProps {

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 { IIcon } from '../Icon';
+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/MultiSelect/components/MultiSelectInput/MultiSelectInput.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 import { ICommonProps } from '../../../../types';
-import { IMultiSelectListValues } from '../../../index';
+import type { IMultiSelectListValues } from '../../../MultiSelectList';
 export interface IMultiSelectInputProps<Value> extends ICommonProps {
     value?: IMultiSelectListValues<Value>;
     isOpen: boolean;

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

@@ -1,4 +1,4 @@
-import { INumberInputProps } from './NumberInput';
+import type { 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;

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

@@ -1,5 +1,4 @@
 export * from './PhoneInput';
-export { phoneInfo } from './phone-info';
 export * from './types';
 export type { PhoneInputStyles } from './PhoneInput.styles';
 export type { PhoneInputCountryListStyles } from './components';

package/dist/components/ScrollIntoViewIfNeeded/ScrollIntoViewIfNeeded.d.ts

@@ -180,7 +180,7 @@ export declare class ScrollIntoViewIfNeeded extends PureComponent<IScrollIntoVie
         'aria-expanded'?: (boolean | "false" | "true") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-        'aria-haspopup'?: boolean | "grid" | "menu" | "dialog" | "listbox" | "false" | "true" | "tree" | undefined;
+        'aria-haspopup'?: boolean | "grid" | "menu" | "listbox" | "false" | "true" | "dialog" | "tree" | undefined;
         'aria-hidden'?: (boolean | "false" | "true") | undefined;
         'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;

package/dist/components/Select/Select.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode, SyntheticEvent } from 'react';
-import { IDropdownWithPopperOptions, IIcon } from '../../types';
+import { IDropdownWithPopperOptions } from '../../types';
+import { IIcon } from '../Icon';
 import { IInputProps } from '../Input';
 import { ISearchInputProps } from '../SearchInput';
 import { IMultipleSelectValue } from './types';

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

@@ -1,5 +1,5 @@
 import { ComponentStyles } from '../../types';
-import { ITooltipProps } from './Tooltip';
+import type { ITooltipProps } from './Tooltip';
 interface IStyleProps {
     type: NonNullable<ITooltipProps['type']>;
 }

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/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './phone-info';

package/dist/constants/phone-info.d.ts

@@ -0,0 +1,2 @@
+import type { IPhoneInfo } from '../components';
+export declare const phoneInfo: IPhoneInfo[];

package/dist/helpers/phone.d.ts

@@ -1,4 +1,4 @@
-import { IPhoneInfo, IPhoneValue } from '../components';
+import type { IPhoneInfo, IPhoneValue } from '../components';
 export declare const findCountryByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => IPhoneInfo | undefined;
 export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
 export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;

package/dist/index.d.ts

@@ -2,5 +2,5 @@ export { commonTheme } from './theme';
 export * from './components';
 export * from './hooks';
 export * from './types';
+export * from './constants';
 export * from './helpers';
-export * from './helpers/snippets';