@true-engineering/true-react-common-ui-kit 4.0.0-alpha5 → 4.0.0-alpha7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +117 -4
- package/dist/components/Button/Button.styles.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.styles.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +2 -2
- package/dist/components/DatePicker/helpers.d.ts +3 -0
- package/dist/components/DatePicker/types.d.ts +3 -1
- package/dist/components/FiltersPane/FiltersPane.d.ts +4 -2
- package/dist/components/FiltersPane/FiltersPane.stories.d.ts +3 -3
- package/dist/components/FiltersPane/components/Filter/Filter.d.ts +2 -2
- package/dist/components/FiltersPane/components/Filter/helpers.d.ts +4 -0
- package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +1 -1
- package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.d.ts +3 -1
- package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +2 -2
- package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +2 -2
- package/dist/components/FiltersPane/types.d.ts +15 -5
- package/dist/components/Flag/customFlags/customFlags.d.ts +10 -0
- package/dist/components/Flag/customFlags/index.d.ts +1 -0
- package/dist/components/FlexibleTable/FlexibleTable.d.ts +4 -2
- package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts +6 -6
- package/dist/components/FlexibleTable/constants.d.ts +18 -2
- package/dist/components/FlexibleTable/types.d.ts +1 -1
- package/dist/components/SearchInput/SearchInput.d.ts +2 -2
- package/dist/components/SearchInput/SearchInput.stories.d.ts +3 -2
- package/dist/components/Select/Select.d.ts +5 -3
- package/dist/components/Select/Select.styles.d.ts +2 -2
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
- package/dist/components/WithMessages/WithMessages.styles.d.ts +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/use-merge.d.ts +1 -0
- package/dist/hooks/use-mixed-styles.d.ts +3 -1
- package/dist/hooks/use-tweak-styles.d.ts +5 -5
- package/dist/theme/Provider.d.ts +6 -3
- package/dist/theme/create-themed-styles.d.ts +2 -0
- package/dist/theme/helpers.d.ts +9 -3
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/true-jss/ThemedStylesManager.d.ts +18 -0
- package/dist/theme/true-jss/TweakStylesManager.d.ts +34 -0
- package/dist/theme/true-jss/index.d.ts +2 -0
- package/dist/theme/true-jss/jss-context.d.ts +9 -0
- package/dist/theme/types.d.ts +4 -2
- package/dist/true-react-common-ui-kit.js +6736 -5801
- package/dist/true-react-common-ui-kit.js.map +1 -1
- package/dist/true-react-common-ui-kit.umd.cjs +6866 -5932
- package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
- package/dist/types.d.ts +2 -1
- package/package.json +1 -1
- package/src/components/DatePicker/DatePicker.tsx +9 -4
- package/src/components/DatePicker/helpers.ts +13 -1
- package/src/components/DatePicker/types.ts +4 -1
- package/src/components/FiltersPane/FiltersPane.stories.tsx +4 -2
- package/src/components/FiltersPane/FiltersPane.tsx +14 -9
- package/src/components/FiltersPane/components/Filter/Filter.tsx +24 -17
- package/src/components/FiltersPane/components/Filter/helpers.ts +18 -0
- package/src/components/FiltersPane/components/FilterValueView/FilterValueView.tsx +27 -22
- package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.ts +1 -0
- package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +1 -1
- package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +7 -5
- package/src/components/FiltersPane/types.ts +23 -5
- package/src/components/Flag/Flag.stories.tsx +2 -1
- package/src/components/Flag/Flag.styles.ts +4 -0
- package/src/components/Flag/Flag.tsx +23 -9
- package/src/components/Flag/customFlags/AB.svg +1 -0
- package/src/components/Flag/customFlags/OS.svg +1 -0
- package/src/components/Flag/customFlags/augment.d.ts +1 -0
- package/src/components/Flag/customFlags/customFlags.ts +13 -0
- package/src/components/Flag/customFlags/index.ts +1 -0
- package/src/components/FlexibleTable/FlexibleTable.tsx +13 -12
- package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +9 -8
- package/src/components/FlexibleTable/constants.ts +6 -3
- package/src/components/FlexibleTable/types.ts +1 -5
- package/src/components/PhoneInput/PhoneInput.stories.tsx +2 -1
- package/src/components/PhoneInput/PhoneInput.tsx +5 -2
- package/src/components/SearchInput/SearchInput.tsx +23 -28
- package/src/components/Select/Select.tsx +11 -2
- package/src/components/Tooltip/Tooltip.styles.ts +2 -0
- package/src/components/Tooltip/Tooltip.tsx +1 -1
- package/src/constants/phone-info.ts +20 -33
- package/src/helpers/phone.ts +19 -15
- package/src/hooks/index.ts +1 -0
- package/src/hooks/use-merge.ts +8 -0
- package/src/hooks/use-mixed-styles.ts +9 -11
- package/src/hooks/use-tweak-styles.ts +49 -27
- package/src/theme/Provider.tsx +10 -5
- package/src/theme/create-themed-styles.ts +78 -0
- package/src/theme/helpers.ts +39 -39
- package/src/theme/index.ts +2 -0
- package/src/theme/true-jss/ThemedStylesManager.ts +92 -0
- package/src/theme/true-jss/TweakStylesManager.ts +157 -0
- package/src/theme/true-jss/index.ts +2 -0
- package/src/theme/true-jss/jss-context.tsx +34 -0
- package/src/theme/types.ts +4 -2
- package/src/types.ts +2 -1
package/dist/theme/helpers.d.ts
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { IMaybeArray } from './types';
|
|
2
|
+
export declare const isTweakStyle: (key: string) => boolean;
|
|
3
|
+
export declare const isStylesNotEmpty: <T>(tweakStyles?: T | undefined) => tweakStyles is NonNullable<T>;
|
|
4
|
+
export declare const cleanStyles: <T>(tweakStyles?: T | undefined) => T;
|
|
5
|
+
export declare const mergeTweakStyles: <T>(tweakStyles?: IMaybeArray<T> | undefined) => T | undefined;
|
|
6
|
+
export declare const checkStyles: (componentName: string, styles: Record<string, unknown>) => void;
|
|
2
7
|
export declare const areStylesThemed: (styles: Record<string, unknown>) => boolean;
|
|
3
8
|
/**
|
|
4
9
|
* Подмешивает стили из темы. Мутирует, добавляя специально поле,
|
|
@@ -6,5 +11,6 @@ export declare const areStylesThemed: (styles: Record<string, unknown>) => boole
|
|
|
6
11
|
* тем самым сохраняя ссылку на объект и позволяя этим кэшировать JSS стили
|
|
7
12
|
*/
|
|
8
13
|
export declare const themedStyles: <T>(styles: T, themeComponentStyles: T) => T;
|
|
9
|
-
|
|
10
|
-
export declare
|
|
14
|
+
type TweakStylesCache = (styles: object[], prev?: object[]) => object | undefined;
|
|
15
|
+
export declare const getTweakStylesCache: () => TweakStylesCache;
|
|
16
|
+
export {};
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Classes } from 'jss';
|
|
2
|
+
import { IStyles } from '../types';
|
|
3
|
+
import { IPartialStyle } from './TweakStylesManager';
|
|
4
|
+
import { IJssContext } from './jss-context';
|
|
5
|
+
interface IThemedStylesManagerOptions<C extends string> {
|
|
6
|
+
styles: IStyles<C>;
|
|
7
|
+
name: string;
|
|
8
|
+
}
|
|
9
|
+
export declare class ThemedStylesManager<C extends string> {
|
|
10
|
+
#private;
|
|
11
|
+
constructor({ styles, name }: IThemedStylesManagerOptions<C>);
|
|
12
|
+
getClasses(theme: object | undefined, tweak: IPartialStyle[], jssContext: IJssContext): Classes<C>;
|
|
13
|
+
manageTweak(theme: object | undefined, tweak: IPartialStyle[]): VoidFunction | undefined;
|
|
14
|
+
manage(theme?: object): VoidFunction | undefined;
|
|
15
|
+
private unmanage;
|
|
16
|
+
private getOrCreate;
|
|
17
|
+
}
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import type { StyleSheet, Classes } from 'jss';
|
|
2
|
+
export type IPartialStyle = object;
|
|
3
|
+
interface TweakStylesManagerOptions<C extends string> {
|
|
4
|
+
sheet: StyleSheet<C>;
|
|
5
|
+
classes: Classes<C>;
|
|
6
|
+
tweak?: IPartialStyle[];
|
|
7
|
+
}
|
|
8
|
+
export declare class TweakStylesManager<C extends string> {
|
|
9
|
+
#private;
|
|
10
|
+
constructor({ sheet, classes, tweak }: TweakStylesManagerOptions<C>);
|
|
11
|
+
getClasses([next, ...rest]: IPartialStyle[]): Classes<C>;
|
|
12
|
+
manage([next, ...rest]: IPartialStyle[]): void;
|
|
13
|
+
unmanage([next, ...rest]: IPartialStyle[]): void;
|
|
14
|
+
private getNextManager;
|
|
15
|
+
private getOrCreate;
|
|
16
|
+
private addRules;
|
|
17
|
+
private addRule;
|
|
18
|
+
private insertRules;
|
|
19
|
+
private deleteRules;
|
|
20
|
+
private getInsertIndex;
|
|
21
|
+
}
|
|
22
|
+
declare module 'jss' {
|
|
23
|
+
interface RuleList {
|
|
24
|
+
index: Rule[];
|
|
25
|
+
}
|
|
26
|
+
interface StyleSheet<RuleName> {
|
|
27
|
+
rules: RuleList;
|
|
28
|
+
deleteRule(rule: Rule): boolean;
|
|
29
|
+
addRule(name: RuleName, style: JssStyle, options?: Partial<Rule['options']>): (Rule & {
|
|
30
|
+
id: string;
|
|
31
|
+
}) | null;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Context, FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { GenerateId } from 'jss';
|
|
3
|
+
export interface IJssContext {
|
|
4
|
+
generateId?: GenerateId;
|
|
5
|
+
tweakStylesArch?: 'react-jss' | 'true-jss';
|
|
6
|
+
}
|
|
7
|
+
/** Типизация JssContext оказалась некорректна */
|
|
8
|
+
export declare const JssContext: Context<IJssContext>;
|
|
9
|
+
export declare const JssProvider: FC<PropsWithChildren<IJssContext>>;
|
package/dist/theme/types.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { Styles } from 'react-jss';
|
|
2
2
|
import { Classes, JssValue } from 'jss';
|
|
3
3
|
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';
|
|
4
|
-
export type IStyles<C extends string, P> = Styles<C, P, Partial<Styles<C, P>>>;
|
|
4
|
+
export type IStyles<C extends string, P = unknown> = Styles<C, P, Partial<Styles<C, P>>>;
|
|
5
|
+
export type IMaybeArray<T> = T[] | T;
|
|
6
|
+
export type IMixedStyles<T> = IMaybeArray<T | boolean | undefined>;
|
|
5
7
|
export type IUseStyles<C extends string, P = unknown> = (data?: P & {
|
|
6
|
-
theme?: Partial<Styles<C, P
|
|
8
|
+
theme?: IMaybeArray<Partial<Styles<C, P>>>;
|
|
7
9
|
}) => Classes<C>;
|
|
8
10
|
export type ITweakStyles<StyleCreator, ChildTweakStyles = unknown> = StyleCreator extends IUseStyles<infer C, infer P> ? Partial<Styles<C, P>> & Partial<ChildTweakStyles> : never;
|
|
9
11
|
export interface IComponentStyles {
|