@doist/reactist 28.7.2 → 28.7.3

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 (467) hide show
  1. package/dist/reactist.cjs.development.js +2091 -3811
  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/avatar/avatar.js +35 -30
  6. package/es/avatar/avatar.js.map +1 -1
  7. package/es/avatar/utils.js +19 -22
  8. package/es/avatar/utils.js.map +1 -1
  9. package/es/badge/badge.js +5 -16
  10. package/es/badge/badge.js.map +1 -1
  11. package/es/banner/banner.js +39 -115
  12. package/es/banner/banner.js.map +1 -1
  13. package/es/banner/banner.module.css.js +1 -1
  14. package/es/base-field/base-field.js +80 -162
  15. package/es/base-field/base-field.js.map +1 -1
  16. package/es/base-field/base-field.module.css.js +1 -1
  17. package/es/box/box.js +61 -137
  18. package/es/box/box.js.map +1 -1
  19. package/es/button/button.js +42 -95
  20. package/es/button/button.js.map +1 -1
  21. package/es/checkbox-field/checkbox-field.js +46 -73
  22. package/es/checkbox-field/checkbox-field.js.map +1 -1
  23. package/es/checkbox-field/checkbox-field.module.css.js +1 -1
  24. package/es/checkbox-field/checkbox-icon.js +28 -55
  25. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  26. package/es/checkbox-field/use-fork-ref.js +29 -25
  27. package/es/checkbox-field/use-fork-ref.js.map +1 -1
  28. package/es/columns/columns.js +22 -46
  29. package/es/columns/columns.js.map +1 -1
  30. package/es/columns/columns.module.css.js +1 -1
  31. package/es/components/color-picker/color-picker.js +45 -66
  32. package/es/components/color-picker/color-picker.js.map +1 -1
  33. package/es/components/deprecated-button/deprecated-button.js +11 -34
  34. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  35. package/es/components/deprecated-dropdown/dropdown.js +136 -197
  36. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  37. package/es/components/deprecated-input/input.js +6 -10
  38. package/es/components/deprecated-input/input.js.map +1 -1
  39. package/es/components/deprecated-select/select.js +7 -31
  40. package/es/components/deprecated-select/select.js.map +1 -1
  41. package/es/components/key-capturer/key-capturer.js +130 -171
  42. package/es/components/key-capturer/key-capturer.js.map +1 -1
  43. package/es/components/keyboard-shortcut/keyboard-shortcut.js +48 -79
  44. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  45. package/es/components/progress-bar/progress-bar.js +8 -20
  46. package/es/components/progress-bar/progress-bar.js.map +1 -1
  47. package/es/components/time/time-utils.js +52 -64
  48. package/es/components/time/time-utils.js.map +1 -1
  49. package/es/components/time/time.js +90 -114
  50. package/es/components/time/time.js.map +1 -1
  51. package/es/divider/divider.js +4 -13
  52. package/es/divider/divider.js.map +1 -1
  53. package/es/heading/heading.js +19 -28
  54. package/es/heading/heading.js.map +1 -1
  55. package/es/hidden/hidden.js +36 -45
  56. package/es/hidden/hidden.js.map +1 -1
  57. package/es/hidden-visually/hidden-visually.js +7 -13
  58. package/es/hidden-visually/hidden-visually.js.map +1 -1
  59. package/es/icons/alert-icon.js +18 -64
  60. package/es/icons/alert-icon.js.map +1 -1
  61. package/es/icons/banner-icon.js +25 -97
  62. package/es/icons/banner-icon.js.map +1 -1
  63. package/es/icons/close-icon.js +3 -9
  64. package/es/icons/close-icon.js.map +1 -1
  65. package/es/icons/password-hidden-icon.js +6 -23
  66. package/es/icons/password-hidden-icon.js.map +1 -1
  67. package/es/icons/password-visible-icon.js +5 -16
  68. package/es/icons/password-visible-icon.js.map +1 -1
  69. package/es/inline/inline.js +8 -23
  70. package/es/inline/inline.js.map +1 -1
  71. package/es/loading/loading.js +17 -28
  72. package/es/loading/loading.js.map +1 -1
  73. package/es/menu/menu.js +127 -260
  74. package/es/menu/menu.js.map +1 -1
  75. package/es/modal/modal.js +143 -272
  76. package/es/modal/modal.js.map +1 -1
  77. package/es/modal/modal.module.css.js +1 -1
  78. package/es/notice/notice.js +8 -21
  79. package/es/notice/notice.js.map +1 -1
  80. package/es/notice/notice.module.css.js +1 -1
  81. package/es/password-field/password-field.js +10 -24
  82. package/es/password-field/password-field.js.map +1 -1
  83. package/es/prose/prose.js +10 -15
  84. package/es/prose/prose.js.map +1 -1
  85. package/es/select-field/select-field.js +14 -51
  86. package/es/select-field/select-field.js.map +1 -1
  87. package/es/spinner/spinner.js +6 -20
  88. package/es/spinner/spinner.js.map +1 -1
  89. package/es/stack/stack.js +15 -27
  90. package/es/stack/stack.js.map +1 -1
  91. package/es/switch-field/switch-field.js +38 -73
  92. package/es/switch-field/switch-field.js.map +1 -1
  93. package/es/switch-field/switch-field.module.css.js +1 -1
  94. package/es/tabs/tabs.js +120 -207
  95. package/es/tabs/tabs.js.map +1 -1
  96. package/es/text/text.js +16 -25
  97. package/es/text/text.js.map +1 -1
  98. package/es/text-area/text-area.js +54 -111
  99. package/es/text-area/text-area.js.map +1 -1
  100. package/es/text-field/text-field.js +30 -84
  101. package/es/text-field/text-field.js.map +1 -1
  102. package/es/text-link/text-link.js +9 -20
  103. package/es/text-link/text-link.js.map +1 -1
  104. package/es/text-link/text-link.module.css.js +1 -1
  105. package/es/toast/static-toast.js +35 -70
  106. package/es/toast/static-toast.js.map +1 -1
  107. package/es/toast/toast-animation.js +121 -159
  108. package/es/toast/toast-animation.js.map +1 -1
  109. package/es/toast/use-toasts.js +134 -197
  110. package/es/toast/use-toasts.js.map +1 -1
  111. package/es/tooltip/tooltip.js +31 -69
  112. package/es/tooltip/tooltip.js.map +1 -1
  113. package/es/utils/common-helpers.js +9 -13
  114. package/es/utils/common-helpers.js.map +1 -1
  115. package/es/utils/polymorphism.js +7 -8
  116. package/es/utils/polymorphism.js.map +1 -1
  117. package/es/utils/responsive-props.js +57 -66
  118. package/es/utils/responsive-props.js.map +1 -1
  119. package/lib/avatar/avatar.d.ts +21 -21
  120. package/lib/avatar/avatar.js +69 -1
  121. package/lib/avatar/avatar.js.map +1 -1
  122. package/lib/avatar/avatar.module.css.js +7 -1
  123. package/lib/avatar/avatar.module.css.js.map +1 -1
  124. package/lib/avatar/index.d.ts +1 -1
  125. package/lib/avatar/utils.d.ts +3 -3
  126. package/lib/avatar/utils.js +30 -1
  127. package/lib/avatar/utils.js.map +1 -1
  128. package/lib/badge/badge.d.ts +15 -15
  129. package/lib/badge/badge.js +36 -1
  130. package/lib/badge/badge.js.map +1 -1
  131. package/lib/badge/badge.module.css.js +7 -1
  132. package/lib/badge/badge.module.css.js.map +1 -1
  133. package/lib/badge/index.d.ts +1 -1
  134. package/lib/banner/banner.d.ts +87 -87
  135. package/lib/banner/banner.js +79 -1
  136. package/lib/banner/banner.js.map +1 -1
  137. package/lib/banner/banner.module.css.js +7 -1
  138. package/lib/banner/banner.module.css.js.map +1 -1
  139. package/lib/banner/index.d.ts +2 -2
  140. package/lib/banner/story-promo-image.d.ts +4 -4
  141. package/lib/base-field/base-field.d.ts +139 -139
  142. package/lib/base-field/base-field.js +127 -1
  143. package/lib/base-field/base-field.js.map +1 -1
  144. package/lib/base-field/base-field.module.css.js +7 -1
  145. package/lib/base-field/base-field.module.css.js.map +1 -1
  146. package/lib/base-field/index.d.ts +1 -1
  147. package/lib/box/box.d.ts +73 -73
  148. package/lib/box/box.js +103 -1
  149. package/lib/box/box.js.map +1 -1
  150. package/lib/box/box.module.css.js +7 -1
  151. package/lib/box/box.module.css.js.map +1 -1
  152. package/lib/box/gap.module.css.js +7 -1
  153. package/lib/box/gap.module.css.js.map +1 -1
  154. package/lib/box/index.d.ts +1 -1
  155. package/lib/box/margin.module.css.js +7 -1
  156. package/lib/box/margin.module.css.js.map +1 -1
  157. package/lib/box/padding.module.css.js +7 -1
  158. package/lib/box/padding.module.css.js.map +1 -1
  159. package/lib/box/width.module.css.js +7 -1
  160. package/lib/box/width.module.css.js.map +1 -1
  161. package/lib/button/button.d.ts +127 -127
  162. package/lib/button/button.js +86 -1
  163. package/lib/button/button.js.map +1 -1
  164. package/lib/button/button.module.css.js +7 -1
  165. package/lib/button/button.module.css.js.map +1 -1
  166. package/lib/button/index.d.ts +1 -1
  167. package/lib/checkbox-field/checkbox-field.d.ts +40 -40
  168. package/lib/checkbox-field/checkbox-field.js +82 -1
  169. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  170. package/lib/checkbox-field/checkbox-field.module.css.js +7 -1
  171. package/lib/checkbox-field/checkbox-field.module.css.js.map +1 -1
  172. package/lib/checkbox-field/checkbox-icon.d.ts +8 -8
  173. package/lib/checkbox-field/checkbox-icon.js +59 -1
  174. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  175. package/lib/checkbox-field/index.d.ts +1 -1
  176. package/lib/checkbox-field/use-fork-ref.d.ts +11 -11
  177. package/lib/checkbox-field/use-fork-ref.js +42 -1
  178. package/lib/checkbox-field/use-fork-ref.js.map +1 -1
  179. package/lib/columns/columns.d.ts +20 -20
  180. package/lib/columns/columns.js +57 -1
  181. package/lib/columns/columns.js.map +1 -1
  182. package/lib/columns/columns.module.css.js +7 -1
  183. package/lib/columns/columns.module.css.js.map +1 -1
  184. package/lib/columns/index.d.ts +1 -1
  185. package/lib/components/color-picker/color-picker.d.ts +29 -29
  186. package/lib/components/color-picker/color-picker.js +86 -1
  187. package/lib/components/color-picker/color-picker.js.map +1 -1
  188. package/lib/components/color-picker/index.d.ts +3 -3
  189. package/lib/components/color-picker/index.js +11 -1
  190. package/lib/components/color-picker/index.js.map +1 -1
  191. package/lib/components/deprecated-button/deprecated-button.d.ts +54 -54
  192. package/lib/components/deprecated-button/deprecated-button.js +49 -1
  193. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  194. package/lib/components/deprecated-button/index.d.ts +4 -4
  195. package/lib/components/deprecated-button/index.js +9 -1
  196. package/lib/components/deprecated-button/index.js.map +1 -1
  197. package/lib/components/deprecated-dropdown/dropdown.d.ts +55 -55
  198. package/lib/components/deprecated-dropdown/dropdown.js +182 -1
  199. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  200. package/lib/components/deprecated-dropdown/index.d.ts +2 -2
  201. package/lib/components/deprecated-dropdown/index.js +9 -1
  202. package/lib/components/deprecated-dropdown/index.js.map +1 -1
  203. package/lib/components/deprecated-input/index.d.ts +2 -2
  204. package/lib/components/deprecated-input/index.js +9 -1
  205. package/lib/components/deprecated-input/index.js.map +1 -1
  206. package/lib/components/deprecated-input/input.d.ts +10 -10
  207. package/lib/components/deprecated-input/input.js +41 -1
  208. package/lib/components/deprecated-input/input.js.map +1 -1
  209. package/lib/components/deprecated-select/index.d.ts +2 -2
  210. package/lib/components/deprecated-select/index.js +9 -1
  211. package/lib/components/deprecated-select/index.js.map +1 -1
  212. package/lib/components/deprecated-select/select.d.ts +33 -33
  213. package/lib/components/deprecated-select/select.js +43 -1
  214. package/lib/components/deprecated-select/select.js.map +1 -1
  215. package/lib/components/icons/CloseIcon.svg.d.ts +3 -3
  216. package/lib/components/icons/ThinQuestionMarkIcon.svg.d.ts +3 -3
  217. package/lib/components/icons/ThreeDotsIcon.svg.d.ts +12 -12
  218. package/lib/components/key-capturer/index.d.ts +3 -3
  219. package/lib/components/key-capturer/index.js +11 -1
  220. package/lib/components/key-capturer/index.js.map +1 -1
  221. package/lib/components/key-capturer/key-capturer.d.ts +40 -40
  222. package/lib/components/key-capturer/key-capturer.js +171 -1
  223. package/lib/components/key-capturer/key-capturer.js.map +1 -1
  224. package/lib/components/keyboard-shortcut/index.d.ts +2 -2
  225. package/lib/components/keyboard-shortcut/index.js +9 -1
  226. package/lib/components/keyboard-shortcut/index.js.map +1 -1
  227. package/lib/components/keyboard-shortcut/keyboard-shortcut.d.ts +44 -44
  228. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +97 -1
  229. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  230. package/lib/components/progress-bar/index.d.ts +2 -2
  231. package/lib/components/progress-bar/index.js +9 -1
  232. package/lib/components/progress-bar/index.js.map +1 -1
  233. package/lib/components/progress-bar/progress-bar.d.ts +14 -14
  234. package/lib/components/progress-bar/progress-bar.js +44 -1
  235. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  236. package/lib/components/progress-bar/progress-bar.module.css.js +7 -1
  237. package/lib/components/progress-bar/progress-bar.module.css.js.map +1 -1
  238. package/lib/components/time/index.d.ts +2 -2
  239. package/lib/components/time/index.js +9 -1
  240. package/lib/components/time/index.js.map +1 -1
  241. package/lib/components/time/time-utils.d.ts +19 -19
  242. package/lib/components/time/time-utils.js +69 -1
  243. package/lib/components/time/time-utils.js.map +1 -1
  244. package/lib/components/time/time.d.ts +39 -39
  245. package/lib/components/time/time.js +124 -1
  246. package/lib/components/time/time.js.map +1 -1
  247. package/lib/divider/divider.d.ts +8 -8
  248. package/lib/divider/divider.js +36 -1
  249. package/lib/divider/divider.js.map +1 -1
  250. package/lib/divider/divider.module.css.js +7 -1
  251. package/lib/divider/divider.module.css.js.map +1 -1
  252. package/lib/divider/index.d.ts +1 -1
  253. package/lib/heading/heading.d.ts +112 -112
  254. package/lib/heading/heading.js +51 -1
  255. package/lib/heading/heading.js.map +1 -1
  256. package/lib/heading/heading.module.css.js +7 -1
  257. package/lib/heading/heading.module.css.js.map +1 -1
  258. package/lib/heading/index.d.ts +1 -1
  259. package/lib/hidden/hidden.d.ts +49 -49
  260. package/lib/hidden/hidden.js +70 -1
  261. package/lib/hidden/hidden.js.map +1 -1
  262. package/lib/hidden/hidden.module.css.js +7 -1
  263. package/lib/hidden/hidden.module.css.js.map +1 -1
  264. package/lib/hidden/index.d.ts +1 -1
  265. package/lib/hidden-visually/hidden-visually.d.ts +11 -11
  266. package/lib/hidden-visually/hidden-visually.js +40 -1
  267. package/lib/hidden-visually/hidden-visually.js.map +1 -1
  268. package/lib/hidden-visually/hidden-visually.module.css.js +7 -1
  269. package/lib/hidden-visually/hidden-visually.module.css.js.map +1 -1
  270. package/lib/hidden-visually/index.d.ts +1 -1
  271. package/lib/hooks/use-previous/index.d.ts +1 -1
  272. package/lib/hooks/use-previous/use-previous.d.ts +15 -15
  273. package/lib/icons/alert-icon.d.ts +6 -6
  274. package/lib/icons/alert-icon.js +56 -1
  275. package/lib/icons/alert-icon.js.map +1 -1
  276. package/lib/icons/banner-icon.d.ts +6 -6
  277. package/lib/icons/banner-icon.js +68 -1
  278. package/lib/icons/banner-icon.js.map +1 -1
  279. package/lib/icons/banner-icon.module.css.js +7 -1
  280. package/lib/icons/banner-icon.module.css.js.map +1 -1
  281. package/lib/icons/close-icon.d.ts +3 -3
  282. package/lib/icons/close-icon.js +33 -1
  283. package/lib/icons/close-icon.js.map +1 -1
  284. package/lib/icons/password-hidden-icon.d.ts +3 -3
  285. package/lib/icons/password-hidden-icon.js +36 -1
  286. package/lib/icons/password-hidden-icon.js.map +1 -1
  287. package/lib/icons/password-visible-icon.d.ts +3 -3
  288. package/lib/icons/password-visible-icon.js +35 -1
  289. package/lib/icons/password-visible-icon.js.map +1 -1
  290. package/lib/index.d.ts +38 -38
  291. package/lib/index.js +106 -1
  292. package/lib/index.js.map +1 -1
  293. package/lib/inline/index.d.ts +1 -1
  294. package/lib/inline/inline.d.ts +12 -12
  295. package/lib/inline/inline.js +40 -1
  296. package/lib/inline/inline.js.map +1 -1
  297. package/lib/loading/index.d.ts +1 -1
  298. package/lib/loading/loading.d.ts +26 -26
  299. package/lib/loading/loading.js +49 -1
  300. package/lib/loading/loading.js.map +1 -1
  301. package/lib/menu/index.d.ts +2 -2
  302. package/lib/menu/menu.d.ts +128 -128
  303. package/lib/menu/menu.js +179 -1
  304. package/lib/menu/menu.js.map +1 -1
  305. package/lib/modal/index.d.ts +1 -1
  306. package/lib/modal/modal-stories-components.d.ts +47 -47
  307. package/lib/modal/modal.d.ts +185 -185
  308. package/lib/modal/modal.js +209 -1
  309. package/lib/modal/modal.js.map +1 -1
  310. package/lib/modal/modal.module.css.js +7 -1
  311. package/lib/modal/modal.module.css.js.map +1 -1
  312. package/lib/notice/index.d.ts +1 -1
  313. package/lib/notice/notice.d.ts +10 -10
  314. package/lib/notice/notice.js +42 -1
  315. package/lib/notice/notice.js.map +1 -1
  316. package/lib/notice/notice.module.css.js +7 -1
  317. package/lib/notice/notice.module.css.js.map +1 -1
  318. package/lib/password-field/index.d.ts +1 -1
  319. package/lib/password-field/password-field.d.ts +10 -10
  320. package/lib/password-field/password-field.js +43 -1
  321. package/lib/password-field/password-field.js.map +1 -1
  322. package/lib/prose/index.d.ts +2 -2
  323. package/lib/prose/prose-example.d.ts +1 -1
  324. package/lib/prose/prose.d.ts +44 -44
  325. package/lib/prose/prose.js +42 -1
  326. package/lib/prose/prose.js.map +1 -1
  327. package/lib/prose/prose.module.css.js +7 -1
  328. package/lib/prose/prose.module.css.js.map +1 -1
  329. package/lib/select-field/index.d.ts +1 -1
  330. package/lib/select-field/select-field.d.ts +7 -7
  331. package/lib/select-field/select-field.js +48 -1
  332. package/lib/select-field/select-field.js.map +1 -1
  333. package/lib/select-field/select-field.module.css.js +7 -1
  334. package/lib/select-field/select-field.module.css.js.map +1 -1
  335. package/lib/spinner/index.d.ts +1 -1
  336. package/lib/spinner/spinner.d.ts +5 -5
  337. package/lib/spinner/spinner.js +36 -1
  338. package/lib/spinner/spinner.js.map +1 -1
  339. package/lib/spinner/spinner.module.css.js +7 -1
  340. package/lib/spinner/spinner.module.css.js.map +1 -1
  341. package/lib/stack/index.d.ts +1 -1
  342. package/lib/stack/stack.d.ts +15 -15
  343. package/lib/stack/stack.js +52 -1
  344. package/lib/stack/stack.js.map +1 -1
  345. package/lib/switch-field/index.d.ts +1 -1
  346. package/lib/switch-field/switch-field.d.ts +19 -19
  347. package/lib/switch-field/switch-field.js +74 -1
  348. package/lib/switch-field/switch-field.js.map +1 -1
  349. package/lib/switch-field/switch-field.module.css.js +7 -1
  350. package/lib/switch-field/switch-field.module.css.js.map +1 -1
  351. package/lib/tabs/index.d.ts +1 -1
  352. package/lib/tabs/tabs.d.ts +125 -125
  353. package/lib/tabs/tabs.js +177 -1
  354. package/lib/tabs/tabs.js.map +1 -1
  355. package/lib/tabs/tabs.module.css.js +7 -1
  356. package/lib/tabs/tabs.module.css.js.map +1 -1
  357. package/lib/text/index.d.ts +1 -1
  358. package/lib/text/text.d.ts +47 -47
  359. package/lib/text/text.js +49 -1
  360. package/lib/text/text.js.map +1 -1
  361. package/lib/text/text.module.css.js +7 -1
  362. package/lib/text/text.module.css.js.map +1 -1
  363. package/lib/text-area/index.d.ts +1 -1
  364. package/lib/text-area/text-area.d.ts +39 -39
  365. package/lib/text-area/text-area.js +92 -1
  366. package/lib/text-area/text-area.js.map +1 -1
  367. package/lib/text-area/text-area.module.css.js +7 -1
  368. package/lib/text-area/text-area.module.css.js.map +1 -1
  369. package/lib/text-field/index.d.ts +1 -1
  370. package/lib/text-field/text-field.d.ts +18 -18
  371. package/lib/text-field/text-field.js +63 -1
  372. package/lib/text-field/text-field.js.map +1 -1
  373. package/lib/text-field/text-field.module.css.js +7 -1
  374. package/lib/text-field/text-field.module.css.js.map +1 -1
  375. package/lib/text-link/index.d.ts +1 -1
  376. package/lib/text-link/text-link.d.ts +9 -9
  377. package/lib/text-link/text-link.js +41 -1
  378. package/lib/text-link/text-link.js.map +1 -1
  379. package/lib/text-link/text-link.module.css.js +7 -1
  380. package/lib/text-link/text-link.module.css.js.map +1 -1
  381. package/lib/toast/index.d.ts +4 -4
  382. package/lib/toast/static-toast.d.ts +63 -63
  383. package/lib/toast/static-toast.js +59 -1
  384. package/lib/toast/static-toast.js.map +1 -1
  385. package/lib/toast/toast-animation.d.ts +50 -50
  386. package/lib/toast/toast-animation.js +141 -1
  387. package/lib/toast/toast-animation.js.map +1 -1
  388. package/lib/toast/toast.module.css.js +7 -1
  389. package/lib/toast/toast.module.css.js.map +1 -1
  390. package/lib/toast/use-toasts.d.ts +132 -132
  391. package/lib/toast/use-toasts.js +166 -1
  392. package/lib/toast/use-toasts.js.map +1 -1
  393. package/lib/tooltip/index.d.ts +2 -2
  394. package/lib/tooltip/tooltip.d.ts +72 -72
  395. package/lib/tooltip/tooltip.js +67 -1
  396. package/lib/tooltip/tooltip.js.map +1 -1
  397. package/lib/tooltip/tooltip.module.css.js +7 -1
  398. package/lib/tooltip/tooltip.module.css.js.map +1 -1
  399. package/lib/utils/common-helpers.d.ts +2 -2
  400. package/lib/utils/common-helpers.js +44 -1
  401. package/lib/utils/common-helpers.js.map +1 -1
  402. package/lib/utils/common-types.d.ts +42 -42
  403. package/lib/utils/polymorphism.d.ts +135 -135
  404. package/lib/utils/polymorphism.js +39 -1
  405. package/lib/utils/polymorphism.js.map +1 -1
  406. package/lib/utils/responsive-props.d.ts +44 -44
  407. package/lib/utils/responsive-props.js +70 -1
  408. package/lib/utils/responsive-props.js.map +1 -1
  409. package/lib/utils/storybook-helper.d.ts +55 -0
  410. package/lib/utils/test-helpers.d.ts +22 -22
  411. package/package.json +14 -18
  412. package/styles/avatar.css +2 -2
  413. package/styles/avatar.module.css.css +1 -1
  414. package/styles/badge.css +2 -2
  415. package/styles/badge.module.css.css +1 -1
  416. package/styles/banner.css +6 -6
  417. package/styles/banner.module.css.css +1 -1
  418. package/styles/base-field.css +4 -4
  419. package/styles/base-field.module.css.css +1 -1
  420. package/styles/box.css +1 -1
  421. package/styles/box.module.css.css +1 -1
  422. package/styles/button.css +4 -4
  423. package/styles/button.module.css.css +1 -1
  424. package/styles/checkbox-field.css +3 -3
  425. package/styles/checkbox-field.module.css.css +1 -1
  426. package/styles/columns.css +1 -1
  427. package/styles/divider.css +1 -1
  428. package/styles/heading.css +2 -2
  429. package/styles/heading.module.css.css +1 -1
  430. package/styles/hidden-visually.css +2 -2
  431. package/styles/hidden-visually.module.css.css +1 -1
  432. package/styles/hidden.css +1 -1
  433. package/styles/index.css +4 -4
  434. package/styles/loading.css +2 -2
  435. package/styles/menu.css +1 -1
  436. package/styles/modal.css +5 -5
  437. package/styles/modal.module.css.css +1 -1
  438. package/styles/notice.css +1 -1
  439. package/styles/password-field.css +7 -7
  440. package/styles/progress-bar.module.css.css +1 -1
  441. package/styles/prose.css +2 -2
  442. package/styles/prose.module.css.css +1 -1
  443. package/styles/reactist.css +30 -30
  444. package/styles/select-field.css +5 -5
  445. package/styles/select-field.module.css.css +1 -1
  446. package/styles/spinner.css +1 -1
  447. package/styles/static-toast.css +6 -6
  448. package/styles/switch-field.css +6 -6
  449. package/styles/switch-field.module.css.css +1 -1
  450. package/styles/tabs.css +2 -2
  451. package/styles/tabs.module.css.css +1 -1
  452. package/styles/text-area.css +5 -5
  453. package/styles/text-area.module.css.css +1 -1
  454. package/styles/text-field.css +5 -5
  455. package/styles/text-field.module.css.css +1 -1
  456. package/styles/text-link.css +2 -2
  457. package/styles/text-link.module.css.css +1 -1
  458. package/styles/text.css +2 -2
  459. package/styles/text.module.css.css +1 -1
  460. package/styles/toast.module.css.css +1 -1
  461. package/styles/tooltip.css +2 -2
  462. package/styles/tooltip.module.css.css +1 -1
  463. package/styles/use-toasts.css +6 -6
  464. package/es/_virtual/_rollupPluginBabelHelpers.js +0 -91
  465. package/es/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
  466. package/lib/_virtual/_rollupPluginBabelHelpers.js +0 -2
  467. package/lib/_virtual/_rollupPluginBabelHelpers.js.map +0 -1
@@ -1,40 +1,40 @@
1
- import * as React from 'react';
2
- type Key = 'ArrowUp' | 'ArrowRight' | 'ArrowDown' | 'ArrowLeft' | 'Enter' | 'Backspace' | 'Escape';
3
- declare const SUPPORTED_KEYS: Record<string, Key>;
4
- declare const KeyCapturerResolver: {
5
- resolveByKey(eventKey: string): Key | null;
6
- resolveByKeyCode(keyCode: number): Key | null;
7
- };
8
- type EventHandler = (event: React.SyntheticEvent) => void;
9
- type EventHandlerProps = {
10
- onArrowUp?: EventHandler;
11
- onArrowDown?: EventHandler;
12
- onArrowLeft?: EventHandler;
13
- onArrowRight?: EventHandler;
14
- onEnter?: EventHandler;
15
- onBackspace?: EventHandler;
16
- onEscape?: EventHandler;
17
- };
18
- type PropagateProps = {
19
- propagateArrowUp?: boolean;
20
- propagateArrowDown?: boolean;
21
- propagateArrowLeft?: boolean;
22
- propagateArrowRight?: boolean;
23
- propagateEnter?: boolean;
24
- propagateBackspace?: boolean;
25
- propagateEscape?: boolean;
26
- };
27
- type KeyCapturerProps = EventHandlerProps & PropagateProps & {
28
- eventName?: 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture';
29
- children: React.ReactElement<unknown>;
30
- };
31
- /**
32
- * Use this component to wrap anything you want to handle key events for (e.g. an input).
33
- * You can specify the `eventName` to capture (defaults to `onKeyDown`).
34
- * Check the SUPPORTED_KEYS map to see which keys are supported and supply the respective
35
- * `on${Key}` prop (i.e. `onEnter` or `onArrowDown`).
36
- * If you want the default behaviour to be preserved (i.e. only want to hook into the event
37
- * instead of replacing it) set the `propagate${Key}` prop (e.g. propagateBackspace).
38
- */
39
- declare function KeyCapturer(props: KeyCapturerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
40
- export { KeyCapturer, KeyCapturerResolver, SUPPORTED_KEYS };
1
+ import * as React from 'react';
2
+ type Key = 'ArrowUp' | 'ArrowRight' | 'ArrowDown' | 'ArrowLeft' | 'Enter' | 'Backspace' | 'Escape';
3
+ declare const SUPPORTED_KEYS: Record<string, Key>;
4
+ declare const KeyCapturerResolver: {
5
+ resolveByKey(eventKey: string): Key | null;
6
+ resolveByKeyCode(keyCode: number): Key | null;
7
+ };
8
+ type EventHandler = (event: React.SyntheticEvent) => void;
9
+ type EventHandlerProps = {
10
+ onArrowUp?: EventHandler;
11
+ onArrowDown?: EventHandler;
12
+ onArrowLeft?: EventHandler;
13
+ onArrowRight?: EventHandler;
14
+ onEnter?: EventHandler;
15
+ onBackspace?: EventHandler;
16
+ onEscape?: EventHandler;
17
+ };
18
+ type PropagateProps = {
19
+ propagateArrowUp?: boolean;
20
+ propagateArrowDown?: boolean;
21
+ propagateArrowLeft?: boolean;
22
+ propagateArrowRight?: boolean;
23
+ propagateEnter?: boolean;
24
+ propagateBackspace?: boolean;
25
+ propagateEscape?: boolean;
26
+ };
27
+ type KeyCapturerProps = EventHandlerProps & PropagateProps & {
28
+ eventName?: 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture';
29
+ children: React.ReactElement<unknown>;
30
+ };
31
+ /**
32
+ * Use this component to wrap anything you want to handle key events for (e.g. an input).
33
+ * You can specify the `eventName` to capture (defaults to `onKeyDown`).
34
+ * Check the SUPPORTED_KEYS map to see which keys are supported and supply the respective
35
+ * `on${Key}` prop (i.e. `onEnter` or `onArrowDown`).
36
+ * If you want the default behaviour to be preserved (i.e. only want to hook into the event
37
+ * instead of replacing it) set the `propagate${Key}` prop (e.g. propagateBackspace).
38
+ */
39
+ declare function KeyCapturer(props: KeyCapturerProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
40
+ export { KeyCapturer, KeyCapturerResolver, SUPPORTED_KEYS };
@@ -1,2 +1,172 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../_virtual/_rollupPluginBabelHelpers.js");function e(r){if(r&&r.__esModule)return r;var e=Object.create(null);return r&&Object.keys(r).forEach((function(t){if("default"!==t){var o=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:function(){return r[t]}})}})),e.default=r,e}var t=e(require("react"));const o={resolveByKey(r){switch(r){case"Left":case"ArrowLeft":return"ArrowLeft";case"Up":case"ArrowUp":return"ArrowUp";case"Right":case"ArrowRight":return"ArrowRight";case"Down":case"ArrowDown":return"ArrowDown";case"Enter":return"Enter";case"Backspace":return"Backspace";case"Esc":case"Escape":return"Escape";default:return null}},resolveByKeyCode(r){switch(r){case 37:return"ArrowLeft";case 38:return"ArrowUp";case 39:return"ArrowRight";case 40:return"ArrowDown";case 13:return"Enter";case 8:return"Backspace";case 27:return"Escape";default:return null}}},n={ArrowUp:"onArrowUp",ArrowDown:"onArrowDown",ArrowLeft:"onArrowLeft",ArrowRight:"onArrowRight",Enter:"onEnter",Backspace:"onBackspace",Escape:"onEscape"},a={ArrowUp:"propagateArrowUp",ArrowDown:"propagateArrowDown",ArrowLeft:"propagateArrowLeft",ArrowRight:"propagateArrowRight",Enter:"propagateEnter",Backspace:"propagateBackspace",Escape:"propagateEscape"};exports.KeyCapturer=function(e){const{children:c,eventName:s="onKeyDown"}=e,p=t.useRef(!1);return t.cloneElement(c,r.objectSpread2({[s]:function(r){const t=void 0!==r.key?o.resolveByKey(r.key):o.resolveByKeyCode(r.keyCode);if(!t)return;const c=e[a[t]]||!1,s=e[n[t]];"Enter"===t&&s&&(p.current||229===(r.keyCode||r.which))||s&&(s(r),c||(r.preventDefault(),r.stopPropagation()))}},e.onEnter?{onCompositionStart:()=>{p.current=!0},onCompositionEnd:()=>{p.current=!1}}:void 0))},exports.KeyCapturerResolver=o,exports.SUPPORTED_KEYS={ARROW_UP:"ArrowUp",ARROW_RIGHT:"ArrowRight",ARROW_DOWN:"ArrowDown",ARROW_LEFT:"ArrowLeft",ENTER:"Enter",BACKSPACE:"Backspace",ESCAPE:"Escape"};
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+ var React = require('react');
7
+
8
+ function _interopNamespace(e) {
9
+ if (e && e.__esModule) return e;
10
+ var n = Object.create(null);
11
+ if (e) {
12
+ Object.keys(e).forEach(function (k) {
13
+ if (k !== 'default') {
14
+ var d = Object.getOwnPropertyDescriptor(e, k);
15
+ Object.defineProperty(n, k, d.get ? d : {
16
+ enumerable: true,
17
+ get: function () { return e[k]; }
18
+ });
19
+ }
20
+ });
21
+ }
22
+ n["default"] = e;
23
+ return Object.freeze(n);
24
+ }
25
+
26
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
27
+
28
+ var SUPPORTED_KEYS = {
29
+ ARROW_UP: 'ArrowUp',
30
+ ARROW_RIGHT: 'ArrowRight',
31
+ ARROW_DOWN: 'ArrowDown',
32
+ ARROW_LEFT: 'ArrowLeft',
33
+ ENTER: 'Enter',
34
+ BACKSPACE: 'Backspace',
35
+ ESCAPE: 'Escape'
36
+ };
37
+ var KeyCapturerResolver = {
38
+ resolveByKey: function (eventKey) {
39
+ switch (eventKey) {
40
+ case 'Left': // IE specific
41
+ case 'ArrowLeft': {
42
+ return 'ArrowLeft';
43
+ }
44
+ case 'Up': // IE specific
45
+ case 'ArrowUp': {
46
+ return 'ArrowUp';
47
+ }
48
+ case 'Right': // IE specific
49
+ case 'ArrowRight': {
50
+ return 'ArrowRight';
51
+ }
52
+ case 'Down': // IE specific
53
+ case 'ArrowDown': {
54
+ return 'ArrowDown';
55
+ }
56
+ case 'Enter': {
57
+ return 'Enter';
58
+ }
59
+ case 'Backspace': {
60
+ return 'Backspace';
61
+ }
62
+ case 'Esc': // IE specific
63
+ case 'Escape': {
64
+ return 'Escape';
65
+ }
66
+ default: {
67
+ return null;
68
+ }
69
+ }
70
+ },
71
+ resolveByKeyCode: function (keyCode) {
72
+ switch (keyCode) {
73
+ case 37: {
74
+ return 'ArrowLeft';
75
+ }
76
+ case 38: {
77
+ return 'ArrowUp';
78
+ }
79
+ case 39: {
80
+ return 'ArrowRight';
81
+ }
82
+ case 40: {
83
+ return 'ArrowDown';
84
+ }
85
+ case 13: {
86
+ return 'Enter';
87
+ }
88
+ case 8: {
89
+ return 'Backspace';
90
+ }
91
+ case 27: {
92
+ return 'Escape';
93
+ }
94
+ default: {
95
+ return null;
96
+ }
97
+ }
98
+ }
99
+ };
100
+ var keyEventHandlerMapping = {
101
+ ArrowUp: 'onArrowUp',
102
+ ArrowDown: 'onArrowDown',
103
+ ArrowLeft: 'onArrowLeft',
104
+ ArrowRight: 'onArrowRight',
105
+ Enter: 'onEnter',
106
+ Backspace: 'onBackspace',
107
+ Escape: 'onEscape'
108
+ };
109
+ var keyPropagatePropMapping = {
110
+ ArrowUp: 'propagateArrowUp',
111
+ ArrowDown: 'propagateArrowDown',
112
+ ArrowLeft: 'propagateArrowLeft',
113
+ ArrowRight: 'propagateArrowRight',
114
+ Enter: 'propagateEnter',
115
+ Backspace: 'propagateBackspace',
116
+ Escape: 'propagateEscape'
117
+ };
118
+ /**
119
+ * Use this component to wrap anything you want to handle key events for (e.g. an input).
120
+ * You can specify the `eventName` to capture (defaults to `onKeyDown`).
121
+ * Check the SUPPORTED_KEYS map to see which keys are supported and supply the respective
122
+ * `on${Key}` prop (i.e. `onEnter` or `onArrowDown`).
123
+ * If you want the default behaviour to be preserved (i.e. only want to hook into the event
124
+ * instead of replacing it) set the `propagate${Key}` prop (e.g. propagateBackspace).
125
+ */
126
+ function KeyCapturer(props) {
127
+ var _a;
128
+ var children = props.children, _b = props.eventName, eventName = _b === void 0 ? 'onKeyDown' : _b;
129
+ var composingRef = React__namespace.useRef(false);
130
+ var composingEventHandlers = props.onEnter
131
+ ? {
132
+ onCompositionStart: function () {
133
+ composingRef.current = true;
134
+ },
135
+ onCompositionEnd: function () {
136
+ composingRef.current = false;
137
+ }
138
+ }
139
+ : undefined;
140
+ function handleKeyEvent(event) {
141
+ // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode
142
+ var key = event.key !== undefined
143
+ ? KeyCapturerResolver.resolveByKey(event.key)
144
+ : KeyCapturerResolver.resolveByKeyCode(event.keyCode);
145
+ if (!key)
146
+ return;
147
+ var propagateEvent = props[keyPropagatePropMapping[key]] || false;
148
+ var eventHandler = props[keyEventHandlerMapping[key]];
149
+ if (key === 'Enter' && eventHandler) {
150
+ if (composingRef.current ||
151
+ // Safari fires the onCompositionEnd event before the keydown event, so we
152
+ // have to rely on the 229 keycode, which is Enter when fired from an IME
153
+ // https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode
154
+ (event.keyCode || event.which) === 229) {
155
+ return;
156
+ }
157
+ }
158
+ if (eventHandler) {
159
+ eventHandler(event);
160
+ if (!propagateEvent) {
161
+ event.preventDefault();
162
+ event.stopPropagation();
163
+ }
164
+ }
165
+ }
166
+ return React__namespace.cloneElement(children, tslib.__assign((_a = {}, _a[eventName] = handleKeyEvent, _a), composingEventHandlers));
167
+ }
168
+
169
+ exports.KeyCapturer = KeyCapturer;
170
+ exports.KeyCapturerResolver = KeyCapturerResolver;
171
+ exports.SUPPORTED_KEYS = SUPPORTED_KEYS;
2
172
  //# sourceMappingURL=key-capturer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"key-capturer.js","sources":["../../../src/components/key-capturer/key-capturer.tsx"],"sourcesContent":["import * as React from 'react'\n\ntype Key = 'ArrowUp' | 'ArrowRight' | 'ArrowDown' | 'ArrowLeft' | 'Enter' | 'Backspace' | 'Escape'\n\nconst SUPPORTED_KEYS: Record<string, Key> = {\n ARROW_UP: 'ArrowUp',\n ARROW_RIGHT: 'ArrowRight',\n ARROW_DOWN: 'ArrowDown',\n ARROW_LEFT: 'ArrowLeft',\n ENTER: 'Enter',\n BACKSPACE: 'Backspace',\n ESCAPE: 'Escape',\n}\n\nconst KeyCapturerResolver = {\n resolveByKey(eventKey: string): Key | null {\n switch (eventKey) {\n case 'Left': // IE specific\n case 'ArrowLeft': {\n return 'ArrowLeft'\n }\n case 'Up': // IE specific\n case 'ArrowUp': {\n return 'ArrowUp'\n }\n case 'Right': // IE specific\n case 'ArrowRight': {\n return 'ArrowRight'\n }\n case 'Down': // IE specific\n case 'ArrowDown': {\n return 'ArrowDown'\n }\n case 'Enter': {\n return 'Enter'\n }\n case 'Backspace': {\n return 'Backspace'\n }\n case 'Esc': // IE specific\n case 'Escape': {\n return 'Escape'\n }\n default: {\n return null\n }\n }\n },\n\n resolveByKeyCode(keyCode: number): Key | null {\n switch (keyCode) {\n case 37: {\n return 'ArrowLeft'\n }\n case 38: {\n return 'ArrowUp'\n }\n case 39: {\n return 'ArrowRight'\n }\n case 40: {\n return 'ArrowDown'\n }\n case 13: {\n return 'Enter'\n }\n case 8: {\n return 'Backspace'\n }\n case 27: {\n return 'Escape'\n }\n default: {\n return null\n }\n }\n },\n}\n\ntype EventHandler = (event: React.SyntheticEvent) => void\n\ntype EventHandlerProps = {\n onArrowUp?: EventHandler\n onArrowDown?: EventHandler\n onArrowLeft?: EventHandler\n onArrowRight?: EventHandler\n onEnter?: EventHandler\n onBackspace?: EventHandler\n onEscape?: EventHandler\n}\n\ntype PropagateProps = {\n propagateArrowUp?: boolean\n propagateArrowDown?: boolean\n propagateArrowLeft?: boolean\n propagateArrowRight?: boolean\n propagateEnter?: boolean\n propagateBackspace?: boolean\n propagateEscape?: boolean\n}\n\nconst keyEventHandlerMapping: Record<Key, keyof EventHandlerProps> = {\n ArrowUp: 'onArrowUp',\n ArrowDown: 'onArrowDown',\n ArrowLeft: 'onArrowLeft',\n ArrowRight: 'onArrowRight',\n Enter: 'onEnter',\n Backspace: 'onBackspace',\n Escape: 'onEscape',\n}\n\nconst keyPropagatePropMapping: Record<Key, keyof PropagateProps> = {\n ArrowUp: 'propagateArrowUp',\n ArrowDown: 'propagateArrowDown',\n ArrowLeft: 'propagateArrowLeft',\n ArrowRight: 'propagateArrowRight',\n Enter: 'propagateEnter',\n Backspace: 'propagateBackspace',\n Escape: 'propagateEscape',\n}\n\ntype KeyCapturerProps = EventHandlerProps &\n PropagateProps & {\n eventName?: 'onKeyDown' | 'onKeyDownCapture' | 'onKeyUp' | 'onKeyUpCapture'\n children: React.ReactElement<unknown>\n }\n\n/**\n * Use this component to wrap anything you want to handle key events for (e.g. an input).\n * You can specify the `eventName` to capture (defaults to `onKeyDown`).\n * Check the SUPPORTED_KEYS map to see which keys are supported and supply the respective\n * `on${Key}` prop (i.e. `onEnter` or `onArrowDown`).\n * If you want the default behaviour to be preserved (i.e. only want to hook into the event\n * instead of replacing it) set the `propagate${Key}` prop (e.g. propagateBackspace).\n */\nfunction KeyCapturer(props: KeyCapturerProps) {\n const { children, eventName = 'onKeyDown' } = props\n const composingRef = React.useRef(false)\n const composingEventHandlers = props.onEnter\n ? {\n onCompositionStart: () => {\n composingRef.current = true\n },\n onCompositionEnd: () => {\n composingRef.current = false\n },\n }\n : undefined\n\n function handleKeyEvent(event: React.KeyboardEvent<HTMLInputElement>) {\n // https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode\n const key =\n event.key !== undefined\n ? KeyCapturerResolver.resolveByKey(event.key)\n : KeyCapturerResolver.resolveByKeyCode(event.keyCode)\n\n if (!key) return\n const propagateEvent = props[keyPropagatePropMapping[key]] || false\n const eventHandler = props[keyEventHandlerMapping[key]]\n\n if (key === 'Enter' && eventHandler) {\n if (\n composingRef.current ||\n // Safari fires the onCompositionEnd event before the keydown event, so we\n // have to rely on the 229 keycode, which is Enter when fired from an IME\n // https://www.w3.org/TR/uievents/#determine-keydown-keyup-keyCode\n (event.keyCode || event.which) === 229\n ) {\n return\n }\n }\n\n if (eventHandler) {\n eventHandler(event)\n if (!propagateEvent) {\n event.preventDefault()\n event.stopPropagation()\n }\n }\n }\n\n return React.cloneElement(children, {\n [eventName]: handleKeyEvent,\n ...composingEventHandlers,\n })\n}\n\nexport { KeyCapturer, KeyCapturerResolver, SUPPORTED_KEYS }\n"],"names":["KeyCapturerResolver","resolveByKey","eventKey","resolveByKeyCode","keyCode","keyEventHandlerMapping","ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Enter","Backspace","Escape","keyPropagatePropMapping","props","children","eventName","composingRef","React","useRef","cloneElement","_objectSpread","[object Object]","event","key","undefined","propagateEvent","eventHandler","current","which","preventDefault","stopPropagation","onEnter","onCompositionStart","onCompositionEnd","ARROW_UP","ARROW_RIGHT","ARROW_DOWN","ARROW_LEFT","ENTER","BACKSPACE","ESCAPE"],"mappings":"2aAIA,MAUMA,EAAsB,CACxBC,aAAaC,GACT,OAAQA,GACJ,IAAK,OACL,IAAK,YACD,MAAO,YAEX,IAAK,KACL,IAAK,UACD,MAAO,UAEX,IAAK,QACL,IAAK,aACD,MAAO,aAEX,IAAK,OACL,IAAK,YACD,MAAO,YAEX,IAAK,QACD,MAAO,QAEX,IAAK,YACD,MAAO,YAEX,IAAK,MACL,IAAK,SACD,MAAO,SAEX,QACI,OAAO,OAKnBC,iBAAiBC,GACb,OAAQA,GACJ,KAAK,GACD,MAAO,YAEX,KAAK,GACD,MAAO,UAEX,KAAK,GACD,MAAO,aAEX,KAAK,GACD,MAAO,YAEX,KAAK,GACD,MAAO,QAEX,KAAK,EACD,MAAO,YAEX,KAAK,GACD,MAAO,SAEX,QACI,OAAO,QA4BjBC,EAA+D,CACjEC,QAAS,YACTC,UAAW,cACXC,UAAW,cACXC,WAAY,eACZC,MAAO,UACPC,UAAW,cACXC,OAAQ,YAGNC,EAA6D,CAC/DP,QAAS,mBACTC,UAAW,qBACXC,UAAW,qBACXC,WAAY,sBACZC,MAAO,iBACPC,UAAW,qBACXC,OAAQ,uCAiBZ,SAAqBE,GACjB,MAAMC,SAAEA,EAAFC,UAAYA,EAAY,aAAgBF,EACxCG,EAAeC,EAAMC,QAAO,GA4ClC,OAAOD,EAAME,aAAaL,EAAnBM,gBAAA,CACHC,CAACN,GAjCL,SAAwBO,GAEpB,MAAMC,OACYC,IAAdF,EAAMC,IACAxB,EAAoBC,aAAasB,EAAMC,KACvCxB,EAAoBG,iBAAiBoB,EAAMnB,SAErD,IAAKoB,EAAK,OACV,MAAME,EAAiBZ,EAAMD,EAAwBW,MAAS,EACxDG,EAAeb,EAAMT,EAAuBmB,IAEtC,UAARA,GAAmBG,IAEfV,EAAaW,SAIsB,OAAlCL,EAAMnB,SAAWmB,EAAMM,SAM5BF,IACAA,EAAaJ,GACRG,IACDH,EAAMO,iBACNP,EAAMQ,sBAtCajB,EAAMkB,QAC/B,CACIC,mBAAoB,KAChBhB,EAAaW,SAAU,GAE3BM,iBAAkB,KACdjB,EAAaW,SAAU,SAG/BH,0DA/IkC,CACxCU,SAAU,UACVC,YAAa,aACbC,WAAY,YACZC,WAAY,YACZC,MAAO,QACPC,UAAW,YACXC,OAAQ"}
1
+ {"version":3,"file":"key-capturer.js","sources":["../../../src/components/key-capturer/key-capturer.tsx"],"sourcesContent":[null],"names":["React","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAM,cAAc,GAAwB;AACxC,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,WAAW,EAAE,YAAY;AACzB,IAAA,UAAU,EAAE,WAAW;AACvB,IAAA,UAAU,EAAE,WAAW;AACvB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,SAAS,EAAE,WAAW;AACtB,IAAA,MAAM,EAAE,QAAQ;EACnB;AAED,IAAM,mBAAmB,GAAG;AACxB,IAAA,YAAY,YAAC,QAAgB,EAAA;AACzB,QAAA,QAAQ,QAAQ;YACZ,KAAK,MAAM,CAAC;YACZ,KAAK,WAAW,EAAE;AACd,gBAAA,OAAO,WAAW,CAAA;AACrB,aAAA;YACD,KAAK,IAAI,CAAC;YACV,KAAK,SAAS,EAAE;AACZ,gBAAA,OAAO,SAAS,CAAA;AACnB,aAAA;YACD,KAAK,OAAO,CAAC;YACb,KAAK,YAAY,EAAE;AACf,gBAAA,OAAO,YAAY,CAAA;AACtB,aAAA;YACD,KAAK,MAAM,CAAC;YACZ,KAAK,WAAW,EAAE;AACd,gBAAA,OAAO,WAAW,CAAA;AACrB,aAAA;YACD,KAAK,OAAO,EAAE;AACV,gBAAA,OAAO,OAAO,CAAA;AACjB,aAAA;YACD,KAAK,WAAW,EAAE;AACd,gBAAA,OAAO,WAAW,CAAA;AACrB,aAAA;YACD,KAAK,KAAK,CAAC;YACX,KAAK,QAAQ,EAAE;AACX,gBAAA,OAAO,QAAQ,CAAA;AAClB,aAAA;AACD,YAAA,SAAS;AACL,gBAAA,OAAO,IAAI,CAAA;AACd,aAAA;AACJ,SAAA;KACJ;AAED,IAAA,gBAAgB,YAAC,OAAe,EAAA;AAC5B,QAAA,QAAQ,OAAO;YACX,KAAK,EAAE,EAAE;AACL,gBAAA,OAAO,WAAW,CAAA;AACrB,aAAA;YACD,KAAK,EAAE,EAAE;AACL,gBAAA,OAAO,SAAS,CAAA;AACnB,aAAA;YACD,KAAK,EAAE,EAAE;AACL,gBAAA,OAAO,YAAY,CAAA;AACtB,aAAA;YACD,KAAK,EAAE,EAAE;AACL,gBAAA,OAAO,WAAW,CAAA;AACrB,aAAA;YACD,KAAK,EAAE,EAAE;AACL,gBAAA,OAAO,OAAO,CAAA;AACjB,aAAA;YACD,KAAK,CAAC,EAAE;AACJ,gBAAA,OAAO,WAAW,CAAA;AACrB,aAAA;YACD,KAAK,EAAE,EAAE;AACL,gBAAA,OAAO,QAAQ,CAAA;AAClB,aAAA;AACD,YAAA,SAAS;AACL,gBAAA,OAAO,IAAI,CAAA;AACd,aAAA;AACJ,SAAA;KACJ;EACJ;AAwBD,IAAM,sBAAsB,GAAyC;AACjE,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,UAAU,EAAE,cAAc;AAC1B,IAAA,KAAK,EAAE,SAAS;AAChB,IAAA,SAAS,EAAE,aAAa;AACxB,IAAA,MAAM,EAAE,UAAU;CACrB,CAAA;AAED,IAAM,uBAAuB,GAAsC;AAC/D,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,SAAS,EAAE,oBAAoB;AAC/B,IAAA,SAAS,EAAE,oBAAoB;AAC/B,IAAA,UAAU,EAAE,qBAAqB;AACjC,IAAA,KAAK,EAAE,gBAAgB;AACvB,IAAA,SAAS,EAAE,oBAAoB;AAC/B,IAAA,MAAM,EAAE,iBAAiB;CAC5B,CAAA;AAQD;;;;;;;AAOG;AACH,SAAS,WAAW,CAAC,KAAuB,EAAA;;AAChC,IAAA,IAAA,QAAQ,GAA8B,KAAK,CAAA,QAAnC,EAAE,EAAA,GAA4B,KAAK,CAAA,SAAV,EAAvB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,WAAW,KAAA,CAAU;IACnD,IAAM,YAAY,GAAGA,gBAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;AACxC,IAAA,IAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO;AACxC,UAAE;AACI,YAAA,kBAAkB,EAAE,YAAA;AAChB,gBAAA,YAAY,CAAC,OAAO,GAAG,IAAI,CAAA;aAC9B;AACD,YAAA,gBAAgB,EAAE,YAAA;AACd,gBAAA,YAAY,CAAC,OAAO,GAAG,KAAK,CAAA;aAC/B;AACJ,SAAA;UACD,SAAS,CAAA;IAEf,SAAS,cAAc,CAAC,KAA4C,EAAA;;AAEhE,QAAA,IAAM,GAAG,GACL,KAAK,CAAC,GAAG,KAAK,SAAS;cACjB,mBAAmB,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;cAC3C,mBAAmB,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;AAE7D,QAAA,IAAI,CAAC,GAAG;YAAE,OAAM;QAChB,IAAM,cAAc,GAAG,KAAK,CAAC,uBAAuB,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAA;QACnE,IAAM,YAAY,GAAG,KAAK,CAAC,sBAAsB,CAAC,GAAG,CAAC,CAAC,CAAA;AAEvD,QAAA,IAAI,GAAG,KAAK,OAAO,IAAI,YAAY,EAAE;YACjC,IACI,YAAY,CAAC,OAAO;;;;gBAIpB,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,MAAM,GAAG,EACxC;gBACE,OAAM;AACT,aAAA;AACJ,SAAA;AAED,QAAA,IAAI,YAAY,EAAE;YACd,YAAY,CAAC,KAAK,CAAC,CAAA;YACnB,IAAI,CAAC,cAAc,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,KAAK,CAAC,eAAe,EAAE,CAAA;AAC1B,aAAA;AACJ,SAAA;KACJ;AAED,IAAA,OAAOA,gBAAK,CAAC,YAAY,CAAC,QAAQ,EAAAC,cAAA,EAAA,EAAA,GAAA,EAAA,EAAA,EAAA,CAC7B,SAAS,CAAA,GAAG,cAAc,EAAA,EAAA,GACxB,sBAAsB,CAAA,CAC3B,CAAA;AACN;;;;;;"}
@@ -1,2 +1,2 @@
1
- import { KeyboardShortcut } from './keyboard-shortcut';
2
- export default KeyboardShortcut;
1
+ import { KeyboardShortcut } from './keyboard-shortcut';
2
+ export default KeyboardShortcut;
@@ -1,2 +1,10 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./keyboard-shortcut.js");exports.default=e.KeyboardShortcut;
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var keyboardShortcut = require('./keyboard-shortcut.js');
6
+
7
+
8
+
9
+ exports["default"] = keyboardShortcut.KeyboardShortcut;
2
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,44 +1,44 @@
1
- import * as React from 'react';
2
- declare let globalTranslateKey: (key: string) => string;
3
- type TranslateKey = typeof globalTranslateKey;
4
- type NativeSpanProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
5
- type Props = Omit<NativeSpanProps, 'children'> & {
6
- /**
7
- * The shortcut to be represented as markup. It supports an intuitive syntax where you can
8
- * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.
9
- * You can also pass various shortcuts as an array, which will be depicted separated by commas.
10
- */
11
- children: string | string[];
12
- /**
13
- * A function that allows you to change how some key names are represented. This may be useful,
14
- * for instance, to translate modifier names that are expressed differently in other languages
15
- * (e.g. `Ctrl` is named `Strg` in German).
16
- *
17
- * It defaults to a global version that leaves the key as is. You can pass your version as a
18
- * prop, or you can also set your own version of this global default one, so you don't need to
19
- * pass your own on each invocation of this component.
20
- *
21
- * ```js
22
- * import { KeyboardShortcut } from '@doist/reactist'
23
- * KeyboardShortcut.setTranslateKey = key => { ... }
24
- * ```
25
- *
26
- * Note: When the component detects the macOS operating system it bypasses key translation for
27
- * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.
28
- */
29
- translateKey?: TranslateKey;
30
- /**
31
- * This prop is not meant to be passed. The component will automatically initialize it to `true`
32
- * if it detects that the current browser / operating system is on macOS, in which case modifier
33
- * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).
34
- *
35
- * Though it is discouraged, if you don't want this special treatment in macOS, you can pass
36
- * `isMac={false}` in all invocations of this component.
37
- */
38
- isMac?: boolean;
39
- };
40
- declare function KeyboardShortcut({ children, className, translateKey, isMac, ...props }: Props): React.JSX.Element;
41
- declare namespace KeyboardShortcut {
42
- var setTranslateKey: (tr: (key: string) => string) => void;
43
- }
44
- export { KeyboardShortcut };
1
+ import * as React from 'react';
2
+ declare let globalTranslateKey: (key: string) => string;
3
+ type TranslateKey = typeof globalTranslateKey;
4
+ type NativeSpanProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
5
+ type Props = Omit<NativeSpanProps, 'children'> & {
6
+ /**
7
+ * The shortcut to be represented as markup. It supports an intuitive syntax where you can
8
+ * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.
9
+ * You can also pass various shortcuts as an array, which will be depicted separated by commas.
10
+ */
11
+ children: string | string[];
12
+ /**
13
+ * A function that allows you to change how some key names are represented. This may be useful,
14
+ * for instance, to translate modifier names that are expressed differently in other languages
15
+ * (e.g. `Ctrl` is named `Strg` in German).
16
+ *
17
+ * It defaults to a global version that leaves the key as is. You can pass your version as a
18
+ * prop, or you can also set your own version of this global default one, so you don't need to
19
+ * pass your own on each invocation of this component.
20
+ *
21
+ * ```js
22
+ * import { KeyboardShortcut } from '@doist/reactist'
23
+ * KeyboardShortcut.setTranslateKey = key => { ... }
24
+ * ```
25
+ *
26
+ * Note: When the component detects the macOS operating system it bypasses key translation for
27
+ * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.
28
+ */
29
+ translateKey?: TranslateKey;
30
+ /**
31
+ * This prop is not meant to be passed. The component will automatically initialize it to `true`
32
+ * if it detects that the current browser / operating system is on macOS, in which case modifier
33
+ * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).
34
+ *
35
+ * Though it is discouraged, if you don't want this special treatment in macOS, you can pass
36
+ * `isMac={false}` in all invocations of this component.
37
+ */
38
+ isMac?: boolean;
39
+ };
40
+ declare function KeyboardShortcut({ children, className, translateKey, isMac, ...props }: Props): React.JSX.Element;
41
+ declare namespace KeyboardShortcut {
42
+ var setTranslateKey: (tr: (key: string) => string) => void;
43
+ }
44
+ export { KeyboardShortcut };
@@ -1,2 +1,98 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),r=require("classnames");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,t}var n=c(t),s=a(r);const o=["children","className","translateKey","isMac"];let l=e=>e;function u(e){switch(e.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return e}}function i(t){var r;let{children:a,className:c,translateKey:i=l,isMac:d=(null==(r=navigator.platform)?void 0:r.toUpperCase().includes("MAC"))??!1}=t,p=e.objectWithoutProperties(t,o);const f="string"==typeof a?[a]:a;return n.createElement("span",e.objectSpread2({className:s.default("reactist_keyboard_shortcut",c,{"reactist_keyboard_shortcut--macos":d})},p),f.map((e,t)=>n.createElement(n.Fragment,{key:t},0===t?null:", ",n.createElement("kbd",null,function(e,t,r){const a=t?u:r,c=/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(e);return t||(e=e.replace(/\b(mod|cmd)\b/i,"ctrl")),e.split(/\s*\+\s*/).map((function(e){return function(e){return/^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(e)}(e)?function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}(a(e)):c&&1===e.length?e.toUpperCase():e}))}(e,d,i).map((e,t)=>n.createElement("kbd",{key:t},e))))))}i.setTranslateKey=e=>{l=e},exports.KeyboardShortcut=i;
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tslib = require('tslib');
6
+ var React = require('react');
7
+ var classNames = require('classnames');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ function _interopNamespace(e) {
12
+ if (e && e.__esModule) return e;
13
+ var n = Object.create(null);
14
+ if (e) {
15
+ Object.keys(e).forEach(function (k) {
16
+ if (k !== 'default') {
17
+ var d = Object.getOwnPropertyDescriptor(e, k);
18
+ Object.defineProperty(n, k, d.get ? d : {
19
+ enumerable: true,
20
+ get: function () { return e[k]; }
21
+ });
22
+ }
23
+ });
24
+ }
25
+ n["default"] = e;
26
+ return Object.freeze(n);
27
+ }
28
+
29
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
+ var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
31
+
32
+ //
33
+ // Support for setting up how to translate modifiers globally.
34
+ //
35
+ var globalTranslateKey = function (key) { return key; };
36
+ KeyboardShortcut.setTranslateKey = function (tr) {
37
+ globalTranslateKey = tr;
38
+ };
39
+ function translateKeyMac(key) {
40
+ switch (key.toLowerCase()) {
41
+ case 'cmd':
42
+ case 'mod':
43
+ return '⌘';
44
+ case 'control':
45
+ case 'ctrl':
46
+ return '⌃';
47
+ case 'alt':
48
+ return '⌥';
49
+ case 'shift':
50
+ return '⇧';
51
+ case 'space':
52
+ return '␣';
53
+ default:
54
+ return key;
55
+ }
56
+ }
57
+ //
58
+ // Some helpers
59
+ //
60
+ function capitalize(str) {
61
+ return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase();
62
+ }
63
+ function hasModifiers(str) {
64
+ return /\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(str);
65
+ }
66
+ function isSpecialKey(str) {
67
+ return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str);
68
+ }
69
+ function parseKeys(shortcut, isMac, translateKey) {
70
+ var t = isMac ? translateKeyMac : translateKey;
71
+ var _hasModifiers = hasModifiers(shortcut);
72
+ function mapIndividualKey(str) {
73
+ if (isSpecialKey(str)) {
74
+ return capitalize(t(str));
75
+ }
76
+ if (_hasModifiers && str.length === 1) {
77
+ return str.toUpperCase();
78
+ }
79
+ return str;
80
+ }
81
+ if (!isMac) {
82
+ shortcut = shortcut.replace(/\b(mod|cmd)\b/i, 'ctrl');
83
+ }
84
+ return shortcut.split(/\s*\+\s*/).map(mapIndividualKey);
85
+ }
86
+ function KeyboardShortcut(_a) {
87
+ var _b, _c;
88
+ var children = _a.children, className = _a.className, _d = _a.translateKey, translateKey = _d === void 0 ? globalTranslateKey : _d, _e = _a.isMac, isMac = _e === void 0 ? (_c = (_b = navigator.platform) === null || _b === void 0 ? void 0 : _b.toUpperCase().includes('MAC')) !== null && _c !== void 0 ? _c : false : _e, props = tslib.__rest(_a, ["children", "className", "translateKey", "isMac"]);
89
+ var shortcuts = typeof children === 'string' ? [children] : children;
90
+ return (React__namespace.createElement("span", tslib.__assign({ className: classNames__default["default"]('reactist_keyboard_shortcut', className, {
91
+ 'reactist_keyboard_shortcut--macos': isMac
92
+ }) }, props), shortcuts.map(function (shortcut, i) { return (React__namespace.createElement(React__namespace.Fragment, { key: i },
93
+ i === 0 ? null : ', ',
94
+ React__namespace.createElement("kbd", null, parseKeys(shortcut, isMac, translateKey).map(function (key, j) { return (React__namespace.createElement("kbd", { key: j }, key)); })))); })));
95
+ }
96
+
97
+ exports.KeyboardShortcut = KeyboardShortcut;
2
98
  //# sourceMappingURL=keyboard-shortcut.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n switch (key.toLowerCase()) {\n case 'cmd':\n case 'mod':\n return '⌘'\n case 'control':\n case 'ctrl':\n return '⌃'\n case 'alt':\n return '⌥'\n case 'shift':\n return '⇧'\n case 'space':\n return '␣'\n default:\n return key\n }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n const t = isMac ? translateKeyMac : translateKey\n const _hasModifiers = hasModifiers(shortcut)\n\n function mapIndividualKey(str: string) {\n if (isSpecialKey(str)) {\n return capitalize(t(str))\n }\n if (_hasModifiers && str.length === 1) {\n return str.toUpperCase()\n }\n return str\n }\n\n if (!isMac) {\n shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n }\n\n return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n React.HTMLAttributes<HTMLSpanElement>,\n HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n /**\n * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n */\n children: string | string[]\n /**\n * A function that allows you to change how some key names are represented. This may be useful,\n * for instance, to translate modifier names that are expressed differently in other languages\n * (e.g. `Ctrl` is named `Strg` in German).\n *\n * It defaults to a global version that leaves the key as is. You can pass your version as a\n * prop, or you can also set your own version of this global default one, so you don't need to\n * pass your own on each invocation of this component.\n *\n * ```js\n * import { KeyboardShortcut } from '@doist/reactist'\n * KeyboardShortcut.setTranslateKey = key => { ... }\n * ```\n *\n * Note: When the component detects the macOS operating system it bypasses key translation for\n * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n */\n translateKey?: TranslateKey\n /**\n * This prop is not meant to be passed. The component will automatically initialize it to `true`\n * if it detects that the current browser / operating system is on macOS, in which case modifier\n * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n *\n * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n * `isMac={false}` in all invocations of this component.\n */\n isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n children,\n className,\n translateKey = globalTranslateKey,\n isMac = navigator.platform?.toUpperCase().includes('MAC') ?? false,\n ...props\n}: Props) {\n const shortcuts = typeof children === 'string' ? [children] : children\n return (\n <span\n className={classNames('reactist_keyboard_shortcut', className, {\n 'reactist_keyboard_shortcut--macos': isMac,\n })}\n {...props}\n >\n {shortcuts.map((shortcut, i) => (\n <React.Fragment key={i}>\n {i === 0 ? null : ', '}\n <kbd>\n {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n <kbd key={j}>{key}</kbd>\n ))}\n </kbd>\n </React.Fragment>\n ))}\n </span>\n )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","translateKeyMac","toLowerCase","KeyboardShortcut","_ref","_navigator$platform","children","className","translateKey","isMac","toUpperCase","navigator","platform","includes","props","_objectWithoutProperties","objectWithoutProperties","_excluded","shortcuts","React","_objectSpread","classNames","reactist_keyboard_shortcut--macos","map","shortcut","i","createElement","Fragment","t","_hasModifiers","test","replace","split","str","isSpecialKey","charAt","slice","capitalize","length","parseKeys","j","setTranslateKey","tr"],"mappings":"8kBAOA,IAAIA,EAAsBC,GAAgBA,EAQ1C,SAASC,EAAgBD,GACrB,OAAQA,EAAIE,eACR,IAAK,MACL,IAAK,MACD,MAAO,IACX,IAAK,UACL,IAAK,OACD,MAAO,IACX,IAAK,MACD,MAAO,IACX,IAAK,QACD,MAAO,IACX,IAAK,QACD,MAAO,IACX,QACI,OAAOF,GAsFnB,SAASG,EAMDC,GAAA,IAAAC,EAAA,IANkBC,SACtBA,EADsBC,UAEtBA,EAFsBC,aAGtBA,EAAeT,EAHOU,MAItBA,GAA4BC,OAApBC,EAAAA,UAAUC,eAAUF,EAAAA,EAAAA,cAAcG,SAAS,UAAU,GAEzDT,EADDU,EACCC,EAAAC,wBAAAZ,EAAAa,GACJ,MAAMC,EAAgC,iBAAbZ,EAAwB,CAACA,GAAYA,EAC9D,OACIa,uBAAAC,gBAAA,CACIb,UAAWc,EAAAA,QAAW,6BAA8Bd,EAAW,CAC3De,oCAAqCb,KAErCK,GAEHI,EAAUK,IAAI,CAACC,EAAUC,IACtBN,EAACO,cAAAP,EAAMQ,SAAQ,CAAC3B,IAAKyB,GACV,IAANA,EAAU,KAAO,KAClBN,EAAAO,cAAA,MAAA,KApFpB,SAAmBF,EAAkBf,EAAgBD,GACjD,MAAMoB,EAAInB,EAAQR,EAAkBO,EAC9BqB,EATC,wCAAwCC,KASZN,GAgBnC,OAJKf,IACDe,EAAWA,EAASO,QAAQ,iBAAkB,SAG3CP,EAASQ,MAAM,YAAYT,KAdlC,SAA0BU,GACtB,OATR,SAAsBA,GAClB,MAAO,kDAAkDH,KAAKG,GAQtDC,CAAaD,GAjBzB,SAAoBA,GAChB,OAAOA,EAAIE,OAAO,GAAGzB,cAAgBuB,EAAIG,MAAM,GAAGlC,cAiBnCmC,CAAWT,EAAEK,IAEpBJ,GAAgC,IAAfI,EAAIK,OACdL,EAAIvB,cAERuB,KA0EUM,CAAUf,EAAUf,EAAOD,GAAce,IAAI,CAACvB,EAAKwC,IAChDrB,EAAKO,cAAA,MAAA,CAAA1B,IAAKwC,GAAIxC,QA7H1CG,EAAiBsC,gBAAmBC,IAChC3C,EAAqB2C"}
1
+ {"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":[null],"names":["__rest","React","classNames"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import { ProgressBar } from './progress-bar';
2
- export default ProgressBar;
1
+ import { ProgressBar } from './progress-bar';
2
+ export default ProgressBar;
@@ -1,2 +1,10 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./progress-bar.js");exports.default=e.ProgressBar;
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var progressBar = require('./progress-bar.js');
6
+
7
+
8
+
9
+ exports["default"] = progressBar.ProgressBar;
2
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -1,14 +1,14 @@
1
- import * as React from 'react';
2
- type Props = {
3
- /** Additional css class applied to the progress bar. */
4
- className?: string;
5
- /** How much of the progress bar should be filled. Number between 0 and 100 inclusive. */
6
- fillPercentage?: number;
7
- /** Defines the human readable text alternative for assitive technologies. */
8
- 'aria-valuetext'?: string;
9
- };
10
- declare function ProgressBar({ fillPercentage, className, 'aria-valuetext': ariaValuetext }: Props): React.JSX.Element;
11
- declare namespace ProgressBar {
12
- var displayName: string;
13
- }
14
- export { ProgressBar };
1
+ import * as React from 'react';
2
+ type Props = {
3
+ /** Additional css class applied to the progress bar. */
4
+ className?: string;
5
+ /** How much of the progress bar should be filled. Number between 0 and 100 inclusive. */
6
+ fillPercentage?: number;
7
+ /** Defines the human readable text alternative for assitive technologies. */
8
+ 'aria-valuetext'?: string;
9
+ };
10
+ declare function ProgressBar({ fillPercentage, className, 'aria-valuetext': ariaValuetext }: Props): React.JSX.Element;
11
+ declare namespace ProgressBar {
12
+ var displayName: string;
13
+ }
14
+ export { ProgressBar };