@wireapp/react-ui-kit 8.14.0 → 8.14.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 (336) hide show
  1. package/package.json +3 -3
  2. package/src/Form/Button.js +125 -210
  3. package/src/Form/Button.js.map +1 -1
  4. package/src/Form/ButtonLink.js +47 -60
  5. package/src/Form/ButtonLink.js.map +1 -1
  6. package/src/Form/Checkbox.js +84 -139
  7. package/src/Form/Checkbox.js.map +1 -1
  8. package/src/Form/CodeInput.js +98 -201
  9. package/src/Form/CodeInput.js.map +1 -1
  10. package/src/Form/DropFileInput.js +116 -214
  11. package/src/Form/DropFileInput.js.map +1 -1
  12. package/src/Form/ErrorMessage.js +45 -78
  13. package/src/Form/ErrorMessage.js.map +1 -1
  14. package/src/Form/Form.d.ts +0 -1
  15. package/src/Form/Form.js +28 -31
  16. package/src/Form/Form.js.map +1 -1
  17. package/src/Form/Input.js +101 -178
  18. package/src/Form/Input.js.map +1 -1
  19. package/src/Form/InputBlock.d.ts +1 -1
  20. package/src/Form/InputBlock.js +19 -45
  21. package/src/Form/InputBlock.js.map +1 -1
  22. package/src/Form/InputLabel.js +44 -46
  23. package/src/Form/InputLabel.js.map +1 -1
  24. package/src/Form/InputSubmitCombo.js +49 -53
  25. package/src/Form/InputSubmitCombo.js.map +1 -1
  26. package/src/Form/RangeInput.js +47 -71
  27. package/src/Form/RangeInput.js.map +1 -1
  28. package/src/Form/RangeInput.styles.js +39 -55
  29. package/src/Form/RangeInput.styles.js.map +1 -1
  30. package/src/Form/RoundIconButton.js +42 -62
  31. package/src/Form/RoundIconButton.js.map +1 -1
  32. package/src/Form/Select.js +55 -95
  33. package/src/Form/Select.js.map +1 -1
  34. package/src/Form/SelectComponents.js +101 -173
  35. package/src/Form/SelectComponents.js.map +1 -1
  36. package/src/Form/SelectStyles.d.ts +1 -899
  37. package/src/Form/SelectStyles.js +96 -156
  38. package/src/Form/SelectStyles.js.map +1 -1
  39. package/src/Form/ShakeBox.d.ts +1 -1
  40. package/src/Form/ShakeBox.js +33 -81
  41. package/src/Form/ShakeBox.js.map +1 -1
  42. package/src/Form/Switch.js +89 -124
  43. package/src/Form/Switch.js.map +1 -1
  44. package/src/Form/TextArea.js +59 -80
  45. package/src/Form/TextArea.js.map +1 -1
  46. package/src/Form/Tooltip.js +66 -75
  47. package/src/Form/Tooltip.js.map +1 -1
  48. package/src/Form/index.js +52 -238
  49. package/src/Form/index.js.map +1 -1
  50. package/src/GlobalCssVariables.js +79 -96
  51. package/src/GlobalCssVariables.js.map +1 -1
  52. package/src/GlobalStyle.d.js +0 -2
  53. package/src/GlobalStyle.d.js.map +1 -1
  54. package/src/GlobalStyle.d.ts +1 -2
  55. package/src/GlobalStyle.js +40 -55
  56. package/src/GlobalStyle.js.map +1 -1
  57. package/src/Icon/AddPeopleIcon.js +19 -24
  58. package/src/Icon/AddPeopleIcon.js.map +1 -1
  59. package/src/Icon/ArchiveIcon.js +6 -24
  60. package/src/Icon/ArchiveIcon.js.map +1 -1
  61. package/src/Icon/ArrowDown.js +19 -23
  62. package/src/Icon/ArrowDown.js.map +1 -1
  63. package/src/Icon/ArrowIcon.js +42 -35
  64. package/src/Icon/ArrowIcon.js.map +1 -1
  65. package/src/Icon/AttachmentIcon.js +6 -24
  66. package/src/Icon/AttachmentIcon.js.map +1 -1
  67. package/src/Icon/AudioVideoIcon.js +6 -24
  68. package/src/Icon/AudioVideoIcon.js.map +1 -1
  69. package/src/Icon/BlockIcon.js +6 -24
  70. package/src/Icon/BlockIcon.js.map +1 -1
  71. package/src/Icon/Brand/AndroidIcon.js +6 -25
  72. package/src/Icon/Brand/AndroidIcon.js.map +1 -1
  73. package/src/Icon/Brand/AppleIcon.js +6 -25
  74. package/src/Icon/Brand/AppleIcon.js.map +1 -1
  75. package/src/Icon/Brand/ChromeIcon.js +6 -25
  76. package/src/Icon/Brand/ChromeIcon.js.map +1 -1
  77. package/src/Icon/Brand/FacebookIcon.js +6 -24
  78. package/src/Icon/Brand/FacebookIcon.js.map +1 -1
  79. package/src/Icon/Brand/GitHubIcon.js +6 -24
  80. package/src/Icon/Brand/GitHubIcon.js.map +1 -1
  81. package/src/Icon/Brand/LinkedInIcon.js +6 -24
  82. package/src/Icon/Brand/LinkedInIcon.js.map +1 -1
  83. package/src/Icon/Brand/LinuxIcon.js +6 -25
  84. package/src/Icon/Brand/LinuxIcon.js.map +1 -1
  85. package/src/Icon/Brand/MicrosoftIcon.js +6 -25
  86. package/src/Icon/Brand/MicrosoftIcon.js.map +1 -1
  87. package/src/Icon/Brand/TwitterIcon.js +6 -24
  88. package/src/Icon/Brand/TwitterIcon.js.map +1 -1
  89. package/src/Icon/CallIcon.js +6 -24
  90. package/src/Icon/CallIcon.js.map +1 -1
  91. package/src/Icon/CamIcon.js +6 -24
  92. package/src/Icon/CamIcon.js.map +1 -1
  93. package/src/Icon/CameraIcon.js +19 -24
  94. package/src/Icon/CameraIcon.js.map +1 -1
  95. package/src/Icon/CheckIcon.js +6 -24
  96. package/src/Icon/CheckIcon.js.map +1 -1
  97. package/src/Icon/CheckRoundIcon.js +6 -24
  98. package/src/Icon/CheckRoundIcon.js.map +1 -1
  99. package/src/Icon/ChevronIcon.js +38 -31
  100. package/src/Icon/ChevronIcon.js.map +1 -1
  101. package/src/Icon/CloseIcon.js +6 -24
  102. package/src/Icon/CloseIcon.js.map +1 -1
  103. package/src/Icon/CopyIcon.js +6 -24
  104. package/src/Icon/CopyIcon.js.map +1 -1
  105. package/src/Icon/DeviceIcon.js +6 -24
  106. package/src/Icon/DeviceIcon.js.map +1 -1
  107. package/src/Icon/DownloadIcon.js +6 -24
  108. package/src/Icon/DownloadIcon.js.map +1 -1
  109. package/src/Icon/EditDocumentIcon.js +19 -25
  110. package/src/Icon/EditDocumentIcon.js.map +1 -1
  111. package/src/Icon/EditIcon.js +6 -24
  112. package/src/Icon/EditIcon.js.map +1 -1
  113. package/src/Icon/EnterIcon.js +6 -24
  114. package/src/Icon/EnterIcon.js.map +1 -1
  115. package/src/Icon/ErrorIcon.js +9 -39
  116. package/src/Icon/ErrorIcon.js.map +1 -1
  117. package/src/Icon/FileIcon.js +6 -24
  118. package/src/Icon/FileIcon.js.map +1 -1
  119. package/src/Icon/GifIcon.js +6 -24
  120. package/src/Icon/GifIcon.js.map +1 -1
  121. package/src/Icon/GridIcon.js +19 -24
  122. package/src/Icon/GridIcon.js.map +1 -1
  123. package/src/Icon/GroupIcon.js +6 -24
  124. package/src/Icon/GroupIcon.js.map +1 -1
  125. package/src/Icon/HangupIcon.js +6 -24
  126. package/src/Icon/HangupIcon.js.map +1 -1
  127. package/src/Icon/HideIcon.js +6 -24
  128. package/src/Icon/HideIcon.js.map +1 -1
  129. package/src/Icon/ImageIcon.js +6 -24
  130. package/src/Icon/ImageIcon.js.map +1 -1
  131. package/src/Icon/InfoIcon.js +6 -24
  132. package/src/Icon/InfoIcon.js.map +1 -1
  133. package/src/Icon/InviteIcon.js +6 -24
  134. package/src/Icon/InviteIcon.js.map +1 -1
  135. package/src/Icon/LeaveIcon.js +6 -24
  136. package/src/Icon/LeaveIcon.js.map +1 -1
  137. package/src/Icon/LinkIcon.js +19 -24
  138. package/src/Icon/LinkIcon.js.map +1 -1
  139. package/src/Icon/ListIcon.js +6 -24
  140. package/src/Icon/ListIcon.js.map +1 -1
  141. package/src/Icon/LockIcon.js +6 -25
  142. package/src/Icon/LockIcon.js.map +1 -1
  143. package/src/Icon/MessageIcon.js +6 -24
  144. package/src/Icon/MessageIcon.js.map +1 -1
  145. package/src/Icon/MinusIcon.js +6 -24
  146. package/src/Icon/MinusIcon.js.map +1 -1
  147. package/src/Icon/MoreIcon.js +6 -24
  148. package/src/Icon/MoreIcon.js.map +1 -1
  149. package/src/Icon/MuteIcon.js +6 -24
  150. package/src/Icon/MuteIcon.js.map +1 -1
  151. package/src/Icon/NotificationIcon.js +6 -24
  152. package/src/Icon/NotificationIcon.js.map +1 -1
  153. package/src/Icon/NotificationOffIcon.js +6 -24
  154. package/src/Icon/NotificationOffIcon.js.map +1 -1
  155. package/src/Icon/OptionsIcon.js +6 -24
  156. package/src/Icon/OptionsIcon.js.map +1 -1
  157. package/src/Icon/PeopleIcon.js +19 -24
  158. package/src/Icon/PeopleIcon.js.map +1 -1
  159. package/src/Icon/PingIcon.js +6 -24
  160. package/src/Icon/PingIcon.js.map +1 -1
  161. package/src/Icon/PlaneIcon.js +6 -24
  162. package/src/Icon/PlaneIcon.js.map +1 -1
  163. package/src/Icon/PlusIcon.js +6 -24
  164. package/src/Icon/PlusIcon.js.map +1 -1
  165. package/src/Icon/ProfileIcon.js +6 -24
  166. package/src/Icon/ProfileIcon.js.map +1 -1
  167. package/src/Icon/RecordBoldIcon.js +43 -50
  168. package/src/Icon/RecordBoldIcon.js.map +1 -1
  169. package/src/Icon/RecordIcon.js +8 -34
  170. package/src/Icon/RecordIcon.js.map +1 -1
  171. package/src/Icon/RecordPendingIcon.js +8 -31
  172. package/src/Icon/RecordPendingIcon.js.map +1 -1
  173. package/src/Icon/ReloadIcon.js +6 -24
  174. package/src/Icon/ReloadIcon.js.map +1 -1
  175. package/src/Icon/SVGIcon.js +53 -78
  176. package/src/Icon/SVGIcon.js.map +1 -1
  177. package/src/Icon/ScreenshareIcon.js +6 -24
  178. package/src/Icon/ScreenshareIcon.js.map +1 -1
  179. package/src/Icon/SearchIcon.js +6 -25
  180. package/src/Icon/SearchIcon.js.map +1 -1
  181. package/src/Icon/ServicesIcon.js +6 -24
  182. package/src/Icon/ServicesIcon.js.map +1 -1
  183. package/src/Icon/SettingsIcon.js +6 -24
  184. package/src/Icon/SettingsIcon.js.map +1 -1
  185. package/src/Icon/ShowIcon.js +6 -24
  186. package/src/Icon/ShowIcon.js.map +1 -1
  187. package/src/Icon/SignIcon.js +6 -24
  188. package/src/Icon/SignIcon.js.map +1 -1
  189. package/src/Icon/SpeakerIcon.js +6 -24
  190. package/src/Icon/SpeakerIcon.js.map +1 -1
  191. package/src/Icon/SupportIcon.js +6 -24
  192. package/src/Icon/SupportIcon.js.map +1 -1
  193. package/src/Icon/TeamIcon.js +6 -24
  194. package/src/Icon/TeamIcon.js.map +1 -1
  195. package/src/Icon/TimedIcon.js +6 -24
  196. package/src/Icon/TimedIcon.js.map +1 -1
  197. package/src/Icon/TrashCrossIcon.js +6 -24
  198. package/src/Icon/TrashCrossIcon.js.map +1 -1
  199. package/src/Icon/TrashIcon.js +6 -24
  200. package/src/Icon/TrashIcon.js.map +1 -1
  201. package/src/Icon/TriangleIcon.js +42 -35
  202. package/src/Icon/TriangleIcon.js.map +1 -1
  203. package/src/Icon/UploadIcon.js +6 -24
  204. package/src/Icon/UploadIcon.js.map +1 -1
  205. package/src/Icon/WireIcon.js +6 -24
  206. package/src/Icon/WireIcon.js.map +1 -1
  207. package/src/Icon/index.js +107 -953
  208. package/src/Icon/index.js.map +1 -1
  209. package/src/Identity/Animation.js +88 -211
  210. package/src/Identity/Animation.js.map +1 -1
  211. package/src/Identity/Avatar.js +66 -114
  212. package/src/Identity/Avatar.js.map +1 -1
  213. package/src/Identity/AvatarGrid.js +66 -108
  214. package/src/Identity/AvatarGrid.js.map +1 -1
  215. package/src/Identity/Logo.js +45 -54
  216. package/src/Identity/Logo.js.map +1 -1
  217. package/src/Identity/colors-v2.js +163 -186
  218. package/src/Identity/colors-v2.js.map +1 -1
  219. package/src/Identity/colors.js +64 -80
  220. package/src/Identity/colors.js.map +1 -1
  221. package/src/Identity/index.js +38 -81
  222. package/src/Identity/index.js.map +1 -1
  223. package/src/Identity/motions.js +71 -35
  224. package/src/Identity/motions.js.map +1 -1
  225. package/src/Layout/Box.d.ts +1 -1
  226. package/src/Layout/Box.js +9 -31
  227. package/src/Layout/Box.js.map +1 -1
  228. package/src/Layout/Column.d.ts +1 -1
  229. package/src/Layout/Column.js +17 -57
  230. package/src/Layout/Column.js.map +1 -1
  231. package/src/Layout/Container.d.ts +5 -5
  232. package/src/Layout/Container.js +29 -102
  233. package/src/Layout/Container.js.map +1 -1
  234. package/src/Layout/Content.d.ts +1 -1
  235. package/src/Layout/Content.js +8 -31
  236. package/src/Layout/Content.js.map +1 -1
  237. package/src/Layout/FlexBox.js +10 -45
  238. package/src/Layout/FlexBox.js.map +1 -1
  239. package/src/Layout/Footer.d.ts +1 -4
  240. package/src/Layout/Footer.js +4 -17
  241. package/src/Layout/Footer.js.map +1 -1
  242. package/src/Layout/Header.d.ts +1 -1
  243. package/src/Layout/Header.js +7 -28
  244. package/src/Layout/Header.js.map +1 -1
  245. package/src/Layout/MatchMedia.js +27 -112
  246. package/src/Layout/MatchMedia.js.map +1 -1
  247. package/src/Layout/Spacer.js +6 -26
  248. package/src/Layout/Spacer.js.map +1 -1
  249. package/src/Layout/StyledApp.js +45 -53
  250. package/src/Layout/StyledApp.js.map +1 -1
  251. package/src/Layout/Theme.js +217 -225
  252. package/src/Layout/Theme.js.map +1 -1
  253. package/src/Layout/headerMenu/HeaderMenu.js +54 -117
  254. package/src/Layout/headerMenu/HeaderMenu.js.map +1 -1
  255. package/src/Layout/headerMenu/HeaderSubMenu.d.ts +1 -1
  256. package/src/Layout/headerMenu/HeaderSubMenu.js +74 -131
  257. package/src/Layout/headerMenu/HeaderSubMenu.js.map +1 -1
  258. package/src/Layout/headerMenu/MenuContent.js +26 -47
  259. package/src/Layout/headerMenu/MenuContent.js.map +1 -1
  260. package/src/Layout/headerMenu/MenuItems.js +22 -52
  261. package/src/Layout/headerMenu/MenuItems.js.map +1 -1
  262. package/src/Layout/headerMenu/MenuLink.js +65 -89
  263. package/src/Layout/headerMenu/MenuLink.js.map +1 -1
  264. package/src/Layout/headerMenu/MenuOpenButton.js +26 -54
  265. package/src/Layout/headerMenu/MenuOpenButton.js.map +1 -1
  266. package/src/Layout/headerMenu/MenuScrollableItems.js +13 -36
  267. package/src/Layout/headerMenu/MenuScrollableItems.js.map +1 -1
  268. package/src/Layout/headerMenu/MenuSubLink.js +45 -64
  269. package/src/Layout/headerMenu/MenuSubLink.js.map +1 -1
  270. package/src/Layout/headerMenu/index.js +41 -108
  271. package/src/Layout/headerMenu/index.js.map +1 -1
  272. package/src/Layout/index.js +46 -173
  273. package/src/Layout/index.js.map +1 -1
  274. package/src/Layout/sizes.js +14 -21
  275. package/src/Layout/sizes.js.map +1 -1
  276. package/src/Menu/MenuModal.js +78 -123
  277. package/src/Menu/MenuModal.js.map +1 -1
  278. package/src/Menu/TabBar.d.ts +1 -1
  279. package/src/Menu/TabBar.js +50 -96
  280. package/src/Menu/TabBar.js.map +1 -1
  281. package/src/Menu/index.js +34 -29
  282. package/src/Menu/index.js.map +1 -1
  283. package/src/Misc/ButtonGroup.js +67 -97
  284. package/src/Misc/ButtonGroup.js.map +1 -1
  285. package/src/Misc/IconButton.js +72 -102
  286. package/src/Misc/IconButton.js.map +1 -1
  287. package/src/Misc/IsInViewport.js +57 -63
  288. package/src/Misc/IsInViewport.js.map +1 -1
  289. package/src/Misc/Loading.d.ts +1 -1
  290. package/src/Misc/Loading.js +58 -66
  291. package/src/Misc/Loading.js.map +1 -1
  292. package/src/Misc/Pagination.js +64 -149
  293. package/src/Misc/Pagination.js.map +1 -1
  294. package/src/Misc/Pill.js +66 -80
  295. package/src/Misc/Pill.js.map +1 -1
  296. package/src/Misc/childrenWithDefaultProps.d.ts +1 -1
  297. package/src/Misc/childrenWithDefaultProps.js +28 -28
  298. package/src/Misc/childrenWithDefaultProps.js.map +1 -1
  299. package/src/Misc/index.js +42 -121
  300. package/src/Misc/index.js.map +1 -1
  301. package/src/Misc/useLongTouch.js +23 -38
  302. package/src/Misc/useLongTouch.js.map +1 -1
  303. package/src/Misc/useTimeout.js +24 -44
  304. package/src/Misc/useTimeout.js.map +1 -1
  305. package/src/Modal/Modal.js +95 -177
  306. package/src/Modal/Modal.js.map +1 -1
  307. package/src/Modal/Overlay.d.ts +2 -2
  308. package/src/Modal/Overlay.js +68 -92
  309. package/src/Modal/Overlay.js.map +1 -1
  310. package/src/Modal/index.js +36 -28
  311. package/src/Modal/index.js.map +1 -1
  312. package/src/Text/Heading.js +71 -188
  313. package/src/Text/Heading.js.map +1 -1
  314. package/src/Text/Label.js +45 -74
  315. package/src/Text/Label.js.map +1 -1
  316. package/src/Text/Line.js +11 -36
  317. package/src/Text/Line.js.map +1 -1
  318. package/src/Text/Link.js +60 -88
  319. package/src/Text/Link.js.map +1 -1
  320. package/src/Text/Paragraph.js +44 -75
  321. package/src/Text/Paragraph.js.map +1 -1
  322. package/src/Text/Text.d.ts +6 -6
  323. package/src/Text/Text.js +29 -107
  324. package/src/Text/Text.js.map +1 -1
  325. package/src/Text/TextLink.js +38 -52
  326. package/src/Text/TextLink.js.map +1 -1
  327. package/src/Text/Title.js +38 -55
  328. package/src/Text/Title.js.map +1 -1
  329. package/src/Text/index.js +41 -108
  330. package/src/Text/index.js.map +1 -1
  331. package/src/index.js +42 -121
  332. package/src/index.js.map +1 -1
  333. package/src/mediaQueries.js +40 -41
  334. package/src/mediaQueries.js.map +1 -1
  335. package/src/util.js +8 -39
  336. package/src/util.js.map +1 -1
@@ -1 +1 @@
1
- {"version":3,"sources":["Pill.tsx"],"names":["PILL_TYPE","pillStyle","theme","active","type","backgroundColors","error","COLOR","RED_OPAQUE_32","success","GREEN_OPAQUE_32","warning","YELLOW_OPAQUE_32","backgroundColor","pillAnimation","keyframes","marginLeft","marginRight","animation","DURATION","DEFAULT","EASE","QUART","borderRadius","color","TEXT","general","cursor","undefined","display","fontSize","lineHeight","margin","minHeight","padding","textAlign","textDecoration","filterPillProps","props","Pill"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AACA;;AAEA;;AACA;;AAEA;;;;IAOYA,S;;;WAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,yBAAAA,S;;AAML,IAAMC,SAA8D,GAAG,SAAjEA,SAAiE,CAC5EC,KAD4E,QAGzE;AAAA;;AAAA,yBADFC,MACE;AAAA,MADFA,MACE,4BADO,KACP;AAAA,uBADcC,IACd;AAAA,MADcA,IACd,0BADqB,IACrB;AACH,MAAMC,gBAAgB,gFACnBL,SAAS,CAACM,KADS,EACDC,gBAAMC,aADL,uDAEnBR,SAAS,CAACS,OAFS,EAECF,gBAAMG,eAFP,uDAGnBV,SAAS,CAACW,OAHS,EAGCJ,gBAAMK,gBAHP,qBAAtB;AAKA,MAAMC,eAAe,GAAGV,MAAM,GAAG,MAAH,GAAYC,IAAI,GAAGC,gBAAgB,CAACD,IAAD,CAAnB,GAA4B,aAA1E;AACA,MAAMU,aAAa,OAAGC,gBAAH,mMAKKF,eALL,CAAnB;AAQA,SAAO;AACL,uBAAmB;AACjBG,MAAAA,UAAU,EAAE;AADK,KADd;AAIL,sBAAkB;AAChBC,MAAAA,WAAW,EAAE;AADG,KAJb;AAOLC,IAAAA,SAAS,YAAKJ,aAAL,cAAsBK,kBAASC,OAA/B,gBAA4CC,cAAKC,KAAjD,CAPJ;AAQLT,IAAAA,eAAe,EAAfA,eARK;AASLU,IAAAA,YAAY,EAAE,OATT;AAULC,IAAAA,KAAK,EAAErB,MAAM,GAAGI,gBAAMkB,IAAT,GAAgBvB,KAAK,CAACwB,OAAN,CAAcF,KAVtC;AAWLG,IAAAA,MAAM,EAAExB,MAAM,GAAG,SAAH,GAAeyB,SAXxB;AAYLC,IAAAA,OAAO,EAAE,cAZJ;AAaLC,IAAAA,QAAQ,EAAE,MAbL;AAcLC,IAAAA,UAAU,EAAE,MAdP;AAeLC,IAAAA,MAAM,EAAE5B,IAAI,GAAG,YAAH,GAAkB,OAfzB;AAgBL6B,IAAAA,SAAS,EAAE,MAhBN;AAiBLC,IAAAA,OAAO,EAAE,UAjBJ;AAkBLC,IAAAA,SAAS,EAAE,QAlBN;AAmBLC,IAAAA,cAAc,EAAE;AAnBX,GAAP;AAqBD,CAvCM;;;;AAyCA,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,KAAD;AAAA,SAAsB,uBAAYA,KAAZ,EAAmB,CAAC,QAAD,CAAnB,CAAtB;AAAA,CAAxB;;;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,CAACD,KAAD;AAAA,SAClB;AACE,IAAA,GAAG,EAAE,aAACpC,KAAD;AAAA,aAAkBD,SAAS,CAACC,KAAD,EAAQoC,KAAR,CAA3B;AAAA,KADP;AAEE,qBAAc,cAFhB;AAGE,uBAAiBA,KAAK,CAAClC;AAHzB,KAIMiC,eAAe,CAACC,KAAD,CAJrB,EADkB;AAAA,CAAb","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx, keyframes} from '@emotion/react';\nimport React from 'react';\n\nimport {COLOR} from '../Identity';\nimport {DURATION, EASE} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {filterProps} from '../util';\n\nexport interface PillProps<T = HTMLSpanElement> extends React.HTMLProps<T> {\n active?: boolean;\n type?: PILL_TYPE;\n}\n\nexport enum PILL_TYPE {\n error = 'ERROR',\n success = 'SUCCESS',\n warning = 'WARNING',\n}\n\nexport const pillStyle: <T>(theme: Theme, props: PillProps<T>) => CSSObject = (\n theme,\n {active = false, type = null},\n) => {\n const backgroundColors = {\n [PILL_TYPE.error]: COLOR.RED_OPAQUE_32,\n [PILL_TYPE.success]: COLOR.GREEN_OPAQUE_32,\n [PILL_TYPE.warning]: COLOR.YELLOW_OPAQUE_32,\n };\n const backgroundColor = active ? '#eee' : type ? backgroundColors[type] : 'transparent';\n const pillAnimation = keyframes`\n 0% {\n background-color: transparent;\n }\n 100% {\n background-color: ${backgroundColor};\n }\n`;\n return {\n '&:first-of-type': {\n marginLeft: 0,\n },\n '&:last-of-type': {\n marginRight: 0,\n },\n animation: `${pillAnimation} ${DURATION.DEFAULT}ms ${EASE.QUART}`,\n backgroundColor,\n borderRadius: '160px',\n color: active ? COLOR.TEXT : theme.general.color,\n cursor: active ? 'default' : undefined,\n display: 'inline-block',\n fontSize: '12px',\n lineHeight: '16px',\n margin: type ? '12px 0 0 0' : '0 8px',\n minHeight: '32px',\n padding: '8px 24px',\n textAlign: 'center',\n textDecoration: 'none',\n };\n};\n\nexport const filterPillProps = (props: PillProps) => filterProps(props, ['active']);\n\nexport const Pill = (props: PillProps) => (\n <span\n css={(theme: Theme) => pillStyle(theme, props)}\n data-uie-name=\"element-pill\"\n data-uie-status={props.type}\n {...filterPillProps(props)}\n />\n);\n"],"file":"Pill.js"}
1
+ {"version":3,"file":"Pill.js","sourceRoot":"","sources":["Pill.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAyD;AAGzD,0CAAkC;AAClC,iDAAmD;AAEnD,kCAAoC;AAOpC,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,4BAAe,CAAA;IACf,gCAAmB,CAAA;IACnB,gCAAmB,CAAA;AACrB,CAAC,EAJW,SAAS,GAAT,iBAAS,KAAT,iBAAS,QAIpB;AAEM,MAAM,SAAS,GAAwD,CAC5E,KAAK,EACL,EAAC,MAAM,GAAG,KAAK,EAAE,IAAI,GAAG,IAAI,EAAC,EAC7B,EAAE;IACF,MAAM,gBAAgB,GAAG;QACvB,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,gBAAK,CAAC,aAAa;QACtC,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,gBAAK,CAAC,eAAe;QAC1C,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,gBAAK,CAAC,gBAAgB;KAC5C,CAAC;IACF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;IACxF,MAAM,aAAa,GAAG,IAAA,iBAAS,EAAA;;;;;0BAKP,eAAe;;CAExC,CAAC;IACA,OAAO;QACL,iBAAiB,EAAE;YACjB,UAAU,EAAE,CAAC;SACd;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,CAAC;SACf;QACD,SAAS,EAAE,GAAG,aAAa,IAAI,kBAAQ,CAAC,OAAO,MAAM,cAAI,CAAC,KAAK,EAAE;QACjE,eAAe;QACf,YAAY,EAAE,OAAO;QACrB,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;QAChD,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACtC,OAAO,EAAE,cAAc;QACvB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO;QACrC,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,UAAU;QACnB,SAAS,EAAE,QAAQ;QACnB,cAAc,EAAE,MAAM;KACvB,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,SAAS,aAuCpB;AAEK,MAAM,eAAe,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,IAAA,kBAAW,EAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAAvE,QAAA,eAAe,mBAAwD;AAE7E,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE,CAAC,CACxC,yCACE,GAAG,EAAE,CAAC,KAAY,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,KAAK,EAAE,KAAK,CAAC,mBAChC,cAAc,qBACX,KAAK,CAAC,IAAI,IACvB,IAAA,uBAAe,EAAC,KAAK,CAAC,EAC1B,CACH,CAAC;AAPW,QAAA,IAAI,QAOf"}
@@ -3,4 +3,4 @@ export interface ChildrenProps<T extends Element, P extends React.HTMLProps<T>>
3
3
  children: React.ReactNode;
4
4
  defaultProps: P;
5
5
  }
6
- export declare const childrenWithDefaultProps: <E extends Element, P extends unknown>(props: ChildrenProps<E, P>) => (string | number | React.ReactElement<any, string | React.JSXElementConstructor<any>> | React.ReactFragment | React.ReactPortal)[];
6
+ export declare const childrenWithDefaultProps: <E extends Element, P extends unknown>(props: ChildrenProps<E, P>) => any;
@@ -1,35 +1,35 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
2
+ /*
3
+ * Wire
4
+ * Copyright (C) 2019 Wire Swiss GmbH
5
+ *
6
+ * This program is free software: you can redistribute it and/or modify
7
+ * it under the terms of the GNU General Public License as published by
8
+ * the Free Software Foundation, either version 3 of the License, or
9
+ * (at your option) any later version.
10
+ *
11
+ * This program is distributed in the hope that it will be useful,
12
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
13
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14
+ * GNU General Public License for more details.
15
+ *
16
+ * You should have received a copy of the GNU General Public License
17
+ * along with this program. If not, see http://www.gnu.org/licenses/.
18
+ *
19
+ */
20
+ Object.defineProperty(exports, "__esModule", { value: true });
8
21
  exports.childrenWithDefaultProps = void 0;
9
-
10
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
11
-
12
- var _react = _interopRequireDefault(require("react"));
13
-
14
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
15
-
16
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
17
-
18
- var childrenWithDefaultProps = function childrenWithDefaultProps(props) {
19
- return _react["default"].Children.map(props.children, function (node) {
22
+ const react_1 = require("react");
23
+ const childrenWithDefaultProps = (props) => react_1.default.Children.map(props.children, node => {
20
24
  if (typeof node === 'string') {
21
- return node;
25
+ return node;
22
26
  }
23
-
24
- if (! /*#__PURE__*/_react["default"].isValidElement(node)) {
25
- console.error('Invalid children', node);
26
- return node;
27
+ if (!react_1.default.isValidElement(node)) {
28
+ console.error('Invalid children', node);
29
+ return node;
27
30
  }
28
-
29
- var elementChild = node;
30
- return /*#__PURE__*/_react["default"].cloneElement(elementChild, _objectSpread(_objectSpread({}, props.defaultProps), elementChild.props));
31
- });
32
- };
33
-
31
+ const elementChild = node;
32
+ return react_1.default.cloneElement(elementChild, Object.assign(Object.assign({}, props.defaultProps), elementChild.props));
33
+ });
34
34
  exports.childrenWithDefaultProps = childrenWithDefaultProps;
35
35
  //# sourceMappingURL=childrenWithDefaultProps.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["childrenWithDefaultProps.ts"],"names":["childrenWithDefaultProps","props","React","Children","map","children","node","isValidElement","console","error","elementChild","cloneElement","defaultProps"],"mappings":";;;;;;;;;;;AAmBA;;;;;;AAOO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAAmCC,KAAnC;AAAA,SACtCC,kBAAMC,QAAN,CAAeC,GAAf,CAAqDH,KAAK,CAACI,QAA3D,EAAqE,UAAAC,IAAI,EAAI;AAC3E,QAAI,OAAOA,IAAP,KAAgB,QAApB,EAA8B;AAC5B,aAAOA,IAAP;AACD;;AACD,QAAI,eAACJ,kBAAMK,cAAN,CAAwBD,IAAxB,CAAL,EAAoC;AAClCE,MAAAA,OAAO,CAACC,KAAR,CAAc,kBAAd,EAAkCH,IAAlC;AACA,aAAOA,IAAP;AACD;;AAED,QAAMI,YAAmC,GAAGJ,IAA5C;AACA,wBAAOJ,kBAAMS,YAAN,CAAsBD,YAAtB,kCAAyCT,KAAK,CAACW,YAA/C,GAAyEF,YAAY,CAACT,KAAtF,EAAP;AACD,GAXD,CADsC;AAAA,CAAjC","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport React from 'react';\n\nexport interface ChildrenProps<T extends Element, P extends React.HTMLProps<T>> {\n children: React.ReactNode;\n defaultProps: P;\n}\n\nexport const childrenWithDefaultProps = <E extends Element, P extends any>(props: ChildrenProps<E, P>) =>\n React.Children.map<React.ReactNode, React.ReactNode>(props.children, node => {\n if (typeof node === 'string') {\n return node;\n }\n if (!React.isValidElement<P>(node)) {\n console.error('Invalid children', node);\n return node;\n }\n\n const elementChild: React.ReactElement<P> = node;\n return React.cloneElement<P>(elementChild, {...(props.defaultProps as any), ...(elementChild.props as any)});\n });\n"],"file":"childrenWithDefaultProps.js"}
1
+ {"version":3,"file":"childrenWithDefaultProps.js","sourceRoot":"","sources":["childrenWithDefaultProps.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,iCAA0B;AAOnB,MAAM,wBAAwB,GAAG,CAAmC,KAA0B,EAAE,EAAE,CACvG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAmC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAE;IAC1E,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;QAC5B,OAAO,IAAI,CAAC;KACb;IACD,IAAI,CAAC,eAAK,CAAC,cAAc,CAAI,IAAI,CAAC,EAAE;QAClC,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QACxC,OAAO,IAAI,CAAC;KACb;IAED,MAAM,YAAY,GAA0B,IAAI,CAAC;IACjD,OAAO,eAAK,CAAC,YAAY,CAAI,YAAY,kCAAO,KAAK,CAAC,YAAoB,GAAM,YAAY,CAAC,KAAa,EAAE,CAAC;AAC/G,CAAC,CAAC,CAAC;AAZQ,QAAA,wBAAwB,4BAYhC"}
package/src/Misc/index.js CHANGED
@@ -1,123 +1,44 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
-
7
- var _ButtonGroup = require("./ButtonGroup");
8
-
9
- Object.keys(_ButtonGroup).forEach(function (key) {
10
- if (key === "default" || key === "__esModule") return;
11
- if (key in exports && exports[key] === _ButtonGroup[key]) return;
12
- Object.defineProperty(exports, key, {
13
- enumerable: true,
14
- get: function get() {
15
- return _ButtonGroup[key];
16
- }
17
- });
18
- });
19
-
20
- var _childrenWithDefaultProps = require("./childrenWithDefaultProps");
21
-
22
- Object.keys(_childrenWithDefaultProps).forEach(function (key) {
23
- if (key === "default" || key === "__esModule") return;
24
- if (key in exports && exports[key] === _childrenWithDefaultProps[key]) return;
25
- Object.defineProperty(exports, key, {
26
- enumerable: true,
27
- get: function get() {
28
- return _childrenWithDefaultProps[key];
29
- }
30
- });
31
- });
32
-
33
- var _IconButton = require("./IconButton");
34
-
35
- Object.keys(_IconButton).forEach(function (key) {
36
- if (key === "default" || key === "__esModule") return;
37
- if (key in exports && exports[key] === _IconButton[key]) return;
38
- Object.defineProperty(exports, key, {
39
- enumerable: true,
40
- get: function get() {
41
- return _IconButton[key];
42
- }
43
- });
44
- });
45
-
46
- var _IsInViewport = require("./IsInViewport");
47
-
48
- Object.keys(_IsInViewport).forEach(function (key) {
49
- if (key === "default" || key === "__esModule") return;
50
- if (key in exports && exports[key] === _IsInViewport[key]) return;
51
- Object.defineProperty(exports, key, {
52
- enumerable: true,
53
- get: function get() {
54
- return _IsInViewport[key];
55
- }
56
- });
57
- });
58
-
59
- var _Loading = require("./Loading");
60
-
61
- Object.keys(_Loading).forEach(function (key) {
62
- if (key === "default" || key === "__esModule") return;
63
- if (key in exports && exports[key] === _Loading[key]) return;
64
- Object.defineProperty(exports, key, {
65
- enumerable: true,
66
- get: function get() {
67
- return _Loading[key];
68
- }
69
- });
70
- });
71
-
72
- var _Pagination = require("./Pagination");
73
-
74
- Object.keys(_Pagination).forEach(function (key) {
75
- if (key === "default" || key === "__esModule") return;
76
- if (key in exports && exports[key] === _Pagination[key]) return;
77
- Object.defineProperty(exports, key, {
78
- enumerable: true,
79
- get: function get() {
80
- return _Pagination[key];
81
- }
82
- });
83
- });
84
-
85
- var _Pill = require("./Pill");
86
-
87
- Object.keys(_Pill).forEach(function (key) {
88
- if (key === "default" || key === "__esModule") return;
89
- if (key in exports && exports[key] === _Pill[key]) return;
90
- Object.defineProperty(exports, key, {
91
- enumerable: true,
92
- get: function get() {
93
- return _Pill[key];
94
- }
95
- });
96
- });
97
-
98
- var _useLongTouch = require("./useLongTouch");
99
-
100
- Object.keys(_useLongTouch).forEach(function (key) {
101
- if (key === "default" || key === "__esModule") return;
102
- if (key in exports && exports[key] === _useLongTouch[key]) return;
103
- Object.defineProperty(exports, key, {
104
- enumerable: true,
105
- get: function get() {
106
- return _useLongTouch[key];
107
- }
108
- });
109
- });
110
-
111
- var _useTimeout = require("./useTimeout");
112
-
113
- Object.keys(_useTimeout).forEach(function (key) {
114
- if (key === "default" || key === "__esModule") return;
115
- if (key in exports && exports[key] === _useTimeout[key]) return;
116
- Object.defineProperty(exports, key, {
117
- enumerable: true,
118
- get: function get() {
119
- return _useTimeout[key];
120
- }
121
- });
122
- });
2
+ /*
3
+ * Wire
4
+ * Copyright (C) 2018 Wire Swiss GmbH
5
+ *
6
+ * This program is free software: you can redistribute it and/or modify
7
+ * it under the terms of the GNU General Public License as published by
8
+ * the Free Software Foundation, either version 3 of the License, or
9
+ * (at your option) any later version.
10
+ *
11
+ * This program is distributed in the hope that it will be useful,
12
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
13
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14
+ * GNU General Public License for more details.
15
+ *
16
+ * You should have received a copy of the GNU General Public License
17
+ * along with this program. If not, see http://www.gnu.org/licenses/.
18
+ *
19
+ */
20
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
21
+ if (k2 === undefined) k2 = k;
22
+ var desc = Object.getOwnPropertyDescriptor(m, k);
23
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
24
+ desc = { enumerable: true, get: function() { return m[k]; } };
25
+ }
26
+ Object.defineProperty(o, k2, desc);
27
+ }) : (function(o, m, k, k2) {
28
+ if (k2 === undefined) k2 = k;
29
+ o[k2] = m[k];
30
+ }));
31
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
32
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
33
+ };
34
+ Object.defineProperty(exports, "__esModule", { value: true });
35
+ __exportStar(require("./ButtonGroup"), exports);
36
+ __exportStar(require("./childrenWithDefaultProps"), exports);
37
+ __exportStar(require("./IconButton"), exports);
38
+ __exportStar(require("./IsInViewport"), exports);
39
+ __exportStar(require("./Loading"), exports);
40
+ __exportStar(require("./Pagination"), exports);
41
+ __exportStar(require("./Pill"), exports);
42
+ __exportStar(require("./useLongTouch"), exports);
43
+ __exportStar(require("./useTimeout"), exports);
123
44
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;AAmBA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nexport * from './ButtonGroup';\nexport * from './childrenWithDefaultProps';\nexport * from './IconButton';\nexport * from './IsInViewport';\nexport * from './Loading';\nexport * from './Pagination';\nexport * from './Pill';\nexport * from './useLongTouch';\nexport * from './useTimeout';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;;;;;;;;;;;;;;AAEH,gDAA8B;AAC9B,6DAA2C;AAC3C,+CAA6B;AAC7B,iDAA+B;AAC/B,4CAA0B;AAC1B,+CAA6B;AAC7B,yCAAuB;AACvB,iDAA+B;AAC/B,+CAA6B"}
@@ -1,14 +1,4 @@
1
1
  "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useLongTouch = void 0;
7
-
8
- var _react = require("react");
9
-
10
- var _useTimeout2 = require("./useTimeout");
11
-
12
2
  /*
13
3
  * Wire
14
4
  * Copyright (C) 2019 Wire Swiss GmbH
@@ -27,34 +17,29 @@ var _useTimeout2 = require("./useTimeout");
27
17
  * along with this program. If not, see http://www.gnu.org/licenses/.
28
18
  *
29
19
  */
30
- var useLongTouch = function useLongTouch(element, onLongTouch) {
31
- var touchDuration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 800;
32
-
33
- var _useTimeout = (0, _useTimeout2.useTimeout)(onLongTouch, touchDuration),
34
- startTimeout = _useTimeout.startTimeout,
35
- removeTimeout = _useTimeout.removeTimeout;
36
-
37
- (0, _react.useEffect)(function () {
38
- if (!element) {
39
- return function () {};
40
- }
41
-
42
- var onTouchStart = function onTouchStart(event) {
43
- startTimeout();
44
- };
45
-
46
- var onTouchEnd = function onTouchEnd(event) {
47
- removeTimeout();
48
- };
49
-
50
- element.addEventListener('touchstart', onTouchStart, false);
51
- element.addEventListener('touchend', onTouchEnd, false);
52
- return function () {
53
- element.removeEventListener('touchstart', onTouchStart);
54
- element.removeEventListener('touchend', onTouchEnd);
55
- };
56
- }, [onLongTouch, touchDuration]);
20
+ Object.defineProperty(exports, "__esModule", { value: true });
21
+ exports.useLongTouch = void 0;
22
+ const react_1 = require("react");
23
+ const useTimeout_1 = require("./useTimeout");
24
+ const useLongTouch = (element, onLongTouch, touchDuration = 800) => {
25
+ const { startTimeout, removeTimeout } = (0, useTimeout_1.useTimeout)(onLongTouch, touchDuration);
26
+ (0, react_1.useEffect)(() => {
27
+ if (!element) {
28
+ return () => { };
29
+ }
30
+ const onTouchStart = (event) => {
31
+ startTimeout();
32
+ };
33
+ const onTouchEnd = (event) => {
34
+ removeTimeout();
35
+ };
36
+ element.addEventListener('touchstart', onTouchStart, false);
37
+ element.addEventListener('touchend', onTouchEnd, false);
38
+ return () => {
39
+ element.removeEventListener('touchstart', onTouchStart);
40
+ element.removeEventListener('touchend', onTouchEnd);
41
+ };
42
+ }, [onLongTouch, touchDuration]);
57
43
  };
58
-
59
44
  exports.useLongTouch = useLongTouch;
60
45
  //# sourceMappingURL=useLongTouch.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useLongTouch.ts"],"names":["useLongTouch","element","onLongTouch","touchDuration","startTimeout","removeTimeout","onTouchStart","event","onTouchEnd","addEventListener","removeEventListener"],"mappings":";;;;;;;AAmBA;;AAEA;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,OAAD,EAA8BC,WAA9B,EAA+E;AAAA,MAAxBC,aAAwB,uEAAR,GAAQ;;AAClG,oBAAsC,6BAAWD,WAAX,EAAwBC,aAAxB,CAAtC;AAAA,MAAOC,YAAP,eAAOA,YAAP;AAAA,MAAqBC,aAArB,eAAqBA,aAArB;;AAEA,wBAAU,YAAM;AACd,QAAI,CAACJ,OAAL,EAAc;AACZ,aAAO,YAAM,CAAE,CAAf;AACD;;AAED,QAAMK,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAuB;AAC1CH,MAAAA,YAAY;AACb,KAFD;;AAIA,QAAMI,UAAU,GAAG,SAAbA,UAAa,CAACD,KAAD,EAAuB;AACxCF,MAAAA,aAAa;AACd,KAFD;;AAIAJ,IAAAA,OAAO,CAACQ,gBAAR,CAAyB,YAAzB,EAAuCH,YAAvC,EAAqD,KAArD;AACAL,IAAAA,OAAO,CAACQ,gBAAR,CAAyB,UAAzB,EAAqCD,UAArC,EAAiD,KAAjD;AACA,WAAO,YAAM;AACXP,MAAAA,OAAO,CAACS,mBAAR,CAA4B,YAA5B,EAA0CJ,YAA1C;AACAL,MAAAA,OAAO,CAACS,mBAAR,CAA4B,UAA5B,EAAwCF,UAAxC;AACD,KAHD;AAID,GAnBD,EAmBG,CAACN,WAAD,EAAcC,aAAd,CAnBH;AAoBD,CAvBD","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {useEffect} from 'react';\n\nimport {useTimeout} from './useTimeout';\n\nconst useLongTouch = (element: HTMLElement | null, onLongTouch: () => void, touchDuration = 800) => {\n const {startTimeout, removeTimeout} = useTimeout(onLongTouch, touchDuration);\n\n useEffect(() => {\n if (!element) {\n return () => {};\n }\n\n const onTouchStart = (event: TouchEvent) => {\n startTimeout();\n };\n\n const onTouchEnd = (event: TouchEvent) => {\n removeTimeout();\n };\n\n element.addEventListener('touchstart', onTouchStart, false);\n element.addEventListener('touchend', onTouchEnd, false);\n return () => {\n element.removeEventListener('touchstart', onTouchStart);\n element.removeEventListener('touchend', onTouchEnd);\n };\n }, [onLongTouch, touchDuration]);\n};\n\nexport {useLongTouch};\n"],"file":"useLongTouch.js"}
1
+ {"version":3,"file":"useLongTouch.js","sourceRoot":"","sources":["useLongTouch.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,iCAAgC;AAEhC,6CAAwC;AAExC,MAAM,YAAY,GAAG,CAAC,OAA2B,EAAE,WAAuB,EAAE,aAAa,GAAG,GAAG,EAAE,EAAE;IACjG,MAAM,EAAC,YAAY,EAAE,aAAa,EAAC,GAAG,IAAA,uBAAU,EAAC,WAAW,EAAE,aAAa,CAAC,CAAC;IAE7E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;SACjB;QAED,MAAM,YAAY,GAAG,CAAC,KAAiB,EAAE,EAAE;YACzC,YAAY,EAAE,CAAC;QACjB,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,CAAC,KAAiB,EAAE,EAAE;YACvC,aAAa,EAAE,CAAC;QAClB,CAAC,CAAC;QAEF,OAAO,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,CAAC,CAAC;QAC5D,OAAO,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;QACxD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;YACxD,OAAO,CAAC,mBAAmB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;AACnC,CAAC,CAAC;AAEM,oCAAY"}
@@ -1,16 +1,4 @@
1
1
  "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.useTimeout = void 0;
9
-
10
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
11
-
12
- var _react = require("react");
13
-
14
2
  /*
15
3
  * Wire
16
4
  * Copyright (C) 2019 Wire Swiss GmbH
@@ -29,39 +17,31 @@ var _react = require("react");
29
17
  * along with this program. If not, see http://www.gnu.org/licenses/.
30
18
  *
31
19
  */
32
- var useTimeout = function useTimeout(onTimeoutStop, duration) {
33
- var _useState = (0, _react.useState)(null),
34
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
35
- timerId = _useState2[0],
36
- setTimerId = _useState2[1];
37
-
38
- var removeTimeout = function removeTimeout() {
39
- if (timerId) {
40
- window.clearTimeout(timerId);
41
- setTimerId(null);
42
- }
43
- };
44
-
45
- var start = function start() {
46
- removeTimeout();
47
- setTimerId(window.setTimeout(onStop, duration));
48
- };
49
-
50
- var onStop = function onStop() {
51
- removeTimeout();
52
- onTimeoutStop();
53
- };
54
-
55
- (0, _react.useEffect)(function () {
56
- return function () {
57
- removeTimeout();
20
+ Object.defineProperty(exports, "__esModule", { value: true });
21
+ exports.useTimeout = void 0;
22
+ const react_1 = require("react");
23
+ const useTimeout = (onTimeoutStop, duration) => {
24
+ const [timerId, setTimerId] = (0, react_1.useState)(null);
25
+ const removeTimeout = () => {
26
+ if (timerId) {
27
+ window.clearTimeout(timerId);
28
+ setTimerId(null);
29
+ }
30
+ };
31
+ const start = () => {
32
+ removeTimeout();
33
+ setTimerId(window.setTimeout(onStop, duration));
34
+ };
35
+ const onStop = () => {
36
+ removeTimeout();
37
+ onTimeoutStop();
58
38
  };
59
- }, [duration, onTimeoutStop]);
60
- return {
61
- removeTimeout: removeTimeout,
62
- startTimeout: start
63
- };
39
+ (0, react_1.useEffect)(() => {
40
+ return () => {
41
+ removeTimeout();
42
+ };
43
+ }, [duration, onTimeoutStop]);
44
+ return { removeTimeout, startTimeout: start };
64
45
  };
65
-
66
46
  exports.useTimeout = useTimeout;
67
47
  //# sourceMappingURL=useTimeout.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["useTimeout.ts"],"names":["useTimeout","onTimeoutStop","duration","timerId","setTimerId","removeTimeout","window","clearTimeout","start","setTimeout","onStop","startTimeout"],"mappings":";;;;;;;;;;;AAmBA;;AAnBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,aAAD,EAA4BC,QAA5B,EAAiD;AAClE,kBAA8B,qBAAS,IAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AAEA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B,QAAIF,OAAJ,EAAa;AACXG,MAAAA,MAAM,CAACC,YAAP,CAAoBJ,OAApB;AACAC,MAAAA,UAAU,CAAC,IAAD,CAAV;AACD;AACF,GALD;;AAOA,MAAMI,KAAK,GAAG,SAARA,KAAQ,GAAM;AAClBH,IAAAA,aAAa;AACbD,IAAAA,UAAU,CAACE,MAAM,CAACG,UAAP,CAAkBC,MAAlB,EAA0BR,QAA1B,CAAD,CAAV;AACD,GAHD;;AAKA,MAAMQ,MAAM,GAAG,SAATA,MAAS,GAAM;AACnBL,IAAAA,aAAa;AACbJ,IAAAA,aAAa;AACd,GAHD;;AAKA,wBAAU,YAAM;AACd,WAAO,YAAM;AACXI,MAAAA,aAAa;AACd,KAFD;AAGD,GAJD,EAIG,CAACH,QAAD,EAAWD,aAAX,CAJH;AAMA,SAAO;AAACI,IAAAA,aAAa,EAAbA,aAAD;AAAgBM,IAAAA,YAAY,EAAEH;AAA9B,GAAP;AACD,CA3BD","sourcesContent":["/*\n * Wire\n * Copyright (C) 2019 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {useEffect, useState} from 'react';\n\nconst useTimeout = (onTimeoutStop: () => void, duration: number) => {\n const [timerId, setTimerId] = useState(null);\n\n const removeTimeout = () => {\n if (timerId) {\n window.clearTimeout(timerId);\n setTimerId(null);\n }\n };\n\n const start = () => {\n removeTimeout();\n setTimerId(window.setTimeout(onStop, duration));\n };\n\n const onStop = () => {\n removeTimeout();\n onTimeoutStop();\n };\n\n useEffect(() => {\n return () => {\n removeTimeout();\n };\n }, [duration, onTimeoutStop]);\n\n return {removeTimeout, startTimeout: start};\n};\n\nexport {useTimeout};\n"],"file":"useTimeout.js"}
1
+ {"version":3,"file":"useTimeout.js","sourceRoot":"","sources":["useTimeout.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,iCAA0C;AAE1C,MAAM,UAAU,GAAG,CAAC,aAAyB,EAAE,QAAgB,EAAE,EAAE;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAC;IAE7C,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE;YACX,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC7B,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,aAAa,EAAE,CAAC;QAChB,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,aAAa,EAAE,CAAC;QAChB,aAAa,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,aAAa,EAAE,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAE9B,OAAO,EAAC,aAAa,EAAE,YAAY,EAAE,KAAK,EAAC,CAAC;AAC9C,CAAC,CAAC;AAEM,gCAAU"}