@true-engineering/true-react-common-ui-kit 4.0.0-alpha6 → 4.0.0-alpha8

package/README.md

@@ -4,13 +4,73 @@
 
 # Публикация
 
-1. Слить Pull Request с увеличением версии пакета в файле `package.json` в ветке `master`
-2. `yarn build` локально из ветки `master`
-3. `npm publish` локально из ветки `master`
-4. Добавить тег с версией в гите
+Слить Pull Request с увеличением версии пакета в файле `package.json` в ветке `master`.
+Не забыть добавить описание изменений в этот файл.
+
+Публикация в npm и добавление тега на коммит c версией пакета происходит автоматически в пайплайне.
+Так же автоматически будет создан коммит в репозиторий TE_TrueReactPlatform_Moduled и обновится наш сторибук
 
 # Release Notes
 
+## 3.54.0
+
+### Changes
+
+- **TweakStyles**: Теперь могут быть массивом. Адаптированы типы и хелперы
+- **createThemedStyles**: Добавлен режим `tweakStylesArch="react-jss"`, оптимизирующий работу с tweakStyles
+- **createThemedStyles**: Добавлен режим `tweakStylesArch="true-jss"` (бета)
+
+## ~~3.53.1~~
+
+### Changes
+
+- **PhoneInput**: Исправлено обрезание лейбла многоточием
+- **SearchInput**: Исправлено обрезание лейбла многоточием
+
+## 3.53.0
+
+### Changes
+
+- **FiltersPane**: Добавлен проп `shouldRenderDataId`, который добавляет атрибут `data-id` со значением из конфига.
+- **FiltersPane**: Изменена типизация дженериков, добавлены тайпгарды
+
+## 3.52.0
+
+### Changes
+
+- **DatePicker**: Теперь в качестве локали принимается так же строка "ru" | "en"
+
+## 3.51.0
+
+### Changes
+
+- **FlexibleTable**: Исправлена мемоизация строк при смещении
+
+## ~~3.50.1~~
+
+### Changes
+
+- **Select**: Исправлено обрезание лейбла многоточием
+
+## ~~3.50.0~~
+
+### Changes
+
+- **TextArea**: Добавлено обрезание лейбла многоточием.
+- **Input**: Добавлено обрезание лейбла многоточием. HTML-структура поменялась с `inputWrapper > input` на `inputWrapper > inputWithLabelWrapper > input`.
+
+  Это также повлияло на все компоненты, использующие **Input**:
+
+  - **DateInput**
+  - **NumberInput**
+  - **PhoneInput** – если вы переопределяли через твик-стайлы правило `margin-left` для класса `label`,
+    это переопределение нужно удалить, т.к. `margin-left` теперь в стандартном случае не должно быть
+  - **PhoneInputCountryList**
+  - **SearchInput** – если вы переопределяли через твик-стайлы правило `left` для класса `label`,
+    это переопределение нужно удалить, т.к. `left` теперь в стандартном случае должно быть равно `0`
+  - **Select**
+  - **SmartInput**
+
 ## 3.49.0
 
 ### Changes

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

@@ -1,7 +1,7 @@
 import { ITweakStyles } from '../../theme';
 import { IThemedPreloaderStyles } from '../ThemedPreloader';
 import { IButtonSize } from './types';
-export declare const useStyles: import("../../theme").IUseStyles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown>;
 export declare const getPreloaderStyles: (size: IButtonSize) => IThemedPreloaderStyles | undefined;
 export type IButtonStyles = ITweakStyles<typeof useStyles, {
     tweakPreloader: IThemedPreloaderStyles;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "root" | "disabled" | "children" | "checked" | "check" | "labelPositionLeft", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"input" | "invalid" | "children" | "root" | "disabled" | "checked" | "check" | "labelPositionLeft", unknown>;
 export type ICheckboxStyles = ITweakStyles<typeof useStyles>;

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' | 'icon' | '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;
     shouldShowSettingsButton: boolean;
@@ -8,7 +8,7 @@ interface IFiltersPaneWithCustomProps<Values, Content> extends IFiltersPaneProps
     checkboxPosition: 'left' | 'right';
     isClearableFields: boolean;
 }
-declare function FiltersPaneWithCustomProps<Values, Content>({ containerWidth, isSearchDisabled, 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, shouldShowSettingsButton, withFieldNameInLabel, isGroupingEnabled, checkboxPosition, isClearableFields, ...args }: IFiltersPaneWithCustomProps<Values, Content>): import("react/jsx-runtime").JSX.Element;
 declare const _default: {
     title: string;
     component: typeof FiltersPaneWithCustomProps;
@@ -28,4 +28,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/FilterInterval/FilterInterval.styles.d.ts

@@ -3,7 +3,7 @@ import { IButtonStyles } from '../../../Button';
 import { IInputStyles } from '../../../Input';
 export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "root" | "inputWrapper" | "autosize", unknown>;
 export declare const inputStyles: IInputStyles;
-export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;

package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts

@@ -3,7 +3,7 @@ import { IButtonStyles } from '../../../Button';
 import { ISearchInputStyles } from '../../../SearchInput';
 export declare const useStyles: import("../../../../theme").IUseStyles<"clear" | "item" | "root" | "icon" | "label" | "preloader" | "footer" | "list" | "labelChosen" | "withoutTopGap" | "withClearButton" | "option" | "panel" | "panelWithFooter" | "dropdownInput" | "nothingFound", unknown>;
 export declare const searchInputStyles: ISearchInputStyles;
-export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;

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

@@ -2,13 +2,13 @@ import { ITweakStyles } from '../../../../theme';
 import { IButtonStyles } from '../../../Button';
 import { IDatePickerStyles } from '../../../DatePicker';
 export declare const useStyles: import("../../../../theme").IUseStyles<"container" | "root" | "datepicker" | "containerItem" | "btnRow", unknown>;
-export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+export declare const clearButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
     }>;
 }>;
-export declare const backButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "children" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
+export declare const backButtonStyles: Partial<import("jss").Styles<"content" | "outline" | "children" | "root" | "inline" | "text" | "icon" | "active" | "disabled" | "fullWidth" | "primary" | "secondary" | "warning" | "destructive" | "custom" | "iconFromLeft" | "iconFromRight" | "onlyIcon" | "withIcon" | "s" | "m" | "l" | "xl" | "loader" | "loading", unknown, undefined>> & Partial<{
     tweakPreloader: Partial<import("jss").Styles<"root" | "default" | "currentColor" | "dots" | "logo", unknown, undefined>> & Partial<{
         tweakDotsPreloader: Partial<import("jss").Styles<"root" | "dot" | "fadedDot" | "@keyframes FadedDots", unknown, undefined>> & Partial<unknown>;
         tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;

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;

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 {};

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

@@ -11,7 +11,7 @@ export declare const readonlyInputStyles: Partial<import("jss").Styles<"input" |
             tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
         }>;
     }>;
-    tweakWithMessages: Partial<import("jss").Styles<"error" | "horizontal" | "vertical" | "children" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
+    tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
 }>;
 export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"input" | "withValue" | "inputContent" | "autoSizeWrapper" | "autoSized" | "withUnits" | "withLabel" | "fakeValue" | "units" | "focusedInput" | "disabledInput" | "invalidInput", unknown, undefined>> & Partial<{
     tweakControlWrapper: Partial<import("jss").Styles<"invalid" | "icon" | "disabled" | "loader" | "loading" | "label" | "requiredLabel" | "withValue" | "clearIcon" | "focused" | "wrapper" | "controlWrapper" | "minContent" | "activeLabel" | "disabledLabel" | "controls" | "iconInner" | "customIcon" | "endIcon" | "activeIcon" | "placement-top" | "placement-bottom" | "placement-top-left" | "placement-top-right" | "placement-bottom-left" | "placement-bottom-right" | "placement-left" | "placement-right" | "placement-middle", unknown, undefined>> & Partial<{
@@ -20,7 +20,7 @@ export declare const readonlyMultiSelectStyles: Partial<import("jss").Styles<"in
             tweakSvgPreloader: Partial<import("jss").Styles<"root", unknown, undefined>> & Partial<unknown>;
         }>;
     }>;
-    tweakWithMessages: Partial<import("jss").Styles<"error" | "horizontal" | "vertical" | "children" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
+    tweakWithMessages: Partial<import("jss").Styles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown, undefined>> & Partial<unknown>;
 }>;
 export declare const getInputStyles: ({ hasReadonlyInput, isMultiSelect, }: {
     hasReadonlyInput: boolean;

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

@@ -1,3 +1,3 @@
 import { ITweakStyles } from '../../theme';
-export declare const useStyles: import("../../theme").IUseStyles<"error" | "horizontal" | "vertical" | "children" | "info" | "withMessages" | "message", unknown>;
+export declare const useStyles: import("../../theme").IUseStyles<"error" | "children" | "horizontal" | "vertical" | "info" | "withMessages" | "message", unknown>;
 export type IWithMessagesStyles = ITweakStyles<typeof useStyles>;

package/dist/hooks/index.d.ts

@@ -5,3 +5,4 @@ export * from './use-tweak-styles';
 export * from './use-did-mount-effect';
 export * from './use-mixed-styles';
 export * from './use-merged-refs';
+export * from './use-merge';

package/dist/hooks/use-merge.d.ts

@@ -0,0 +1 @@
+export declare const useMerge: <T>(one?: T | undefined, two?: T | undefined) => T | undefined;

package/dist/hooks/use-mixed-styles.d.ts

@@ -1 +1,3 @@
-export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: StyleSheet_1 | undefined, tweakStyles?: StyleSheet_1 | undefined) => StyleSheet_1 | undefined;
+import type { IMixedStyles } from '../theme';
+export declare const mixStyles: <T>(...tweakStyles: IMixedStyles<T>[]) => NonNullable<T>[];
+export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: IMixedStyles<StyleSheet_1>, tweakStyles?: IMixedStyles<StyleSheet_1>) => NonNullable<StyleSheet_1>[];

package/dist/hooks/use-tweak-styles.d.ts

@@ -1,15 +1,15 @@
-import { IComponentName } from '../theme';
-export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1 & `tweak${string}`>({ innerStyles, tweakStyles: currentComponentTweakStyles, className, currentComponentName, }: {
+import { IComponentName, IMaybeArray, IMixedStyles } from '../theme';
+export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1 & `tweak${string}`>({ innerStyles, tweakStyles, className, currentComponentName, }: {
     /**
      * Это tweakStyles, определенные в родительском компоненте
      * (например, стили для Input, определенные в стилях компонента Select)
      */
-    innerStyles?: StyleSheet_1[ClassName] | undefined;
+    innerStyles?: IMixedStyles<StyleSheet_1[ClassName]>;
     /**
      * Пропса tweakStyles из родительского компонента
      * (это уже непосредственно ISelectProps.tweakStyles)
      */
-    tweakStyles?: StyleSheet_1 | undefined;
+    tweakStyles?: IMaybeArray<StyleSheet_1> | undefined;
     /**
      * Класс для переопределения tweakStyles из-вне. (Например, 'tweakInput')
      */
@@ -18,4 +18,4 @@ export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof Styl
      * Название компонента который вызывает useTweakStyles. (В данном примере 'Select')
      */
     currentComponentName?: keyof import("../theme").IComponentStyles | undefined;
-}) => StyleSheet_1[ClassName];
+}) => NonNullable<StyleSheet_1[ClassName]>[];

package/dist/theme/Provider.d.ts

@@ -1,11 +1,14 @@
 import { FC, ReactNode } from 'react';
-import { IUiKitTheme } from './types';
+import type { IUiKitTheme } from './types';
 export interface IThemedProviderProps {
     theme: IUiKitTheme;
     children: ReactNode;
 }
 export declare const getTheme: () => IUiKitTheme;
-export declare const ThemeContext: import("react").Context<{
+interface ThemeContextValue {
     theme: IUiKitTheme;
-}>;
+}
+export declare const ThemeContext: import("react").Context<ThemeContextValue>;
 export declare const ThemeProvider: FC<IThemedProviderProps>;
+export declare const useTheme: () => IUiKitTheme;
+export {};

package/dist/theme/create-themed-styles.d.ts

@@ -0,0 +1,2 @@
+import { IComponentName, IStyles, IUseStyles } from './types';
+export declare function createThemedStyles<C extends string>(...args: [IStyles<C>] | [IComponentName, IStyles<C>]): IUseStyles<C>;

package/dist/theme/helpers.d.ts

@@ -1,4 +1,9 @@
-import { IComponentName, IStyles, IUseStyles } from './types';
+import { IMaybeArray } from './types';
+export declare const isTweakStyle: (key: string) => boolean;
+export declare const isStylesNotEmpty: <T>(tweakStyles?: T | undefined) => tweakStyles is NonNullable<T>;
+export declare const cleanStyles: <T>(tweakStyles?: T | undefined) => T;
+export declare const mergeTweakStyles: <T>(tweakStyles?: IMaybeArray<T> | undefined) => T | undefined;
+export declare const checkStyles: (componentName: string, styles: Record<string, unknown>) => void;
 export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
 /**
  * Подмешивает стили из темы. Мутирует, добавляя специально поле,
@@ -6,5 +11,6 @@ export declare const areStylesThemed: (styles: Record<string, unknown>) => boole
  * тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
  */
 export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
-export declare function createThemedStyles<C extends string, P>(styles: IStyles<C, P>): IUseStyles<C, P>;
-export declare function createThemedStyles<C extends string, P>(componentName: IComponentName, styles: IStyles<C, P>): IUseStyles<C, P>;
+type TweakStylesCache = (styles: object[], prev?: object[]) => object | undefined;
+export declare const getTweakStylesCache: () => TweakStylesCache;
+export {};

package/dist/theme/index.d.ts

@@ -1,4 +1,6 @@
 export * from './Provider';
+export * from './true-jss';
 export * from './common';
 export * from './types';
 export * from './helpers';
+export * from './create-themed-styles';

package/dist/theme/true-jss/ThemedStylesManager.d.ts

@@ -0,0 +1,18 @@
+import type { Classes } from 'jss';
+import { IStyles } from '../types';
+import { IPartialStyle } from './TweakStylesManager';
+import { IJssContext } from './jss-context';
+interface IThemedStylesManagerOptions<C extends string> {
+    styles: IStyles<C>;
+    name: string;
+}
+export declare class ThemedStylesManager<C extends string> {
+    #private;
+    constructor({ styles, name }: IThemedStylesManagerOptions<C>);
+    getClasses(theme: object | undefined, tweak: IPartialStyle[], jssContext: IJssContext): Classes<C>;
+    manageTweak(theme: object | undefined, tweak: IPartialStyle[]): VoidFunction | undefined;
+    manage(theme?: object): VoidFunction | undefined;
+    private unmanage;
+    private getOrCreate;
+}
+export {};

package/dist/theme/true-jss/TweakStylesManager.d.ts

@@ -0,0 +1,34 @@
+import type { StyleSheet, Classes } from 'jss';
+export type IPartialStyle = object;
+interface TweakStylesManagerOptions<C extends string> {
+    sheet: StyleSheet<C>;
+    classes: Classes<C>;
+    tweak?: IPartialStyle[];
+}
+export declare class TweakStylesManager<C extends string> {
+    #private;
+    constructor({ sheet, classes, tweak }: TweakStylesManagerOptions<C>);
+    getClasses([next, ...rest]: IPartialStyle[]): Classes<C>;
+    manage([next, ...rest]: IPartialStyle[]): void;
+    unmanage([next, ...rest]: IPartialStyle[]): void;
+    private getNextManager;
+    private getOrCreate;
+    private addRules;
+    private addRule;
+    private insertRules;
+    private deleteRules;
+    private getInsertIndex;
+}
+declare module 'jss' {
+    interface RuleList {
+        index: Rule[];
+    }
+    interface StyleSheet<RuleName> {
+        rules: RuleList;
+        deleteRule(rule: Rule): boolean;
+        addRule(name: RuleName, style: JssStyle, options?: Partial<Rule['options']>): (Rule & {
+            id: string;
+        }) | null;
+    }
+}
+export {};

package/dist/theme/true-jss/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ThemedStylesManager';
+export * from './jss-context';

package/dist/theme/true-jss/jss-context.d.ts

@@ -0,0 +1,9 @@
+import { Context, FC, PropsWithChildren } from 'react';
+import { GenerateId } from 'jss';
+export interface IJssContext {
+    generateId?: GenerateId;
+    tweakStylesArch?: 'react-jss' | 'true-jss';
+}
+/** Типизация JssContext оказалась некорректна */
+export declare const JssContext: Context<IJssContext>;
+export declare const JssProvider: FC<PropsWithChildren<IJssContext>>;

package/dist/theme/types.d.ts

@@ -1,9 +1,11 @@
 import { Styles } from 'react-jss';
 import { Classes, JssValue } from 'jss';
 import type { IAccountInfoStyles, IAddButtonStyles, IButtonStyles, ICheckboxStyles, ICloseButtonStyles, ICommonIcon, IComplexIcon, IWithMessagesStyles, IControlWrapperStyles, ICssBaselineStyles, IDateInputStyles, IDatePickerHeaderStyles, IDatePickerStyles, IDescriptionStyles, IDotsPreloaderStyles, IFileInputStyles, IFileItemStyles, IFilterIntervalStyles, IFilterSelectStyles, IFiltersPaneSearchStyles, IFiltersPaneStyles, IFilterValueViewStyles, IFilterWithDatesStyles, IFilterWithPeriodStyles, IFilterWrapperStyles, IFlagStyles, IFlexibleTableCellStyles, IFlexibleTableRowStyles, IFlexibleTableStyles, IIconButtonStyles, IIconStyles, IIncrementInputStyles, IInputStyles, IListItemStyles, IListStyles, IModalStyles, IMoreMenuStyles, IMultiSelectInputStyles, IMultiSelectListStyles, IMultiSelectStyles, INewMoreMenuStyles, INotificationStyles, IPhoneInputCountryListStyles, IPhoneInputStyles, IPreloaderSvgType, IRadioButtonStyles, ISearchInputStyles, ISelectListStyles, ISelectorStyles, ISelectStyles, ISkeletonStyles, IStatusStyles, ISvgIcon, ISvgPreloaderStyles, ISwitchStyles, ITextAreaStyles, ITextButtonStyles, ITextWithInfoStyles, ITextWithTooltipStyles, IThemedPreloaderStyles, IToasterStyles, ITooltipStyles, IWithPopupStyles, IWithTooltipStyles } from '../components';
-export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
+export type IStyles<C extends string, P = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
+export type IMaybeArray<T> = T[] | T;
+export type IMixedStyles<T> = IMaybeArray<T | boolean | undefined>;
 export type IUseStyles<C extends string, P = unknown> = (data?: P & {
-    theme?: Partial<Styles<C, P>>;
+    theme?: IMaybeArray<Partial<Styles<C, P>>>;
 }) => Classes<C>;
 export type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
 export interface IComponentStyles {