@expressms/smartapp-ui 2.0.9 → 2.1.1

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 (76) hide show
  1. package/build/main/assets/icons/clear.svg +5 -5
  2. package/build/main/assets/icons/close.svg +9 -2
  3. package/build/main/assets/icons/delete-chip.svg +10 -0
  4. package/build/main/assets/icons/eye-off.svg +10 -0
  5. package/build/main/assets/icons/eye.svg +10 -0
  6. package/build/main/assets/icons/notification-close.svg +3 -0
  7. package/build/main/constants/constants.d.ts +22 -1
  8. package/build/main/constants/constants.js +51 -2
  9. package/build/main/constants/constants.js.map +1 -1
  10. package/build/main/constants/types.d.ts +3 -0
  11. package/build/main/helpers/index.d.ts +2 -0
  12. package/build/main/helpers/index.js +24 -1
  13. package/build/main/helpers/index.js.map +1 -1
  14. package/build/main/styles/styles.scss +3 -2
  15. package/build/main//321/201omponents/ActionModal/ActionModal.d.ts +1 -1
  16. package/build/main//321/201omponents/ActionModal/ActionModal.js +2 -2
  17. package/build/main//321/201omponents/ActionModal/ActionModal.js.map +1 -1
  18. package/build/main//321/201omponents/ActionModal/types.d.ts +2 -1
  19. package/build/main//321/201omponents/AttachedFile/AttachedFile.d.ts +1 -1
  20. package/build/main//321/201omponents/AttachedFile/AttachedFile.js +4 -5
  21. package/build/main//321/201omponents/AttachedFile/AttachedFile.js.map +1 -1
  22. package/build/main//321/201omponents/AttachedFile/types.d.ts +1 -0
  23. package/build/main//321/201omponents/Avatar/Avatar.js +3 -6
  24. package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
  25. package/build/main//321/201omponents/Button/Button.d.ts +1 -1
  26. package/build/main//321/201omponents/Button/Button.js +3 -2
  27. package/build/main//321/201omponents/Button/Button.js.map +1 -1
  28. package/build/main//321/201omponents/Button/types.d.ts +1 -0
  29. package/build/main//321/201omponents/Chip/Chip.d.ts +4 -0
  30. package/build/main//321/201omponents/Chip/Chip.js +34 -0
  31. package/build/main//321/201omponents/Chip/Chip.js.map +1 -0
  32. package/build/main//321/201omponents/Chip/index.d.ts +1 -0
  33. package/build/main//321/201omponents/Chip/index.js +2 -0
  34. package/build/main//321/201omponents/Chip/index.js.map +1 -0
  35. package/build/main//321/201omponents/Chip/types.d.ts +9 -0
  36. package/build/main//321/201omponents/Chip/types.js.map +1 -0
  37. package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.d.ts +1 -1
  38. package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js +2 -2
  39. package/build/main//321/201omponents/ConfirmationModal/ConfirmationModal.js.map +1 -1
  40. package/build/main//321/201omponents/ConfirmationModal/types.d.ts +2 -1
  41. package/build/main//321/201omponents/ContextMenu/types.d.ts +1 -4
  42. package/build/main//321/201omponents/Input/Input.d.ts +1 -1
  43. package/build/main//321/201omponents/Input/Input.js +104 -9
  44. package/build/main//321/201omponents/Input/Input.js.map +1 -1
  45. package/build/main//321/201omponents/Input/types.d.ts +11 -1
  46. package/build/main//321/201omponents/Loader/Loader.js +1 -1
  47. package/build/main//321/201omponents/Loader/Loader.js.map +1 -1
  48. package/build/main//321/201omponents/Modal/Modal.d.ts +1 -1
  49. package/build/main//321/201omponents/Modal/Modal.js +2 -2
  50. package/build/main//321/201omponents/Modal/Modal.js.map +1 -1
  51. package/build/main//321/201omponents/Modal/types.d.ts +2 -1
  52. package/build/main//321/201omponents/Notification/Notification.d.ts +1 -1
  53. package/build/main//321/201omponents/Notification/Notification.js +107 -21
  54. package/build/main//321/201omponents/Notification/Notification.js.map +1 -1
  55. package/build/main//321/201omponents/Notification/types.d.ts +27 -7
  56. package/build/main//321/201omponents/Stories/Stories.js +1 -2
  57. package/build/main//321/201omponents/Stories/Stories.js.map +1 -1
  58. package/build/main//321/201omponents/Textarea/Textarea.d.ts +1 -1
  59. package/build/main//321/201omponents/Textarea/Textarea.js +58 -9
  60. package/build/main//321/201omponents/Textarea/Textarea.js.map +1 -1
  61. package/build/main//321/201omponents/Textarea/types.d.ts +4 -2
  62. package/build/main//321/201omponents/index.d.ts +1 -1
  63. package/build/main//321/201omponents/index.js +1 -1
  64. package/build/main//321/201omponents/index.js.map +1 -1
  65. package/package.json +8 -2
  66. package/build/main/assets/icons/icon-eye-off.svg +0 -1
  67. package/build/main/assets/icons/icon-eye.svg +0 -1
  68. package/build/main//321/201omponents/Chips/Chips.d.ts +0 -4
  69. package/build/main//321/201omponents/Chips/Chips.js +0 -23
  70. package/build/main//321/201omponents/Chips/Chips.js.map +0 -1
  71. package/build/main//321/201omponents/Chips/index.d.ts +0 -1
  72. package/build/main//321/201omponents/Chips/index.js +0 -2
  73. package/build/main//321/201omponents/Chips/index.js.map +0 -1
  74. package/build/main//321/201omponents/Chips/types.d.ts +0 -5
  75. package/build/main//321/201omponents/Chips/types.js.map +0 -1
  76. /package/build/main//321/201omponents/{Chips → Chip}/types.js" +0 -0
@@ -1,10 +1,10 @@
1
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <g clip-path="url(#clip0_690_22198)">
3
- <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99991 8.67417L13.9774 4.6967C14.3435 4.33058 14.9371 4.33058 15.3032 4.6967C15.6693 5.06282 15.6693 5.65641 15.3032 6.02252L11.3257 10L15.3032 13.9775C15.6693 14.3436 15.6693 14.9372 15.3032 15.3033C14.9371 15.6694 14.3435 15.6694 13.9774 15.3033L9.99991 11.3258L6.02244 15.3033C5.65632 15.6694 5.06273 15.6694 4.69661 15.3033C4.33049 14.9372 4.33049 14.3436 4.69661 13.9775L8.67409 10L4.69661 6.02252C4.33049 5.65641 4.33049 5.06282 4.69661 4.6967C5.06273 4.33058 5.65632 4.33058 6.02244 4.6967L9.99991 8.67417Z" fill="#4799E3"/>
1
+ <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_6168_2763)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99991 7.17417L11.9774 3.1967C12.3435 2.83058 12.9371 2.83058 13.3032 3.1967C13.6693 3.56282 13.6693 4.15641 13.3032 4.52252L9.32574 8.5L13.3032 12.4775C13.6693 12.8436 13.6693 13.4372 13.3032 13.8033C12.9371 14.1694 12.3435 14.1694 11.9774 13.8033L7.99991 9.82583L4.02244 13.8033C3.65632 14.1694 3.06273 14.1694 2.69661 13.8033C2.33049 13.4372 2.33049 12.8436 2.69661 12.4775L6.67409 8.5L2.69661 4.52252C2.33049 4.15641 2.33049 3.56282 2.69661 3.1967C3.06273 2.83058 3.65632 2.83058 4.02244 3.1967L7.99991 7.17417Z" fill="currentColor"/>
4
4
  </g>
5
5
  <defs>
6
- <clipPath id="clip0_690_22198">
7
- <rect width="20" height="20" fill="white"/>
6
+ <clipPath id="clip0_6168_2763">
7
+ <rect width="16" height="16" fill="white" transform="translate(0 0.5)"/>
8
8
  </clipPath>
9
9
  </defs>
10
10
  </svg>
@@ -1,3 +1,10 @@
1
- <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M11.79 10.9393L12.1435 11.2929L12.4971 10.9393L16.7397 6.6967C16.935 6.50144 17.2516 6.50144 17.4468 6.6967C17.6421 6.89196 17.6421 7.20854 17.4468 7.40381L13.2042 11.6464L12.8506 12L13.2042 12.3536L17.4468 16.5962C17.6421 16.7915 17.6421 17.108 17.4468 17.3033C17.2516 17.4986 16.935 17.4986 16.7397 17.3033L12.4971 13.0607L12.1435 12.7071L11.79 13.0607L7.54735 17.3033C7.35209 17.4986 7.0355 17.4986 6.84024 17.3033C6.64498 17.108 6.64498 16.7915 6.84024 16.5962L11.0829 12.3536L11.4364 12L11.0829 11.6464L6.84024 7.40381C6.64498 7.20854 6.64498 6.89196 6.84024 6.6967C7.0355 6.50144 7.35209 6.50144 7.54735 6.6967L11.79 10.9393Z" fill="currentColor" stroke="currentColor"/>
1
+ <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_3506_3864)">
3
+ <path d="M18.3 5.70973C17.91 5.31973 17.28 5.31973 16.89 5.70973L12 10.5897L7.11 5.69973C6.72 5.30973 6.09 5.30973 5.7 5.69973C5.31 6.08973 5.31 6.71973 5.7 7.10973L10.59 11.9997L5.7 16.8897C5.31 17.2797 5.31 17.9097 5.7 18.2997C6.09 18.6897 6.72 18.6897 7.11 18.2997L12 13.4097L16.89 18.2997C17.28 18.6897 17.91 18.6897 18.3 18.2997C18.69 17.9097 18.69 17.2797 18.3 16.8897L13.41 11.9997L18.3 7.10973C18.68 6.72973 18.68 6.08973 18.3 5.70973Z" fill="currentColor" fill-opacity="1"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_3506_3864">
7
+ <rect width="24" height="24" fill="white"/>
8
+ </clipPath>
9
+ </defs>
3
10
  </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_6023_2569)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M8.50037 6.67418L12.4778 2.6967C12.844 2.33058 13.4376 2.33058 13.8037 2.6967C14.1698 3.06282 14.1698 3.65641 13.8037 4.02252L9.82619 8L13.8037 11.9775C14.1698 12.3436 14.1698 12.9372 13.8037 13.3033C13.4376 13.6694 12.844 13.6694 12.4778 13.3033L8.50037 9.32582L4.52289 13.3033C4.15678 13.6694 3.56318 13.6694 3.19707 13.3033C2.83095 12.9372 2.83095 12.3436 3.19707 11.9775L7.17454 8L3.19707 4.02252C2.83095 3.65641 2.83095 3.06282 3.19707 2.6967C3.56318 2.33058 4.15678 2.33058 4.52289 2.6967L8.50037 6.67418Z" fill="currentColor"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_6023_2569">
7
+ <rect width="16" height="16" fill="white" transform="translate(0.5)"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_6152_8872)">
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3.20702 2.19175C2.96353 1.96698 2.58394 1.98216 2.35917 2.22565C2.13441 2.46914 2.14959 2.84874 2.39308 3.0735L13.0476 12.9087C13.2911 13.1334 13.6707 13.1183 13.8955 12.8748C14.1202 12.6313 14.1051 12.2517 13.8616 12.0269L3.20702 2.19175ZM15.7928 8.56068C15.7249 8.64065 14.9075 9.58737 13.5974 10.5456L12.5481 9.57705C13.3913 8.98651 14.0352 8.3734 14.3967 8C13.8068 7.39074 12.4638 6.1433 10.7304 5.39707C11.0685 5.91145 11.2665 6.52607 11.2665 7.18765C11.2665 7.55419 11.2062 7.90663 11.0948 8.23557L9.91871 7.14993C9.96924 7.14143 10.0181 7.12489 10.0641 7.09975C10.3528 6.94216 10.4185 6.50576 10.2107 6.1251C10.0029 5.74459 9.60026 5.56377 9.31155 5.72136C9.10906 5.83183 9.01634 6.07928 9.05051 6.34851L6.10673 3.63117C6.71063 3.47699 7.34446 3.38635 8.0001 3.38635C12.2935 3.38635 15.6521 7.27343 15.7926 7.43915C16.0691 7.76425 16.0691 8.23574 15.7928 8.56068ZM4.80406 6.51144L8.92984 10.3198C8.63511 10.4072 8.323 10.4541 7.99994 10.4541C6.19587 10.4541 4.73349 8.99171 4.73349 7.18765C4.73349 6.95571 4.75785 6.72954 4.80406 6.51144ZM3.12452 4.96109L4.19222 5.94666C2.9849 6.65835 2.06425 7.52399 1.60335 8C2.47695 8.90203 5.00091 11.2054 8.0001 11.2054C8.56892 11.2054 9.12065 11.1225 9.64727 10.9821L10.8294 12.0733C9.95687 12.4011 9.00404 12.6136 8.0001 12.6136C3.70652 12.6136 0.348111 8.72672 0.207413 8.561C-0.0691105 8.23574 -0.0691104 7.76425 0.20725 7.43931C0.286972 7.34543 1.39731 6.0596 3.12452 4.96109Z" fill="currentColor"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_6152_8872">
7
+ <rect width="16" height="16" fill="white"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
@@ -0,0 +1,10 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_6152_8870)">
3
+ <path d="M15.7926 7.43915C15.6521 7.27344 12.2935 3.38635 8.0001 3.38635C3.70652 3.38635 0.348111 7.27344 0.20725 7.43932C-0.0691104 7.76426 -0.0691104 8.23574 0.207413 8.56101C0.348111 8.72673 3.70652 12.6136 8.0001 12.6136C12.2935 12.6136 15.6521 8.7264 15.7928 8.56068C16.0691 8.23574 16.0691 7.76426 15.7926 7.43915ZM9.31155 5.72136C9.60026 5.56377 10.0029 5.7446 10.2107 6.1251C10.4185 6.50577 10.3528 6.94216 10.0641 7.09976C9.77556 7.25751 9.3728 7.07652 9.16484 6.69602C8.95721 6.31535 9.02268 5.87896 9.31155 5.72136ZM8.0001 11.2054C5.00091 11.2054 2.47695 8.90203 1.60335 8C2.19328 7.39074 3.53641 6.14314 5.2698 5.39708C4.9317 5.91145 4.73349 6.52608 4.73349 7.18765C4.73349 8.99171 6.19587 10.4541 7.99994 10.4541C9.804 10.4541 11.2665 8.99171 11.2665 7.18765C11.2665 6.52608 11.0685 5.91145 10.7304 5.39708C12.4638 6.1433 13.8068 7.39074 14.3967 8C13.5231 8.90252 10.9991 11.2054 8.0001 11.2054Z" fill="currentColor"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_6152_8870">
7
+ <rect width="16" height="16" fill="white"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M15.25 4.75843C14.925 4.43343 14.4 4.43343 14.075 4.75843L9.99998 8.8251L5.92498 4.7501C5.59998 4.4251 5.07498 4.4251 4.74998 4.7501C4.42498 5.0751 4.42498 5.6001 4.74998 5.9251L8.82498 10.0001L4.74998 14.0751C4.42498 14.4001 4.42498 14.9251 4.74998 15.2501C5.07498 15.5751 5.59998 15.5751 5.92498 15.2501L9.99998 11.1751L14.075 15.2501C14.4 15.5751 14.925 15.5751 15.25 15.2501C15.575 14.9251 15.575 14.4001 15.25 14.0751L11.175 10.0001L15.25 5.9251C15.5666 5.60843 15.5666 5.0751 15.25 4.75843Z" fill="#4799E3"/>
3
+ </svg>
@@ -5,16 +5,33 @@ export declare enum COLORS {
5
5
  darkBlue = "#408ACD",
6
6
  darkerBlue = "#3C82C1",
7
7
  red = "#EB5545",
8
+ darkRed = "#ED4747",
8
9
  white = "#FFFFFF",
9
10
  white3 = "#FFFFFF03",
10
11
  white80 = "#FFFFFF80",
11
- lightGray = "#E0E4EC66",
12
+ lighterGray = "#E0E4EC66",
13
+ lightGray = "rgba(0, 0, 0, 0.2)",
12
14
  gray = "#1111114D",
15
+ darkGray = "#B7B7B7",
16
+ darkerGray = "#808080",
17
+ lightBlack = "#565656",
13
18
  black = "#111111"
14
19
  }
15
20
  export declare const INPUT_TYPE_PASSWORD = "password";
16
21
  export declare const INPUT_TYPE_TEXT = "text";
22
+ export declare const DEFAULT_INPUT_PADDING: number;
23
+ export declare const MASK_INPUT_PL: number;
24
+ export declare const ADDITIONAL_INPUT_PR: number;
17
25
  export declare const ENTER_KEY = "Enter";
26
+ export declare const INPUT_COUNTER_TIMEOUT: number;
27
+ export declare enum INPUT_BORDER_TYPE {
28
+ pale = "pale",
29
+ intense = "intense"
30
+ }
31
+ export declare enum INPUT_COUNTER_TYPE {
32
+ title = "title",
33
+ text = "text"
34
+ }
18
35
  export declare enum FONT_SIZE {
19
36
  small = "14px",
20
37
  default = "16px",
@@ -43,3 +60,7 @@ export declare const CONTEXT_MENU_SAFE_SPACE: number;
43
60
  export declare const FULL_SCREEN_CLASS_NAME: string;
44
61
  export declare const WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM: number;
45
62
  export declare const MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM: number;
63
+ export declare const DEFAULT_NOTIFICATION_DISTANCE_FROM_TOP: number;
64
+ export declare const ERROR_CLASSNAME: string;
65
+ export declare const AVATAR_COLOR_TOP: string[];
66
+ export declare const AVATAR_COLOR_BOTTOM: string[];
@@ -6,16 +6,35 @@ export var COLORS;
6
6
  COLORS["darkBlue"] = "#408ACD";
7
7
  COLORS["darkerBlue"] = "#3C82C1";
8
8
  COLORS["red"] = "#EB5545";
9
+ COLORS["darkRed"] = "#ED4747";
9
10
  COLORS["white"] = "#FFFFFF";
10
11
  COLORS["white3"] = "#FFFFFF03";
11
12
  COLORS["white80"] = "#FFFFFF80";
12
- COLORS["lightGray"] = "#E0E4EC66";
13
+ COLORS["lighterGray"] = "#E0E4EC66";
14
+ COLORS["lightGray"] = "rgba(0, 0, 0, 0.2)";
13
15
  COLORS["gray"] = "#1111114D";
16
+ COLORS["darkGray"] = "#B7B7B7";
17
+ COLORS["darkerGray"] = "#808080";
18
+ COLORS["lightBlack"] = "#565656";
14
19
  COLORS["black"] = "#111111";
15
20
  })(COLORS || (COLORS = {}));
16
21
  export var INPUT_TYPE_PASSWORD = 'password';
17
22
  export var INPUT_TYPE_TEXT = 'text';
23
+ export var DEFAULT_INPUT_PADDING = 16;
24
+ export var MASK_INPUT_PL = 24;
25
+ export var ADDITIONAL_INPUT_PR = 32;
18
26
  export var ENTER_KEY = 'Enter';
27
+ export var INPUT_COUNTER_TIMEOUT = 5000;
28
+ export var INPUT_BORDER_TYPE;
29
+ (function (INPUT_BORDER_TYPE) {
30
+ INPUT_BORDER_TYPE["pale"] = "pale";
31
+ INPUT_BORDER_TYPE["intense"] = "intense";
32
+ })(INPUT_BORDER_TYPE || (INPUT_BORDER_TYPE = {}));
33
+ export var INPUT_COUNTER_TYPE;
34
+ (function (INPUT_COUNTER_TYPE) {
35
+ INPUT_COUNTER_TYPE["title"] = "title";
36
+ INPUT_COUNTER_TYPE["text"] = "text";
37
+ })(INPUT_COUNTER_TYPE || (INPUT_COUNTER_TYPE = {}));
19
38
  export var FONT_SIZE;
20
39
  (function (FONT_SIZE) {
21
40
  FONT_SIZE["small"] = "14px";
@@ -42,10 +61,40 @@ export var THEME;
42
61
  export var CANCEL_ACTION_TEXT = 'Отменить';
43
62
  export var NUMBER_OF_STORIES_FOR_ROUND_INDICATORS = 5;
44
63
  export var DEFAULT_FONT_FAMILY = 'Open Sans';
45
- export var MIN_TEXTAREA_HEIGHT = '126px';
64
+ export var MIN_TEXTAREA_HEIGHT = '120px';
46
65
  export var CONTEXT_MENU_WIDTH = 250;
47
66
  export var CONTEXT_MENU_SAFE_SPACE = 15;
48
67
  export var FULL_SCREEN_CLASS_NAME = 'full-screen';
49
68
  export var WEB_NOTIFICATION_DISTANCE_FROM_BOTTOM = 8;
50
69
  export var MOBILE_NOTIFICATION_DISTANCE_FROM_BOTTOM = 40;
70
+ export var DEFAULT_NOTIFICATION_DISTANCE_FROM_TOP = 16;
71
+ export var ERROR_CLASSNAME = 'error';
72
+ export var AVATAR_COLOR_TOP = [
73
+ '#ED5C86',
74
+ '#FA9372',
75
+ '#FFA956',
76
+ '#43B692',
77
+ '#F9685E',
78
+ '#19B0EC',
79
+ '#688E97',
80
+ '#7D96CE',
81
+ '#8360C3',
82
+ '#3F84BE',
83
+ '#FBF2A3',
84
+ '#DE6161',
85
+ ];
86
+ export var AVATAR_COLOR_BOTTOM = [
87
+ '#AD4689',
88
+ '#EF709B',
89
+ '#EC8D31',
90
+ '#099773',
91
+ '#75A2FF',
92
+ '#456FE8',
93
+ '#617D95',
94
+ '#698CBF',
95
+ '#2EBF91',
96
+ '#BE5976',
97
+ '#D63F5E',
98
+ '#8262DF',
99
+ ];
51
100
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,MAaX;AAbD,WAAY,MAAM;IAChB,mCAAyB,CAAA;IACzB,8CAAoC,CAAA;IACpC,0BAAgB,CAAA;IAChB,8BAAoB,CAAA;IACpB,gCAAsB,CAAA;IACtB,yBAAe,CAAA;IACf,2BAAiB,CAAA;IACjB,8BAAoB,CAAA;IACpB,+BAAqB,CAAA;IACrB,iCAAuB,CAAA;IACvB,4BAAkB,CAAA;IAClB,2BAAiB,CAAA;AACnB,CAAC,EAbW,MAAM,KAAN,MAAM,QAajB;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAU,CAAA;AAC7C,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAA;AACrC,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,CAAA;AAEhC,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,2BAAc,CAAA;IACd,6BAAgB,CAAA;IAChB,2BAAc,CAAA;AAChB,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AAED,MAAM,CAAN,IAAY,WAIX;AAJD,WAAY,WAAW;IACrB,6BAAc,CAAA;IACd,+BAAgB,CAAA;IAChB,6BAAc,CAAA;AAChB,CAAC,EAJW,WAAW,KAAX,WAAW,QAItB;AAED,MAAM,CAAN,IAAY,QAIX;AAJD,WAAY,QAAQ;IAClB,uBAAW,CAAA;IACX,uBAAW,CAAA;IACX,+BAAmB,CAAA;AACrB,CAAC,EAJW,QAAQ,KAAR,QAAQ,QAInB;AAED,MAAM,CAAN,IAAY,KAGX;AAHD,WAAY,KAAK;IACf,4BAAmB,CAAA;IACnB,sBAAa,CAAA;AACf,CAAC,EAHW,KAAK,KAAL,KAAK,QAGhB;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAW,UAAU,CAAA;AACpD,MAAM,CAAC,IAAM,sCAAsC,GAAW,CAAC,CAAA;AAC/D,MAAM,CAAC,IAAM,mBAAmB,GAAW,WAAW,CAAA;AACtD,MAAM,CAAC,IAAM,mBAAmB,GAAW,OAAO,CAAA;AAClD,MAAM,CAAC,IAAM,kBAAkB,GAAW,GAAG,CAAA;AAC7C,MAAM,CAAC,IAAM,uBAAuB,GAAW,EAAE,CAAA;AACjD,MAAM,CAAC,IAAM,sBAAsB,GAAW,aAAa,CAAA;AAC3D,MAAM,CAAC,IAAM,qCAAqC,GAAW,CAAC,CAAA;AAC9D,MAAM,CAAC,IAAM,wCAAwC,GAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/constants/constants.ts"],"names":[],"mappings":"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"}
@@ -1,3 +1,6 @@
1
+ export type TStyles = {
2
+ [key: string]: number | string;
3
+ };
1
4
  export interface IThemeProps {
2
5
  theme?: 'default' | 'dark';
3
6
  }
@@ -7,3 +7,5 @@ export declare const isMobilePlatform: (platform: string) => boolean;
7
7
  export declare const isDarkTheme: (theme: string) => boolean;
8
8
  export declare const getClassNames: (className: string, delimiter: string, additionalClassName: string | string[]) => string;
9
9
  export declare const getDefaultColorForCloseIcon: (theme: string) => COLORS.white80 | COLORS.gray;
10
+ export declare const userNameToColor: (userName: string) => string;
11
+ export declare const getInitials: (str: string) => string;
@@ -1,6 +1,6 @@
1
1
  import classNames from 'classnames';
2
2
  import { isArray } from 'lodash';
3
- import { COLORS, PLATFORM, THEME } from '../constants';
3
+ import { AVATAR_COLOR_BOTTOM, AVATAR_COLOR_TOP, COLORS, PLATFORM, THEME } from '../constants';
4
4
  export var getColor = function (color, defaultColor) { return (color && CSS.supports('color', color) ? color : defaultColor); };
5
5
  export var isWebPlatform = function (platform) { return platform === PLATFORM.web; };
6
6
  export var isIosPlatform = function (platform) { return platform === PLATFORM.ios; };
@@ -13,4 +13,27 @@ export var getClassNames = function (className, delimiter, additionalClassName)
13
13
  : classNames(className, "".concat(className).concat(delimiter).concat(additionalClassName));
14
14
  };
15
15
  export var getDefaultColorForCloseIcon = function (theme) { return (theme === THEME.default ? COLORS.gray : COLORS.white80); };
16
+ export var userNameToColor = function (userName) {
17
+ var avatarColor = getAvatarColor(userName);
18
+ return "linear-gradient(180deg, ".concat(avatarColor.top, " 0%, ").concat(avatarColor.bottom, " 100%)");
19
+ };
20
+ var getAvatarColor = function (str) {
21
+ if (!str) {
22
+ return { top: AVATAR_COLOR_TOP[5], bottom: AVATAR_COLOR_BOTTOM[5] };
23
+ }
24
+ var colorIndex = getAvatarColorIndex(str) || 0;
25
+ return { top: AVATAR_COLOR_TOP[colorIndex], bottom: AVATAR_COLOR_BOTTOM[colorIndex] };
26
+ };
27
+ var getAvatarColorIndex = function (str) { return Math.abs(hashCode(str) % AVATAR_COLOR_TOP.length); };
28
+ var hashCode = function (str) {
29
+ return str.split('').reduce(function (a, b) {
30
+ a = (a << 5) - a + b.charCodeAt(0);
31
+ return a & a;
32
+ }, 0);
33
+ };
34
+ var getFirstLetterOfWord = function (word) { return (word === null || word === void 0 ? void 0 : word[0]) || ''; };
35
+ export var getInitials = function (str) {
36
+ var _a = str.trim().toUpperCase().split(' '), firstWord = _a[0], secondWord = _a[1];
37
+ return "".concat(getFirstLetterOfWord(firstWord)).concat(getFirstLetterOfWord(secondWord));
38
+ };
16
39
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEtD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAC,KAAyB,EAAE,YAAoB,IAAK,OAAA,CAAC,KAAK,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,EAA9D,CAA8D,CAAA;AAE3I,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,QAAQ,CAAC,GAAG,EAAzB,CAAyB,CAAA;AAC5E,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,QAAQ,CAAC,GAAG,EAAzB,CAAyB,CAAA;AAC5E,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,QAAgB,IAAK,OAAA,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAA7B,CAA6B,CAAA;AACpF,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,QAAgB,IAAK,OAAA,iBAAiB,CAAC,QAAQ,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,EAAtD,CAAsD,CAAA;AAE5G,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,KAAa,IAAK,OAAA,KAAK,KAAK,KAAK,CAAC,IAAI,EAApB,CAAoB,CAAA;AAElE,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,SAAiB,EAAE,SAAiB,EAAE,mBAAsC;IACxG,OAAA,OAAO,CAAC,mBAAmB,CAAC;QAC1B,CAAC,CAAC,UAAU,CACR,SAAS,EACT,mBAAmB,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,UAAG,SAAS,SAAG,SAAS,SAAG,IAAI,CAAE,EAAjC,CAAiC,CAAC,CACrE;QACH,CAAC,CAAC,UAAU,CAAC,SAAS,EAAE,UAAG,SAAS,SAAG,SAAS,SAAG,mBAAmB,CAAE,CAAC;AAL3E,CAK2E,CAAA;AAE7E,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,KAAa,IAAK,OAAA,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAxD,CAAwD,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/helpers/index.ts"],"names":[],"mappings":"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"}