@true-engineering/true-react-common-ui-kit 3.51.0 → 3.53.0

package/README.md

@@ -12,6 +12,19 @@
 
 # Release Notes
 
+## 3.53.0
+
+### Changes
+
+- **FiltersPane**: Добавлен проп `shouldRenderDataId`, который добавляет атрибут `data-id` со значением из конфига.
+- **FiltersPane**: Изменена типизация дженериков, добавлены тайпгарды
+
+## 3.52.0
+
+### Changes
+
+- **DatePicker**: Теперь в качестве локали принимается так же строка "ru" | "en"
+
 ## 3.51.0
 
 ### Changes
@@ -32,6 +45,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/FiltersPane/FiltersPane.d.ts

@@ -3,7 +3,7 @@ import { ICommonProps } from '../../types';
 import { IFiltersPaneSearchProps } from './components';
 import { ConfigType, IFilterLocaleKey, IPartialFilterLocale } from './types';
 import { IFiltersPaneStyles } from './FiltersPane.styles';
-export interface IFiltersPaneProps<Values, Content = Values> extends ICommonProps<IFiltersPaneStyles> {
+export interface IFiltersPaneProps<Values extends Record<string, unknown>, Content = Values> extends ICommonProps<IFiltersPaneStyles> {
     filtersConfig: ConfigType<Values>;
     enabledFilters?: Array<keyof ConfigType<Values>>;
     /** @default {} */
@@ -15,8 +15,10 @@ export interface IFiltersPaneProps<Values, Content = Values> extends ICommonProp
     isDisabled?: boolean;
     /** @default true */
     hasClearButton?: boolean;
+    /** @default false */
+    shouldRenderDataId?: boolean;
     onChangeFilters: (values: Partial<Values>) => void;
     onSettingsButtonClick?: () => void;
     onClear?: () => void;
 }
-export declare function FiltersPane<Values extends Record<string, unknown>, Content = Values>({ data, tweakStyles, filtersConfig, enabledFilters, values, localeKey, locale, search, isDisabled, hasClearButton, testId, onChangeFilters, onSettingsButtonClick, onClear, }: IFiltersPaneProps<Values, Content>): JSX.Element;
+export declare function FiltersPane<Values extends Record<string, unknown>, Content = Values>({ data, tweakStyles, filtersConfig, enabledFilters, values, localeKey, locale, search, isDisabled, hasClearButton, shouldRenderDataId, testId, onChangeFilters, onSettingsButtonClick, onClear, }: IFiltersPaneProps<Values, Content>): JSX.Element;

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

@@ -1,5 +1,5 @@
 import { IFiltersPaneProps } from './FiltersPane';
-interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps<Values, Content> {
+interface IFiltersPaneWithCustomProps<Values extends Record<string, unknown>, Content> extends IFiltersPaneProps<Values, Content> {
     containerWidth: number;
     isSearchDisabled: boolean;
     isSearchAutosizeable: boolean;
@@ -9,7 +9,7 @@ interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps
     checkboxPosition: 'left' | 'right';
     isClearableFields: boolean;
 }
-declare function FiltersPaneWithCustomProps<Values, Content>({ containerWidth, isSearchDisabled, isSearchAutosizeable, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, isClearableFields, ...args }: IFiltersPaneWithCustomProps<Values, Content>): import("react/jsx-runtime").JSX.Element;
+declare function FiltersPaneWithCustomProps<Values extends Record<string, unknown>, Content>({ containerWidth, isSearchDisabled, isSearchAutosizeable, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, isClearableFields, ...args }: IFiltersPaneWithCustomProps<Values, Content>): import("react/jsx-runtime").JSX.Element;
 declare const _default: {
     title: string;
     component: typeof FiltersPaneWithCustomProps;
@@ -29,4 +29,4 @@ declare const _default: {
     };
 };
 export default _default;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IFiltersPaneWithCustomProps<unknown, unknown>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, IFiltersPaneWithCustomProps<Record<string, unknown>, unknown>>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { IFilterWrapperProps } from '../FilterWrapper';
-export interface IFilterProps<Values, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
+export interface IFilterProps<Values extends Record<string, unknown>, Key extends keyof Values> extends IFilterWrapperProps<Values, Key> {
     onChange: <V>(v: V) => void;
     onClose?: () => void;
 }
-export declare function Filter<Values, Key extends keyof Values>(props: IFilterProps<Values, Key>): JSX.Element | null;
+export declare function Filter<Values extends Record<string, unknown>, Key extends keyof Values>(props: IFilterProps<Values, Key>): JSX.Element | null;

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

@@ -0,0 +1,4 @@
+import { IDatePeriod, IFilterMultiSelectValues, IPeriod } from '../../types';
+export declare const isDatePeriodValue: (value: any) => value is IDatePeriod;
+export declare const isPeriodValue: (value: any) => value is IPeriod;
+export declare const isMultiSelectValue: <T extends string>(value: any) => value is IFilterMultiSelectValues<T>;

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

@@ -2,4 +2,6 @@
 import { ICommonProps } from '../../../../types';
 import type { IFilterWrapperProps } from '../FilterWrapper';
 import { IFilterValueViewStyles } from './FilterValueView.styles';
-export declare function FilterValueView<Values, Key extends keyof Values>({ locale, localeKey, filter, value, tweakStyles, }: Omit<IFilterWrapperProps<Values, Key>, 'onChange' | 'filtersPaneRef' | 'tweakStyles'> & ICommonProps<IFilterValueViewStyles>): JSX.Element;
+export interface IFilterValueView<Values extends Record<string, unknown>, Key extends keyof Values> extends Omit<IFilterWrapperProps<Values, Key>, 'filtersPaneRef' | 'tweakStyles' | 'onChange'>, ICommonProps<IFilterValueViewStyles> {
+}
+export declare function FilterValueView<Values extends Record<string, unknown>, Key extends keyof Values>({ value, filter, locale, localeKey, tweakStyles, }: IFilterValueView<Values, Key>): JSX.Element;

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

@@ -2,7 +2,7 @@
 import { ICommonProps } from '../../../../types';
 import { ConfigItem, IFilterLocaleKey, IPartialFilterLocale } from '../../types';
 import { IFilterWrapperStyles } from './FilterWrapper.styles';
-export interface IFilterWrapperProps<Values, Key extends keyof Values> extends ICommonProps<IFilterWrapperStyles> {
+export interface IFilterWrapperProps<Values extends Record<string, unknown>, Key extends keyof Values> extends ICommonProps<IFilterWrapperStyles> {
     filter: ConfigItem<Values[Key]>;
     value?: Values[Key];
     isDisabled?: boolean;
@@ -10,4 +10,4 @@ export interface IFilterWrapperProps<Values, Key extends keyof Values> extends I
     locale?: IPartialFilterLocale;
     onChange: <V>(value: V) => void;
 }
-export declare function FilterWrapper<Values, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;
+export declare function FilterWrapper<Values extends Record<string, unknown>, Key extends keyof Values>({ filter, value, isDisabled, locale, localeKey, data, testId, tweakStyles, onChange, }: IFilterWrapperProps<Values, Key>): JSX.Element;