@true-engineering/true-react-common-ui-kit 3.50.1 → 3.52.0

package/README.md

@@ -12,6 +12,18 @@
 
 # Release Notes
 
+## 3.52.0
+
+### Changes
+
+- **DatePicker**: Теперь в качестве локали принимается так же строка "ru" | "en"
+
+## 3.51.0
+
+### Changes
+
+- **FlexibleTable**: Исправлена мемоизация строк при смещении
+
 ## 3.50.1
 
 ### Changes
@@ -26,6 +38,7 @@
 - **Input**: Добавлено обрезание лейбла многоточием. HTML-структура поменялась с `inputWrapper > input` на `inputWrapper > inputWithLabelWrapper > input`.
 
   Это также повлияло на все компоненты, использующие **Input**:
+
   - **DateInput**
   - **NumberInput**
   - **PhoneInput**

package/dist/components/DatePicker/DatePicker.d.ts

@@ -3,11 +3,11 @@ import ReactDatePicker from 'react-datepicker';
 import 'react-datepicker/dist/react-datepicker.css';
 import { ICommonProps } from '../../types';
 import { IDateInputProps } from '../DateInput';
-import { IDatePickerBaseProps, IRange } from './types';
+import { IDatePickerBaseProps, IDatePickerLocale, IRange } from './types';
 import { IDatePickerStyles } from './DatePicker.styles';
 export interface IDatePickerProps extends IDatePickerBaseProps, ICommonProps<IDatePickerStyles> {
     selectedDate?: Date | null;
-    locale: Locale;
+    locale: IDatePickerLocale;
     months?: string[];
     /** @default 'dd.MM.yyyy' */
     dateFormat?: string;

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

@@ -1,3 +1,6 @@
+import { type Locale } from 'date-fns';
+import { IDatePickerLocale } from './types';
 export declare const getDateFormatter: (dateFormat: string) => (date?: Date | null) => string;
 export declare const getDateValueParser: (dateFormat: string) => (value: string) => Date | null;
 export declare const areDatesEquals: (date1?: Date | null, date2?: Date | null) => boolean;
+export declare const preparateDatePickerLocale: (locale: IDatePickerLocale) => Locale;

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

@@ -1,4 +1,6 @@
 import { ReactDatePickerProps } from 'react-datepicker';
-import { IDateInputProps } from '../DateInput';
+import { type Locale } from 'date-fns';
+import { type IDateInputProps } from '../DateInput';
 export type IRange = [Date | null, Date | null] | null;
+export type IDatePickerLocale = 'ru' | 'en' | Locale;
 export type IDatePickerBaseProps = Pick<ReactDatePickerProps, 'startDate' | 'endDate' | 'minDate' | 'maxDate' | 'allowSameDay' | 'disabledKeyboardNavigation' | 'monthsShown' | 'popperModifiers' | 'popperPlacement' | 'filterDate' | 'dayClassName' | 'calendarContainer' | 'onCalendarOpen' | 'onCalendarClose' | 'onYearChange' | 'onMonthChange' | 'focusSelectedMonth' | 'shouldCloseOnSelect' | 'showPreviousMonths' | 'todayButton' | 'renderCustomHeader' | 'customInputRef' | 'preventOpenOnFocus' | 'strictParsing' | 'highlightDates' | 'fixedHeight' | 'excludeScrollbar'> & Omit<IDateInputProps, 'date' | 'startDate' | 'endDate' | 'isRange' | 'isActive' | 'iconType' | 'maxLength' | 'onChange' | 'onClick' | 'tweakStyles'>;

package/dist/components/FlexibleTable/FlexibleTable.d.ts

@@ -3,7 +3,7 @@ import { ICommonProps } from '../../types';
 import { IFlexibleTableRowProps } from './components';
 import { ITableRow, IFlexibleTableConfigType, IInfinityScrollConfig, IFlexibleTableRenderMode, IHeaderContent } from './types';
 import { IFlexibleTableStyles } from './FlexibleTable.styles';
-export interface IFlexibleTableProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row> extends ICommonProps<IFlexibleTableStyles>, Pick<IFlexibleTableRowProps<Row, HeaderContent, UniqueField>, 'uniqueField' | 'rowAttributes' | 'isFirstColumnSticky' | 'isExpandableRowComponentInitiallyOpen' | 'expandableRowComponent' | 'onRowClick' | 'onRowHover' | 'rowRef'> {
+export interface IFlexibleTableProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row> extends ICommonProps<IFlexibleTableStyles>, Pick<IFlexibleTableRowProps<Row, HeaderContent, UniqueField>, 'uniqueField' | 'rowAttributes' | 'isFirstColumnSticky' | 'expandableRowComponent' | 'onRowClick' | 'onRowHover' | 'rowRef'> {
     content: Row[];
     /** @default 'table' */
     renderMode?: IFlexibleTableRenderMode;
@@ -27,5 +27,7 @@ export interface IFlexibleTableProps<Row extends ITableRow, HeaderContent extend
     nothingFoundContent?: ReactNode;
     /** @default true */
     shouldRenderHeader?: boolean;
+    /** @default false */
+    isExpandableRowComponentInitiallyOpen?: boolean | ((row: Row, index: number) => boolean);
 }
-export declare function FlexibleTable<Row extends ITableRow, HeaderContent extends IHeaderContent<Row> = IHeaderContent<Row>, UniqueField extends keyof Row = keyof Row>({ content, headerContent, config, enabledColumns, activeRows, uniqueField, isLoading, isFirstColumnSticky, isHorizontallyScrollable, isRowFocusable, infinityScrollConfig, renderMode, refForScroll, nothingFoundContent, data, testId, tweakStyles, shouldRenderHeader, onHeadClick, ...restProps }: IFlexibleTableProps<Row, HeaderContent, UniqueField>): JSX.Element;
+export declare function FlexibleTable<Row extends ITableRow, HeaderContent extends IHeaderContent<Row> = IHeaderContent<Row>, UniqueField extends keyof Row = keyof Row>({ content, headerContent, config, enabledColumns, activeRows, uniqueField, isLoading, isFirstColumnSticky, isHorizontallyScrollable, isRowFocusable, infinityScrollConfig, renderMode, refForScroll, nothingFoundContent, data, testId, tweakStyles, shouldRenderHeader, onHeadClick, isExpandableRowComponentInitiallyOpen: isRowInitiallyOpen, ...restProps }: IFlexibleTableProps<Row, HeaderContent, UniqueField>): JSX.Element;

package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts

@@ -4,7 +4,6 @@ import { ITableRow, IFlexibleTableConfigType, IFlexibleTableRenderMode, IHeaderC
 import { IFlexibleTableRowStyles } from './FlexibleTableRow.styles';
 export interface IFlexibleTableRowProps<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row> extends ITweakStylesProps<IFlexibleTableRowStyles> {
     item: Row;
-    index: number;
     uniqueField?: UniqueField;
     renderMode: IFlexibleTableRenderMode;
     /** @default false */
@@ -20,13 +19,13 @@ export interface IFlexibleTableRowProps<Row extends ITableRow, HeaderContent ext
     columns: Array<keyof Row & string>;
     rowAttributes?: Array<keyof Row>;
     /** @default false */
-    isExpandableRowComponentInitiallyOpen?: boolean | ((row: Row, index: number) => boolean);
+    isExpandableRowComponentInitiallyOpen?: boolean;
     rowRef?: RefCallback<HTMLTableRowElement>;
     /** Возвращает React-элемент, который отрисуется под строкой при нажатии на неё  */
     expandableRowComponent?: (item: Row, isOpen: boolean, close: () => void) => ReactNode;
     onRowHover?: (id?: Row[UniqueField]) => void;
     onRowClick?: (id: Row[UniqueField]) => void;
 }
-declare function FlexibleTableRowInner<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row>({ item, index, config, columns, uniqueField, renderMode, isActive, isFocusable, isFirstColumnSticky, isLoading, rowAttributes, isExpandableRowComponentInitiallyOpen, rowRef, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Row, HeaderContent, UniqueField>): JSX.Element;
+declare function FlexibleTableRowInner<Row extends ITableRow, HeaderContent extends IHeaderContent<Row>, UniqueField extends keyof Row>({ item, config, columns, uniqueField, renderMode, isActive, isFocusable, isFirstColumnSticky, isLoading, rowAttributes, isExpandableRowComponentInitiallyOpen, rowRef, tweakStyles, expandableRowComponent, onRowHover, onRowClick, }: IFlexibleTableRowProps<Row, HeaderContent, UniqueField>): JSX.Element;
 export declare const FlexibleTableRow: typeof FlexibleTableRowInner;
 export {};