@doist/reactist 10.0.0 → 11.2.0

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 (593) hide show
  1. package/dist/reactist.cjs.development.js +3031 -1700
  2. package/dist/reactist.cjs.development.js.map +1 -1
  3. package/dist/reactist.cjs.production.min.js +1 -1
  4. package/dist/reactist.cjs.production.min.js.map +1 -1
  5. package/es/_virtual/_rollupPluginBabelHelpers.js +34 -20
  6. package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  7. package/es/components/{button/button.js → deprecated-button/deprecated-button.js} +8 -3
  8. package/es/components/deprecated-button/deprecated-button.js.map +1 -0
  9. package/es/components/{button → deprecated-button}/index.js +1 -1
  10. package/es/components/{avatar → deprecated-button}/index.js.map +0 -0
  11. package/es/components/{loading/loading.js → deprecated-loading/deprecated-loading.js} +3 -1
  12. package/es/components/deprecated-loading/deprecated-loading.js.map +1 -0
  13. package/es/components/{modal/modal.js → deprecated-modal/deprecated-modal.js} +14 -6
  14. package/es/components/deprecated-modal/deprecated-modal.js.map +1 -0
  15. package/es/components/{modal → deprecated-modal}/index.js +1 -1
  16. package/es/components/deprecated-modal/index.js.map +1 -0
  17. package/es/components/dropdown/dropdown.js +5 -3
  18. package/es/components/dropdown/dropdown.js.map +1 -1
  19. package/es/components/key-capturer/key-capturer.js +1 -1
  20. package/es/components/key-capturer/key-capturer.js.map +1 -1
  21. package/es/components/keyboard-shortcut/keyboard-shortcut.js +3 -2
  22. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  23. package/es/components/menu/menu.js +53 -30
  24. package/es/components/menu/menu.js.map +1 -1
  25. package/es/components/notification/notification.js +9 -4
  26. package/es/components/notification/notification.js.map +1 -1
  27. package/es/components/popover/popover.js +1 -1
  28. package/es/components/popover/popover.js.map +1 -1
  29. package/es/components/popover/positioning-utils.js.map +1 -1
  30. package/es/components/progress-bar/progress-bar.js +8 -2
  31. package/es/components/progress-bar/progress-bar.js.map +1 -1
  32. package/es/components/select/select.js +4 -2
  33. package/es/components/select/select.js.map +1 -1
  34. package/es/components/time/time-utils.js.map +1 -1
  35. package/es/components/time/time.js +1 -1
  36. package/es/components/time/time.js.map +1 -1
  37. package/es/components/tooltip/tooltip.js +4 -2
  38. package/es/components/tooltip/tooltip.js.map +1 -1
  39. package/es/hooks/use-previous/use-previous.js +26 -0
  40. package/es/hooks/use-previous/use-previous.js.map +1 -0
  41. package/es/index.js +32 -13
  42. package/es/index.js.map +1 -1
  43. package/es/new-components/alert/alert.js +48 -0
  44. package/es/new-components/alert/alert.js.map +1 -0
  45. package/es/new-components/alert/alert.module.css.js +4 -0
  46. package/es/new-components/alert/alert.module.css.js.map +1 -0
  47. package/es/{components → new-components}/avatar/avatar.js +14 -8
  48. package/es/new-components/avatar/avatar.js.map +1 -0
  49. package/es/new-components/avatar/avatar.module.css.js +4 -0
  50. package/es/new-components/avatar/avatar.module.css.js.map +1 -0
  51. package/es/{components → new-components}/avatar/utils.js +0 -0
  52. package/es/new-components/avatar/utils.js.map +1 -0
  53. package/es/new-components/base-button/base-button.js +74 -0
  54. package/es/new-components/base-button/base-button.js.map +1 -0
  55. package/es/new-components/base-button/base-button.module.css.js +4 -0
  56. package/es/new-components/base-button/base-button.module.css.js.map +1 -0
  57. package/es/new-components/base-field/base-field.js +65 -0
  58. package/es/new-components/base-field/base-field.js.map +1 -0
  59. package/es/new-components/base-field/base-field.module.css.js +4 -0
  60. package/es/new-components/base-field/base-field.module.css.js.map +1 -0
  61. package/es/new-components/box/box.js +74 -0
  62. package/es/new-components/box/box.js.map +1 -0
  63. package/es/new-components/box/box.module.css.js +4 -0
  64. package/es/new-components/box/box.module.css.js.map +1 -0
  65. package/es/new-components/box/margin.module.css.js +4 -0
  66. package/es/new-components/box/margin.module.css.js.map +1 -0
  67. package/es/new-components/box/padding.module.css.js +4 -0
  68. package/es/new-components/box/padding.module.css.js.map +1 -0
  69. package/es/new-components/box/width.module.css.js +4 -0
  70. package/es/new-components/box/width.module.css.js.map +1 -0
  71. package/es/new-components/button/button.js +41 -0
  72. package/es/new-components/button/button.js.map +1 -0
  73. package/es/new-components/button-link/button-link.js +42 -0
  74. package/es/new-components/button-link/button-link.js.map +1 -0
  75. package/es/new-components/checkbox-field/checkbox-field.js +88 -0
  76. package/es/new-components/checkbox-field/checkbox-field.js.map +1 -0
  77. package/es/new-components/checkbox-field/checkbox-field.module.css.js +4 -0
  78. package/es/new-components/checkbox-field/checkbox-field.module.css.js.map +1 -0
  79. package/es/new-components/checkbox-field/checkbox-icon.js +61 -0
  80. package/es/new-components/checkbox-field/checkbox-icon.js.map +1 -0
  81. package/es/new-components/columns/columns.js +59 -0
  82. package/es/new-components/columns/columns.js.map +1 -0
  83. package/es/new-components/columns/columns.module.css.js +4 -0
  84. package/es/new-components/columns/columns.module.css.js.map +1 -0
  85. package/es/new-components/common-helpers.js +24 -0
  86. package/es/new-components/common-helpers.js.map +1 -0
  87. package/es/new-components/divider/divider.js +21 -0
  88. package/es/new-components/divider/divider.js.map +1 -0
  89. package/es/new-components/divider/divider.module.css.js +4 -0
  90. package/es/new-components/divider/divider.module.css.js.map +1 -0
  91. package/es/new-components/heading/heading.js +37 -0
  92. package/es/new-components/heading/heading.js.map +1 -0
  93. package/es/new-components/heading/heading.module.css.js +4 -0
  94. package/es/new-components/heading/heading.module.css.js.map +1 -0
  95. package/es/new-components/hidden/hidden.js +55 -0
  96. package/es/new-components/hidden/hidden.js.map +1 -0
  97. package/es/new-components/hidden/hidden.module.css.js +4 -0
  98. package/es/new-components/hidden/hidden.module.css.js.map +1 -0
  99. package/es/new-components/hidden-visually/hidden-visually.js +22 -0
  100. package/es/new-components/hidden-visually/hidden-visually.js.map +1 -0
  101. package/es/new-components/hidden-visually/hidden-visually.module.css.js +4 -0
  102. package/es/new-components/hidden-visually/hidden-visually.module.css.js.map +1 -0
  103. package/es/new-components/icons/alert-icon.js +77 -0
  104. package/es/new-components/icons/alert-icon.js.map +1 -0
  105. package/es/new-components/icons/close-icon.js +15 -0
  106. package/es/new-components/icons/close-icon.js.map +1 -0
  107. package/es/new-components/icons/password-hidden-icon.js +29 -0
  108. package/es/new-components/icons/password-hidden-icon.js.map +1 -0
  109. package/es/new-components/icons/password-visible-icon.js +22 -0
  110. package/es/new-components/icons/password-visible-icon.js.map +1 -0
  111. package/es/new-components/inline/inline.js +36 -0
  112. package/es/new-components/inline/inline.js.map +1 -0
  113. package/es/new-components/inline/inline.module.css.js +4 -0
  114. package/es/new-components/inline/inline.module.css.js.map +1 -0
  115. package/es/new-components/loading/loading.js +37 -0
  116. package/es/new-components/loading/loading.js.map +1 -0
  117. package/es/new-components/modal/modal.js +220 -0
  118. package/es/new-components/modal/modal.js.map +1 -0
  119. package/es/new-components/modal/modal.module.css.js +4 -0
  120. package/es/new-components/modal/modal.module.css.js.map +1 -0
  121. package/es/new-components/notice/notice.js +30 -0
  122. package/es/new-components/notice/notice.js.map +1 -0
  123. package/es/new-components/notice/notice.module.css.js +4 -0
  124. package/es/new-components/notice/notice.module.css.js.map +1 -0
  125. package/es/new-components/password-field/password-field.js +76 -0
  126. package/es/new-components/password-field/password-field.js.map +1 -0
  127. package/es/new-components/password-field/password-field.module.css.js +4 -0
  128. package/es/new-components/password-field/password-field.module.css.js.map +1 -0
  129. package/es/new-components/responsive-props.js +75 -0
  130. package/es/new-components/responsive-props.js.map +1 -0
  131. package/es/new-components/select-field/select-field.js +53 -0
  132. package/es/new-components/select-field/select-field.js.map +1 -0
  133. package/es/new-components/select-field/select-field.module.css.js +4 -0
  134. package/es/new-components/select-field/select-field.module.css.js.map +1 -0
  135. package/es/new-components/spinner/spinner.js +26 -0
  136. package/es/new-components/spinner/spinner.js.map +1 -0
  137. package/es/new-components/spinner/spinner.module.css.js +4 -0
  138. package/es/new-components/spinner/spinner.module.css.js.map +1 -0
  139. package/es/new-components/stack/stack.js +42 -0
  140. package/es/new-components/stack/stack.js.map +1 -0
  141. package/es/new-components/stack/stack.module.css.js +4 -0
  142. package/es/new-components/stack/stack.module.css.js.map +1 -0
  143. package/es/new-components/switch-field/switch-field.js +96 -0
  144. package/es/new-components/switch-field/switch-field.js.map +1 -0
  145. package/es/new-components/switch-field/switch-field.module.css.js +4 -0
  146. package/es/new-components/switch-field/switch-field.module.css.js.map +1 -0
  147. package/es/new-components/tabs/tabs.js +147 -0
  148. package/es/new-components/tabs/tabs.js.map +1 -0
  149. package/es/new-components/tabs/tabs.module.css.js +4 -0
  150. package/es/new-components/tabs/tabs.module.css.js.map +1 -0
  151. package/es/new-components/text/text.js +36 -0
  152. package/es/new-components/text/text.js.map +1 -0
  153. package/es/new-components/text/text.module.css.js +4 -0
  154. package/es/new-components/text/text.module.css.js.map +1 -0
  155. package/es/new-components/text-area/text-area.js +34 -0
  156. package/es/new-components/text-area/text-area.js.map +1 -0
  157. package/es/new-components/text-area/text-area.module.css.js +4 -0
  158. package/es/new-components/text-area/text-area.module.css.js.map +1 -0
  159. package/es/new-components/text-field/text-field.js +41 -0
  160. package/es/new-components/text-field/text-field.js.map +1 -0
  161. package/es/new-components/text-field/text-field.module.css.js +4 -0
  162. package/es/new-components/text-field/text-field.module.css.js.map +1 -0
  163. package/es/new-components/text-link/text-link.js +27 -0
  164. package/es/new-components/text-link/text-link.js.map +1 -0
  165. package/es/new-components/text-link/text-link.module.css.js +4 -0
  166. package/es/new-components/text-link/text-link.module.css.js.map +1 -0
  167. package/es/utils/polymorphism.js +17 -0
  168. package/es/utils/polymorphism.js.map +1 -0
  169. package/lib/_virtual/_rollupPluginBabelHelpers.js +1 -1
  170. package/lib/components/{avatar/utils.test.d.ts → checkbox/checkbox.test.d.ts} +0 -0
  171. package/lib/components/color-picker/color-picker.test.d.ts +1 -0
  172. package/lib/components/{button/button.d.ts → deprecated-button/deprecated-button.d.ts} +7 -1
  173. package/lib/components/deprecated-button/deprecated-button.js +2 -0
  174. package/lib/components/deprecated-button/deprecated-button.js.map +1 -0
  175. package/lib/components/deprecated-button/deprecated-button.test.d.ts +1 -0
  176. package/lib/components/deprecated-button/index.d.ts +4 -0
  177. package/lib/components/{avatar → deprecated-button}/index.js +1 -1
  178. package/lib/components/{avatar → deprecated-button}/index.js.map +0 -0
  179. package/lib/components/{loading/loading.d.ts → deprecated-loading/deprecated-loading.d.ts} +2 -1
  180. package/lib/components/{loading/loading.js → deprecated-loading/deprecated-loading.js} +1 -1
  181. package/lib/components/deprecated-loading/deprecated-loading.js.map +1 -0
  182. package/lib/components/deprecated-loading/deprecated-loading.test.d.ts +1 -0
  183. package/lib/components/deprecated-loading/index.d.ts +1 -0
  184. package/lib/components/{modal/modal.d.ts → deprecated-modal/deprecated-modal.d.ts} +7 -2
  185. package/lib/components/deprecated-modal/deprecated-modal.js +2 -0
  186. package/lib/components/deprecated-modal/deprecated-modal.js.map +1 -0
  187. package/lib/components/deprecated-modal/deprecated-modal.test.d.ts +1 -0
  188. package/lib/components/{modal → deprecated-modal}/index.d.ts +2 -2
  189. package/lib/components/deprecated-modal/index.js +2 -0
  190. package/lib/components/deprecated-modal/index.js.map +1 -0
  191. package/lib/components/dropdown/dropdown.js +1 -1
  192. package/lib/components/dropdown/dropdown.js.map +1 -1
  193. package/lib/components/dropdown/dropdown.test.d.ts +1 -0
  194. package/lib/components/input/input.test.d.ts +1 -0
  195. package/lib/components/key-capturer/key-capturer.js +1 -1
  196. package/lib/components/key-capturer/key-capturer.test.d.ts +1 -0
  197. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +1 -1
  198. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  199. package/lib/components/keyboard-shortcut/keyboard-shortcut.test.d.ts +1 -0
  200. package/lib/components/menu/menu.d.ts +8 -10
  201. package/lib/components/menu/menu.js +1 -1
  202. package/lib/components/menu/menu.js.map +1 -1
  203. package/lib/components/menu/menu.test.d.ts +1 -0
  204. package/lib/components/notification/notification.d.ts +4 -2
  205. package/lib/components/notification/notification.js +1 -1
  206. package/lib/components/notification/notification.js.map +1 -1
  207. package/lib/components/notification/notification.test.d.ts +1 -0
  208. package/lib/components/popover/popover.js +1 -1
  209. package/lib/components/popover/popover.test.d.ts +1 -0
  210. package/lib/components/progress-bar/progress-bar.d.ts +3 -1
  211. package/lib/components/progress-bar/progress-bar.js +1 -1
  212. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  213. package/lib/components/progress-bar/progress-bar.test.d.ts +1 -0
  214. package/lib/components/select/select.js +1 -1
  215. package/lib/components/select/select.js.map +1 -1
  216. package/lib/components/select/select.test.d.ts +1 -0
  217. package/lib/components/time/time.js +1 -1
  218. package/lib/components/time/time.test.d.ts +1 -0
  219. package/lib/components/tooltip/tooltip.js +1 -1
  220. package/lib/components/tooltip/tooltip.js.map +1 -1
  221. package/lib/components/tooltip/tooltip.test.d.ts +1 -0
  222. package/lib/hooks/use-previous/index.d.ts +1 -0
  223. package/lib/hooks/use-previous/use-previous.d.ts +15 -0
  224. package/lib/hooks/use-previous/use-previous.js +2 -0
  225. package/lib/hooks/use-previous/use-previous.js.map +1 -0
  226. package/lib/index.d.ts +33 -13
  227. package/lib/index.js +1 -1
  228. package/lib/new-components/alert/alert.d.ts +17 -0
  229. package/lib/new-components/alert/alert.js +2 -0
  230. package/lib/new-components/alert/alert.js.map +1 -0
  231. package/lib/new-components/alert/alert.module.css.js +2 -0
  232. package/lib/new-components/alert/alert.module.css.js.map +1 -0
  233. package/lib/new-components/alert/alert.test.d.ts +1 -0
  234. package/lib/new-components/alert/index.d.ts +1 -0
  235. package/lib/{components → new-components}/avatar/avatar.d.ts +6 -3
  236. package/lib/new-components/avatar/avatar.js +2 -0
  237. package/lib/new-components/avatar/avatar.js.map +1 -0
  238. package/lib/new-components/avatar/avatar.module.css.js +2 -0
  239. package/lib/new-components/avatar/avatar.module.css.js.map +1 -0
  240. package/lib/new-components/avatar/avatar.test.d.ts +1 -0
  241. package/lib/new-components/avatar/index.d.ts +1 -0
  242. package/lib/{components → new-components}/avatar/utils.d.ts +0 -0
  243. package/lib/{components → new-components}/avatar/utils.js +0 -0
  244. package/lib/new-components/avatar/utils.js.map +1 -0
  245. package/lib/new-components/avatar/utils.test.d.ts +1 -0
  246. package/lib/new-components/base-button/base-button.d.ts +69 -0
  247. package/lib/new-components/base-button/base-button.js +2 -0
  248. package/lib/new-components/base-button/base-button.js.map +1 -0
  249. package/lib/new-components/base-button/base-button.module.css.js +2 -0
  250. package/lib/new-components/base-button/base-button.module.css.js.map +1 -0
  251. package/lib/new-components/base-button/index.d.ts +1 -0
  252. package/lib/new-components/base-field/base-field.d.ts +64 -0
  253. package/lib/new-components/base-field/base-field.js +2 -0
  254. package/lib/new-components/base-field/base-field.js.map +1 -0
  255. package/lib/new-components/base-field/base-field.module.css.js +2 -0
  256. package/lib/new-components/base-field/base-field.module.css.js.map +1 -0
  257. package/lib/new-components/base-field/index.d.ts +1 -0
  258. package/lib/new-components/box/box.d.ts +58 -0
  259. package/lib/new-components/box/box.js +2 -0
  260. package/lib/new-components/box/box.js.map +1 -0
  261. package/lib/new-components/box/box.module.css.js +2 -0
  262. package/lib/new-components/box/box.module.css.js.map +1 -0
  263. package/lib/new-components/box/box.test.d.ts +1 -0
  264. package/lib/new-components/box/index.d.ts +1 -0
  265. package/lib/new-components/box/margin.module.css.js +2 -0
  266. package/lib/new-components/box/margin.module.css.js.map +1 -0
  267. package/lib/new-components/box/padding.module.css.js +2 -0
  268. package/lib/new-components/box/padding.module.css.js.map +1 -0
  269. package/lib/new-components/box/width.module.css.js +2 -0
  270. package/lib/new-components/box/width.module.css.js.map +1 -0
  271. package/lib/new-components/button/button.d.ts +50 -0
  272. package/lib/new-components/button/button.js +2 -0
  273. package/lib/new-components/button/button.js.map +1 -0
  274. package/lib/new-components/button/button.test.d.ts +1 -0
  275. package/lib/new-components/button/index.d.ts +1 -0
  276. package/lib/new-components/button-link/button-link-story-wrapper.d.ts +7 -0
  277. package/lib/new-components/button-link/button-link.d.ts +15 -0
  278. package/lib/new-components/button-link/button-link.js +2 -0
  279. package/lib/new-components/button-link/button-link.js.map +1 -0
  280. package/lib/new-components/button-link/button-link.test.d.ts +1 -0
  281. package/lib/new-components/button-link/index.d.ts +1 -0
  282. package/lib/new-components/checkbox-field/checkbox-field.d.ts +21 -0
  283. package/lib/new-components/checkbox-field/checkbox-field.js +2 -0
  284. package/lib/new-components/checkbox-field/checkbox-field.js.map +1 -0
  285. package/lib/new-components/checkbox-field/checkbox-field.module.css.js +2 -0
  286. package/lib/new-components/checkbox-field/checkbox-field.module.css.js.map +1 -0
  287. package/lib/new-components/checkbox-field/checkbox-field.test.d.ts +1 -0
  288. package/lib/new-components/checkbox-field/checkbox-icon.d.ts +8 -0
  289. package/lib/new-components/checkbox-field/checkbox-icon.js +2 -0
  290. package/lib/new-components/checkbox-field/checkbox-icon.js.map +1 -0
  291. package/lib/new-components/checkbox-field/index.d.ts +1 -0
  292. package/lib/new-components/columns/columns.d.ts +20 -0
  293. package/lib/new-components/columns/columns.js +2 -0
  294. package/lib/new-components/columns/columns.js.map +1 -0
  295. package/lib/new-components/columns/columns.module.css.js +2 -0
  296. package/lib/new-components/columns/columns.module.css.js.map +1 -0
  297. package/lib/new-components/columns/columns.test.d.ts +1 -0
  298. package/lib/new-components/columns/index.d.ts +1 -0
  299. package/lib/new-components/common-helpers.d.ts +2 -0
  300. package/lib/new-components/common-helpers.js +2 -0
  301. package/lib/new-components/common-helpers.js.map +1 -0
  302. package/lib/new-components/common-types.d.ts +23 -0
  303. package/lib/new-components/divider/divider.d.ts +8 -0
  304. package/lib/new-components/divider/divider.js +2 -0
  305. package/lib/new-components/divider/divider.js.map +1 -0
  306. package/lib/new-components/divider/divider.module.css.js +2 -0
  307. package/lib/new-components/divider/divider.module.css.js.map +1 -0
  308. package/lib/new-components/divider/index.d.ts +1 -0
  309. package/lib/new-components/heading/heading.d.ts +115 -0
  310. package/lib/new-components/heading/heading.js +2 -0
  311. package/lib/new-components/heading/heading.js.map +1 -0
  312. package/lib/new-components/heading/heading.module.css.js +2 -0
  313. package/lib/new-components/heading/heading.module.css.js.map +1 -0
  314. package/lib/new-components/heading/heading.test.d.ts +1 -0
  315. package/lib/new-components/heading/index.d.ts +1 -0
  316. package/lib/new-components/hidden/hidden.d.ts +49 -0
  317. package/lib/new-components/hidden/hidden.js +2 -0
  318. package/lib/new-components/hidden/hidden.js.map +1 -0
  319. package/lib/new-components/hidden/hidden.module.css.js +2 -0
  320. package/lib/new-components/hidden/hidden.module.css.js.map +1 -0
  321. package/lib/new-components/hidden/hidden.test.d.ts +1 -0
  322. package/lib/new-components/hidden/index.d.ts +1 -0
  323. package/lib/new-components/hidden-visually/hidden-visually.d.ts +11 -0
  324. package/lib/new-components/hidden-visually/hidden-visually.js +2 -0
  325. package/lib/new-components/hidden-visually/hidden-visually.js.map +1 -0
  326. package/lib/new-components/hidden-visually/hidden-visually.module.css.js +2 -0
  327. package/lib/new-components/hidden-visually/hidden-visually.module.css.js.map +1 -0
  328. package/lib/new-components/hidden-visually/hidden-visually.test.d.ts +1 -0
  329. package/lib/new-components/hidden-visually/index.d.ts +1 -0
  330. package/lib/new-components/icons/alert-icon.d.ts +6 -0
  331. package/lib/new-components/icons/alert-icon.js +2 -0
  332. package/lib/new-components/icons/alert-icon.js.map +1 -0
  333. package/lib/new-components/icons/close-icon.d.ts +3 -0
  334. package/lib/new-components/icons/close-icon.js +2 -0
  335. package/lib/new-components/icons/close-icon.js.map +1 -0
  336. package/lib/new-components/icons/password-hidden-icon.d.ts +3 -0
  337. package/lib/new-components/icons/password-hidden-icon.js +2 -0
  338. package/lib/new-components/icons/password-hidden-icon.js.map +1 -0
  339. package/lib/new-components/icons/password-visible-icon.d.ts +3 -0
  340. package/lib/new-components/icons/password-visible-icon.js +2 -0
  341. package/lib/new-components/icons/password-visible-icon.js.map +1 -0
  342. package/lib/new-components/inline/index.d.ts +1 -0
  343. package/lib/new-components/inline/inline.d.ts +12 -0
  344. package/lib/new-components/inline/inline.js +2 -0
  345. package/lib/new-components/inline/inline.js.map +1 -0
  346. package/lib/new-components/inline/inline.module.css.js +2 -0
  347. package/lib/new-components/inline/inline.module.css.js.map +1 -0
  348. package/lib/new-components/inline/inline.test.d.ts +1 -0
  349. package/lib/new-components/loading/index.d.ts +1 -0
  350. package/lib/new-components/loading/loading.d.ts +27 -0
  351. package/lib/new-components/loading/loading.js +2 -0
  352. package/lib/new-components/loading/loading.js.map +1 -0
  353. package/lib/new-components/loading/loading.test.d.ts +1 -0
  354. package/lib/new-components/modal/index.d.ts +1 -0
  355. package/lib/new-components/modal/modal-stories-components.d.ts +35 -0
  356. package/lib/new-components/modal/modal.d.ts +156 -0
  357. package/lib/new-components/modal/modal.js +2 -0
  358. package/lib/new-components/modal/modal.js.map +1 -0
  359. package/lib/new-components/modal/modal.module.css.js +2 -0
  360. package/lib/new-components/modal/modal.module.css.js.map +1 -0
  361. package/lib/new-components/modal/modal.test.d.ts +1 -0
  362. package/lib/new-components/notice/index.d.ts +1 -0
  363. package/lib/new-components/notice/notice.d.ts +10 -0
  364. package/lib/new-components/notice/notice.js +2 -0
  365. package/lib/new-components/notice/notice.js.map +1 -0
  366. package/lib/new-components/notice/notice.module.css.js +2 -0
  367. package/lib/new-components/notice/notice.module.css.js.map +1 -0
  368. package/lib/new-components/notice/notice.test.d.ts +1 -0
  369. package/lib/new-components/password-field/index.d.ts +1 -0
  370. package/lib/new-components/password-field/password-field.d.ts +8 -0
  371. package/lib/new-components/password-field/password-field.js +2 -0
  372. package/lib/new-components/password-field/password-field.js.map +1 -0
  373. package/lib/new-components/password-field/password-field.module.css.js +2 -0
  374. package/lib/new-components/password-field/password-field.module.css.js.map +1 -0
  375. package/lib/new-components/password-field/password-field.test.d.ts +1 -0
  376. package/lib/new-components/responsive-props.d.ts +44 -0
  377. package/lib/new-components/responsive-props.js +2 -0
  378. package/lib/new-components/responsive-props.js.map +1 -0
  379. package/lib/new-components/select-field/index.d.ts +1 -0
  380. package/lib/new-components/select-field/select-field.d.ts +6 -0
  381. package/lib/new-components/select-field/select-field.js +2 -0
  382. package/lib/new-components/select-field/select-field.js.map +1 -0
  383. package/lib/new-components/select-field/select-field.module.css.js +2 -0
  384. package/lib/new-components/select-field/select-field.module.css.js.map +1 -0
  385. package/lib/new-components/select-field/select-field.test.d.ts +1 -0
  386. package/lib/new-components/spinner/index.d.ts +1 -0
  387. package/lib/new-components/spinner/spinner.d.ts +5 -0
  388. package/lib/new-components/spinner/spinner.js +2 -0
  389. package/lib/new-components/spinner/spinner.js.map +1 -0
  390. package/lib/new-components/spinner/spinner.module.css.js +2 -0
  391. package/lib/new-components/spinner/spinner.module.css.js.map +1 -0
  392. package/lib/new-components/stack/index.d.ts +1 -0
  393. package/lib/new-components/stack/stack.d.ts +15 -0
  394. package/lib/new-components/stack/stack.js +2 -0
  395. package/lib/new-components/stack/stack.js.map +1 -0
  396. package/lib/new-components/stack/stack.module.css.js +2 -0
  397. package/lib/new-components/stack/stack.module.css.js.map +1 -0
  398. package/lib/new-components/stack/stack.test.d.ts +1 -0
  399. package/lib/new-components/switch-field/index.d.ts +1 -0
  400. package/lib/new-components/switch-field/switch-field.d.ts +13 -0
  401. package/lib/new-components/switch-field/switch-field.js +2 -0
  402. package/lib/new-components/switch-field/switch-field.js.map +1 -0
  403. package/lib/new-components/switch-field/switch-field.module.css.js +2 -0
  404. package/lib/new-components/switch-field/switch-field.module.css.js.map +1 -0
  405. package/lib/new-components/switch-field/switch-field.test.d.ts +1 -0
  406. package/lib/new-components/tabs/index.d.ts +1 -0
  407. package/lib/new-components/tabs/tabs.d.ts +92 -0
  408. package/lib/new-components/tabs/tabs.js +2 -0
  409. package/lib/new-components/tabs/tabs.js.map +1 -0
  410. package/lib/new-components/tabs/tabs.module.css.js +2 -0
  411. package/lib/new-components/tabs/tabs.module.css.js.map +1 -0
  412. package/lib/new-components/tabs/tabs.test.d.ts +1 -0
  413. package/lib/new-components/test-helpers.d.ts +9 -0
  414. package/lib/new-components/text/index.d.ts +1 -0
  415. package/lib/new-components/text/text.d.ts +47 -0
  416. package/lib/new-components/text/text.js +2 -0
  417. package/lib/new-components/text/text.js.map +1 -0
  418. package/lib/new-components/text/text.module.css.js +2 -0
  419. package/lib/new-components/text/text.module.css.js.map +1 -0
  420. package/lib/new-components/text/text.test.d.ts +1 -0
  421. package/lib/new-components/text-area/index.d.ts +1 -0
  422. package/lib/new-components/text-area/text-area.d.ts +8 -0
  423. package/lib/new-components/text-area/text-area.js +2 -0
  424. package/lib/new-components/text-area/text-area.js.map +1 -0
  425. package/lib/new-components/text-area/text-area.module.css.js +2 -0
  426. package/lib/new-components/text-area/text-area.module.css.js.map +1 -0
  427. package/lib/new-components/text-field/index.d.ts +1 -0
  428. package/lib/new-components/text-field/text-field.d.ts +9 -0
  429. package/lib/new-components/text-field/text-field.js +2 -0
  430. package/lib/new-components/text-field/text-field.js.map +1 -0
  431. package/lib/new-components/text-field/text-field.module.css.js +2 -0
  432. package/lib/new-components/text-field/text-field.module.css.js.map +1 -0
  433. package/lib/new-components/text-field/text-field.test.d.ts +1 -0
  434. package/lib/new-components/text-link/index.d.ts +1 -0
  435. package/lib/new-components/text-link/text-link.d.ts +5 -0
  436. package/lib/new-components/text-link/text-link.js +2 -0
  437. package/lib/new-components/text-link/text-link.js.map +1 -0
  438. package/lib/new-components/text-link/text-link.module.css.js +2 -0
  439. package/lib/new-components/text-link/text-link.module.css.js.map +1 -0
  440. package/lib/utils/polymorphism.d.ts +151 -0
  441. package/lib/utils/polymorphism.js +2 -0
  442. package/lib/utils/polymorphism.js.map +1 -0
  443. package/package.json +25 -16
  444. package/styles/alert.css +9 -0
  445. package/styles/alert.module.css.css +1 -0
  446. package/styles/avatar.css +5 -1
  447. package/styles/avatar.module.css.css +1 -0
  448. package/styles/base-button.css +7 -0
  449. package/styles/base-button.module.css.css +1 -0
  450. package/styles/base-field.css +8 -0
  451. package/styles/base-field.module.css.css +1 -0
  452. package/styles/box.css +4 -0
  453. package/styles/box.module.css.css +1 -0
  454. package/styles/checkbox-field.css +6 -0
  455. package/styles/checkbox-field.module.css.css +1 -0
  456. package/styles/color-picker.css +2 -2
  457. package/styles/columns.css +5 -0
  458. package/styles/columns.module.css.css +1 -0
  459. package/styles/{button.css → deprecated-button.css} +2 -2
  460. package/styles/deprecated-loading.css +1 -0
  461. package/styles/deprecated-modal.css +1 -0
  462. package/styles/divider.css +5 -0
  463. package/styles/divider.module.css.css +1 -0
  464. package/styles/dropdown.css +3 -3
  465. package/styles/heading.css +5 -0
  466. package/styles/heading.module.css.css +1 -0
  467. package/styles/hidden-visually.css +5 -0
  468. package/styles/hidden-visually.module.css.css +1 -0
  469. package/styles/hidden.css +5 -0
  470. package/styles/hidden.module.css.css +1 -0
  471. package/styles/inline.css +5 -0
  472. package/styles/inline.module.css.css +1 -0
  473. package/styles/loading.css +5 -1
  474. package/styles/margin.module.css.css +1 -0
  475. package/styles/menu.css +1 -1
  476. package/styles/modal.css +11 -1
  477. package/styles/modal.module.css.css +1 -0
  478. package/styles/notice.css +6 -0
  479. package/styles/notice.module.css.css +1 -0
  480. package/styles/padding.module.css.css +1 -0
  481. package/styles/password-field.css +11 -0
  482. package/styles/password-field.module.css.css +1 -0
  483. package/styles/progress-bar.css +5 -0
  484. package/styles/reactist.css +34 -12
  485. package/styles/select-field.css +9 -0
  486. package/styles/select-field.module.css.css +1 -0
  487. package/styles/spinner.module.css.css +1 -0
  488. package/styles/stack.css +6 -0
  489. package/styles/stack.module.css.css +1 -0
  490. package/styles/switch-field.css +10 -0
  491. package/styles/switch-field.module.css.css +1 -0
  492. package/styles/tabs.css +6 -1
  493. package/styles/tabs.module.css.css +1 -0
  494. package/styles/text-area.css +9 -0
  495. package/styles/text-area.module.css.css +1 -0
  496. package/styles/text-field.css +9 -0
  497. package/styles/text-field.module.css.css +1 -0
  498. package/styles/text-link.css +5 -0
  499. package/styles/text-link.module.css.css +1 -0
  500. package/styles/text.css +5 -0
  501. package/styles/text.module.css.css +1 -0
  502. package/styles/time.css +2 -2
  503. package/styles/width.module.css.css +1 -0
  504. package/es/components/avatar/avatar.js.map +0 -1
  505. package/es/components/avatar/index.js +0 -6
  506. package/es/components/avatar/utils.js.map +0 -1
  507. package/es/components/button/button.js.map +0 -1
  508. package/es/components/button/index.js.map +0 -1
  509. package/es/components/error-message/error-message.js +0 -90
  510. package/es/components/error-message/error-message.js.map +0 -1
  511. package/es/components/error-message/index.js +0 -6
  512. package/es/components/error-message/index.js.map +0 -1
  513. package/es/components/icon/icon.js +0 -96
  514. package/es/components/icon/icon.js.map +0 -1
  515. package/es/components/icon/index.js +0 -6
  516. package/es/components/icon/index.js.map +0 -1
  517. package/es/components/icons/ThinQuestionMarkIcon.svg.js +0 -24
  518. package/es/components/icons/ThinQuestionMarkIcon.svg.js.map +0 -1
  519. package/es/components/icons/ThreeDotsIcon.svg.js +0 -40
  520. package/es/components/icons/ThreeDotsIcon.svg.js.map +0 -1
  521. package/es/components/loading/index.js +0 -6
  522. package/es/components/loading/index.js.map +0 -1
  523. package/es/components/loading/loading.js.map +0 -1
  524. package/es/components/menu/type-helpers.js +0 -9
  525. package/es/components/menu/type-helpers.js.map +0 -1
  526. package/es/components/modal/index.js.map +0 -1
  527. package/es/components/modal/modal.js.map +0 -1
  528. package/es/components/range-input/index.js +0 -6
  529. package/es/components/range-input/index.js.map +0 -1
  530. package/es/components/range-input/range-input.js +0 -55
  531. package/es/components/range-input/range-input.js.map +0 -1
  532. package/es/components/tabs/tabs.js +0 -123
  533. package/es/components/tabs/tabs.js.map +0 -1
  534. package/es/components/tip/index.js +0 -6
  535. package/es/components/tip/index.js.map +0 -1
  536. package/es/components/tip/tip.js +0 -30
  537. package/es/components/tip/tip.js.map +0 -1
  538. package/lib/components/avatar/avatar.js +0 -2
  539. package/lib/components/avatar/avatar.js.map +0 -1
  540. package/lib/components/avatar/index.d.ts +0 -2
  541. package/lib/components/avatar/utils.js.map +0 -1
  542. package/lib/components/button/button.js +0 -2
  543. package/lib/components/button/button.js.map +0 -1
  544. package/lib/components/button/index.d.ts +0 -4
  545. package/lib/components/button/index.js +0 -2
  546. package/lib/components/button/index.js.map +0 -1
  547. package/lib/components/error-message/error-message.d.ts +0 -23
  548. package/lib/components/error-message/error-message.js +0 -2
  549. package/lib/components/error-message/error-message.js.map +0 -1
  550. package/lib/components/error-message/index.d.ts +0 -2
  551. package/lib/components/error-message/index.js +0 -2
  552. package/lib/components/error-message/index.js.map +0 -1
  553. package/lib/components/icon/icon.d.ts +0 -31
  554. package/lib/components/icon/icon.js +0 -2
  555. package/lib/components/icon/icon.js.map +0 -1
  556. package/lib/components/icon/index.d.ts +0 -2
  557. package/lib/components/icon/index.js +0 -2
  558. package/lib/components/icon/index.js.map +0 -1
  559. package/lib/components/icons/ThinQuestionMarkIcon.svg.js +0 -2
  560. package/lib/components/icons/ThinQuestionMarkIcon.svg.js.map +0 -1
  561. package/lib/components/icons/ThreeDotsIcon.svg.js +0 -2
  562. package/lib/components/icons/ThreeDotsIcon.svg.js.map +0 -1
  563. package/lib/components/loading/index.d.ts +0 -2
  564. package/lib/components/loading/index.js +0 -2
  565. package/lib/components/loading/index.js.map +0 -1
  566. package/lib/components/loading/loading.js.map +0 -1
  567. package/lib/components/menu/type-helpers.d.ts +0 -25
  568. package/lib/components/menu/type-helpers.js +0 -2
  569. package/lib/components/menu/type-helpers.js.map +0 -1
  570. package/lib/components/modal/index.js +0 -2
  571. package/lib/components/modal/index.js.map +0 -1
  572. package/lib/components/modal/modal.js +0 -2
  573. package/lib/components/modal/modal.js.map +0 -1
  574. package/lib/components/range-input/index.d.ts +0 -2
  575. package/lib/components/range-input/index.js +0 -2
  576. package/lib/components/range-input/index.js.map +0 -1
  577. package/lib/components/range-input/range-input.d.ts +0 -25
  578. package/lib/components/range-input/range-input.js +0 -2
  579. package/lib/components/range-input/range-input.js.map +0 -1
  580. package/lib/components/tabs/index.d.ts +0 -1
  581. package/lib/components/tabs/tabs.d.ts +0 -33
  582. package/lib/components/tabs/tabs.js +0 -2
  583. package/lib/components/tabs/tabs.js.map +0 -1
  584. package/lib/components/tip/index.d.ts +0 -2
  585. package/lib/components/tip/index.js +0 -2
  586. package/lib/components/tip/index.js.map +0 -1
  587. package/lib/components/tip/tip.d.ts +0 -20
  588. package/lib/components/tip/tip.js +0 -2
  589. package/lib/components/tip/tip.js.map +0 -1
  590. package/styles/error-message.css +0 -1
  591. package/styles/icon.css +0 -2
  592. package/styles/range-input.css +0 -1
  593. package/styles/tip.css +0 -4
@@ -1 +0,0 @@
1
- {"version":3,"file":"modal.js","sources":["../../../src/components/modal/modal.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport classnames from 'classnames'\n\nimport CloseIcon from '../icons/CloseIcon.svg'\n\nimport './modal.less'\n\ntype Props = {\n /** Additional css class applied to the Modal.Box. */\n className?: string\n /** Sometimes a class name is not enough so you can use this to set the style directly. */\n style?: React.CSSProperties\n /** Large style. */\n large: boolean\n /** Medium size syle. */\n medium?: boolean\n /** Close the Modal when clicking on the overlay. */\n closeOnOverlayClick: boolean\n}\n\nclass Box extends React.Component<React.PropsWithChildren<Props>> {\n public static displayName: string\n public static defaultProps: Props\n\n constructor(props: Props, context: unknown) {\n super(props, context)\n window.addEventListener('keydown', this._handleKeyDown)\n }\n\n componentWillUnmount() {\n window.removeEventListener('keydown', this._handleKeyDown)\n }\n\n _closeModal = () => {\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const modalElement = document.getElementById('modal_box')!\n ReactDOM.unmountComponentAtNode(modalElement)\n }\n\n _handleKeyDown = (event: Partial<KeyboardEvent>) => {\n if (event.keyCode === 27) {\n // ESC\n this._closeModal()\n if (event.preventDefault) event.preventDefault()\n }\n }\n\n _handleOverlayClick = (event: React.MouseEvent<Element>) => {\n if (\n event.target instanceof Element &&\n (event.target.id === 'reactist-overlay' || event.target.id === 'reactist-overlay-inner')\n ) {\n this._closeModal()\n }\n }\n\n render() {\n const { large, medium, style, children, closeOnOverlayClick } = this.props\n\n const className = classnames('reactist_modal_box', { large, medium }, this.props.className)\n\n return (\n <div\n className=\"reactist_overlay\"\n id=\"reactist-overlay\"\n onClick={closeOnOverlayClick ? this._handleOverlayClick : undefined}\n >\n <div className=\"reactist_overlay_inner\" id=\"reactist-overlay-inner\">\n <div style={style} className={className}>\n {children}\n </div>\n </div>\n </div>\n )\n }\n}\nBox.displayName = 'Modal.Box'\nBox.defaultProps = {\n large: false,\n closeOnOverlayClick: false,\n}\n\ntype HeaderProps = {\n /** Title of the Modal.Header. */\n title?: string | React.ReactNode\n /** Subtitle of the Modal.Header. */\n subtitle?: string | React.ReactNode\n /** Function that is called right before the Modal unmounts itself. */\n beforeClose?: () => void\n}\n\nclass Header extends React.Component<HeaderProps> {\n public static displayName: string\n public static defaultProps: HeaderProps\n\n _closeModal(event: React.MouseEvent) {\n event.preventDefault()\n if (typeof this.props.beforeClose === 'function') {\n this.props.beforeClose()\n }\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const modalElement = document.getElementById('modal_box')!\n ReactDOM.unmountComponentAtNode(modalElement)\n }\n\n render() {\n return (\n /* eslint-disable jsx-a11y/anchor-is-valid */\n <div className=\"reactist_modal_box__header\">\n <p>\n {this.props.title && <span className=\"title\">{this.props.title}</span>}\n {this.props.subtitle && <span className=\"subtitle\">{this.props.subtitle}</span>}\n {this.props.children}\n </p>\n <a className=\"close\" onClick={this._closeModal.bind(this)} href=\"#\">\n <CloseIcon />\n </a>\n </div>\n /* eslint-enable jsx-a11y/anchor-is-valid */\n )\n }\n}\nHeader.displayName = 'Modal.Header'\n\ntype BodyProps = {\n /** Display an icon (or basically any component) on the right hand side of the Modal.Body. */\n icon?: React.ReactNode\n /** Applies less styles on the body (e.g. no padding) */\n plain?: boolean\n /** Sometimes a class name is not enough so you can use this to set the style directly. */\n style?: React.CSSProperties\n /** Additionall css class applied to the Modal.Body. */\n className?: string\n /**\n * Render a close icon in the top right corner of the Modal.Body.\n * Recommended to use when no Modal.Header is used.\n */\n showCloseIcon?: boolean\n}\nclass Body extends React.Component<BodyProps> {\n public static displayName: string\n public static defaultProps: BodyProps\n\n _closeModal(event: React.MouseEvent) {\n event.preventDefault()\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const modalElement = document.getElementById('modal_box')!\n ReactDOM.unmountComponentAtNode(modalElement)\n }\n\n render() {\n const { icon, plain, children, style, showCloseIcon } = this.props\n const className = classnames('reactist_modal_box__body', { plain }, this.props.className)\n\n return (\n /* eslint-disable jsx-a11y/anchor-is-valid */\n <div className={className} style={style}>\n {showCloseIcon && (\n <a className=\"close\" onClick={this._closeModal.bind(this)} href=\"#\">\n <CloseIcon />\n </a>\n )}\n {icon ? (\n <div className=\"dialog\">\n <div className=\"reactist_icon\">{icon}</div>\n <div className=\"content\">{children}</div>\n </div>\n ) : (\n children\n )}\n </div>\n /* eslint-enable jsx-a11y/anchor-is-valid */\n )\n }\n}\nBody.displayName = 'Modal.Body'\nBody.defaultProps = {\n showCloseIcon: false,\n}\n\ntype ActionProps = {\n /**\n * Children to render inside the Modal.Actions. They can have an optional `close` property (boolean).\n * When that is supplied and set to true it will close the modal after the onClick function\n */\n children?: React.ReactNode\n}\n\ntype ActionChildrenProps = {\n close?: boolean\n onClick?: () => void\n}\n\nclass Actions extends React.Component<ActionProps> {\n public static displayName: string\n\n _onClick(onClick: ActionChildrenProps['onClick']) {\n if (onClick) {\n onClick()\n }\n // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n const modalElement = document.getElementById('modal_box')!\n ReactDOM.unmountComponentAtNode(modalElement)\n }\n\n render() {\n const children = React.Children.map(\n // see: https://github.com/microsoft/TypeScript/issues/21699\n // @ts-expect-error Children cannot be typed properly yet in React\n this.props.children,\n (child: React.ReactElement<ActionChildrenProps>) => {\n if (child?.props?.close) {\n return React.cloneElement(child, {\n onClick: () => this._onClick(child.props.onClick),\n })\n } else {\n return child ? React.cloneElement(child) : <></>\n }\n },\n )\n\n return <div className=\"reactist_modal_box__actions\">{children}</div>\n }\n}\nActions.displayName = 'Modal.Actions'\n\ntype Modal = {\n Box: Box\n Header: Header\n Body: Body\n Actions: Actions\n}\n\nexport type { Modal }\n\nexport { Box, Header, Body, Actions }\n"],"names":["Box","props","context","modalElement","document","getElementById","ReactDOM","unmountComponentAtNode","event","keyCode","_closeModal","preventDefault","target","Element","id","window","addEventListener","_handleKeyDown","componentWillUnmount","removeEventListener","render","large","medium","style","children","closeOnOverlayClick","className","classnames","React","onClick","_handleOverlayClick","undefined","Component","displayName","defaultProps","Header","beforeClose","title","subtitle","bind","href","CloseIcon","Body","icon","plain","showCloseIcon","Actions","_onClick","Children","map","child","close","cloneElement"],"mappings":";;;;;;IAqBMA;;;AAIF,eAAYC,KAAZ,EAA0BC,OAA1B;;;AACI,wCAAMD,KAAN,EAAaC,OAAb;;AAQJ,qBAAA,GAAc;AACV;AACA,UAAMC,YAAY,GAAGC,QAAQ,CAACC,cAAT,CAAwB,WAAxB,CAArB;AACAC,MAAAA,QAAQ,CAACC,sBAAT,CAAgCJ,YAAhC;AACH,KAJD;;AAMA,wBAAA,GAAiB,UAACK,KAAD;AACb,UAAIA,KAAK,CAACC,OAAN,KAAkB,EAAtB,EAA0B;AACtB;AACA,cAAKC,WAAL;;AACA,YAAIF,KAAK,CAACG,cAAV,EAA0BH,KAAK,CAACG,cAAN;AAC7B;AACJ,KAND;;AAQA,6BAAA,GAAsB,UAACH,KAAD;AAClB,UACIA,KAAK,CAACI,MAAN,YAAwBC,OAAxB,KACCL,KAAK,CAACI,MAAN,CAAaE,EAAb,KAAoB,kBAApB,IAA0CN,KAAK,CAACI,MAAN,CAAaE,EAAb,KAAoB,wBAD/D,CADJ,EAGE;AACE,cAAKJ,WAAL;AACH;AACJ,KAPD;;AArBIK,IAAAA,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmC,MAAKC,cAAxC;;AACH;;;;SAEDC,uBAAA;AACIH,IAAAA,MAAM,CAACI,mBAAP,CAA2B,SAA3B,EAAsC,KAAKF,cAA3C;AACH;;SAyBDG,SAAA;sBACoE,KAAKnB;QAA7DoB,oBAAAA;QAAOC,qBAAAA;QAAQC,oBAAAA;QAAOC,uBAAAA;QAAUC,kCAAAA;AAExC,QAAMC,SAAS,GAAGC,UAAU,CAAC,oBAAD,EAAuB;AAAEN,MAAAA,KAAK,EAALA,KAAF;AAASC,MAAAA,MAAM,EAANA;AAAT,KAAvB,EAA0C,KAAKrB,KAAL,CAAWyB,SAArD,CAA5B;AAEA,wBACIE,4BAAA,MAAA;AACIF,MAAAA,SAAS,EAAC;AACVZ,MAAAA,EAAE,EAAC;AACHe,MAAAA,OAAO,EAAEJ,mBAAmB,GAAG,KAAKK,mBAAR,GAA8BC;KAH9D,eAKIH,4BAAA,MAAA;AAAKF,MAAAA,SAAS,EAAC;AAAyBZ,MAAAA,EAAE,EAAC;KAA3C,eACIc,4BAAA,MAAA;AAAKL,MAAAA,KAAK,EAAEA;AAAOG,MAAAA,SAAS,EAAEA;KAA9B,EACKF,QADL,CADJ,CALJ,CADJ;AAaH;;;EAtDaI,cAAK,CAACI;;AAwDxBhC,GAAG,CAACiC,WAAJ,GAAkB,WAAlB;AACAjC,GAAG,CAACkC,YAAJ,GAAmB;AACfb,EAAAA,KAAK,EAAE,KADQ;AAEfI,EAAAA,mBAAmB,EAAE;AAFN,CAAnB;;IAcMU;;;;;;;;;UAIFzB,cAAA,qBAAYF,KAAZ;AACIA,IAAAA,KAAK,CAACG,cAAN;;AACA,QAAI,OAAO,KAAKV,KAAL,CAAWmC,WAAlB,KAAkC,UAAtC,EAAkD;AAC9C,WAAKnC,KAAL,CAAWmC,WAAX;AACH;;;AAED,QAAMjC,YAAY,GAAGC,QAAQ,CAACC,cAAT,CAAwB,WAAxB,CAArB;AACAC,IAAAA,QAAQ,CAACC,sBAAT,CAAgCJ,YAAhC;AACH;;UAEDiB,SAAA;AACI;AAAA;;AACI;AACAQ,MAAAA,4BAAA,MAAA;AAAKF,QAAAA,SAAS,EAAC;OAAf,eACIE,4BAAA,IAAA,MAAA,EACK,KAAK3B,KAAL,CAAWoC,KAAX,iBAAoBT,4BAAA,OAAA;AAAMF,QAAAA,SAAS,EAAC;OAAhB,EAAyB,KAAKzB,KAAL,CAAWoC,KAApC,CADzB,EAEK,KAAKpC,KAAL,CAAWqC,QAAX,iBAAuBV,4BAAA,OAAA;AAAMF,QAAAA,SAAS,EAAC;OAAhB,EAA4B,KAAKzB,KAAL,CAAWqC,QAAvC,CAF5B,EAGK,KAAKrC,KAAL,CAAWuB,QAHhB,CADJ,eAMII,4BAAA,IAAA;AAAGF,QAAAA,SAAS,EAAC;AAAQG,QAAAA,OAAO,EAAE,KAAKnB,WAAL,CAAiB6B,IAAjB,CAAsB,IAAtB;AAA6BC,QAAAA,IAAI,EAAC;OAAhE,eACIZ,4BAAA,CAACa,SAAD,MAAA,CADJ,CANJ;AAUA;;AAZJ;AAcH;;;EA7BgBb,cAAK,CAACI;;AA+B3BG,MAAM,CAACF,WAAP,GAAqB,cAArB;;IAiBMS;;;;;;;;;UAIFhC,cAAA,qBAAYF,KAAZ;AACIA,IAAAA,KAAK,CAACG,cAAN;;AAEA,QAAMR,YAAY,GAAGC,QAAQ,CAACC,cAAT,CAAwB,WAAxB,CAArB;AACAC,IAAAA,QAAQ,CAACC,sBAAT,CAAgCJ,YAAhC;AACH;;UAEDiB,SAAA;uBAC4D,KAAKnB;QAArD0C,oBAAAA;QAAMC,qBAAAA;QAAOpB,wBAAAA;QAAUD,qBAAAA;QAAOsB,6BAAAA;AACtC,QAAMnB,SAAS,GAAGC,UAAU,CAAC,0BAAD,EAA6B;AAAEiB,MAAAA,KAAK,EAALA;AAAF,KAA7B,EAAwC,KAAK3C,KAAL,CAAWyB,SAAnD,CAA5B;AAEA;AAAA;;AACI;AACAE,MAAAA,4BAAA,MAAA;AAAKF,QAAAA,SAAS,EAAEA;AAAWH,QAAAA,KAAK,EAAEA;OAAlC,EACKsB,aAAa,iBACVjB,4BAAA,IAAA;AAAGF,QAAAA,SAAS,EAAC;AAAQG,QAAAA,OAAO,EAAE,KAAKnB,WAAL,CAAiB6B,IAAjB,CAAsB,IAAtB;AAA6BC,QAAAA,IAAI,EAAC;OAAhE,eACIZ,4BAAA,CAACa,SAAD,MAAA,CADJ,CAFR,EAMKE,IAAI,gBACDf,4BAAA,MAAA;AAAKF,QAAAA,SAAS,EAAC;OAAf,eACIE,4BAAA,MAAA;AAAKF,QAAAA,SAAS,EAAC;OAAf,EAAgCiB,IAAhC,CADJ,eAEIf,4BAAA,MAAA;AAAKF,QAAAA,SAAS,EAAC;OAAf,EAA0BF,QAA1B,CAFJ,CADC,GAMDA,QAZR;AAeA;;AAjBJ;AAmBH;;;EAlCcI,cAAK,CAACI;;AAoCzBU,IAAI,CAACT,WAAL,GAAmB,YAAnB;AACAS,IAAI,CAACR,YAAL,GAAoB;AAChBW,EAAAA,aAAa,EAAE;AADC,CAApB;;IAiBMC;;;;;;;;;UAGFC,WAAA,kBAASlB,OAAT;AACI,QAAIA,OAAJ,EAAa;AACTA,MAAAA,OAAO;AACV;;;AAED,QAAM1B,YAAY,GAAGC,QAAQ,CAACC,cAAT,CAAwB,WAAxB,CAArB;AACAC,IAAAA,QAAQ,CAACC,sBAAT,CAAgCJ,YAAhC;AACH;;UAEDiB,SAAA;;;AACI,QAAMI,QAAQ,GAAGI,cAAK,CAACoB,QAAN,CAAeC,GAAf;AAEb;AACA,SAAKhD,KAAL,CAAWuB,QAHE,EAIb,UAAC0B,KAAD;;;AACI,UAAIA,KAAJ,aAAIA,KAAJ,uCAAIA,KAAK,CAAEjD,KAAX,iDAAI,aAAckD,KAAlB,EAAyB;AACrB,4BAAOvB,cAAK,CAACwB,YAAN,CAAmBF,KAAnB,EAA0B;AAC7BrB,UAAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACkB,QAAL,CAAcG,KAAK,CAACjD,KAAN,CAAY4B,OAA1B,CAAN;AAAA;AADoB,SAA1B,CAAP;AAGH,OAJD,MAIO;AACH,eAAOqB,KAAK,gBAAGtB,cAAK,CAACwB,YAAN,CAAmBF,KAAnB,CAAH,gBAA+BtB,4BAAA,wBAAA,MAAA,CAA3C;AACH;AACJ,KAZY,CAAjB;AAeA,wBAAOA,4BAAA,MAAA;AAAKF,MAAAA,SAAS,EAAC;KAAf,EAA8CF,QAA9C,CAAP;AACH;;;EA7BiBI,cAAK,CAACI;;AA+B5Bc,OAAO,CAACb,WAAR,GAAsB,eAAtB;;;;"}
@@ -1,6 +0,0 @@
1
- import { RangeInput } from './range-input.js';
2
-
3
-
4
-
5
- export default RangeInput;
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,55 +0,0 @@
1
- import React__default from 'react';
2
- import classNames from 'classnames';
3
-
4
- function RangeInput(_ref) {
5
- var _ref$value = _ref.value,
6
- value = _ref$value === void 0 ? 0 : _ref$value,
7
- _ref$min = _ref.min,
8
- min = _ref$min === void 0 ? 0 : _ref$min,
9
- _ref$max = _ref.max,
10
- max = _ref$max === void 0 ? 100 : _ref$max,
11
- _ref$stepSize = _ref.stepSize,
12
- stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
13
- onPlus = _ref.onPlus,
14
- onMinus = _ref.onMinus,
15
- _onChange = _ref.onChange,
16
- className = _ref.className;
17
-
18
- if (typeof onPlus !== 'function') {
19
- onPlus = _onChange;
20
- }
21
-
22
- if (typeof onMinus !== 'function') {
23
- onMinus = _onChange;
24
- }
25
-
26
- var rangeInputClassName = classNames('reactist_range_input', className);
27
- return /*#__PURE__*/React__default.createElement("div", {
28
- className: rangeInputClassName
29
- }, /*#__PURE__*/React__default.createElement("span", {
30
- className: "range_btn minus",
31
- onClick: function onClick() {
32
- return value > min && onMinus && onMinus(value - stepSize);
33
- }
34
- }), /*#__PURE__*/React__default.createElement("input", {
35
- value: value,
36
- className: "range_slider",
37
- type: "range",
38
- min: min,
39
- max: max,
40
- step: stepSize,
41
- onChange: function onChange(event) {
42
- return _onChange === null || _onChange === void 0 ? void 0 : _onChange(parseInt(event.target.value));
43
- }
44
- }), /*#__PURE__*/React__default.createElement("span", {
45
- className: "range_btn plus",
46
- onClick: function onClick() {
47
- return value < max && onPlus && onPlus(value + stepSize);
48
- }
49
- }));
50
- }
51
-
52
- RangeInput.displayName = 'RangeInput';
53
-
54
- export { RangeInput };
55
- //# sourceMappingURL=range-input.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"range-input.js","sources":["../../../src/components/range-input/range-input.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './range-input.less'\n\ntype Props = {\n /** Optional css class that is applied to the range input. */\n className?: string\n /** Current value of the range input. */\n value?: number\n /** Minimum value of the range input. */\n min?: number\n /** Maximum value of the range input. */\n max?: number\n /** Step size of the range input and the plus/minus buttons. */\n stepSize?: number\n /** Optional function that is called when plus button is clicked. If not supplied onChange will be called with the next value. */\n onPlus?: (value: number) => void\n /** Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value. */\n onMinus?: (value: number) => void\n /** Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks. */\n onChange?: (value: number) => void\n}\n\nfunction RangeInput({\n value = 0,\n min = 0,\n max = 100,\n stepSize = 1,\n onPlus,\n onMinus,\n onChange,\n className,\n}: Props) {\n if (typeof onPlus !== 'function') {\n onPlus = onChange\n }\n if (typeof onMinus !== 'function') {\n onMinus = onChange\n }\n const rangeInputClassName = classNames('reactist_range_input', className)\n return (\n <div className={rangeInputClassName}>\n <span\n className=\"range_btn minus\"\n onClick={() => value > min && onMinus && onMinus(value - stepSize)}\n />\n <input\n value={value}\n className=\"range_slider\"\n type=\"range\"\n min={min}\n max={max}\n step={stepSize}\n onChange={(event) => onChange?.(parseInt(event.target.value))}\n />\n <span\n className=\"range_btn plus\"\n onClick={() => value < max && onPlus && onPlus(value + stepSize)}\n />\n </div>\n )\n}\nRangeInput.displayName = 'RangeInput'\n\nexport { RangeInput }\n"],"names":["RangeInput","value","min","max","stepSize","onPlus","onMinus","onChange","className","rangeInputClassName","classNames","React","onClick","type","step","event","parseInt","target","displayName"],"mappings":";;;AAwBA,SAASA,UAAT;wBACIC;MAAAA,gCAAQ;sBACRC;MAAAA,4BAAM;sBACNC;MAAAA,4BAAM;2BACNC;MAAAA,sCAAW;MACXC,cAAAA;MACAC,eAAAA;MACAC,iBAAAA;MACAC,iBAAAA;;AAEA,MAAI,OAAOH,MAAP,KAAkB,UAAtB,EAAkC;AAC9BA,IAAAA,MAAM,GAAGE,SAAT;AACH;;AACD,MAAI,OAAOD,OAAP,KAAmB,UAAvB,EAAmC;AAC/BA,IAAAA,OAAO,GAAGC,SAAV;AACH;;AACD,MAAME,mBAAmB,GAAGC,UAAU,CAAC,sBAAD,EAAyBF,SAAzB,CAAtC;AACA,sBACIG,4BAAA,MAAA;AAAKH,IAAAA,SAAS,EAAEC;GAAhB,eACIE,4BAAA,OAAA;AACIH,IAAAA,SAAS,EAAC;AACVI,IAAAA,OAAO,EAAE;AAAA,aAAMX,KAAK,GAAGC,GAAR,IAAeI,OAAf,IAA0BA,OAAO,CAACL,KAAK,GAAGG,QAAT,CAAvC;AAAA;GAFb,CADJ,eAKIO,4BAAA,QAAA;AACIV,IAAAA,KAAK,EAAEA;AACPO,IAAAA,SAAS,EAAC;AACVK,IAAAA,IAAI,EAAC;AACLX,IAAAA,GAAG,EAAEA;AACLC,IAAAA,GAAG,EAAEA;AACLW,IAAAA,IAAI,EAAEV;AACNG,IAAAA,QAAQ,EAAE,kBAACQ,KAAD;AAAA,aAAWR,SAAX,aAAWA,SAAX,uBAAWA,SAAQ,CAAGS,QAAQ,CAACD,KAAK,CAACE,MAAN,CAAahB,KAAd,CAAX,CAAnB;AAAA;GAPd,CALJ,eAcIU,4BAAA,OAAA;AACIH,IAAAA,SAAS,EAAC;AACVI,IAAAA,OAAO,EAAE;AAAA,aAAMX,KAAK,GAAGE,GAAR,IAAeE,MAAf,IAAyBA,MAAM,CAACJ,KAAK,GAAGG,QAAT,CAArC;AAAA;GAFb,CAdJ,CADJ;AAqBH;;AACDJ,UAAU,CAACkB,WAAX,GAAyB,YAAzB;;;;"}
@@ -1,123 +0,0 @@
1
- import React__default from 'react';
2
- import classNames from 'classnames';
3
- import { inheritsLoose as _inheritsLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
4
-
5
- var Tabs = /*#__PURE__*/function (_React$Component) {
6
- _inheritsLoose(Tabs, _React$Component);
7
-
8
- function Tabs(props, context) {
9
- var _this;
10
-
11
- _this = _React$Component.call(this, props, context) || this;
12
-
13
- _this._switchActiveTab = function (tab, i) {
14
- _this.setState(function () {
15
- return {
16
- activeTabIndex: i
17
- };
18
- });
19
-
20
- if (_this.props.onChange) _this.props.onChange(tab.props.value);
21
- };
22
-
23
- _this._renderTabLinks = function (tabs) {
24
- return tabs.map(function (t, i) {
25
- var _t$props = t.props,
26
- title = _t$props.title,
27
- disabled = _t$props.disabled;
28
- var value = t.props.value || i;
29
- var className = classNames('reactist_tabs__header--item', {
30
- disabled: disabled,
31
- active: i === _this.state.activeTabIndex
32
- });
33
- return (
34
- /*#__PURE__*/
35
- // eslint-disable-next-line jsx-a11y/anchor-is-valid
36
- React__default.createElement("a", {
37
- className: className,
38
- href: "",
39
- key: value,
40
- onClick: function onClick(event) {
41
- event.preventDefault();
42
-
43
- if (!disabled) {
44
- _this._switchActiveTab(t, i);
45
- }
46
- }
47
- }, title)
48
- );
49
- });
50
- };
51
-
52
- var defaultTab = props.defaultTab,
53
- onChange = props.onChange;
54
- var children = React__default.Children.toArray(_this.props.children);
55
- var hasDefault = defaultTab || defaultTab === 0;
56
-
57
- if (hasDefault || onChange) {
58
- if (children) {
59
- var missing = children.find(function (c) {
60
- return !c.props.value && c.props.value !== 0;
61
- });
62
- if (missing) throw new Error('(Tab) Missing property: all Tab must have "value" set if "defaultTab" or "onChange" is used');
63
- }
64
- }
65
-
66
- if (hasDefault && children) {
67
- var i = children.findIndex(function (x) {
68
- return x.props.value === defaultTab;
69
- });
70
- if (i === -1) throw new Error( // `hasDefault` being `true` guarantees `defaultTab` being a `number`.
71
- // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
72
- "(Tabs) Unable to find Tab with the matching defaultTab value \"" + defaultTab + "\"");
73
- _this.state = {
74
- activeTabIndex: i
75
- };
76
- } else {
77
- _this.state = {
78
- activeTabIndex: 0
79
- };
80
- }
81
-
82
- return _this;
83
- }
84
-
85
- var _proto = Tabs.prototype;
86
-
87
- _proto.render = function render() {
88
- // ensures that single or no child components don't throw
89
- var children = React__default.Children.toArray(this.props.children);
90
- var activeTab = children[this.state.activeTabIndex] || children[0] || null;
91
- var cls = classNames("reactist_tabs" + (this.props.spreadLayout ? '--spreadlayout' : ''));
92
- return /*#__PURE__*/React__default.createElement("div", {
93
- className: cls
94
- }, /*#__PURE__*/React__default.createElement("div", {
95
- className: "reactist_tabs__header"
96
- }, this._renderTabLinks(children)), /*#__PURE__*/React__default.createElement("div", {
97
- className: "reactist_tabs__body"
98
- }, activeTab));
99
- };
100
-
101
- return Tabs;
102
- }(React__default.Component);
103
-
104
- Tabs.displayName = 'Tabs';
105
- Tabs.defaultProps = {
106
- spreadLayout: false
107
- };
108
-
109
- var Tab = function Tab(_ref) {
110
- var children = _ref.children,
111
- className = _ref.className;
112
- return /*#__PURE__*/React__default.createElement("div", {
113
- className: classNames('reactist_tabs__tab', className)
114
- }, children);
115
- };
116
-
117
- Tab.displayName = 'Tab';
118
- Tab.defaultProps = {
119
- disabled: false
120
- };
121
-
122
- export { Tab, Tabs };
123
- //# sourceMappingURL=tabs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tabs.js","sources":["../../../src/components/tabs/tabs.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './tabs.less'\n\ntype Props = {\n disabled?: boolean\n /** Whether the tabs should take all available space and distribute it evenly or use the minimum required **/\n spreadLayout?: boolean\n /** selects the tab whose value prop matches this prop */\n defaultTab?: number\n /** Callback for tab change event. Tab value will be passed */\n onChange?: (value: string | number | undefined) => void\n}\n\ntype State = {\n activeTabIndex: number\n}\n\nclass Tabs extends React.Component<React.PropsWithChildren<Props>, State> {\n public static displayName: string\n public static defaultProps: Props\n\n constructor(props: Props, context: unknown) {\n super(props, context)\n const { defaultTab, onChange } = props\n const children = React.Children.toArray(this.props.children) as React.Component<TabProps>[]\n\n const hasDefault = defaultTab || defaultTab === 0\n if (hasDefault || onChange) {\n if (children) {\n const missing = children.find(\n (c: React.Component<TabProps>) => !c.props.value && c.props.value !== 0,\n )\n if (missing)\n throw new Error(\n '(Tab) Missing property: all Tab must have \"value\" set if \"defaultTab\" or \"onChange\" is used',\n )\n }\n }\n\n if (hasDefault && children) {\n const i = children.findIndex(\n (x: React.Component<TabProps>) => x.props.value === defaultTab,\n )\n if (i === -1)\n throw new Error(\n // `hasDefault` being `true` guarantees `defaultTab` being a `number`.\n // eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n `(Tabs) Unable to find Tab with the matching defaultTab value \"${defaultTab}\"`,\n )\n\n this.state = { activeTabIndex: i }\n } else {\n this.state = { activeTabIndex: 0 }\n }\n }\n\n _switchActiveTab = (tab: React.Component<TabProps>, i: number) => {\n this.setState(() => ({ activeTabIndex: i }))\n if (this.props.onChange) this.props.onChange(tab.props.value)\n }\n\n _renderTabLinks = (tabs: React.Component<TabProps>[]) => {\n return tabs.map((t, i) => {\n const { title, disabled } = t.props\n const value = t.props.value || i\n const className = classNames('reactist_tabs__header--item', {\n disabled,\n active: i === this.state.activeTabIndex,\n })\n\n return (\n // eslint-disable-next-line jsx-a11y/anchor-is-valid\n <a\n className={className}\n href=\"\"\n key={value}\n onClick={(event) => {\n event.preventDefault()\n if (!disabled) {\n this._switchActiveTab(t, i)\n }\n }}\n >\n {title}\n </a>\n )\n })\n }\n\n render() {\n // ensures that single or no child components don't throw\n const children = React.Children.toArray(this.props.children) as React.Component<TabProps>[]\n const activeTab = children[this.state.activeTabIndex] || children[0] || null\n\n const cls = classNames(`reactist_tabs${this.props.spreadLayout ? '--spreadlayout' : ''}`)\n\n return (\n <div className={cls}>\n <div className=\"reactist_tabs__header\">{this._renderTabLinks(children)}</div>\n <div className=\"reactist_tabs__body\">{activeTab}</div>\n </div>\n )\n }\n}\nTabs.displayName = 'Tabs'\n\nTabs.defaultProps = {\n spreadLayout: false,\n}\n\ntype TabProps = {\n /** Additional css class applied to Tab. */\n className?: string\n /** Disabled tabs can't be selected. */\n disabled?: boolean\n /* It assigns a value to the tab so that it can be selected by the Tabs.*/\n value?: string | number\n /** Title of the tab. */\n title?: React.ReactNode\n}\n\nconst Tab: React.FC<React.PropsWithChildren<TabProps>> = ({ children, className }) => (\n <div className={classNames('reactist_tabs__tab', className)}>{children}</div>\n)\nTab.displayName = 'Tab'\nTab.defaultProps = {\n disabled: false,\n}\n\nexport { Tabs, Tab }\n"],"names":["Tabs","props","context","tab","i","setState","activeTabIndex","onChange","value","tabs","map","t","title","disabled","className","classNames","active","state","React","href","key","onClick","event","preventDefault","_switchActiveTab","defaultTab","children","Children","toArray","hasDefault","missing","find","c","Error","findIndex","x","render","activeTab","cls","spreadLayout","_renderTabLinks","Component","displayName","defaultProps","Tab"],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- import { Tip } from './tip.js';
2
-
3
-
4
-
5
- export default Tip;
6
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -1,30 +0,0 @@
1
- import React__default from 'react';
2
- import classNames from 'classnames';
3
- import Dropdown from '../dropdown/index.js';
4
- import ThinQuestionMark from '../icons/ThinQuestionMarkIcon.svg.js';
5
-
6
- function Tip(_ref) {
7
- var title = _ref.title,
8
- message = _ref.message,
9
- top = _ref.top,
10
- className = _ref.className;
11
- var tipClass = classNames('reactist_tip__container', className);
12
- return /*#__PURE__*/React__default.createElement(Dropdown.Box, {
13
- top: top,
14
- className: tipClass
15
- }, /*#__PURE__*/React__default.createElement(Dropdown.Trigger, null, /*#__PURE__*/React__default.createElement(ThinQuestionMark, null)), /*#__PURE__*/React__default.createElement(Dropdown.Body, null, /*#__PURE__*/React__default.createElement("div", {
16
- className: "reactist_tip"
17
- }, /*#__PURE__*/React__default.createElement("p", {
18
- className: "reactist_tip--title"
19
- }, title), /*#__PURE__*/React__default.createElement("p", {
20
- className: "reactist_tip--message"
21
- }, message))));
22
- }
23
-
24
- Tip.displayName = 'Tip';
25
- Tip.defaultProps = {
26
- top: false
27
- };
28
-
29
- export { Tip };
30
- //# sourceMappingURL=tip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tip.js","sources":["../../../src/components/tip/tip.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport ThinQuestionMark from '../icons/ThinQuestionMarkIcon.svg'\nimport Dropdown from '../dropdown'\n\nimport './tip.less'\n\ntype Props = {\n /** Additional css class that is applied to the Tip. */\n className?: string\n /** Title of the tip. */\n title?: React.ReactNode\n /** Message of the tip. */\n message?: React.ReactNode\n /** Whether the tip content should be displayed to the top or not. Maps to the Dropdown.Box top property. */\n top?: boolean\n}\n\nfunction Tip({ title, message, top, className }: Props) {\n const tipClass = classNames('reactist_tip__container', className)\n return (\n <Dropdown.Box top={top} className={tipClass}>\n <Dropdown.Trigger>\n <ThinQuestionMark />\n </Dropdown.Trigger>\n <Dropdown.Body>\n <div className=\"reactist_tip\">\n <p className=\"reactist_tip--title\">{title}</p>\n <p className=\"reactist_tip--message\">{message}</p>\n </div>\n </Dropdown.Body>\n </Dropdown.Box>\n )\n}\nTip.displayName = 'Tip'\nTip.defaultProps = {\n top: false,\n}\n\nexport { Tip }\n"],"names":["Tip","title","message","top","className","tipClass","classNames","React","Dropdown","Box","Trigger","ThinQuestionMark","Body","displayName","defaultProps"],"mappings":";;;;;AAmBA,SAASA,GAAT;MAAeC,aAAAA;MAAOC,eAAAA;MAASC,WAAAA;MAAKC,iBAAAA;AAChC,MAAMC,QAAQ,GAAGC,UAAU,CAAC,yBAAD,EAA4BF,SAA5B,CAA3B;AACA,sBACIG,4BAAA,CAACC,QAAQ,CAACC,GAAV;AAAcN,IAAAA,GAAG,EAAEA;AAAKC,IAAAA,SAAS,EAAEC;GAAnC,eACIE,4BAAA,CAACC,QAAQ,CAACE,OAAV,MAAA,eACIH,4BAAA,CAACI,gBAAD,MAAA,CADJ,CADJ,eAIIJ,4BAAA,CAACC,QAAQ,CAACI,IAAV,MAAA,eACIL,4BAAA,MAAA;AAAKH,IAAAA,SAAS,EAAC;GAAf,eACIG,4BAAA,IAAA;AAAGH,IAAAA,SAAS,EAAC;GAAb,EAAoCH,KAApC,CADJ,eAEIM,4BAAA,IAAA;AAAGH,IAAAA,SAAS,EAAC;GAAb,EAAsCF,OAAtC,CAFJ,CADJ,CAJJ,CADJ;AAaH;;AACDF,GAAG,CAACa,WAAJ,GAAkB,KAAlB;AACAb,GAAG,CAACc,YAAJ,GAAmB;AACfX,EAAAA,GAAG,EAAE;AADU,CAAnB;;;;"}
@@ -1,2 +0,0 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=e(require("react")),t=e(require("classnames")),r=require("./utils.js"),l=["#fcc652","#e9952c","#e16b2d","#d84b40","#e8435a","#e5198a","#ad3889","#86389c","#a8a8a8","#98be2f","#5d9d50","#5f9f85","#5bbcb6","#32a3bf","#2bafeb","#2d88c3","#3863cc","#5e5e5e"],s=["xxs","xs","s","m","l","xl","xxl","xxxl"];function i(e){var i=e.user,c=e.avatarUrl,n=e.size,d=void 0===n?"l":n,u=e.className,o=e.colorList,x=void 0===o?l:o,b=r.getInitials(i.name)||r.getInitials(i.email),f=d&&s.includes(d)?d:"l",m=t("reactist_avatar reactist_avatar_size--"+f,u),v=c?{backgroundImage:"url("+c+")",textIndent:"-9999px"}:{backgroundColor:x[r.emailToIndex(i.email,x.length)]};return a.createElement("div",{className:m,style:v},b)}i.displayName="Avatar",exports.Avatar=i;
2
- //# sourceMappingURL=avatar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"avatar.js","sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { getInitials, emailToIndex } from './utils'\n\nimport './avatar.less'\n\nconst AVATAR_COLORS = [\n '#fcc652',\n '#e9952c',\n '#e16b2d',\n '#d84b40',\n '#e8435a',\n '#e5198a',\n '#ad3889',\n '#86389c',\n '#a8a8a8',\n '#98be2f',\n '#5d9d50',\n '#5f9f85',\n '#5bbcb6',\n '#32a3bf',\n '#2bafeb',\n '#2d88c3',\n '#3863cc',\n '#5e5e5e',\n]\n\ntype AvatarSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl'\n\nconst AVATAR_SIZES: AvatarSize[] = ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl']\n\ntype Props = {\n className?: string\n colorList?: string[]\n size?: AvatarSize\n avatarUrl?: string\n user: { name?: string; email: string }\n}\n\nfunction Avatar({ user, avatarUrl, size = 'l', className, colorList = AVATAR_COLORS }: Props) {\n const userInitials = getInitials(user.name) || getInitials(user.email)\n const avatarSize = size && AVATAR_SIZES.includes(size) ? size : 'l'\n const avatarClass = classNames(`reactist_avatar reactist_avatar_size--${avatarSize}`, className)\n\n const style = avatarUrl\n ? {\n backgroundImage: `url(${avatarUrl})`,\n textIndent: '-9999px', // hide the initials\n }\n : {\n backgroundColor: colorList[emailToIndex(user.email, colorList.length)],\n }\n\n return (\n <div className={avatarClass} style={style}>\n {userInitials}\n </div>\n )\n}\nAvatar.displayName = 'Avatar'\n\nexport { Avatar }\n"],"names":["AVATAR_COLORS","AVATAR_SIZES","Avatar","user","avatarUrl","size","className","colorList","userInitials","getInitials","name","email","avatarSize","includes","avatarClass","classNames","style","backgroundImage","textIndent","backgroundColor","emailToIndex","length","React","displayName"],"mappings":"uNAOMA,EAAgB,CAClB,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,UACA,WAKEC,EAA6B,CAAC,MAAO,KAAM,IAAK,IAAK,IAAK,KAAM,MAAO,QAU7E,SAASC,SAASC,IAAAA,KAAMC,IAAAA,cAAWC,KAAAA,aAAO,MAAKC,IAAAA,cAAWC,UAAAA,aAAYP,IAC5DQ,EAAeC,cAAYN,EAAKO,OAASD,cAAYN,EAAKQ,OAC1DC,EAAaP,GAAQJ,EAAaY,SAASR,GAAQA,EAAO,IAC1DS,EAAcC,2CAAoDH,EAAcN,GAEhFU,EAAQZ,EACR,CACIa,uBAAwBb,MACxBc,WAAY,WAEhB,CACIC,gBAAiBZ,EAAUa,eAAajB,EAAKQ,MAAOJ,EAAUc,iBAIpEC,uBAAKhB,UAAWQ,EAAaE,MAAOA,GAC/BR,GAIbN,EAAOqB,YAAc"}
@@ -1,2 +0,0 @@
1
- import { Avatar } from './avatar';
2
- export default Avatar;
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../src/components/avatar/utils.ts"],"sourcesContent":["function getInitials(name?: string) {\n if (!name) {\n return ''\n }\n\n const seed = name.trim().split(' ')\n const firstInitial = seed[0]\n const lastInitial = seed[seed.length - 1]\n\n let initials = firstInitial[0]\n // Better readable this way.\n // eslint-disable-next-line @typescript-eslint/prefer-string-starts-ends-with\n if (firstInitial[0] !== lastInitial[0]) {\n initials += lastInitial[0]\n }\n return initials.toUpperCase()\n}\n\nfunction emailToIndex(email: string, maxIndex: number) {\n const seed = email.split('@')[0]\n const hash = seed.charCodeAt(0) + seed.charCodeAt(seed.length - 1) || 0\n return hash % maxIndex\n}\n\nexport { getInitials, emailToIndex }\n"],"names":["email","maxIndex","seed","split","charCodeAt","length","name","trim","firstInitial","lastInitial","initials","toUpperCase"],"mappings":"yFAkBA,SAAsBA,EAAeC,OAC3BC,EAAOF,EAAMG,MAAM,KAAK,UACjBD,EAAKE,WAAW,GAAKF,EAAKE,WAAWF,EAAKG,OAAS,IAAM,GACxDJ,uBArBlB,SAAqBK,OACZA,QACM,OAGLJ,EAAOI,EAAKC,OAAOJ,MAAM,KACzBK,EAAeN,EAAK,GACpBO,EAAcP,EAAKA,EAAKG,OAAS,GAEnCK,EAAWF,EAAa,UAGxBA,EAAa,KAAOC,EAAY,KAChCC,GAAYD,EAAY,IAErBC,EAASC"}
@@ -1,2 +0,0 @@
1
- "use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var e=t(require("react")),i=t(require("classnames")),o=require("../../_virtual/_rollupPluginBabelHelpers.js"),a=require("../tooltip/tooltip.js"),l=e.forwardRef((function(t,l){var r=t.type,n=void 0===r?"button":r,s=t.variant,u=t.size,d=void 0===u?"default":u,c=t.loading,p=void 0!==c&&c,b=t.disabled,f=void 0!==b&&b,v=t.tooltip,_=t.onClick,g=t.children,j=o.objectWithoutPropertiesLoose(t,["type","variant","size","loading","disabled","tooltip","onClick","children"]),m=i("reactist_button",s?"reactist_button--"+s:null,"default"!==d?"reactist_button--"+d:null,{"reactist_button--loading":p},j.className),y=e.createElement("button",Object.assign({},j,{ref:l,type:n,className:m,"aria-disabled":f||p,onClick:f||p?void 0:_}),g);return v?e.createElement(a.Tooltip,{content:v},y):y}));l.displayName="Button",l.defaultProps={size:"default",loading:!1,disabled:!1},exports.Button=l;
2
- //# sourceMappingURL=button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.js","sources":["../../../src/components/button/button.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../tooltip'\n\nimport './button.less'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n>\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'link'\n\nexport type ButtonSize = 'default' | 'small' | 'large'\n\nexport type ButtonProps = Omit<NativeButtonProps, 'title' | 'ref'> & {\n /**\n * Loading style. When true it disables the button, but it also adds a visual indication of\n * some in-progress operation going on.\n */\n loading?: boolean\n /**\n * Controls visually how the button shows up from a predefined set of kinds of buttons.\n */\n variant?: ButtonVariant\n /**\n * The size of the button. If not provided it shows up in a normal size.\n */\n size?: ButtonSize\n /**\n * Tooltip that is displayed on hover.\n *\n * This replaces `title` which is not supported for these buttons to avoid confusion.\n */\n tooltip?: React.ReactNode\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n {\n type = 'button',\n variant,\n size = 'default',\n loading = false,\n disabled = false,\n tooltip,\n onClick,\n children,\n ...props\n },\n ref,\n) {\n const className = classNames(\n 'reactist_button',\n variant ? `reactist_button--${variant}` : null,\n size !== 'default' ? `reactist_button--${size}` : null,\n { 'reactist_button--loading': loading },\n props.className,\n )\n\n const button = (\n <button\n {...props}\n ref={ref}\n type={type}\n className={className}\n aria-disabled={disabled || loading}\n onClick={disabled || loading ? undefined : onClick}\n >\n {children}\n </button>\n )\n\n return tooltip ? <Tooltip content={tooltip}>{button}</Tooltip> : button\n})\n\nButton.displayName = 'Button'\n\nButton.defaultProps = {\n size: 'default',\n loading: false,\n disabled: false,\n}\n\nexport { Button }\n"],"names":["Button","React","forwardRef","ref","type","variant","size","loading","disabled","tooltip","onClick","children","props","className","classNames","button","undefined","Tooltip","content","displayName","defaultProps"],"mappings":"2RAsCMA,EAASC,EAAMC,YAA2C,WAY5DC,WAVIC,KAAAA,aAAO,WACPC,IAAAA,YACAC,KAAAA,aAAO,gBACPC,QAAAA,oBACAC,SAAAA,gBACAC,IAAAA,QACAC,IAAAA,QACAC,IAAAA,SACGC,kHAIDC,EAAYC,EACd,kBACAT,sBAA8BA,EAAY,KACjC,YAATC,sBAAyCA,EAAS,KAClD,4BAA8BC,GAC9BK,EAAMC,WAGJE,EACFd,0CACQW,GACJT,IAAKA,EACLC,KAAMA,EACNS,UAAWA,kBACIL,GAAYD,EAC3BG,QAASF,GAAYD,OAAUS,EAAYN,IAE1CC,UAIFF,EAAUR,gBAACgB,WAAQC,QAAST,GAAUM,GAAoBA,KAGrEf,EAAOmB,YAAc,SAErBnB,EAAOoB,aAAe,CAClBd,KAAM,UACNC,SAAS,EACTC,UAAU"}
@@ -1,4 +0,0 @@
1
- import { Button } from './button';
2
- import type { ButtonProps, ButtonSize, ButtonVariant } from './button';
3
- export type { ButtonProps, ButtonSize, ButtonVariant };
4
- export default Button;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./button.js");exports.default=e.Button;
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,23 +0,0 @@
1
- import React from 'react';
2
- import './error-message.less';
3
- declare type Props = {
4
- timeout?: number;
5
- onHide?: () => void;
6
- message?: string;
7
- };
8
- declare type State = {
9
- visible: boolean;
10
- };
11
- declare class ErrorMessage extends React.Component<Props, State> {
12
- static displayName: string;
13
- static defaultProps: Props;
14
- constructor(props: Props, context: unknown);
15
- UNSAFE_componentWillReceiveProps(nextProps: Props): void;
16
- timeout?: number;
17
- _isValidMessage(message?: string): boolean;
18
- _clearTimeout: () => void;
19
- _triggerDelayedHide: () => void;
20
- _hide: () => void;
21
- render(): false | JSX.Element;
22
- }
23
- export { ErrorMessage };
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,i=require("../../_virtual/_rollupPluginBabelHelpers.js"),s=function(e){function s(t,i){var s;(s=e.call(this,t,i)||this)._clearTimeout=function(){s.timeout&&clearTimeout(s.timeout)},s._triggerDelayedHide=function(){s._clearTimeout(),s.timeout=setTimeout(s._hide,s.props.timeout)},s._hide=function(){var e,t;s._clearTimeout(),s.setState((function(){return{visible:!1}})),null===(e=(t=s.props).onHide)||void 0===e||e.call(t)};var r=s._isValidMessage(t.message);return r&&s._triggerDelayedHide(),s.state={visible:r},s}i.inheritsLoose(s,e);var r=s.prototype;return r.UNSAFE_componentWillReceiveProps=function(e){this._isValidMessage(e.message)&&(this.setState((function(){return{visible:!0}})),this._triggerDelayedHide())},r._isValidMessage=function(e){return"string"==typeof e&&e.length>0},r.render=function(){var e=this.props.message;return!(!this.state.visible||!this._isValidMessage(e))&&t.createElement("div",{className:"reactist_error_message"},t.createElement("p",null,e),t.createElement("div",{onClick:this._hide,className:"dismiss_icon"}))},s}(t.Component);s.displayName="ErrorMessage",s.defaultProps={timeout:2500},exports.ErrorMessage=s;
2
- //# sourceMappingURL=error-message.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"error-message.js","sources":["../../../src/components/error-message/error-message.tsx"],"sourcesContent":["import React from 'react'\n\nimport './error-message.less'\n\ntype Props = {\n timeout?: number\n onHide?: () => void\n message?: string\n}\n\ntype State = {\n visible: boolean\n}\n\nclass ErrorMessage extends React.Component<Props, State> {\n public static displayName: string\n public static defaultProps: Props\n\n constructor(props: Props, context: unknown) {\n super(props, context)\n\n const isValidMessage = this._isValidMessage(props.message)\n if (isValidMessage) {\n this._triggerDelayedHide()\n }\n this.state = { visible: isValidMessage }\n }\n\n UNSAFE_componentWillReceiveProps(nextProps: Props) {\n if (this._isValidMessage(nextProps.message)) {\n this.setState(() => ({ visible: true }))\n this._triggerDelayedHide()\n }\n }\n\n timeout?: number\n\n _isValidMessage(message?: string) {\n return typeof message === 'string' && message.length > 0\n }\n\n _clearTimeout = () => {\n this.timeout && clearTimeout(this.timeout)\n }\n\n _triggerDelayedHide = () => {\n this._clearTimeout()\n this.timeout = setTimeout(this._hide, this.props.timeout)\n }\n\n _hide = () => {\n this._clearTimeout()\n this.setState(() => ({ visible: false }))\n this.props.onHide?.()\n }\n\n render() {\n const { message } = this.props\n if (!this.state.visible || !this._isValidMessage(message)) {\n return false\n }\n\n return (\n <div className=\"reactist_error_message\">\n <p>{message}</p>\n <div onClick={this._hide} className=\"dismiss_icon\" />\n </div>\n )\n }\n}\nErrorMessage.displayName = 'ErrorMessage'\nErrorMessage.defaultProps = {\n timeout: 2500,\n}\n\nexport { ErrorMessage }\n"],"names":["ErrorMessage","props","context","timeout","clearTimeout","_this","_clearTimeout","setTimeout","_hide","setState","visible","onHide","isValidMessage","_isValidMessage","message","_triggerDelayedHide","state","UNSAFE_componentWillReceiveProps","nextProps","this","length","render","React","className","onClick","Component","displayName","defaultProps"],"mappings":"yMAcMA,yBAIUC,EAAcC,wBAChBD,EAAOC,wBAsBD,aACPC,SAAWC,aAAaC,EAAKF,gCAGhB,aACbG,kBACAH,QAAUI,WAAWF,EAAKG,MAAOH,EAAKJ,MAAME,kBAG7C,qBACCG,kBACAG,UAAS,iBAAO,CAAEC,SAAS,qBAC3BT,OAAMU,oCAhCLC,EAAiBP,EAAKQ,gBAAgBZ,EAAMa,gBAC9CF,KACKG,wBAEJC,MAAQ,CAAEN,QAASE,qDAG5BK,iCAAA,SAAiCC,GACzBC,KAAKN,gBAAgBK,EAAUJ,gBAC1BL,UAAS,iBAAO,CAAEC,SAAS,WAC3BK,0BAMbF,gBAAA,SAAgBC,SACc,iBAAZA,GAAwBA,EAAQM,OAAS,KAkB3DC,OAAA,eACYP,EAAYK,KAAKlB,MAAjBa,iBACHK,KAAKH,MAAMN,UAAYS,KAAKN,gBAAgBC,KAK7CQ,uBAAKC,UAAU,0BACXD,yBAAIR,GACJQ,uBAAKE,QAASL,KAAKX,MAAOe,UAAU,sBAnDzBD,EAAMG,WAwDjCzB,EAAa0B,YAAc,eAC3B1B,EAAa2B,aAAe,CACxBxB,QAAS"}
@@ -1,2 +0,0 @@
1
- import { ErrorMessage } from './error-message';
2
- export default ErrorMessage;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./error-message.js");exports.default=e.ErrorMessage;
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,31 +0,0 @@
1
- import React from 'react';
2
- import './icon.less';
3
- declare type Props = {
4
- /** Callback that is called when icon is clicked. */
5
- onClick?: () => void;
6
- /** Whether hte icon is disabled. Disabled icons can't be clicked and displayed with less opacity. */
7
- disabled?: boolean;
8
- /** Additional css class that is applied to the icon */
9
- className?: string;
10
- /** URL to the image that should be displayed as icon. */
11
- image?: string;
12
- /** Optional URL to the image that should be displayed when the icon is hovered. */
13
- hoveredImage?: string;
14
- /** Icon component to render, defaults to three dots. */
15
- icon?: React.ReactNode;
16
- /** Text of the tooltip of the icon. */
17
- tooltip?: React.ReactNode;
18
- };
19
- declare type State = {
20
- hovered: boolean;
21
- };
22
- declare class Icon extends React.Component<Props, State> {
23
- static displayName: string;
24
- static defaultProps: Props;
25
- constructor(props: Props, context: unknown);
26
- _onClick: (event: React.MouseEvent) => void;
27
- _hover: () => void;
28
- _unhover: () => void;
29
- render(): JSX.Element;
30
- }
31
- export { Icon };
@@ -1,2 +0,0 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),o=e(require("classnames")),r=require("../../_virtual/_rollupPluginBabelHelpers.js"),n=require("../tooltip/tooltip.js"),i=require("../icons/ThreeDotsIcon.svg.js"),s=function(e){function s(t,o){var r;return(r=e.call(this,t,o)||this)._onClick=function(e){e.preventDefault(),r.props.onClick&&!r.props.disabled&&r.props.onClick()},r._hover=function(){r.setState((function(){return{hovered:!0}}))},r._unhover=function(){r.setState((function(){return{hovered:!1}}))},r.state={hovered:!1},r}return r.inheritsLoose(s,e),s.prototype.render=function(){var e=this.props,r=e.image,s=e.hoveredImage,a=e.icon,c=e.tooltip,l=o("reactist_icon",{"reactist_icon--component":!r,disabled:e.disabled},this.props.className),u="string"==typeof r?this.state.hovered&&s?{backgroundImage:"url("+s+")"}:{backgroundImage:"url("+r+")"}:void 0,p=!r&&(a||t.createElement(i.default,{color:this.state.hovered?"#474747":void 0})),d=t.createElement("a",{href:"#",style:u,onClick:this._onClick,className:l,onMouseEnter:this._hover,onMouseLeave:this._unhover},p&&p);return c?t.createElement(n.Tooltip,{content:c},d):d},s}(t.Component);s.displayName="Icon",s.defaultProps={disabled:!1},exports.Icon=s;
2
- //# sourceMappingURL=icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"icon.js","sources":["../../../src/components/icon/icon.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport { Tooltip } from '../tooltip'\nimport ThreeDotsIcon from '../icons/ThreeDotsIcon.svg'\n\nimport './icon.less'\n\ntype Props = {\n /** Callback that is called when icon is clicked. */\n onClick?: () => void\n /** Whether hte icon is disabled. Disabled icons can't be clicked and displayed with less opacity. */\n disabled?: boolean\n /** Additional css class that is applied to the icon */\n className?: string\n /** URL to the image that should be displayed as icon. */\n image?: string\n /** Optional URL to the image that should be displayed when the icon is hovered. */\n hoveredImage?: string\n /** Icon component to render, defaults to three dots. */\n icon?: React.ReactNode\n /** Text of the tooltip of the icon. */\n tooltip?: React.ReactNode\n}\n\ntype State = {\n hovered: boolean\n}\n\nclass Icon extends React.Component<Props, State> {\n public static displayName: string\n public static defaultProps: Props\n\n constructor(props: Props, context: unknown) {\n super(props, context)\n\n this.state = { hovered: false }\n }\n\n _onClick = (event: React.MouseEvent) => {\n event.preventDefault()\n\n if (this.props.onClick && !this.props.disabled) {\n this.props.onClick()\n }\n }\n\n _hover = () => {\n this.setState(() => ({ hovered: true }))\n }\n _unhover = () => {\n this.setState(() => ({ hovered: false }))\n }\n\n render() {\n const { image, hoveredImage, icon, tooltip, disabled } = this.props\n const className = classNames(\n 'reactist_icon',\n {\n 'reactist_icon--component': !image,\n disabled,\n },\n this.props.className,\n )\n\n const style: React.CSSProperties | undefined =\n typeof image === 'string'\n ? this.state.hovered && hoveredImage\n ? { backgroundImage: `url(${hoveredImage})` }\n : { backgroundImage: `url(${image})` }\n : undefined // only apply style for image components\n const iconComponent =\n !image &&\n (icon ? icon : <ThreeDotsIcon color={this.state.hovered ? '#474747' : undefined} />) // only set icon component for non-image components\n\n const component = (\n /* eslint-disable jsx-a11y/anchor-is-valid */\n <a\n href=\"#\"\n style={style}\n onClick={this._onClick}\n className={className}\n onMouseEnter={this._hover}\n onMouseLeave={this._unhover}\n >\n {iconComponent && iconComponent}\n </a>\n /* eslint-enable jsx-a11y/anchor-is-valid */\n )\n return tooltip ? <Tooltip content={tooltip}>{component}</Tooltip> : component\n }\n}\nIcon.displayName = 'Icon'\nIcon.defaultProps = {\n disabled: false,\n}\n\nexport { Icon }\n"],"names":["Icon","props","context","event","preventDefault","_this","onClick","disabled","setState","hovered","state","render","this","image","hoveredImage","icon","tooltip","className","classNames","style","backgroundImage","undefined","iconComponent","React","ThreeDotsIcon","color","component","href","_onClick","onMouseEnter","_hover","onMouseLeave","_unhover","Tooltip","content","Component","displayName","defaultProps"],"mappings":"sUA6BMA,yBAIUC,EAAcC,8BAChBD,EAAOC,mBAKN,SAACC,GACRA,EAAMC,iBAEFC,EAAKJ,MAAMK,UAAYD,EAAKJ,MAAMM,YAC7BN,MAAMK,oBAIV,aACAE,UAAS,iBAAO,CAAEC,SAAS,kBAEzB,aACFD,UAAS,iBAAO,CAAEC,SAAS,SAf3BC,MAAQ,CAAED,SAAS,6CAkB5BE,OAAA,iBAC6DC,KAAKX,MAAtDY,IAAAA,MAAOC,IAAAA,aAAcC,IAAAA,KAAMC,IAAAA,QAC7BC,EAAYC,EACd,gBACA,6BACiCL,EAC7BN,WALoCA,UAOxCK,KAAKX,MAAMgB,WAGTE,EACe,iBAAVN,EACDD,KAAKF,MAAMD,SAAWK,EAClB,CAAEM,uBAAwBN,OAC1B,CAAEM,uBAAwBP,YAC9BQ,EACJC,GACDT,IACAE,GAAcQ,gBAACC,WAAcC,MAAOb,KAAKF,MAAMD,QAAU,eAAYY,KAEpEK,EAEFH,qBACII,KAAK,IACLR,MAAOA,EACPb,QAASM,KAAKgB,SACdX,UAAWA,EACXY,aAAcjB,KAAKkB,OACnBC,aAAcnB,KAAKoB,UAElBV,GAAiBA,UAInBN,EAAUO,gBAACU,WAAQC,QAASlB,GAAUU,GAAuBA,MA5DzDH,EAAMY,WA+DzBnC,EAAKoC,YAAc,OACnBpC,EAAKqC,aAAe,CAChB9B,UAAU"}
@@ -1,2 +0,0 @@
1
- import { Icon } from './icon';
2
- export default Icon;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./icon.js");exports.default=e.Icon;
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e;exports.default=function(){return t.createElement("svg",{width:"18px",height:"18px",viewBox:"0 0 18 18"},t.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},t.createElement("g",{fill:"#979797"},t.createElement("path",{d:"M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z M9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 Z",fillRule:"nonzero"}),t.createElement("path",{d:"M5.625,6.671875 L6.9609375,6.671875 C7.046875,5.5546875 7.796875,4.859375 8.9765625,4.859375 C10.140625,4.859375 10.890625,5.5703125 10.890625,6.5390625 C10.890625,7.375 10.5390625,7.8671875 9.6328125,8.421875 C8.5625,9.0625 8.0625,9.765625 8.0703125,10.796875 L8.0703125,11.515625 L9.4375,11.515625 L9.4375,11.0078125 C9.4375,10.1875 9.71875,9.75 10.7109375,9.1640625 C11.7109375,8.5625 12.34375,7.6953125 12.34375,6.46875 C12.34375,4.859375 11,3.640625 9.03125,3.640625 C6.8359375,3.640625 5.7109375,4.984375 5.625,6.671875 Z M8.859375,15.140625 C9.4921875,15.140625 9.9375,14.6875 9.9375,14.0546875 C9.9375,13.4140625 9.4921875,12.9609375 8.859375,12.9609375 C8.2265625,12.9609375 7.7734375,13.4140625 7.7734375,14.0546875 C7.7734375,14.6875 8.2265625,15.140625 8.859375,15.140625 Z"}))))};
2
- //# sourceMappingURL=ThinQuestionMarkIcon.svg.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ThinQuestionMarkIcon.svg.js","sources":["../../../src/components/icons/ThinQuestionMarkIcon.svg.tsx"],"sourcesContent":["import React from 'react'\n\nconst ThinQuestionMark = () => (\n <svg width=\"18px\" height=\"18px\" viewBox=\"0 0 18 18\">\n <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <g fill=\"#979797\">\n <path\n d=\"M9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 Z M9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 Z\"\n fillRule=\"nonzero\"\n />\n <path d=\"M5.625,6.671875 L6.9609375,6.671875 C7.046875,5.5546875 7.796875,4.859375 8.9765625,4.859375 C10.140625,4.859375 10.890625,5.5703125 10.890625,6.5390625 C10.890625,7.375 10.5390625,7.8671875 9.6328125,8.421875 C8.5625,9.0625 8.0625,9.765625 8.0703125,10.796875 L8.0703125,11.515625 L9.4375,11.515625 L9.4375,11.0078125 C9.4375,10.1875 9.71875,9.75 10.7109375,9.1640625 C11.7109375,8.5625 12.34375,7.6953125 12.34375,6.46875 C12.34375,4.859375 11,3.640625 9.03125,3.640625 C6.8359375,3.640625 5.7109375,4.984375 5.625,6.671875 Z M8.859375,15.140625 C9.4921875,15.140625 9.9375,14.6875 9.9375,14.0546875 C9.9375,13.4140625 9.4921875,12.9609375 8.859375,12.9609375 C8.2265625,12.9609375 7.7734375,13.4140625 7.7734375,14.0546875 C7.7734375,14.6875 8.2265625,15.140625 8.859375,15.140625 Z\" />\n </g>\n </g>\n </svg>\n)\n\nexport default ThinQuestionMark\n"],"names":["React","width","height","viewBox","stroke","strokeWidth","fill","fillRule","d"],"mappings":"gKAEyB,kBACrBA,uBAAKC,MAAM,OAAOC,OAAO,OAAOC,QAAQ,aACpCH,qBAAGI,OAAO,OAAOC,YAAY,IAAIC,KAAK,OAAOC,SAAS,WAClDP,qBAAGM,KAAK,WACJN,wBACIQ,EAAE,0QACFD,SAAS,YAEbP,wBAAMQ,EAAE"}
@@ -1,2 +0,0 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("react")),t=e(require("prop-types")),l=function(e){var t=e.color,l=void 0===t?"#A5A5A5":t;return r.createElement("svg",{width:"26px",height:"26px",viewBox:"0 0 26 26"},r.createElement("g",{stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd"},r.createElement("circle",{fill:l,cx:"19",cy:"13",r:"2"}),r.createElement("circle",{fill:l,cx:"13",cy:"13",r:"2"}),r.createElement("circle",{fill:l,cx:"7",cy:"13",r:"2"})))};l.propTypes={color:t.string},exports.default=l;
2
- //# sourceMappingURL=ThreeDotsIcon.svg.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ThreeDotsIcon.svg.js","sources":["../../../src/components/icons/ThreeDotsIcon.svg.tsx"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst ThreeDotsIcon = ({ color = '#A5A5A5' }) => (\n <svg width=\"26px\" height=\"26px\" viewBox=\"0 0 26 26\">\n <g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\n <circle fill={color} cx=\"19\" cy=\"13\" r=\"2\" />\n <circle fill={color} cx=\"13\" cy=\"13\" r=\"2\" />\n <circle fill={color} cx=\"7\" cy=\"13\" r=\"2\" />\n </g>\n </svg>\n)\nThreeDotsIcon.propTypes = {\n /** Color of the icon. */\n color: PropTypes.string,\n}\n\nexport default ThreeDotsIcon\n"],"names":["ThreeDotsIcon","color","React","width","height","viewBox","stroke","strokeWidth","fill","fillRule","cx","cy","r","propTypes","PropTypes","string"],"mappings":"+LAGMA,EAAgB,oBAAGC,MAAAA,aAAQ,mBAC7BC,uBAAKC,MAAM,OAAOC,OAAO,OAAOC,QAAQ,aACpCH,qBAAGI,OAAO,OAAOC,YAAY,IAAIC,KAAK,OAAOC,SAAS,WAClDP,0BAAQM,KAAMP,EAAOS,GAAG,KAAKC,GAAG,KAAKC,EAAE,MACvCV,0BAAQM,KAAMP,EAAOS,GAAG,KAAKC,GAAG,KAAKC,EAAE,MACvCV,0BAAQM,KAAMP,EAAOS,GAAG,IAAIC,GAAG,KAAKC,EAAE,SAIlDZ,EAAca,UAAY,CAEtBZ,MAAOa,EAAUC"}
@@ -1,2 +0,0 @@
1
- import { Loading } from './loading';
2
- export default Loading;
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./loading.js");exports.default=e.Loading;
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"loading.js","sources":["../../../src/components/loading/loading.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './loading.less'\n\ntype Props = {\n /** Additional css class that is applied to Loading. */\n className?: string\n /** Hex code of the spinner color. */\n spinnerColor?: string\n /** Hex code of the background color. */\n bgColor?: string\n /** Circle diameter in pixels. */\n size?: string | number\n\n 'aria-label'?: string\n}\n\nfunction Loading({\n className,\n spinnerColor = '#3F82EF',\n bgColor = '#D9E6FB',\n size = 24,\n 'aria-label': ariaLabel = 'Loading',\n}: Props) {\n return (\n <div\n className={classNames('reactist_loading', className)}\n aria-label={ariaLabel}\n aria-live=\"assertive\"\n role=\"alert\"\n >\n <span className=\"reactist_loading--spinner\">\n <svg width={size} height={size} viewBox={'0 0 24 24'}>\n <g fill=\"none\" fillRule=\"nonzero\">\n <path\n fill={spinnerColor}\n d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n />\n <path\n fill={bgColor}\n d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n />\n </g>\n </svg>\n </span>\n </div>\n )\n}\nLoading.displayName = 'Loading'\n\nexport { Loading }\n"],"names":["Loading","spinnerColor","bgColor","size","ariaLabel","React","className","classNames","role","width","height","viewBox","fill","fillRule","d","displayName"],"mappings":"+LAkBA,SAASA,aAELC,aAAAA,aAAe,gBACfC,QAAAA,aAAU,gBACVC,KAAAA,aAAO,SACP,cAAcC,aAAY,mBAGtBC,uBACIC,UAAWC,EAAW,qBAR9BD,wBASoBF,cACF,YACVI,KAAK,SAELH,wBAAMC,UAAU,6BACZD,uBAAKI,MAAON,EAAMO,OAAQP,EAAMQ,QAAS,aACrCN,qBAAGO,KAAK,OAAOC,SAAS,WACpBR,wBACIO,KAAMX,EACNa,EAAE,iJAENT,wBACIO,KAAMV,EACNY,EAAE,kOAQ9Bd,EAAQe,YAAc"}
@@ -1,25 +0,0 @@
1
- import * as React from 'react';
2
- import { PropsWithAs as ReakitPropsWithAs, As } from 'reakit-utils/types';
3
- /**
4
- * We revert here the order from how reakit declares it. This is to be more aligned with how
5
- * React.fowardRef generic arguments order is defined (element type first, props last).
6
- */
7
- declare type PropsWithAs<ComponentType extends As, ComponentProps = {}> = ReakitPropsWithAs<ComponentProps, ComponentType>;
8
- declare type PropsFromAs<ComponentType extends As, ComponentProps> = (PropsWithAs<ComponentType, ComponentProps> & {
9
- as: ComponentType;
10
- }) & PropsWithAs<ComponentType, ComponentProps>;
11
- declare type ElementTagNameMap = HTMLElementTagNameMap & Pick<SVGElementTagNameMap, Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>>;
12
- declare type ElementByTag<TagName extends keyof ElementTagNameMap> = ElementTagNameMap[TagName];
13
- interface ForwardRefFunction<ComponentType extends As, ComponentProps = {}> {
14
- (props: React.PropsWithChildren<PropsFromAs<ComponentType, ComponentProps>>, ref: ((instance: (ComponentType extends keyof ElementTagNameMap ? ElementByTag<ComponentType> : any) | null) => void) | React.MutableRefObject<(ComponentType extends keyof ElementTagNameMap ? ElementByTag<ComponentType> : any) | null> | null): React.ReactElement | null;
15
- displayName?: string;
16
- }
17
- export interface ForwardRefComponentWithAs<ComponentType extends As, ComponentProps> {
18
- <TT extends As = ComponentType>(props: PropsWithAs<TT, ComponentProps>): React.ReactElement | null;
19
- readonly $$typeof: symbol;
20
- defaultProps?: Partial<PropsWithAs<ComponentType, ComponentProps>>;
21
- propTypes?: React.WeakValidationMap<PropsWithAs<ComponentType, ComponentProps>>;
22
- displayName?: string;
23
- }
24
- export declare function forwardRefWithAs<ComponentType extends As = 'div', ComponentProps = {}>(render: ForwardRefFunction<ComponentType, ComponentProps>): ForwardRefComponentWithAs<ComponentType, ComponentProps>;
25
- export {};
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.forwardRefWithAs=function(r){return e.forwardRef(r)};
2
- //# sourceMappingURL=type-helpers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"type-helpers.js","sources":["../../../src/components/menu/type-helpers.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\n/* eslint-disable @typescript-eslint/no-explicit-any */\n\n//\n// The content of this file is heavily influenced by the similar and even more extensive type\n// definitions found in https://github.com/reach/reach-ui/tree/develop/packages/utils/src. That\n// library is said to not be kept stable and meant to be used internally by other reach-ui libs, so\n// instead of using it as a dependency we copied over the bits that we needed. The amount of copied\n// code was small but substantial enough to merit including here the copyright notice.\n//\n// The MIT License (MIT)\n//\n// Copyright (c) 2018-present, React Training LLC\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy of this software and\n// associated documentation files (the \"Software\"), to deal in the Software without restriction,\n// including without limitation the rights to use, copy, modify, merge, publish, distribute,\n// sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in all copies or\n// substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT\n// NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\n// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,\n// DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n//\n\nimport * as React from 'react'\nimport { PropsWithAs as ReakitPropsWithAs, As } from 'reakit-utils/types'\n\n/**\n * We revert here the order from how reakit declares it. This is to be more aligned with how\n * React.fowardRef generic arguments order is defined (element type first, props last).\n */\ntype PropsWithAs<ComponentType extends As, ComponentProps = {}> = ReakitPropsWithAs<\n ComponentProps,\n ComponentType\n>\n\ntype PropsFromAs<ComponentType extends As, ComponentProps> = (PropsWithAs<\n ComponentType,\n ComponentProps\n> & { as: ComponentType }) &\n PropsWithAs<ComponentType, ComponentProps>\n\ntype ElementTagNameMap = HTMLElementTagNameMap &\n Pick<SVGElementTagNameMap, Exclude<keyof SVGElementTagNameMap, keyof HTMLElementTagNameMap>>\n\ntype ElementByTag<TagName extends keyof ElementTagNameMap> = ElementTagNameMap[TagName]\n\ninterface ForwardRefFunction<ComponentType extends As, ComponentProps = {}> {\n (\n props: React.PropsWithChildren<PropsFromAs<ComponentType, ComponentProps>>,\n ref:\n | ((\n instance:\n | (ComponentType extends keyof ElementTagNameMap\n ? ElementByTag<ComponentType>\n : any)\n | null,\n ) => void)\n | React.MutableRefObject<\n | (ComponentType extends keyof ElementTagNameMap\n ? ElementByTag<ComponentType>\n : any)\n | null\n >\n | null,\n ): React.ReactElement | null\n displayName?: string\n}\n\nexport interface ForwardRefComponentWithAs<ComponentType extends As, ComponentProps> {\n <TT extends As = ComponentType>(\n props: PropsWithAs<TT, ComponentProps>,\n ): React.ReactElement | null\n readonly $$typeof: symbol\n defaultProps?: Partial<PropsWithAs<ComponentType, ComponentProps>>\n propTypes?: React.WeakValidationMap<PropsWithAs<ComponentType, ComponentProps>>\n displayName?: string\n}\n\nexport function forwardRefWithAs<ComponentType extends As = 'div', ComponentProps = {}>(\n render: ForwardRefFunction<ComponentType, ComponentProps>,\n) {\n return React.forwardRef(render) as ForwardRefComponentWithAs<ComponentType, ComponentProps>\n}\n"],"names":["render","React"],"mappings":"6HAsFIA,UAEOC,aAAiBD"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./modal.js");exports.default={Box:e.Box,Header:e.Header,Body:e.Body,Actions:e.Actions};
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/modal/index.ts"],"sourcesContent":["import { Box, Header, Body, Actions } from './modal'\nimport type { Modal } from './modal'\n\nexport default { Box, Header, Body, Actions }\nexport type { Modal }\n"],"names":["Box","Header","Body","Actions"],"mappings":"gHAGe,CAAEA,IAAAA,MAAKC,OAAAA,SAAQC,KAAAA,OAAMC,QAAAA"}
@@ -1,2 +0,0 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react")),n=e(require("classnames")),o=require("../../_virtual/_rollupPluginBabelHelpers.js"),r=e(require("react-dom")),l=require("../icons/CloseIcon.svg.js"),a=function(e){function l(t,n){var o;return(o=e.call(this,t,n)||this)._closeModal=function(){var e=document.getElementById("modal_box");r.unmountComponentAtNode(e)},o._handleKeyDown=function(e){27===e.keyCode&&(o._closeModal(),e.preventDefault&&e.preventDefault())},o._handleOverlayClick=function(e){e.target instanceof Element&&("reactist-overlay"===e.target.id||"reactist-overlay-inner"===e.target.id)&&o._closeModal()},window.addEventListener("keydown",o._handleKeyDown),o}o.inheritsLoose(l,e);var a=l.prototype;return a.componentWillUnmount=function(){window.removeEventListener("keydown",this._handleKeyDown)},a.render=function(){var e=this.props,o=e.style,r=e.children,l=e.closeOnOverlayClick,a=n("reactist_modal_box",{large:e.large,medium:e.medium},this.props.className);return t.createElement("div",{className:"reactist_overlay",id:"reactist-overlay",onClick:l?this._handleOverlayClick:void 0},t.createElement("div",{className:"reactist_overlay_inner",id:"reactist-overlay-inner"},t.createElement("div",{style:o,className:a},r)))},l}(t.Component);a.displayName="Modal.Box",a.defaultProps={large:!1,closeOnOverlayClick:!1};var s=function(e){function n(){return e.apply(this,arguments)||this}o.inheritsLoose(n,e);var a=n.prototype;return a._closeModal=function(e){e.preventDefault(),"function"==typeof this.props.beforeClose&&this.props.beforeClose();var t=document.getElementById("modal_box");r.unmountComponentAtNode(t)},a.render=function(){return t.createElement("div",{className:"reactist_modal_box__header"},t.createElement("p",null,this.props.title&&t.createElement("span",{className:"title"},this.props.title),this.props.subtitle&&t.createElement("span",{className:"subtitle"},this.props.subtitle),this.props.children),t.createElement("a",{className:"close",onClick:this._closeModal.bind(this),href:"#"},t.createElement(l.default,null)))},n}(t.Component);s.displayName="Modal.Header";var i=function(e){function a(){return e.apply(this,arguments)||this}o.inheritsLoose(a,e);var s=a.prototype;return s._closeModal=function(e){e.preventDefault();var t=document.getElementById("modal_box");r.unmountComponentAtNode(t)},s.render=function(){var e=this.props,o=e.icon,r=e.children,a=e.style,s=e.showCloseIcon,i=n("reactist_modal_box__body",{plain:e.plain},this.props.className);return t.createElement("div",{className:i,style:a},s&&t.createElement("a",{className:"close",onClick:this._closeModal.bind(this),href:"#"},t.createElement(l.default,null)),o?t.createElement("div",{className:"dialog"},t.createElement("div",{className:"reactist_icon"},o),t.createElement("div",{className:"content"},r)):r)},a}(t.Component);i.displayName="Modal.Body",i.defaultProps={showCloseIcon:!1};var c=function(e){function n(){return e.apply(this,arguments)||this}o.inheritsLoose(n,e);var l=n.prototype;return l._onClick=function(e){e&&e();var t=document.getElementById("modal_box");r.unmountComponentAtNode(t)},l.render=function(){var e=this,n=t.Children.map(this.props.children,(function(n){var o;return(null==n||null===(o=n.props)||void 0===o?void 0:o.close)?t.cloneElement(n,{onClick:function(){return e._onClick(n.props.onClick)}}):n?t.cloneElement(n):t.createElement(t.Fragment,null)}));return t.createElement("div",{className:"reactist_modal_box__actions"},n)},n}(t.Component);c.displayName="Modal.Actions",exports.Actions=c,exports.Body=i,exports.Box=a,exports.Header=s;
2
- //# sourceMappingURL=modal.js.map