@true-engineering/true-react-common-ui-kit 4.0.0-alpha1 → 4.0.0-alpha10

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.
Files changed (126) hide show
  1. package/README.md +11 -567
  2. package/dist/components/Button/Button.styles.d.ts +1 -1
  3. package/dist/components/Checkbox/Checkbox.styles.d.ts +1 -1
  4. package/dist/components/DatePicker/DatePicker.d.ts +2 -2
  5. package/dist/components/DatePicker/helpers.d.ts +3 -0
  6. package/dist/components/DatePicker/types.d.ts +3 -1
  7. package/dist/components/FiltersPane/FiltersPane.d.ts +4 -2
  8. package/dist/components/FiltersPane/FiltersPane.stories.d.ts +3 -3
  9. package/dist/components/FiltersPane/components/Filter/Filter.d.ts +2 -2
  10. package/dist/components/FiltersPane/components/Filter/helpers.d.ts +4 -0
  11. package/dist/components/FiltersPane/components/FilterInterval/FilterInterval.styles.d.ts +1 -1
  12. package/dist/components/FiltersPane/components/FilterSelect/FilterSelect.styles.d.ts +1 -1
  13. package/dist/components/FiltersPane/components/FilterValueView/FilterValueView.d.ts +3 -1
  14. package/dist/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.d.ts +2 -2
  15. package/dist/components/FiltersPane/components/FilterWrapper/FilterWrapper.d.ts +2 -2
  16. package/dist/components/FiltersPane/types.d.ts +15 -5
  17. package/dist/components/Flag/customFlags/customFlags.d.ts +10 -0
  18. package/dist/components/Flag/customFlags/index.d.ts +1 -0
  19. package/dist/components/FlexibleTable/FlexibleTable.d.ts +4 -2
  20. package/dist/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.d.ts +6 -6
  21. package/dist/components/FlexibleTable/constants.d.ts +18 -2
  22. package/dist/components/FlexibleTable/types.d.ts +1 -1
  23. package/dist/components/List/List.d.ts +1 -1
  24. package/dist/components/List/index.d.ts +2 -1
  25. package/dist/components/List/types.d.ts +4 -0
  26. package/dist/components/SearchInput/SearchInput.d.ts +2 -2
  27. package/dist/components/SearchInput/SearchInput.stories.d.ts +3 -12
  28. package/dist/components/SearchInput/SearchInput.styles.d.ts +3 -5
  29. package/dist/components/Select/Select.d.ts +5 -3
  30. package/dist/components/Select/Select.styles.d.ts +2 -2
  31. package/dist/components/Select/index.d.ts +1 -1
  32. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  33. package/dist/components/Tooltip/Tooltip.styles.d.ts +1 -1
  34. package/dist/components/WithMessages/WithMessages.styles.d.ts +1 -1
  35. package/dist/components/WithPopup/WithPopup.d.ts +21 -6
  36. package/dist/components/WithPopup/WithPopup.styles.d.ts +1 -1
  37. package/dist/components/WithPopup/helpers.d.ts +2 -0
  38. package/dist/components/WithPopup/types.d.ts +3 -0
  39. package/dist/components/WithTooltip/WithTooltip.styles.d.ts +1 -0
  40. package/dist/hooks/index.d.ts +1 -0
  41. package/dist/hooks/use-merge.d.ts +1 -0
  42. package/dist/hooks/use-mixed-styles.d.ts +3 -1
  43. package/dist/hooks/use-tweak-styles.d.ts +5 -5
  44. package/dist/theme/Provider.d.ts +6 -3
  45. package/dist/theme/common.d.ts +4 -2
  46. package/dist/theme/create-themed-styles.d.ts +2 -0
  47. package/dist/theme/helpers.d.ts +9 -3
  48. package/dist/theme/index.d.ts +2 -0
  49. package/dist/theme/true-jss/ThemedStylesManager.d.ts +18 -0
  50. package/dist/theme/true-jss/TweakStylesManager.d.ts +34 -0
  51. package/dist/theme/true-jss/index.d.ts +2 -0
  52. package/dist/theme/true-jss/jss-context.d.ts +9 -0
  53. package/dist/theme/types.d.ts +4 -2
  54. package/dist/true-react-common-ui-kit.js +7059 -6128
  55. package/dist/true-react-common-ui-kit.js.map +1 -1
  56. package/dist/true-react-common-ui-kit.umd.cjs +6957 -6027
  57. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  58. package/dist/types.d.ts +2 -1
  59. package/package.json +1 -1
  60. package/src/components/ControlWrapper/ControlWrapper.styles.ts +4 -4
  61. package/src/components/DatePicker/DatePicker.tsx +9 -4
  62. package/src/components/DatePicker/helpers.ts +13 -1
  63. package/src/components/DatePicker/types.ts +4 -1
  64. package/src/components/FiltersPane/FiltersPane.stories.tsx +4 -2
  65. package/src/components/FiltersPane/FiltersPane.tsx +14 -9
  66. package/src/components/FiltersPane/components/Filter/Filter.tsx +24 -17
  67. package/src/components/FiltersPane/components/Filter/helpers.ts +18 -0
  68. package/src/components/FiltersPane/components/FilterInterval/FilterInterval.styles.ts +1 -1
  69. package/src/components/FiltersPane/components/FilterInterval/FilterInterval.tsx +6 -1
  70. package/src/components/FiltersPane/components/FilterValueView/FilterValueView.tsx +27 -22
  71. package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.ts +1 -0
  72. package/src/components/FiltersPane/components/FilterWithPeriod/FilterWithPeriod.tsx +1 -1
  73. package/src/components/FiltersPane/components/FilterWrapper/FilterWrapper.tsx +7 -5
  74. package/src/components/FiltersPane/types.ts +23 -5
  75. package/src/components/Flag/Flag.stories.tsx +2 -1
  76. package/src/components/Flag/Flag.styles.ts +4 -0
  77. package/src/components/Flag/Flag.tsx +23 -9
  78. package/src/components/Flag/customFlags/AB.svg +1 -0
  79. package/src/components/Flag/customFlags/OS.svg +1 -0
  80. package/src/components/Flag/customFlags/augment.d.ts +1 -0
  81. package/src/components/Flag/customFlags/customFlags.ts +13 -0
  82. package/src/components/Flag/customFlags/index.ts +1 -0
  83. package/src/components/FlexibleTable/FlexibleTable.tsx +13 -12
  84. package/src/components/FlexibleTable/components/FlexibleTableRow/FlexibleTableRow.tsx +9 -8
  85. package/src/components/FlexibleTable/constants.ts +6 -3
  86. package/src/components/FlexibleTable/types.ts +1 -5
  87. package/src/components/IncrementInput/IncrementInput.styles.ts +1 -1
  88. package/src/components/Input/Input.tsx +2 -1
  89. package/src/components/Input/InputBase.tsx +1 -1
  90. package/src/components/List/List.tsx +5 -2
  91. package/src/components/List/index.ts +2 -1
  92. package/src/components/List/types.ts +5 -0
  93. package/src/components/PhoneInput/PhoneInput.stories.tsx +2 -1
  94. package/src/components/PhoneInput/PhoneInput.tsx +5 -2
  95. package/src/components/SearchInput/SearchInput.styles.ts +16 -29
  96. package/src/components/SearchInput/SearchInput.tsx +17 -30
  97. package/src/components/Select/Select.tsx +12 -2
  98. package/src/components/Select/components/SelectList/SelectList.tsx +1 -1
  99. package/src/components/Select/index.ts +1 -1
  100. package/src/components/TextArea/TextArea.tsx +3 -2
  101. package/src/components/Tooltip/Tooltip.styles.ts +2 -0
  102. package/src/components/Tooltip/Tooltip.tsx +1 -1
  103. package/src/components/WithPopup/WithPopup.stories.tsx +1 -0
  104. package/src/components/WithPopup/WithPopup.styles.ts +2 -0
  105. package/src/components/WithPopup/WithPopup.tsx +64 -16
  106. package/src/components/WithPopup/helpers.ts +9 -0
  107. package/src/components/WithPopup/types.ts +7 -0
  108. package/src/components/WithTooltip/WithTooltip.styles.ts +6 -0
  109. package/src/components/WithTooltip/WithTooltip.tsx +7 -2
  110. package/src/constants/phone-info.ts +20 -33
  111. package/src/helpers/phone.ts +19 -15
  112. package/src/hooks/index.ts +1 -0
  113. package/src/hooks/use-merge.ts +8 -0
  114. package/src/hooks/use-mixed-styles.ts +9 -11
  115. package/src/hooks/use-tweak-styles.ts +49 -27
  116. package/src/theme/Provider.tsx +10 -5
  117. package/src/theme/common.ts +5 -2
  118. package/src/theme/create-themed-styles.ts +78 -0
  119. package/src/theme/helpers.ts +39 -39
  120. package/src/theme/index.ts +2 -0
  121. package/src/theme/true-jss/ThemedStylesManager.ts +92 -0
  122. package/src/theme/true-jss/TweakStylesManager.ts +157 -0
  123. package/src/theme/true-jss/index.ts +2 -0
  124. package/src/theme/true-jss/jss-context.tsx +34 -0
  125. package/src/theme/types.ts +4 -2
  126. package/src/types.ts +2 -1
@@ -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,2 @@
1
+ export * from './ThemedStylesManager';
2
+ export * from './jss-context';
@@ -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>>;
@@ -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 {