@expressms/smartapp-ui 2.8.2-alpha.10 → 2.8.2-alpha.11

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 (308) hide show
  1. package/build/main/assets/icons/arrow-back.svg +3 -0
  2. package/build/main/assets/icons/arrow-down.svg +3 -0
  3. package/build/main/assets/icons/arrow-up.svg +3 -0
  4. package/build/main/assets/icons/attachment-loader.svg +3 -0
  5. package/build/main/assets/icons/button-loader.svg +3 -0
  6. package/build/main/assets/icons/cancel-cross.svg +3 -0
  7. package/build/main/assets/icons/check-mark.svg +4 -0
  8. package/build/main/assets/icons/clear.svg +3 -0
  9. package/build/main/assets/icons/close-stories.svg +4 -0
  10. package/build/main/assets/icons/close.svg +10 -0
  11. package/build/main/assets/icons/contact-info.svg +12 -0
  12. package/build/main/assets/icons/corporate-user.svg +10 -0
  13. package/build/main/assets/icons/crown.svg +5 -0
  14. package/build/main/assets/icons/delete-chip.svg +3 -0
  15. package/build/main/assets/icons/download.svg +4 -0
  16. package/build/main/assets/icons/error.svg +5 -0
  17. package/build/main/assets/icons/external-link.svg +3 -0
  18. package/build/main/assets/icons/eye-off.svg +10 -0
  19. package/build/main/assets/icons/eye.svg +10 -0
  20. package/build/main/assets/icons/file.svg +3 -0
  21. package/build/main/assets/icons/info.svg +5 -0
  22. package/build/main/assets/icons/loader.svg +3 -0
  23. package/build/main/assets/icons/logout.svg +4 -0
  24. package/build/main/assets/icons/magnifying-glass.svg +3 -0
  25. package/build/main/assets/icons/mail.svg +3 -0
  26. package/build/main/assets/icons/more.svg +3 -0
  27. package/build/main/assets/icons/my-contact-user.svg +10 -0
  28. package/build/main/assets/icons/notification-close.svg +3 -0
  29. package/build/main/assets/icons/notification-error.svg +3 -0
  30. package/build/main/assets/icons/notification-failure.svg +3 -0
  31. package/build/main/assets/icons/notification-info.svg +5 -0
  32. package/build/main/assets/icons/notification-success.svg +4 -0
  33. package/build/main/assets/icons/notification-warning.svg +5 -0
  34. package/build/main/assets/icons/order.svg +6 -0
  35. package/build/main/assets/icons/plus.svg +4 -0
  36. package/build/main/assets/icons/private.svg +12 -0
  37. package/build/main/assets/icons/refresh.svg +3 -0
  38. package/build/main/assets/icons/story-loader.svg +3 -0
  39. package/build/main/assets/icons/tick.svg +10 -0
  40. package/build/main/assets/icons/trash.svg +3 -0
  41. package/build/main/assets/icons/unread-mails.svg +4 -0
  42. package/build/main/assets/storybook/index.js +21 -0
  43. package/build/main/assets/storybook/index.js.map +1 -0
  44. package/build/main/components/ActionModal/ActionModal.js +55 -0
  45. package/build/main/components/ActionModal/ActionModal.js.map +1 -0
  46. package/build/main/components/ActionModal/index.js +2 -0
  47. package/build/main/components/ActionModal/index.js.map +1 -0
  48. package/build/main/components/ActionModal/types.js +2 -0
  49. package/build/main/components/ActionModal/types.js.map +1 -0
  50. package/build/main/components/AttachedFile/AttachedFile.js +60 -0
  51. package/build/main/components/AttachedFile/AttachedFile.js.map +1 -0
  52. package/build/main/components/AttachedFile/index.js +2 -0
  53. package/build/main/components/AttachedFile/index.js.map +1 -0
  54. package/build/main/components/AttachedFile/types.js +2 -0
  55. package/build/main/components/AttachedFile/types.js.map +1 -0
  56. package/build/main/components/Avatar/Avatar.js +131 -0
  57. package/build/main/components/Avatar/Avatar.js.map +1 -0
  58. package/build/main/components/Avatar/index.js +2 -0
  59. package/build/main/components/Avatar/index.js.map +1 -0
  60. package/build/main/components/Avatar/types.js +9 -0
  61. package/build/main/components/Avatar/types.js.map +1 -0
  62. package/build/main/components/Button/Button.js +57 -0
  63. package/build/main/components/Button/Button.js.map +1 -0
  64. package/build/main/components/Button/index.js +2 -0
  65. package/build/main/components/Button/index.js.map +1 -0
  66. package/build/main/components/Button/types.js +11 -0
  67. package/build/main/components/Button/types.js.map +1 -0
  68. package/build/main/components/CachedImage/CachedImage.js +59 -0
  69. package/build/main/components/CachedImage/CachedImage.js.map +1 -0
  70. package/build/main/components/CachedImage/helpers.js +40 -0
  71. package/build/main/components/CachedImage/helpers.js.map +1 -0
  72. package/build/main/components/CachedImage/index.js +2 -0
  73. package/build/main/components/CachedImage/index.js.map +1 -0
  74. package/build/main/components/CachedImage/types.js +2 -0
  75. package/build/main/components/CachedImage/types.js.map +1 -0
  76. package/build/main/components/Calendar/Calendar.js +48 -0
  77. package/build/main/components/Calendar/Calendar.js.map +1 -0
  78. package/build/main/components/Calendar/index.js +2 -0
  79. package/build/main/components/Calendar/index.js.map +1 -0
  80. package/build/main/components/Calendar/types.js +2 -0
  81. package/build/main/components/Calendar/types.js.map +1 -0
  82. package/build/main/components/Charts/ChartBar/ChartBar.js +46 -0
  83. package/build/main/components/Charts/ChartBar/ChartBar.js.map +1 -0
  84. package/build/main/components/Charts/ChartLegend/ChartLegend.js +71 -0
  85. package/build/main/components/Charts/ChartLegend/ChartLegend.js.map +1 -0
  86. package/build/main/components/Charts/ChartLine/ChartLine.js +41 -0
  87. package/build/main/components/Charts/ChartLine/ChartLine.js.map +1 -0
  88. package/build/main/components/Charts/ChartPie/ChartPie.js +63 -0
  89. package/build/main/components/Charts/ChartPie/ChartPie.js.map +1 -0
  90. package/build/main/components/Charts/colors.js +4 -0
  91. package/build/main/components/Charts/colors.js.map +1 -0
  92. package/build/main/components/Charts/constants.js +43 -0
  93. package/build/main/components/Charts/constants.js.map +1 -0
  94. package/build/main/components/Charts/helpers.js +73 -0
  95. package/build/main/components/Charts/helpers.js.map +1 -0
  96. package/build/main/components/Charts/index.js +4 -0
  97. package/build/main/components/Charts/index.js.map +1 -0
  98. package/build/main/components/Charts/types.js +2 -0
  99. package/build/main/components/Charts/types.js.map +1 -0
  100. package/build/main/components/Charts/useEvents.js +45 -0
  101. package/build/main/components/Charts/useEvents.js.map +1 -0
  102. package/build/main/components/Charts/usePieEvents.js +57 -0
  103. package/build/main/components/Charts/usePieEvents.js.map +1 -0
  104. package/build/main/components/Checkbox/Checkbox.js +38 -0
  105. package/build/main/components/Checkbox/Checkbox.js.map +1 -0
  106. package/build/main/components/Checkbox/index.js +2 -0
  107. package/build/main/components/Checkbox/index.js.map +1 -0
  108. package/build/main/components/Checkbox/types.js +2 -0
  109. package/build/main/components/Checkbox/types.js.map +1 -0
  110. package/build/main/components/Chip/Chip.js +35 -0
  111. package/build/main/components/Chip/Chip.js.map +1 -0
  112. package/build/main/components/Chip/index.js +2 -0
  113. package/build/main/components/Chip/index.js.map +1 -0
  114. package/build/main/components/Chip/types.js +2 -0
  115. package/build/main/components/Chip/types.js.map +1 -0
  116. package/build/main/components/ConfirmationModal/ConfirmationModal.js +70 -0
  117. package/build/main/components/ConfirmationModal/ConfirmationModal.js.map +1 -0
  118. package/build/main/components/ConfirmationModal/index.js +2 -0
  119. package/build/main/components/ConfirmationModal/index.js.map +1 -0
  120. package/build/main/components/ConfirmationModal/types.js +2 -0
  121. package/build/main/components/ConfirmationModal/types.js.map +1 -0
  122. package/build/main/components/ContextMenu/ContextMenu.js +82 -0
  123. package/build/main/components/ContextMenu/ContextMenu.js.map +1 -0
  124. package/build/main/components/ContextMenu/index.js +2 -0
  125. package/build/main/components/ContextMenu/index.js.map +1 -0
  126. package/build/main/components/ContextMenu/types.js +2 -0
  127. package/build/main/components/ContextMenu/types.js.map +1 -0
  128. package/build/main/components/CustomSelect/CustomSelect.js +220 -0
  129. package/build/main/components/CustomSelect/CustomSelect.js.map +1 -0
  130. package/build/main/components/CustomSelect/index.js +2 -0
  131. package/build/main/components/CustomSelect/index.js.map +1 -0
  132. package/build/main/components/CustomSelect/selectStyles.js +67 -0
  133. package/build/main/components/CustomSelect/selectStyles.js.map +1 -0
  134. package/build/main/components/CustomSelect/types.js +2 -0
  135. package/build/main/components/CustomSelect/types.js.map +1 -0
  136. package/build/main/components/CustomSelectProfiles/CustomSelectProfiles.js +57 -0
  137. package/build/main/components/CustomSelectProfiles/CustomSelectProfiles.js.map +1 -0
  138. package/build/main/components/CustomSelectProfiles/index.js +2 -0
  139. package/build/main/components/CustomSelectProfiles/index.js.map +1 -0
  140. package/build/main/components/CustomSelectProfiles/types.js +2 -0
  141. package/build/main/components/CustomSelectProfiles/types.js.map +1 -0
  142. package/build/main/components/DragAndDrop/DragAndDrop.js +57 -0
  143. package/build/main/components/DragAndDrop/DragAndDrop.js.map +1 -0
  144. package/build/main/components/DragAndDrop/index.js +2 -0
  145. package/build/main/components/DragAndDrop/index.js.map +1 -0
  146. package/build/main/components/DragAndDrop/types.js +2 -0
  147. package/build/main/components/DragAndDrop/types.js.map +1 -0
  148. package/build/main/components/DraggablePopup/DraggablePopup.js +124 -0
  149. package/build/main/components/DraggablePopup/DraggablePopup.js.map +1 -0
  150. package/build/main/components/DraggablePopup/index.js +2 -0
  151. package/build/main/components/DraggablePopup/index.js.map +1 -0
  152. package/build/main/components/DraggablePopup/types.js +2 -0
  153. package/build/main/components/DraggablePopup/types.js.map +1 -0
  154. package/build/main/components/Error/Error.js +23 -0
  155. package/build/main/components/Error/Error.js.map +1 -0
  156. package/build/main/components/Error/index.js +2 -0
  157. package/build/main/components/Error/index.js.map +1 -0
  158. package/build/main/components/Error/types.js +2 -0
  159. package/build/main/components/Error/types.js.map +1 -0
  160. package/build/main/components/Flex/Flex.js +49 -0
  161. package/build/main/components/Flex/Flex.js.map +1 -0
  162. package/build/main/components/Flex/HFlex/HFlex.js +16 -0
  163. package/build/main/components/Flex/HFlex/HFlex.js.map +1 -0
  164. package/build/main/components/Flex/HFlex/index.js +2 -0
  165. package/build/main/components/Flex/HFlex/index.js.map +1 -0
  166. package/build/main/components/Flex/VFlex/VFlex.js +16 -0
  167. package/build/main/components/Flex/VFlex/VFlex.js.map +1 -0
  168. package/build/main/components/Flex/VFlex/index.js +2 -0
  169. package/build/main/components/Flex/VFlex/index.js.map +1 -0
  170. package/build/main/components/Flex/index.js +4 -0
  171. package/build/main/components/Flex/index.js.map +1 -0
  172. package/build/main/components/Flex/types.js +2 -0
  173. package/build/main/components/Flex/types.js.map +1 -0
  174. package/build/main/components/Header/Header.js +124 -0
  175. package/build/main/components/Header/Header.js.map +1 -0
  176. package/build/main/components/Header/index.js +2 -0
  177. package/build/main/components/Header/index.js.map +1 -0
  178. package/build/main/components/Header/types.js +2 -0
  179. package/build/main/components/Header/types.js.map +1 -0
  180. package/build/main/components/Input/Input.js +207 -0
  181. package/build/main/components/Input/Input.js.map +1 -0
  182. package/build/main/components/Input/index.js +2 -0
  183. package/build/main/components/Input/index.js.map +1 -0
  184. package/build/main/components/Input/types.js +2 -0
  185. package/build/main/components/Input/types.js.map +1 -0
  186. package/build/main/components/ListItem/ListItem.js +208 -0
  187. package/build/main/components/ListItem/ListItem.js.map +1 -0
  188. package/build/main/components/ListItem/index.js +2 -0
  189. package/build/main/components/ListItem/index.js.map +1 -0
  190. package/build/main/components/ListItem/types.js +2 -0
  191. package/build/main/components/ListItem/types.js.map +1 -0
  192. package/build/main/components/Loader/Loader.js +44 -0
  193. package/build/main/components/Loader/Loader.js.map +1 -0
  194. package/build/main/components/Loader/index.js +2 -0
  195. package/build/main/components/Loader/index.js.map +1 -0
  196. package/build/main/components/Loader/types.js +2 -0
  197. package/build/main/components/Loader/types.js.map +1 -0
  198. package/build/main/components/Modal/Modal.js +125 -0
  199. package/build/main/components/Modal/Modal.js.map +1 -0
  200. package/build/main/components/Modal/index.js +2 -0
  201. package/build/main/components/Modal/index.js.map +1 -0
  202. package/build/main/components/Modal/types.js +2 -0
  203. package/build/main/components/Modal/types.js.map +1 -0
  204. package/build/main/components/Notification/Notification.js +197 -0
  205. package/build/main/components/Notification/Notification.js.map +1 -0
  206. package/build/main/components/Notification/index.js +2 -0
  207. package/build/main/components/Notification/index.js.map +1 -0
  208. package/build/main/components/Notification/types.js +2 -0
  209. package/build/main/components/Notification/types.js.map +1 -0
  210. package/build/main/components/Profile/Profile.js +42 -0
  211. package/build/main/components/Profile/Profile.js.map +1 -0
  212. package/build/main/components/Profile/index.js +2 -0
  213. package/build/main/components/Profile/index.js.map +1 -0
  214. package/build/main/components/Profile/types.js +2 -0
  215. package/build/main/components/Profile/types.js.map +1 -0
  216. package/build/main/components/ProgressBar/ProgressBar.js +66 -0
  217. package/build/main/components/ProgressBar/ProgressBar.js.map +1 -0
  218. package/build/main/components/ProgressBar/index.js +2 -0
  219. package/build/main/components/ProgressBar/index.js.map +1 -0
  220. package/build/main/components/ProgressBar/types.js +2 -0
  221. package/build/main/components/ProgressBar/types.js.map +1 -0
  222. package/build/main/components/RadioButton/RadioButton.js +37 -0
  223. package/build/main/components/RadioButton/RadioButton.js.map +1 -0
  224. package/build/main/components/RadioButton/index.js +2 -0
  225. package/build/main/components/RadioButton/index.js.map +1 -0
  226. package/build/main/components/RadioButton/types.js +2 -0
  227. package/build/main/components/RadioButton/types.js.map +1 -0
  228. package/build/main/components/ScrollBar/ScrollBar.js +63 -0
  229. package/build/main/components/ScrollBar/ScrollBar.js.map +1 -0
  230. package/build/main/components/ScrollBar/index.js +2 -0
  231. package/build/main/components/ScrollBar/index.js.map +1 -0
  232. package/build/main/components/ScrollBar/types.js +2 -0
  233. package/build/main/components/ScrollBar/types.js.map +1 -0
  234. package/build/main/components/Skeleton/Skeleton.js +59 -0
  235. package/build/main/components/Skeleton/Skeleton.js.map +1 -0
  236. package/build/main/components/Skeleton/index.js +2 -0
  237. package/build/main/components/Skeleton/index.js.map +1 -0
  238. package/build/main/components/Skeleton/types.js +2 -0
  239. package/build/main/components/Skeleton/types.js.map +1 -0
  240. package/build/main/components/Stories/Stories.js +296 -0
  241. package/build/main/components/Stories/Stories.js.map +1 -0
  242. package/build/main/components/Stories/index.js +2 -0
  243. package/build/main/components/Stories/index.js.map +1 -0
  244. package/build/main/components/Stories/types.js +11 -0
  245. package/build/main/components/Stories/types.js.map +1 -0
  246. package/build/main/components/Switcher/Switcher.js +34 -0
  247. package/build/main/components/Switcher/Switcher.js.map +1 -0
  248. package/build/main/components/Switcher/index.js +2 -0
  249. package/build/main/components/Switcher/index.js.map +1 -0
  250. package/build/main/components/Switcher/types.js +2 -0
  251. package/build/main/components/Switcher/types.js.map +1 -0
  252. package/build/main/components/SyncLoader/SyncLoader.js +65 -0
  253. package/build/main/components/SyncLoader/SyncLoader.js.map +1 -0
  254. package/build/main/components/SyncLoader/index.js +2 -0
  255. package/build/main/components/SyncLoader/index.js.map +1 -0
  256. package/build/main/components/SyncLoader/types.js +2 -0
  257. package/build/main/components/SyncLoader/types.js.map +1 -0
  258. package/build/main/components/Textarea/Textarea.js +96 -0
  259. package/build/main/components/Textarea/Textarea.js.map +1 -0
  260. package/build/main/components/Textarea/index.js +2 -0
  261. package/build/main/components/Textarea/index.js.map +1 -0
  262. package/build/main/components/Textarea/types.js +2 -0
  263. package/build/main/components/Textarea/types.js.map +1 -0
  264. package/build/main/components/Toggle/Toggle.js +38 -0
  265. package/build/main/components/Toggle/Toggle.js.map +1 -0
  266. package/build/main/components/Toggle/index.js +2 -0
  267. package/build/main/components/Toggle/index.js.map +1 -0
  268. package/build/main/components/Toggle/types.js +2 -0
  269. package/build/main/components/Toggle/types.js.map +1 -0
  270. package/build/main/components/UserDropdown/ContactBottomSheet/ContactBottomSheet.js +31 -0
  271. package/build/main/components/UserDropdown/ContactBottomSheet/ContactBottomSheet.js.map +1 -0
  272. package/build/main/components/UserDropdown/ContactInfo/ContactInfo.js +70 -0
  273. package/build/main/components/UserDropdown/ContactInfo/ContactInfo.js.map +1 -0
  274. package/build/main/components/UserDropdown/LoadingMessage/LoadingMessage.js +23 -0
  275. package/build/main/components/UserDropdown/LoadingMessage/LoadingMessage.js.map +1 -0
  276. package/build/main/components/UserDropdown/MenuList/MenuList.js +81 -0
  277. package/build/main/components/UserDropdown/MenuList/MenuList.js.map +1 -0
  278. package/build/main/components/UserDropdown/MultiValueLabel/MultiValueLabel.js +40 -0
  279. package/build/main/components/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -0
  280. package/build/main/components/UserDropdown/Option/Option.js +91 -0
  281. package/build/main/components/UserDropdown/Option/Option.js.map +1 -0
  282. package/build/main/components/UserDropdown/UserDropdown.js +434 -0
  283. package/build/main/components/UserDropdown/UserDropdown.js.map +1 -0
  284. package/build/main/components/UserDropdown/helpers.js +93 -0
  285. package/build/main/components/UserDropdown/helpers.js.map +1 -0
  286. package/build/main/components/UserDropdown/index.js +2 -0
  287. package/build/main/components/UserDropdown/index.js.map +1 -0
  288. package/build/main/components/UserDropdown/selectStyles.js +75 -0
  289. package/build/main/components/UserDropdown/selectStyles.js.map +1 -0
  290. package/build/main/components/UserDropdown/types.js +2 -0
  291. package/build/main/components/UserDropdown/types.js.map +1 -0
  292. package/build/main/components/types.js +2 -0
  293. package/build/main/components/types.js.map +1 -0
  294. package/build/main/constants/constants.js +161 -0
  295. package/build/main/constants/constants.js.map +1 -0
  296. package/build/main/constants/index.js +3 -0
  297. package/build/main/constants/index.js.map +1 -0
  298. package/build/main/constants/types.js +2 -0
  299. package/build/main/constants/types.js.map +1 -0
  300. package/build/main/helpers/index.js +89 -0
  301. package/build/main/helpers/index.js.map +1 -0
  302. package/build/main/hooks/useModal.js +60 -0
  303. package/build/main/hooks/useModal.js.map +1 -0
  304. package/build/main/index.js +37 -0
  305. package/build/main/index.js.map +1 -0
  306. package/build/main/styles/index.js +2 -0
  307. package/build/main/styles/index.js.map +1 -0
  308. package/package.json +2 -1
@@ -0,0 +1,65 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
13
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
14
+ if (ar || !(i in from)) {
15
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
16
+ ar[i] = from[i];
17
+ }
18
+ }
19
+ return to.concat(ar || Array.prototype.slice.call(from));
20
+ };
21
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
22
+ import { useEffect } from 'react';
23
+ import classNames from 'classnames';
24
+ import Color from 'color';
25
+ import { normal } from 'color-blend';
26
+ import { ReactComponent as LoaderIcon } from '../../assets/icons/loader.svg';
27
+ import { COLORS, DEFAULT_FONT_FAMILY, THEME } from '../../constants';
28
+ import { generateColor, isDarkTheme } from '../../helpers';
29
+ import '../../styles/styles.scss';
30
+ export var DEFAULT_SYNC_LOADER_TEXT = 'Обновление';
31
+ var SyncLoader = function (_a) {
32
+ var isLoading = _a.isLoading, _b = _a.text, text = _b === void 0 ? DEFAULT_SYNC_LOADER_TEXT : _b, _c = _a.theme, theme = _c === void 0 ? THEME.default : _c, className = _a.className, styles = _a.styles, color = _a.color, _d = _a.fontFamily, fontFamily = _d === void 0 ? DEFAULT_FONT_FAMILY : _d;
33
+ var loaderColor = generateColor(color, COLORS.blue);
34
+ var generateBackgroundStyles = function () {
35
+ var _a = Color(loaderColor).rgb().object(), red = _a.r, green = _a.g, blue = _a.b;
36
+ var backgroundColorRGBA = { r: red, g: green, b: blue, a: 0.2 };
37
+ var WHITE_COLOR = { r: 255, g: 255, b: 255, a: 1 };
38
+ var BLACK_COLOR = { r: 61, g: 61, b: 61, a: 1 };
39
+ var _b = isDarkTheme(theme) ? normal(BLACK_COLOR, backgroundColorRGBA) : normal(WHITE_COLOR, backgroundColorRGBA), r = _b.r, g = _b.g, b = _b.b, a = _b.a;
40
+ return __assign({ background: "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")") }, styles);
41
+ };
42
+ useEffect(function () {
43
+ var timerId;
44
+ var dots = document.querySelectorAll('.smartapp-sync-loader__text--dots__dot');
45
+ var animationEndFunction = function () {
46
+ dots.forEach(function (dot) { return (dot.style.display = 'none'); });
47
+ timerId = setTimeout(function () {
48
+ dots.forEach(function (dot) { return (dot.style.display = 'unset'); });
49
+ }, 150);
50
+ };
51
+ if (isLoading) {
52
+ dots[0].addEventListener('animationend', animationEndFunction);
53
+ }
54
+ return function () {
55
+ clearTimeout(timerId);
56
+ isLoading && dots[0].removeEventListener('animationend', animationEndFunction);
57
+ };
58
+ }, [isLoading]);
59
+ if (!isLoading) {
60
+ return null;
61
+ }
62
+ return (_jsxs("div", __assign({ className: classNames('smartapp-sync-loader', className), style: generateBackgroundStyles() }, { children: [_jsx(LoaderIcon, { className: "smartapp-sync-loader__icon", style: { color: loaderColor } }), _jsxs("div", __assign({ style: { fontFamily: "".concat(fontFamily, ", sans-serif") }, className: classNames({ 'smartapp-sync-loader__text': true, 'smartapp-sync-loader__text--dark': isDarkTheme(theme) }) }, { children: [text, _jsx("div", __assign({ className: "smartapp-sync-loader__text--dots" }, { children: __spreadArray([], Array(3), true).map(function (_, index) { return (_jsx("div", __assign({ className: "smartapp-sync-loader__text--dots__dot" }, { children: "." }), index)); }) }))] }))] })));
63
+ };
64
+ export default SyncLoader;
65
+ //# sourceMappingURL=SyncLoader.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SyncLoader.js","sourceRoot":"","sources":["../../../../src/components/SyncLoader/SyncLoader.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { default } from './SyncLoader';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/SyncLoader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/SyncLoader/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,96 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __rest = (this && this.__rest) || function (s, e) {
13
+ var t = {};
14
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
+ t[p] = s[p];
16
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
+ t[p[i]] = s[p[i]];
20
+ }
21
+ return t;
22
+ };
23
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
24
+ import { useEffect, useRef, useState } from 'react';
25
+ import classNames from 'classnames';
26
+ import { isEmpty, isNil, isNull } from 'lodash';
27
+ import { isSecondaryFillType } from '../../helpers';
28
+ import { FILL_TYPE, INPUT_COUNTER_TIMEOUT, MIN_TEXTAREA_HEIGHT } from '../../constants';
29
+ import '../../styles/styles.scss';
30
+ var Textarea = function (_a) {
31
+ var _b = _a.isAdjustToTextHeight, isAdjustToTextHeight = _b === void 0 ? false : _b, _c = _a.fillType, fillType = _c === void 0 ? FILL_TYPE.primary : _c, title = _a.title, error = _a.error, maxCharacters = _a.maxCharacters, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, onChange = _a.onChange, props = __rest(_a, ["isAdjustToTextHeight", "fillType", "title", "error", "maxCharacters", "containerClassName", "className", "containerStyles", "onChange"]);
32
+ var textareaRef = useRef(null);
33
+ var _d = useState(maxCharacters || 0), remainingCharacters = _d[0], setRemainingCharacters = _d[1];
34
+ var _e = useState(null), timeoutId = _e[0], setTimeoutId = _e[1];
35
+ var handleInput = function () {
36
+ var textareaRefCurrent = textareaRef.current;
37
+ if (textareaRefCurrent && isAdjustToTextHeight) {
38
+ textareaRefCurrent.style.height = MIN_TEXTAREA_HEIGHT;
39
+ textareaRefCurrent.style.height = "".concat(textareaRefCurrent.scrollHeight + 2, "px");
40
+ }
41
+ };
42
+ var isCounterVisible = function () {
43
+ if (isNil(maxCharacters)) {
44
+ return false;
45
+ }
46
+ // 30 percent of the maximum characters
47
+ var charactersToCompare = (maxCharacters * 30) / 100;
48
+ return remainingCharacters < charactersToCompare;
49
+ };
50
+ var handleSetTimeoutForCounter = function () {
51
+ var id = setTimeout(function () { return setTimeoutId(null); }, INPUT_COUNTER_TIMEOUT);
52
+ setTimeoutId(id);
53
+ };
54
+ var handleKeyDown = function () {
55
+ if (!remainingCharacters) {
56
+ !isNull(timeoutId) && clearTimeout(timeoutId);
57
+ handleSetTimeoutForCounter();
58
+ }
59
+ };
60
+ var handleChange = function (event) {
61
+ var textareaRefCurrent = textareaRef.current;
62
+ var valueLength = event.target.value.length;
63
+ onChange(event);
64
+ if (textareaRefCurrent && textareaRefCurrent.selectionStart === valueLength) {
65
+ textareaRefCurrent.scrollTop = textareaRefCurrent.scrollHeight;
66
+ }
67
+ if (maxCharacters) {
68
+ var remainingCharacters_1 = maxCharacters - valueLength;
69
+ setRemainingCharacters(remainingCharacters_1);
70
+ if (!!remainingCharacters_1 && !isNull(timeoutId)) {
71
+ clearTimeout(timeoutId);
72
+ setTimeoutId(null);
73
+ }
74
+ }
75
+ };
76
+ useEffect(function () {
77
+ if (!remainingCharacters) {
78
+ handleSetTimeoutForCounter();
79
+ }
80
+ }, [remainingCharacters]);
81
+ useEffect(function () {
82
+ isAdjustToTextHeight && handleInput();
83
+ // eslint-disable-next-line
84
+ }, [isAdjustToTextHeight]);
85
+ var renderCounter = function () {
86
+ return isCounterVisible() && (_jsx("div", __assign({ className: classNames('smartapp-textarea__container--counter', {
87
+ 'smartapp-textarea__container--counter__error': !isNull(timeoutId),
88
+ }) }, { children: remainingCharacters })));
89
+ };
90
+ return (_jsxs("div", __assign({ className: classNames('smartapp-textarea', containerClassName), style: containerStyles }, { children: [title && _jsx("div", __assign({ className: "smartapp-textarea__title" }, { children: title })), _jsxs("div", __assign({ className: "smartapp-textarea__container" }, { children: [_jsx("textarea", __assign({ ref: textareaRef, className: classNames('smartapp-textarea__container--field', {
91
+ 'smartapp-textarea__container--field__error': !isEmpty(error),
92
+ 'smartapp-textarea__container--field__secondary-fill-type': isSecondaryFillType(fillType),
93
+ }, className), maxLength: maxCharacters, onKeyDown: handleKeyDown, onChange: handleChange, onInput: handleInput }, props)), renderCounter()] })), error && _jsx("div", __assign({ className: "smartapp-textarea__error" }, { children: error }))] })));
94
+ };
95
+ export default Textarea;
96
+ //# sourceMappingURL=Textarea.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { default } from './Textarea';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Textarea/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,38 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { useEffect, useRef } from 'react';
14
+ import classNames from 'classnames';
15
+ import { COLORS } from '../../constants';
16
+ import { generateColor } from '../../helpers';
17
+ import '../../styles/styles.scss';
18
+ var Toggle = function (_a) {
19
+ var _b = _a.id, id = _b === void 0 ? 'toggle' : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isChecked, isChecked = _d === void 0 ? false : _d, className = _a.className, styles = _a.styles, checkedColor = _a.checkedColor, checkedHoverColor = _a.checkedHoverColor, checkedPressedColor = _a.checkedPressedColor, _e = _a.onClick, onClick = _e === void 0 ? function () { return undefined; } : _e;
20
+ var toggleRef = useRef(null);
21
+ useEffect(function () {
22
+ document.documentElement.style.setProperty('--toggle-color', generateColor(checkedColor, COLORS.blue));
23
+ document.documentElement.style.setProperty('--toggle-hover-color', generateColor(checkedHoverColor, COLORS.darkBlue));
24
+ document.documentElement.style.setProperty('--toggle-pressed-color', generateColor(checkedPressedColor, COLORS.darkerBlue));
25
+ }, [checkedColor, checkedHoverColor, checkedPressedColor]);
26
+ useEffect(function () {
27
+ window.addEventListener('mouseup', handleMouseUp);
28
+ return function () {
29
+ window.removeEventListener('mouseup', handleMouseUp);
30
+ };
31
+ }, []);
32
+ var handleClick = function () { return !isDisabled && onClick(); };
33
+ var handleMouseDown = function () { var _a; return (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-toggle-wrapper__pressed'); };
34
+ var handleMouseUp = function () { var _a; return (_a = toggleRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-toggle-wrapper__pressed'); };
35
+ return (_jsx("div", __assign({ ref: toggleRef, className: classNames('smartapp-toggle-wrapper', className), style: styles }, { children: _jsxs("label", __assign({ htmlFor: "smartapp-toggle-".concat(id), className: "smartapp-toggle", onClick: handleClick }, { children: [_jsx("input", { type: "checkbox", id: "smartapp-toggle-".concat(id), checked: isChecked, disabled: true }), _jsx("span", { className: classNames('smartapp-slider', { 'smartapp-slider__disabled': isDisabled }), onMouseDown: handleMouseDown })] })) })));
36
+ };
37
+ export default Toggle;
38
+ //# sourceMappingURL=Toggle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAUD;QATb,UAAa,EAAb,EAAE,mBAAG,QAAQ,KAAA,EACb,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,eAA+B,EAA/B,OAAO,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAE/B,IAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAErD,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAA;QACtG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QACrH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,aAAa,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IAC7H,CAAC,EAAE,CAAC,YAAY,EAAE,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE1D,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,WAAW,GAAG,cAAM,OAAA,CAAC,UAAU,IAAI,OAAO,EAAE,EAAxB,CAAwB,CAAA;IAClD,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAA,EAAA,CAAA;IAClG,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAA,EAAA,CAAA;IAEnG,OAAO,CACL,uBAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,gBAC7F,0BAAO,OAAO,EAAE,0BAAmB,EAAE,CAAE,EAAE,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,WAAW,iBACvF,gBAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAE,0BAAmB,EAAE,CAAE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,SAAG,EACnF,eAAM,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,EAAE,2BAA2B,EAAE,UAAU,EAAE,CAAC,EAAE,WAAW,EAAE,eAAe,GAAI,KACvH,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { default } from './Toggle';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Toggle/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,31 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { useEffect } from 'react';
14
+ import Avatar from '../../Avatar';
15
+ import ContactInfo from '../ContactInfo/ContactInfo';
16
+ import { ReactComponent as CorporateUserIcon } from '../../../assets/icons/corporate-user.svg';
17
+ import '../../../styles/styles.scss';
18
+ var ContactBottomSheet = function (_a) {
19
+ var language = _a.language, avatar = _a.avatar, name = _a.name, email = _a.email, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
20
+ useEffect(function () {
21
+ var modalContent = document.querySelector('.smartapp-modal__content');
22
+ var handlePreventDefault = function (event) { return event.preventDefault(); };
23
+ modalContent === null || modalContent === void 0 ? void 0 : modalContent.addEventListener('touchend', handlePreventDefault);
24
+ return function () {
25
+ modalContent === null || modalContent === void 0 ? void 0 : modalContent.removeEventListener('touchend', handlePreventDefault);
26
+ };
27
+ }, []);
28
+ return (_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet" }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header" }, { children: [_jsx(Avatar, { username: name, avatar: avatar, size: 48 }), _jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text" }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__name" }, { children: [_jsx(CorporateUserIcon, {}), _jsx("div", { children: name })] })), _jsx("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__email" }, { children: email }))] }))] })), _jsx(ContactInfo, { language: language, serverName: serverName, company: company, department: department, companyPosition: companyPosition })] })));
29
+ };
30
+ export default ContactBottomSheet;
31
+ //# sourceMappingURL=ContactBottomSheet.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContactBottomSheet.js","sourceRoot":"","sources":["../../../../../src/components/UserDropdown/ContactBottomSheet/ContactBottomSheet.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,WAAW,MAAM,4BAA4B,CAAA;AAEpD,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC9F,OAAO,6BAA6B,CAAA;AAEpC,IAAM,kBAAkB,GAAG,UAAC,EAAwG;QAAtG,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA;IAC3G,SAAS,CAAC;QACR,IAAM,YAAY,GAA0B,QAAQ,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAA;QAC9F,IAAM,oBAAoB,GAAG,UAAC,KAAY,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,CAAA;QAErE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gBAAgB,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAA;QAEhE,OAAO;YACL,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAA;QACrE,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAK,SAAS,EAAC,+BAA+B,iBAC5C,wBAAK,SAAS,EAAC,uCAAuC,iBACpD,KAAC,MAAM,IAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,GAAI,EACpD,wBAAK,SAAS,EAAC,6CAA6C,iBAC1D,wBAAK,SAAS,EAAC,mDAAmD,iBAChE,KAAC,iBAAiB,KAAG,EACrB,wBAAM,IAAI,GAAO,KACb,EACN,uBAAK,SAAS,EAAC,oDAAoD,gBAAE,KAAK,IAAO,KAC7E,KACF,EACN,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,GAAI,KACnI,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
@@ -0,0 +1,70 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var _a;
13
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
+ import { LANGUAGES } from '../../../constants';
15
+ import '../../../styles/styles.scss';
16
+ var INFO_TITLE_TEXT = (_a = {},
17
+ _a[LANGUAGES.ru] = {
18
+ server: 'Сервер',
19
+ company: 'Компания',
20
+ department: 'Отдел',
21
+ companyPosition: 'Должность',
22
+ },
23
+ _a[LANGUAGES.en] = {
24
+ server: 'Server',
25
+ company: 'Company',
26
+ department: 'Department',
27
+ companyPosition: 'Position',
28
+ },
29
+ _a[LANGUAGES.de] = {
30
+ server: 'Server',
31
+ company: 'Firma',
32
+ department: 'Abteilung',
33
+ companyPosition: 'Position',
34
+ },
35
+ _a[LANGUAGES.es] = {
36
+ server: 'Servidor',
37
+ company: 'Empresa',
38
+ department: 'Sección',
39
+ companyPosition: 'Cargo',
40
+ },
41
+ _a[LANGUAGES.fr] = {
42
+ server: 'Serveur',
43
+ company: 'Société',
44
+ department: 'Département',
45
+ companyPosition: 'Poste',
46
+ },
47
+ _a[LANGUAGES.ar] = {
48
+ server: 'جهاز الخادم',
49
+ company: 'شركة',
50
+ department: 'الإدارة',
51
+ companyPosition: 'المنصب',
52
+ },
53
+ _a[LANGUAGES.mal] = {
54
+ server: 'Pelayan',
55
+ company: 'Syarikat',
56
+ department: 'Jabatan',
57
+ companyPosition: 'Kedudukan',
58
+ },
59
+ _a);
60
+ var ContactInfo = function (_a) {
61
+ var elementRef = _a.elementRef, language = _a.language, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
62
+ var _b = INFO_TITLE_TEXT[language], serverTitle = _b.server, companyTitle = _b.company, departmentTitle = _b.department, companyPositionTitle = _b.companyPosition;
63
+ var renderInfoItem = function (_a) {
64
+ var title = _a.title, info = _a.info;
65
+ return (_jsxs("div", __assign({ className: "smartapp-contact-info__item" }, { children: [_jsx("div", { children: title }), _jsx("div", { children: info })] })));
66
+ };
67
+ return (_jsxs("div", __assign({ ref: elementRef, className: "smartapp-contact-info" }, { children: [serverName && renderInfoItem({ title: serverTitle, info: serverName }), company && renderInfoItem({ title: companyTitle, info: company }), department && renderInfoItem({ title: departmentTitle, info: department }), companyPosition && renderInfoItem({ title: companyPositionTitle, info: companyPosition })] })));
68
+ };
69
+ export default ContactInfo;
70
+ //# sourceMappingURL=ContactInfo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ContactInfo.js","sourceRoot":"","sources":["../../../../../src/components/UserDropdown/ContactInfo/ContactInfo.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAE9C,OAAO,6BAA6B,CAAA;AAKpC,IAAM,eAAe;IACnB,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,OAAO;QACnB,eAAe,EAAE,WAAW;KAC7B;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,YAAY;QACxB,eAAe,EAAE,UAAU;KAC5B;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,QAAQ;QAChB,OAAO,EAAE,OAAO;QAChB,UAAU,EAAE,WAAW;QACvB,eAAe,EAAE,UAAU;KAC5B;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,UAAU;QAClB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,SAAS;QACrB,eAAe,EAAE,OAAO;KACzB;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,UAAU,EAAE,aAAa;QACzB,eAAe,EAAE,OAAO;KACzB;IACD,GAAC,SAAS,CAAC,EAAE,IAAG;QACd,MAAM,EAAE,aAAa;QACrB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,SAAS;QACrB,eAAe,EAAE,QAAQ;KAC1B;IACD,GAAC,SAAS,CAAC,GAAG,IAAG;QACf,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,UAAU;QACnB,UAAU,EAAE,SAAS;QACrB,eAAe,EAAE,WAAW;KAC7B;OACF,CAAA;AAED,IAAM,WAAW,GAAG,UAAC,EAAwF;QAAtF,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA;IACrF,IAAA,KAAqH,eAAe,CAAC,QAAQ,CAAC,EAApI,WAAW,YAAA,EAAW,YAAY,aAAA,EAAc,eAAe,gBAAA,EAAmB,oBAAoB,qBAA8B,CAAA;IAEpJ,IAAM,cAAc,GAAG,UAAC,EAAgC;YAA9B,KAAK,WAAA,EAAE,IAAI,UAAA;QAAwB,OAAA,CAC3D,wBAAK,SAAS,EAAC,6BAA6B,iBAC1C,wBAAM,KAAK,GAAO,EAClB,wBAAM,IAAI,GAAO,KACb,CACP;IAL4D,CAK5D,CAAA;IAED,OAAO,CACL,wBAAK,GAAG,EAAE,UAAU,EAAE,SAAS,EAAC,uBAAuB,iBACpD,UAAU,IAAI,cAAc,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EACtE,OAAO,IAAI,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EACjE,UAAU,IAAI,cAAc,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,EAC1E,eAAe,IAAI,cAAc,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,KACtF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
@@ -0,0 +1,23 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { useRef } from 'react';
14
+ import { Skeleton } from '../../Skeleton';
15
+ import '../../../styles/styles.scss';
16
+ var LOADING_MESSAGE_ITEMS = 6;
17
+ var LoadingMessage = function (_a) {
18
+ var _b = _a.skeletonRowsCount, skeletonRowsCount = _b === void 0 ? LOADING_MESSAGE_ITEMS : _b;
19
+ var ref = useRef(null);
20
+ return (_jsx("div", __assign({ ref: ref, className: "smartapp-loading-message" }, { children: Array.from({ length: skeletonRowsCount }, function (_, index) { return (_jsxs("div", __assign({ className: "smartapp-loading-message__item" }, { children: [_jsx(Skeleton, { containerRef: ref, circle: true, className: "smartapp-loading-message__item--circle" }), _jsxs("div", __assign({ className: "smartapp-loading-message__item--ellipse" }, { children: [_jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__first", borderRadius: 600 }), _jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__second", borderRadius: 600 })] }))] }), index)); }) })));
21
+ };
22
+ export default LoadingMessage;
23
+ //# sourceMappingURL=LoadingMessage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../../src/components/UserDropdown/LoadingMessage/LoadingMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,6BAA6B,CAAA;AAEpC,IAAM,qBAAqB,GAAG,CAAC,CAAA;AAE/B,IAAM,cAAc,GAAG,UAAC,EAA8D;QAA5D,yBAAyC,EAAzC,iBAAiB,mBAAG,qBAAqB,KAAA;IACjE,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,OAAO,CACL,uBAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,0BAA0B,gBAChD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CACvD,wBAAiB,SAAS,EAAC,gCAAgC,iBACzD,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,wCAAwC,GAAG,EACzF,wBAAK,SAAS,EAAC,yCAAyC,iBACtD,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,gDAAgD,EAAC,YAAY,EAAE,GAAG,GAAI,EAC7G,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,iDAAiD,EAAC,YAAY,EAAE,GAAG,GAAI,KAC1G,MALE,KAAK,CAMT,CACP,EARwD,CAQxD,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
@@ -0,0 +1,81 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { useEffect, useRef } from 'react';
14
+ import { components } from 'react-select';
15
+ import { FixedSizeList } from 'react-window';
16
+ import { AutoSizer } from 'react-virtualized';
17
+ import classNames from 'classnames';
18
+ import LoadingMessage from '../LoadingMessage/LoadingMessage';
19
+ import '../../../styles/styles.scss';
20
+ var MIN_INPUT_SYMBOLS = 3;
21
+ var SKELETON_ROWS_COUNT = 3;
22
+ var MENU_ITEM_HEIGHT = 54;
23
+ var MAX_MENU_HEIGHT = 292;
24
+ var LIST_OVER_SCAN_COUNT = 5;
25
+ var PADDING_SIZE = 12;
26
+ var MenuList = function (props) {
27
+ var _a;
28
+ var selectRef = props.selectRef, scrollFromTop = props.scrollFromTop, hasNextPage = props.hasNextPage, isLoading = props.isLoading, isUserTyping = props.isUserTyping, isNextPageLoading = props.isNextPageLoading, onLoadNextPage = props.onLoadNextPage, children = props.children;
29
+ var selectRefCurrent = selectRef.current;
30
+ var inputValue = (_a = selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.props) === null || _a === void 0 ? void 0 : _a.inputValue;
31
+ var inputValueLength = inputValue === null || inputValue === void 0 ? void 0 : inputValue.length;
32
+ var virtualizationListRef = useRef(null);
33
+ var lastElement = useRef(null);
34
+ var observer = useRef(new IntersectionObserver(function (entries) { return entries[0].isIntersecting && handleLoadNextPage(); }));
35
+ useEffect(function () {
36
+ var lastElementCurrent = lastElement.current;
37
+ var observerCurrent = observer.current;
38
+ lastElementCurrent && observerCurrent.observe(lastElementCurrent);
39
+ return function () {
40
+ lastElementCurrent && observerCurrent.unobserve(lastElementCurrent);
41
+ };
42
+ // eslint-disable-next-line
43
+ }, [lastElement.current]);
44
+ var handleLoadNextPage = function () {
45
+ onLoadNextPage(inputValue);
46
+ if (virtualizationListRef.current) {
47
+ var scrollOffset = virtualizationListRef.current.state.scrollOffset;
48
+ scrollFromTop.current = scrollOffset + MENU_ITEM_HEIGHT * SKELETON_ROWS_COUNT;
49
+ }
50
+ };
51
+ if (inputValue.length < MIN_INPUT_SYMBOLS)
52
+ return null;
53
+ // For children like: "Loading" or "No Options" provided by 'react-select'
54
+ if (!Array.isArray(children))
55
+ return _jsx(_Fragment, { children: children });
56
+ var childrenLength = children.length;
57
+ var listChildrenHeight = childrenLength * MENU_ITEM_HEIGHT + PADDING_SIZE;
58
+ var listHeight = listChildrenHeight > MAX_MENU_HEIGHT ? MAX_MENU_HEIGHT : listChildrenHeight;
59
+ var itemCount = hasNextPage ? childrenLength + SKELETON_ROWS_COUNT : childrenLength;
60
+ var isNextPageSkeletonsVisible = hasNextPage && !isNextPageLoading && !isLoading && !isUserTyping;
61
+ var isDataLoadingSkeletonsVisible = isNextPageLoading || isLoading || (isUserTyping && inputValueLength >= MIN_INPUT_SYMBOLS);
62
+ var isSkeletonsVisible = isNextPageSkeletonsVisible || isDataLoadingSkeletonsVisible;
63
+ var renderSkeletons = function () { return isSkeletonsVisible && _jsx(LoadingMessage, { skeletonRowsCount: SKELETON_ROWS_COUNT }); };
64
+ var rowRenderer = function (_a) {
65
+ var index = _a.index, style = _a.style;
66
+ var isLastRow = index === childrenLength - 1;
67
+ var rowRef = isNextPageSkeletonsVisible ? lastElement : null;
68
+ return (_jsxs("div", __assign({ ref: rowRef, style: style, role: children[index] ? 'option' : '',
69
+ // добавляем класс для последнего элемента, чтобы скрыть разделитель
70
+ className: classNames({ 'smartapp-menu-list__item--last': isLastRow }) }, { children: [children[index], isLastRow && renderSkeletons()] }), index));
71
+ };
72
+ return (_jsx(components.MenuList, __assign({}, props, { children: _jsx(AutoSizer, __assign({ disableHeight: true }, { children: function (_a) {
73
+ var width = _a.width;
74
+ return (_jsx(FixedSizeList, __assign({ ref: virtualizationListRef, height: listHeight, itemCount: itemCount, itemSize: MENU_ITEM_HEIGHT, width: width, overscanCount: LIST_OVER_SCAN_COUNT, onScroll: function (_a) {
75
+ var scrollOffset = _a.scrollOffset;
76
+ return (scrollFromTop.current = scrollOffset);
77
+ }, initialScrollOffset: scrollFromTop.current, className: "smartapp-menu-list" }, { children: rowRenderer })));
78
+ } })) })));
79
+ };
80
+ export default MenuList;
81
+ //# sourceMappingURL=MenuList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../../../src/components/UserDropdown/MenuList/MenuList.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,40 @@
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
+ import { components } from 'react-select';
14
+ import { isEqual } from 'lodash';
15
+ import Chip from '../../Chip';
16
+ import { generateClassNames, isValueEqualToZero } from '../../../helpers';
17
+ import '../../../styles/styles.scss';
18
+ var MultiValueLabel = function (props) {
19
+ var _a = props.data, value = _a.value, label = _a.label, avatar = _a.avatar, platform = _a.platform, isPrivateSchedule = _a.isPrivateSchedule, isChipsCollapsable = _a.isChipsCollapsable, isError = _a.isError, isInputFocused = _a.isInputFocused.current, collapsableChipsCount = _a.collapsableChipsCount.current, lastVisibleChipIndex = _a.lastVisibleChipIndex.current, _b = props.selectProps, isDisabled = _b.isDisabled, selectedUsers = _b.value, onChange = _b.onChange;
20
+ var noChipsCount = isValueEqualToZero(collapsableChipsCount);
21
+ var userIndex = selectedUsers.findIndex(function (_a) {
22
+ var selectedUserValue = _a.value, selectedUserLabel = _a.label;
23
+ return selectedUserValue === value && selectedUserLabel === label;
24
+ });
25
+ var handleDelete = function () { return onChange(selectedUsers.filter(function (user) { return !isEqual(user, props.data); })); };
26
+ var handleMouseDown = function (event) {
27
+ event.preventDefault();
28
+ event.stopPropagation();
29
+ };
30
+ var handleTouchEnd = function (event) { return event.stopPropagation(); };
31
+ if (!isChipsCollapsable || isInputFocused || (!isInputFocused && userIndex < lastVisibleChipIndex) || noChipsCount) {
32
+ return (_jsx(components.MultiValueLabel, __assign({}, props, { children: _jsx("div", __assign({ onMouseDown: handleMouseDown, onTouchEnd: handleTouchEnd }, { children: _jsx(Chip, { name: label, avatar: avatar, isError: isError, isDisabled: isDisabled, isEye: isPrivateSchedule, onDelete: handleDelete }) })) })));
33
+ }
34
+ if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
35
+ return (_jsxs("div", __assign({ className: generateClassNames({ className: 'multi-value-label-counter', delimiter: '__', additionalClassName: platform }), onTouchEnd: handleTouchEnd }, { children: ["+", collapsableChipsCount] })));
36
+ }
37
+ return null;
38
+ };
39
+ export default MultiValueLabel;
40
+ //# sourceMappingURL=MultiValueLabel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/components/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,IAAI,MAAM,YAAY,CAAA;AAC7B,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAEzE,OAAO,6BAA6B,CAAA;AAEpC,IAAM,eAAe,GAAG,UAAC,KAAU;IAE/B,IAAA,KAaE,KAAK,KAFN,EAVC,KAAK,WAAA,EACL,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,kBAAkB,wBAAA,EAClB,OAAO,aAAA,EACoB,cAAc,4BAAA,EACP,qBAAqB,mCAAA,EACtB,oBAAoB,kCAAA,EAEvD,KACE,KAAK,YADoD,EAA5C,UAAU,gBAAA,EAAS,aAAa,WAAA,EAAE,QAAQ,cAAE,CACpD;IAET,IAAM,YAAY,GAAG,kBAAkB,CAAC,qBAAqB,CAAC,CAAA;IAC9D,IAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CACvC,UAAC,EAAuE;YAA9D,iBAAiB,WAAA,EAAS,iBAAiB,WAAA;QAAwB,OAAA,iBAAiB,KAAK,KAAK,IAAI,iBAAiB,KAAK,KAAK;IAA1D,CAA0D,CACxI,CAAA;IAED,IAAM,YAAY,GAAG,cAAM,OAAA,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,UAAC,IAAqB,IAAK,OAAA,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAA1B,CAA0B,CAAC,CAAC,EAArF,CAAqF,CAAA;IAEhH,IAAM,eAAe,GAAG,UAAC,KAAuC;QAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAAuC,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB,CAAA;IAE3F,IAAI,CAAC,kBAAkB,IAAI,cAAc,IAAI,CAAC,CAAC,cAAc,IAAI,SAAS,GAAG,oBAAoB,CAAC,IAAI,YAAY,EAAE;QAClH,OAAO,CACL,KAAC,UAAU,CAAC,eAAe,eAAK,KAAK,cACnC,uBAAK,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,cAAc,gBAC3D,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,YAAY,GAAI,IAC7H,IACqB,CAC9B,CAAA;KACF;IAED,IAAI,kBAAkB,IAAI,CAAC,cAAc,IAAI,SAAS,KAAK,oBAAoB,IAAI,CAAC,YAAY,EAAE;QAChG,OAAO,CACL,wBACE,SAAS,EAAE,kBAAkB,CAAC,EAAE,SAAS,EAAE,2BAA2B,EAAE,SAAS,EAAE,IAAI,EAAE,mBAAmB,EAAE,QAAQ,EAAE,CAAC,EACzH,UAAU,EAAE,cAAc,sBAExB,qBAAqB,KACnB,CACP,CAAA;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}