@lumx/react 3.0.2-alpha-react-utils.2 → 3.0.2-alpha-react-utils.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 (357) hide show
  1. package/_internal/{6340c129.js → ClickAwayProvider.js} +107 -2
  2. package/_internal/ClickAwayProvider.js.map +1 -0
  3. package/_internal/{eca6d4dc.d.ts → types.d.ts} +1 -1
  4. package/index.d.ts +2627 -56
  5. package/index.js +12438 -56
  6. package/index.js.map +1 -1
  7. package/package.json +4 -4
  8. package/utils/index.d.ts +1 -1
  9. package/utils/index.js +1 -1
  10. package/_internal/0062d1bc.js +0 -220
  11. package/_internal/0062d1bc.js.map +0 -1
  12. package/_internal/03e8323d.d.ts +0 -118
  13. package/_internal/0402f9bc.d.ts +0 -183
  14. package/_internal/0b370acc.js +0 -796
  15. package/_internal/0b370acc.js.map +0 -1
  16. package/_internal/0d154d73.d.ts +0 -67
  17. package/_internal/113e3b40.d.ts +0 -31
  18. package/_internal/12ab39e4.js +0 -58
  19. package/_internal/12ab39e4.js.map +0 -1
  20. package/_internal/13e759f3.js +0 -343
  21. package/_internal/13e759f3.js.map +0 -1
  22. package/_internal/158b46d5.js +0 -151
  23. package/_internal/158b46d5.js.map +0 -1
  24. package/_internal/17b74e16.d.ts +0 -31
  25. package/_internal/1b1530a4.d.ts +0 -43
  26. package/_internal/20976405.js +0 -87
  27. package/_internal/20976405.js.map +0 -1
  28. package/_internal/20b0e9a5.d.ts +0 -77
  29. package/_internal/26cd9c63.js +0 -118
  30. package/_internal/26cd9c63.js.map +0 -1
  31. package/_internal/27f21164.js +0 -79
  32. package/_internal/27f21164.js.map +0 -1
  33. package/_internal/288dfd0f.js +0 -13
  34. package/_internal/288dfd0f.js.map +0 -1
  35. package/_internal/28aaf23a.d.ts +0 -41
  36. package/_internal/2c829c0b.d.ts +0 -57
  37. package/_internal/2cc0aec5.js +0 -86
  38. package/_internal/2cc0aec5.js.map +0 -1
  39. package/_internal/2d0a5b28.js +0 -23
  40. package/_internal/2d0a5b28.js.map +0 -1
  41. package/_internal/2d4b5a5e.d.ts +0 -92
  42. package/_internal/2d770113.d.ts +0 -38
  43. package/_internal/2fe97f00.js +0 -291
  44. package/_internal/2fe97f00.js.map +0 -1
  45. package/_internal/31c16fa0.d.ts +0 -37
  46. package/_internal/329a01d3.js +0 -25
  47. package/_internal/329a01d3.js.map +0 -1
  48. package/_internal/3326e990.js +0 -168
  49. package/_internal/3326e990.js.map +0 -1
  50. package/_internal/377b2f44.js +0 -70
  51. package/_internal/377b2f44.js.map +0 -1
  52. package/_internal/3b8d2a6e.js +0 -124
  53. package/_internal/3b8d2a6e.js.map +0 -1
  54. package/_internal/3bd3186e.d.ts +0 -57
  55. package/_internal/48e40868.js +0 -101
  56. package/_internal/48e40868.js.map +0 -1
  57. package/_internal/490ec1da.js +0 -322
  58. package/_internal/490ec1da.js.map +0 -1
  59. package/_internal/49127d69.d.ts +0 -52
  60. package/_internal/4dcd87cb.js +0 -78
  61. package/_internal/4dcd87cb.js.map +0 -1
  62. package/_internal/4f44d848.js +0 -157
  63. package/_internal/4f44d848.js.map +0 -1
  64. package/_internal/4fc64a2e.js +0 -27
  65. package/_internal/4fc64a2e.js.map +0 -1
  66. package/_internal/53a831be.js +0 -108
  67. package/_internal/53a831be.js.map +0 -1
  68. package/_internal/55271fa1.d.ts +0 -34
  69. package/_internal/55d30377.d.ts +0 -22
  70. package/_internal/56385b04.js +0 -116
  71. package/_internal/56385b04.js.map +0 -1
  72. package/_internal/599e250a.d.ts +0 -88
  73. package/_internal/5a054691.d.ts +0 -33
  74. package/_internal/5a127b58.js +0 -82
  75. package/_internal/5a127b58.js.map +0 -1
  76. package/_internal/5a1c0db4.js +0 -156
  77. package/_internal/5a1c0db4.js.map +0 -1
  78. package/_internal/5babcc39.js +0 -147
  79. package/_internal/5babcc39.js.map +0 -1
  80. package/_internal/5c1bf4d4.d.ts +0 -81
  81. package/_internal/5d8ed4ee.js +0 -113
  82. package/_internal/5d8ed4ee.js.map +0 -1
  83. package/_internal/616f2912.js +0 -301
  84. package/_internal/616f2912.js.map +0 -1
  85. package/_internal/61f915de.d.ts +0 -49
  86. package/_internal/620081fa.js +0 -122
  87. package/_internal/620081fa.js.map +0 -1
  88. package/_internal/6340c129.js.map +0 -1
  89. package/_internal/6581c863.d.ts +0 -34
  90. package/_internal/66de4d45.d.ts +0 -32
  91. package/_internal/6735c5c8.d.ts +0 -62
  92. package/_internal/69dd1472.js +0 -112
  93. package/_internal/69dd1472.js.map +0 -1
  94. package/_internal/6a0e1c77.js +0 -327
  95. package/_internal/6a0e1c77.js.map +0 -1
  96. package/_internal/701c20b0.d.ts +0 -24
  97. package/_internal/7391188a.js +0 -81
  98. package/_internal/7391188a.js.map +0 -1
  99. package/_internal/74cb6c26.js +0 -136
  100. package/_internal/74cb6c26.js.map +0 -1
  101. package/_internal/761031bf.js +0 -314
  102. package/_internal/761031bf.js.map +0 -1
  103. package/_internal/76fed69d.js +0 -50
  104. package/_internal/76fed69d.js.map +0 -1
  105. package/_internal/78ef8e34.js +0 -40
  106. package/_internal/78ef8e34.js.map +0 -1
  107. package/_internal/7b906e16.d.ts +0 -17
  108. package/_internal/7be11ddc.d.ts +0 -35
  109. package/_internal/7d39705e.d.ts +0 -20
  110. package/_internal/7e03266f.js +0 -47
  111. package/_internal/7e03266f.js.map +0 -1
  112. package/_internal/7e8d0ac5.js +0 -84
  113. package/_internal/7e8d0ac5.js.map +0 -1
  114. package/_internal/7ffa45f6.js +0 -48
  115. package/_internal/7ffa45f6.js.map +0 -1
  116. package/_internal/84c1ec44.js +0 -257
  117. package/_internal/84c1ec44.js.map +0 -1
  118. package/_internal/8518279f.js +0 -96
  119. package/_internal/8518279f.js.map +0 -1
  120. package/_internal/853713cd.js +0 -25
  121. package/_internal/853713cd.js.map +0 -1
  122. package/_internal/86566d75.d.ts +0 -27
  123. package/_internal/86d22dde.d.ts +0 -57
  124. package/_internal/8e755ded.d.ts +0 -101
  125. package/_internal/901471f5.d.ts +0 -37
  126. package/_internal/935ce959.d.ts +0 -49
  127. package/_internal/97089888.d.ts +0 -16
  128. package/_internal/97cc728c.d.ts +0 -26
  129. package/_internal/9ab3c637.js +0 -2474
  130. package/_internal/9ab3c637.js.map +0 -1
  131. package/_internal/9ca3f59c.js +0 -60
  132. package/_internal/9ca3f59c.js.map +0 -1
  133. package/_internal/9e95ea38.d.ts +0 -43
  134. package/_internal/a0108f92.js +0 -84
  135. package/_internal/a0108f92.js.map +0 -1
  136. package/_internal/a493a193.d.ts +0 -65
  137. package/_internal/a521723d.js +0 -120
  138. package/_internal/a521723d.js.map +0 -1
  139. package/_internal/a6fad025.d.ts +0 -107
  140. package/_internal/a8fa525f.js +0 -124
  141. package/_internal/a8fa525f.js.map +0 -1
  142. package/_internal/aca2ecf5.js +0 -141
  143. package/_internal/aca2ecf5.js.map +0 -1
  144. package/_internal/aef2ef1c.js +0 -53
  145. package/_internal/aef2ef1c.js.map +0 -1
  146. package/_internal/af048b0c.js +0 -89
  147. package/_internal/af048b0c.js.map +0 -1
  148. package/_internal/af2cd0cd.d.ts +0 -17
  149. package/_internal/afec6b62.js +0 -864
  150. package/_internal/afec6b62.js.map +0 -1
  151. package/_internal/b0eb3a30.js +0 -72
  152. package/_internal/b0eb3a30.js.map +0 -1
  153. package/_internal/b89517ea.js +0 -275
  154. package/_internal/b89517ea.js.map +0 -1
  155. package/_internal/bafa6fcc.js +0 -116
  156. package/_internal/bafa6fcc.js.map +0 -1
  157. package/_internal/bbbeb49e.js +0 -47
  158. package/_internal/bbbeb49e.js.map +0 -1
  159. package/_internal/c11f6162.d.ts +0 -52
  160. package/_internal/c723dab4.js +0 -133
  161. package/_internal/c723dab4.js.map +0 -1
  162. package/_internal/c87cc857.d.ts +0 -42
  163. package/_internal/c97f8d04.js +0 -424
  164. package/_internal/c97f8d04.js.map +0 -1
  165. package/_internal/cbb373ea.d.ts +0 -6
  166. package/_internal/cbef23b6.d.ts +0 -104
  167. package/_internal/cdf77f06.d.ts +0 -88
  168. package/_internal/d350f2ff.js +0 -105
  169. package/_internal/d350f2ff.js.map +0 -1
  170. package/_internal/d71a8cf7.js +0 -54
  171. package/_internal/d71a8cf7.js.map +0 -1
  172. package/_internal/d9337952.js +0 -96
  173. package/_internal/d9337952.js.map +0 -1
  174. package/_internal/def14e1a.d.ts +0 -24
  175. package/_internal/e0cd29c7.d.ts +0 -35
  176. package/_internal/e354228f.js +0 -145
  177. package/_internal/e354228f.js.map +0 -1
  178. package/_internal/e3922a05.d.ts +0 -22
  179. package/_internal/e3cb6177.d.ts +0 -75
  180. package/_internal/e810c841.d.ts +0 -182
  181. package/_internal/ea700b01.d.ts +0 -43
  182. package/_internal/eed07003.js +0 -122
  183. package/_internal/eed07003.js.map +0 -1
  184. package/_internal/f1c9b334.d.ts +0 -22
  185. package/_internal/f3c3a674.js +0 -281
  186. package/_internal/f3c3a674.js.map +0 -1
  187. package/_internal/f571cdcd.js +0 -132
  188. package/_internal/f571cdcd.js.map +0 -1
  189. package/_internal/f5bdff7e.js +0 -282
  190. package/_internal/f5bdff7e.js.map +0 -1
  191. package/_internal/f851fc00.d.ts +0 -34
  192. package/_internal/f859b007.d.ts +0 -49
  193. package/_internal/fb384b79.d.ts +0 -38
  194. package/_internal/fc4c034b.js +0 -63
  195. package/_internal/fc4c034b.js.map +0 -1
  196. package/_internal/fc608bd9.js +0 -16
  197. package/_internal/fc608bd9.js.map +0 -1
  198. package/_internal/fd1f4d68.d.ts +0 -36
  199. package/_internal/fd867c9d.js +0 -346
  200. package/_internal/fd867c9d.js.map +0 -1
  201. package/_internal/ff8081e5.js +0 -57
  202. package/_internal/ff8081e5.js.map +0 -1
  203. package/_internal/ffd1bfe3.js +0 -123
  204. package/_internal/ffd1bfe3.js.map +0 -1
  205. package/components/alert-dialog.d.ts +0 -6
  206. package/components/alert-dialog.js +0 -2
  207. package/components/alert-dialog.js.map +0 -1
  208. package/components/autocomplete.d.ts +0 -8
  209. package/components/autocomplete.js +0 -2
  210. package/components/autocomplete.js.map +0 -1
  211. package/components/avatar.d.ts +0 -4
  212. package/components/avatar.js +0 -2
  213. package/components/avatar.js.map +0 -1
  214. package/components/badge.d.ts +0 -3
  215. package/components/badge.js +0 -2
  216. package/components/badge.js.map +0 -1
  217. package/components/button.d.ts +0 -8
  218. package/components/button.js +0 -4
  219. package/components/button.js.map +0 -1
  220. package/components/checkbox.d.ts +0 -3
  221. package/components/checkbox.js +0 -2
  222. package/components/checkbox.js.map +0 -1
  223. package/components/chip.d.ts +0 -3
  224. package/components/chip.js +0 -3
  225. package/components/chip.js.map +0 -1
  226. package/components/comment-block.d.ts +0 -5
  227. package/components/comment-block.js +0 -2
  228. package/components/comment-block.js.map +0 -1
  229. package/components/date-picker.d.ts +0 -7
  230. package/components/date-picker.js +0 -2
  231. package/components/date-picker.js.map +0 -1
  232. package/components/dialog.d.ts +0 -3
  233. package/components/dialog.js +0 -2
  234. package/components/dialog.js.map +0 -1
  235. package/components/divider.d.ts +0 -3
  236. package/components/divider.js +0 -2
  237. package/components/divider.js.map +0 -1
  238. package/components/drag-handle.d.ts +0 -3
  239. package/components/drag-handle.js +0 -2
  240. package/components/drag-handle.js.map +0 -1
  241. package/components/dropdown.d.ts +0 -4
  242. package/components/dropdown.js +0 -2
  243. package/components/dropdown.js.map +0 -1
  244. package/components/expansion-panel.d.ts +0 -7
  245. package/components/expansion-panel.js +0 -2
  246. package/components/expansion-panel.js.map +0 -1
  247. package/components/flag.d.ts +0 -3
  248. package/components/flag.js +0 -2
  249. package/components/flag.js.map +0 -1
  250. package/components/flex-box.d.ts +0 -3
  251. package/components/flex-box.js +0 -2
  252. package/components/flex-box.js.map +0 -1
  253. package/components/generic-block.d.ts +0 -4
  254. package/components/generic-block.js +0 -2
  255. package/components/generic-block.js.map +0 -1
  256. package/components/grid.d.ts +0 -3
  257. package/components/grid.js +0 -2
  258. package/components/grid.js.map +0 -1
  259. package/components/heading.d.ts +0 -4
  260. package/components/heading.js +0 -2
  261. package/components/heading.js.map +0 -1
  262. package/components/icon.d.ts +0 -3
  263. package/components/icon.js +0 -2
  264. package/components/icon.js.map +0 -1
  265. package/components/image-block.d.ts +0 -4
  266. package/components/image-block.js +0 -2
  267. package/components/image-block.js.map +0 -1
  268. package/components/input-helper.d.ts +0 -3
  269. package/components/input-helper.js +0 -2
  270. package/components/input-helper.js.map +0 -1
  271. package/components/input-label.d.ts +0 -3
  272. package/components/input-label.js +0 -2
  273. package/components/input-label.js.map +0 -1
  274. package/components/lightbox.d.ts +0 -7
  275. package/components/lightbox.js +0 -2
  276. package/components/lightbox.js.map +0 -1
  277. package/components/link-preview.d.ts +0 -5
  278. package/components/link-preview.js +0 -2
  279. package/components/link-preview.js.map +0 -1
  280. package/components/link.d.ts +0 -3
  281. package/components/link.js +0 -2
  282. package/components/link.js.map +0 -1
  283. package/components/list.d.ts +0 -3
  284. package/components/list.js +0 -3
  285. package/components/list.js.map +0 -1
  286. package/components/message.d.ts +0 -3
  287. package/components/message.js +0 -2
  288. package/components/message.js.map +0 -1
  289. package/components/mosaic.d.ts +0 -4
  290. package/components/mosaic.js +0 -2
  291. package/components/mosaic.js.map +0 -1
  292. package/components/notification.d.ts +0 -3
  293. package/components/notification.js +0 -2
  294. package/components/notification.js.map +0 -1
  295. package/components/popover.d.ts +0 -3
  296. package/components/popover.js +0 -2
  297. package/components/popover.js.map +0 -1
  298. package/components/post-block.d.ts +0 -4
  299. package/components/post-block.js +0 -2
  300. package/components/post-block.js.map +0 -1
  301. package/components/progress-tracker.d.ts +0 -3
  302. package/components/progress-tracker.js +0 -2
  303. package/components/progress-tracker.js.map +0 -1
  304. package/components/progress.d.ts +0 -3
  305. package/components/progress.js +0 -2
  306. package/components/progress.js.map +0 -1
  307. package/components/radio-button.d.ts +0 -3
  308. package/components/radio-button.js +0 -2
  309. package/components/radio-button.js.map +0 -1
  310. package/components/select.d.ts +0 -7
  311. package/components/select.js +0 -2
  312. package/components/select.js.map +0 -1
  313. package/components/side-navigation.d.ts +0 -7
  314. package/components/side-navigation.js +0 -2
  315. package/components/side-navigation.js.map +0 -1
  316. package/components/skeleton.d.ts +0 -3
  317. package/components/skeleton.js +0 -2
  318. package/components/skeleton.js.map +0 -1
  319. package/components/slider.d.ts +0 -3
  320. package/components/slider.js +0 -2
  321. package/components/slider.js.map +0 -1
  322. package/components/slideshow.d.ts +0 -7
  323. package/components/slideshow.js +0 -2
  324. package/components/slideshow.js.map +0 -1
  325. package/components/switch.d.ts +0 -3
  326. package/components/switch.js +0 -2
  327. package/components/switch.js.map +0 -1
  328. package/components/table.d.ts +0 -3
  329. package/components/table.js +0 -2
  330. package/components/table.js.map +0 -1
  331. package/components/tabs.d.ts +0 -4
  332. package/components/tabs.js +0 -2
  333. package/components/tabs.js.map +0 -1
  334. package/components/text-field.d.ts +0 -7
  335. package/components/text-field.js +0 -2
  336. package/components/text-field.js.map +0 -1
  337. package/components/text.d.ts +0 -3
  338. package/components/text.js +0 -2
  339. package/components/text.js.map +0 -1
  340. package/components/thumbnail.d.ts +0 -4
  341. package/components/thumbnail.js +0 -3
  342. package/components/thumbnail.js.map +0 -1
  343. package/components/toolbar.d.ts +0 -3
  344. package/components/toolbar.js +0 -2
  345. package/components/toolbar.js.map +0 -1
  346. package/components/tooltip.d.ts +0 -4
  347. package/components/tooltip.js +0 -2
  348. package/components/tooltip.js.map +0 -1
  349. package/components/uploader.d.ts +0 -3
  350. package/components/uploader.js +0 -2
  351. package/components/uploader.js.map +0 -1
  352. package/components/user-block.d.ts +0 -5
  353. package/components/user-block.js +0 -2
  354. package/components/user-block.js.map +0 -1
  355. package/components.d.ts +0 -2
  356. package/components.js +0 -156
  357. package/components.js.map +0 -1
@@ -1,84 +0,0 @@
1
- import { b as _objectWithoutProperties, c as _extends, _ as _objectSpread2 } from './6340c129.js';
2
- import { Emphasis, Size, Theme } from '../components.js';
3
- import React, { forwardRef } from 'react';
4
- import { g as getRootClassName, c as classnames, a as getBasicClass } from './fd867c9d.js';
5
- import { I as Icon } from './a521723d.js';
6
- import isEmpty from 'lodash/isEmpty';
7
- import { B as ButtonRoot } from './74cb6c26.js';
8
-
9
- /**
10
- * Button emphasis definition.
11
- * @deprecated Use Emphasis instead.
12
- */
13
-
14
- var ButtonEmphasis = Emphasis;
15
- /**
16
- * Defines the props of the component.
17
- */
18
-
19
- /**
20
- * Component display name.
21
- */
22
- var COMPONENT_NAME = 'Button';
23
- /**
24
- * Component default class name and class prefix.
25
- */
26
-
27
- var CLASSNAME = getRootClassName(COMPONENT_NAME);
28
- /**
29
- * Component default props.
30
- */
31
-
32
- var DEFAULT_PROPS = {
33
- emphasis: Emphasis.high,
34
- size: Size.m,
35
- theme: Theme.light
36
- };
37
- /**
38
- * Button component.
39
- *
40
- * @param props Component props.
41
- * @param ref Component ref.
42
- * @return React element.
43
- */
44
-
45
- var Button = forwardRef(function (props, ref) {
46
- var children = props.children,
47
- className = props.className,
48
- emphasis = props.emphasis,
49
- leftIcon = props.leftIcon,
50
- rightIcon = props.rightIcon,
51
- size = props.size,
52
- theme = props.theme,
53
- forwardedProps = _objectWithoutProperties(props, ["children", "className", "emphasis", "leftIcon", "rightIcon", "size", "theme"]);
54
-
55
- var buttonClassName = classnames(className, getBasicClass({
56
- prefix: CLASSNAME,
57
- type: 'hasLeftIcon',
58
- value: !isEmpty(leftIcon)
59
- }), getBasicClass({
60
- prefix: CLASSNAME,
61
- type: 'hasRightIcon',
62
- value: !isEmpty(rightIcon)
63
- }));
64
- return React.createElement(ButtonRoot, _extends({
65
- ref: ref
66
- }, _objectSpread2({
67
- emphasis: emphasis,
68
- size: size,
69
- theme: theme
70
- }, forwardedProps), {
71
- className: buttonClassName,
72
- variant: "button"
73
- }), leftIcon && !isEmpty(leftIcon) && React.createElement(Icon, {
74
- icon: leftIcon
75
- }), children && React.createElement("span", null, children), rightIcon && !isEmpty(rightIcon) && React.createElement(Icon, {
76
- icon: rightIcon
77
- }));
78
- });
79
- Button.displayName = COMPONENT_NAME;
80
- Button.className = CLASSNAME;
81
- Button.defaultProps = DEFAULT_PROPS;
82
-
83
- export { ButtonEmphasis as B, Button as a };
84
- //# sourceMappingURL=7e8d0ac5.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"7e8d0ac5.js","sources":["../../src/components/button/Button.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Emphasis, Icon, Size, Theme } from '@lumx/react';\nimport { Comp } from '@lumx/react/utils/type';\nimport { getBasicClass, getRootClassName } from '@lumx/react/utils/className';\nimport { BaseButtonProps, ButtonRoot } from './ButtonRoot';\n\n/**\n * Button emphasis definition.\n * @deprecated Use Emphasis instead.\n */\nexport const ButtonEmphasis = Emphasis;\n\n/**\n * Defines the props of the component.\n */\nexport interface ButtonProps extends BaseButtonProps {\n /** Button content. */\n children?: ReactNode;\n /** Left icon (SVG path). */\n leftIcon?: string;\n /** Right icon (SVG path). */\n rightIcon?: string;\n /** When `true`, the button gets as large as possible. */\n fullWidth?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Button';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ButtonProps> = {\n emphasis: Emphasis.high,\n size: Size.m,\n theme: Theme.light,\n};\n\n/**\n * Button component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Button: Comp<ButtonProps, HTMLButtonElement | HTMLAnchorElement> = forwardRef((props, ref) => {\n const { children, className, emphasis, leftIcon, rightIcon, size, theme, ...forwardedProps } = props;\n\n const buttonClassName = classNames(\n className,\n getBasicClass({ prefix: CLASSNAME, type: 'hasLeftIcon', value: !isEmpty(leftIcon) }),\n getBasicClass({ prefix: CLASSNAME, type: 'hasRightIcon', value: !isEmpty(rightIcon) }),\n );\n\n return (\n <ButtonRoot\n ref={ref}\n {...{ emphasis, size, theme, ...forwardedProps }}\n className={buttonClassName}\n variant=\"button\"\n >\n {leftIcon && !isEmpty(leftIcon) && <Icon icon={leftIcon} />}\n {children && <span>{children}</span>}\n {rightIcon && !isEmpty(rightIcon) && <Icon icon={rightIcon} />}\n </ButtonRoot>\n );\n});\nButton.displayName = COMPONENT_NAME;\nButton.className = CLASSNAME;\nButton.defaultProps = DEFAULT_PROPS;\n"],"names":["ButtonEmphasis","Emphasis","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","emphasis","high","size","Size","m","theme","Theme","light","Button","forwardRef","props","ref","children","className","leftIcon","rightIcon","forwardedProps","buttonClassName","classNames","getBasicClass","prefix","type","value","isEmpty","displayName","defaultProps"],"mappings":";;;;;;;;AAUA;;;;;IAIaA,cAAc,GAAGC;AAE9B;;;;AAcA;;;AAGA,IAAMC,cAAc,GAAG,QAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;AAGA,IAAMG,aAAmC,GAAG;AACxCC,EAAAA,QAAQ,EAAEL,QAAQ,CAACM,IADqB;AAExCC,EAAAA,IAAI,EAAEC,IAAI,CAACC,CAF6B;AAGxCC,EAAAA,KAAK,EAAEC,KAAK,CAACC;AAH2B,CAA5C;AAMA;;;;;;;;IAOaC,MAAgE,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAC/FC,QAD+F,GACRF,KADQ,CAC/FE,QAD+F;AAAA,MACrFC,SADqF,GACRH,KADQ,CACrFG,SADqF;AAAA,MAC1Eb,QAD0E,GACRU,KADQ,CAC1EV,QAD0E;AAAA,MAChEc,QADgE,GACRJ,KADQ,CAChEI,QADgE;AAAA,MACtDC,SADsD,GACRL,KADQ,CACtDK,SADsD;AAAA,MAC3Cb,IAD2C,GACRQ,KADQ,CAC3CR,IAD2C;AAAA,MACrCG,KADqC,GACRK,KADQ,CACrCL,KADqC;AAAA,MAC3BW,cAD2B,4BACRN,KADQ;;AAGvG,MAAMO,eAAe,GAAGC,UAAU,CAC9BL,SAD8B,EAE9BM,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAEvB,SAAV;AAAqBwB,IAAAA,IAAI,EAAE,aAA3B;AAA0CC,IAAAA,KAAK,EAAE,CAACC,OAAO,CAACT,QAAD;AAAzD,GAAD,CAFiB,EAG9BK,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAEvB,SAAV;AAAqBwB,IAAAA,IAAI,EAAE,cAA3B;AAA2CC,IAAAA,KAAK,EAAE,CAACC,OAAO,CAACR,SAAD;AAA1D,GAAD,CAHiB,CAAlC;AAMA,SACI,oBAAC,UAAD;AACI,IAAA,GAAG,EAAEJ;AADT;AAEUX,IAAAA,QAAQ,EAARA,QAFV;AAEoBE,IAAAA,IAAI,EAAJA,IAFpB;AAE0BG,IAAAA,KAAK,EAALA;AAF1B,KAEoCW,cAFpC;AAGI,IAAA,SAAS,EAAEC,eAHf;AAII,IAAA,OAAO,EAAC;AAJZ,MAMKH,QAAQ,IAAI,CAACS,OAAO,CAACT,QAAD,CAApB,IAAkC,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEA;AAAZ,IANvC,EAOKF,QAAQ,IAAI,kCAAOA,QAAP,CAPjB,EAQKG,SAAS,IAAI,CAACQ,OAAO,CAACR,SAAD,CAArB,IAAoC,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEA;AAAZ,IARzC,CADJ;AAYH,CArByF;AAsB1FP,MAAM,CAACgB,WAAP,GAAqB5B,cAArB;AACAY,MAAM,CAACK,SAAP,GAAmBhB,SAAnB;AACAW,MAAM,CAACiB,YAAP,GAAsB1B,aAAtB;;;;"}
@@ -1,48 +0,0 @@
1
- import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
2
- import { Size, Theme, ColorPalette } from '../components.js';
3
- import React, { forwardRef } from 'react';
4
- import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
5
- import { I as Icon } from './a521723d.js';
6
-
7
- var COMPONENT_NAME = 'Flag';
8
- var CLASSNAME = getRootClassName(COMPONENT_NAME);
9
- var DEFAULT_PROPS = {
10
- theme: Theme.light
11
- };
12
- /**
13
- * Flag component.
14
- *
15
- * @param props Component props.
16
- * @param ref Component ref.
17
- * @return React element.
18
- */
19
-
20
- var Flag = forwardRef(function (props, ref) {
21
- var label = props.label,
22
- icon = props.icon,
23
- color = props.color,
24
- className = props.className,
25
- theme = props.theme,
26
- forwardedProps = _objectWithoutProperties(props, ["label", "icon", "color", "className", "theme"]);
27
-
28
- var flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
29
- return React.createElement("div", _extends({}, forwardedProps, {
30
- className: classnames(className, handleBasicClasses({
31
- prefix: CLASSNAME,
32
- color: flagColor
33
- })),
34
- ref: ref
35
- }), icon && React.createElement(Icon, {
36
- icon: icon,
37
- size: Size.xxs,
38
- className: "".concat(CLASSNAME, "__icon")
39
- }), React.createElement("span", {
40
- className: "".concat(CLASSNAME, "__label")
41
- }, label));
42
- });
43
- Flag.displayName = COMPONENT_NAME;
44
- Flag.className = CLASSNAME;
45
- Flag.defaultProps = DEFAULT_PROPS;
46
-
47
- export { Flag as F };
48
- //# sourceMappingURL=7ffa45f6.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"7ffa45f6.js","sources":["../../src/components/flag/Flag.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { ColorPalette, Icon, Size, Theme } from '@lumx/react';\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nexport interface FlagProps extends GenericProps, HasTheme {\n /** Color of the component. */\n color?: ColorPalette;\n /** Icon to use before the label. */\n icon?: string;\n /** Text label of the flag. */\n label: string;\n}\n\nconst COMPONENT_NAME = 'Flag';\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\nconst DEFAULT_PROPS: Partial<FlagProps> = {\n theme: Theme.light,\n};\n\n/**\n * Flag component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Flag: Comp<FlagProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { label, icon, color, className, theme, ...forwardedProps } = props;\n const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);\n\n return (\n <div\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color: flagColor }))}\n ref={ref}\n >\n {icon && <Icon icon={icon} size={Size.xxs} className={`${CLASSNAME}__icon`} />}\n <span className={`${CLASSNAME}__label`}>{label}</span>\n </div>\n );\n});\nFlag.displayName = COMPONENT_NAME;\nFlag.className = CLASSNAME;\nFlag.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","theme","Theme","light","Flag","forwardRef","props","ref","label","icon","color","className","forwardedProps","flagColor","ColorPalette","dark","classNames","handleBasicClasses","prefix","Size","xxs","displayName","defaultProps"],"mappings":";;;;;;AAgBA,IAAMA,cAAc,GAAG,MAAvB;AACA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AACA,IAAMG,aAAiC,GAAG;AACtCC,EAAAA,KAAK,EAAEC,KAAK,CAACC;AADyB,CAA1C;AAIA;;;;;;;;IAOaC,IAAqC,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MACpEC,KADoE,GACRF,KADQ,CACpEE,KADoE;AAAA,MAC7DC,IAD6D,GACRH,KADQ,CAC7DG,IAD6D;AAAA,MACvDC,KADuD,GACRJ,KADQ,CACvDI,KADuD;AAAA,MAChDC,SADgD,GACRL,KADQ,CAChDK,SADgD;AAAA,MACrCV,KADqC,GACRK,KADQ,CACrCL,KADqC;AAAA,MAC3BW,cAD2B,4BACRN,KADQ;;AAE5E,MAAMO,SAAS,GAAGH,KAAK,KAAKT,KAAK,KAAKC,KAAK,CAACC,KAAhB,GAAwBW,YAAY,CAACC,IAArC,GAA4CD,YAAY,CAACX,KAA9D,CAAvB;AAEA,SACI,wCACQS,cADR;AAEI,IAAA,SAAS,EAAEI,UAAU,CAACL,SAAD,EAAYM,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEpB,SAAV;AAAqBY,MAAAA,KAAK,EAAEG;AAA5B,KAAD,CAA9B,CAFzB;AAGI,IAAA,GAAG,EAAEN;AAHT,MAKKE,IAAI,IAAI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEA,IAAZ;AAAkB,IAAA,IAAI,EAAEU,IAAI,CAACC,GAA7B;AAAkC,IAAA,SAAS,YAAKtB,SAAL;AAA3C,IALb,EAMI;AAAM,IAAA,SAAS,YAAKA,SAAL;AAAf,KAAyCU,KAAzC,CANJ,CADJ;AAUH,CAd8D;AAe/DJ,IAAI,CAACiB,WAAL,GAAmBxB,cAAnB;AACAO,IAAI,CAACO,SAAL,GAAiBb,SAAjB;AACAM,IAAI,CAACkB,YAAL,GAAoBtB,aAApB;;;;"}
@@ -1,257 +0,0 @@
1
- import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
2
- import { Size } from '../components.js';
3
- import React, { forwardRef, useRef } from 'react';
4
- import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
5
- import { I as Icon, d as mdiClose } from './a521723d.js';
6
- import { u as useFocus } from './9ab3c637.js';
7
- import { m as mergeRefs } from './853713cd.js';
8
- import { C as Chip } from './26cd9c63.js';
9
- import { D as Dropdown } from './4f44d848.js';
10
- import { T as TextField } from './490ec1da.js';
11
-
12
- /**
13
- * Defines the props of the component.
14
- */
15
-
16
- /**
17
- * Component display name.
18
- */
19
- var COMPONENT_NAME = 'Autocomplete';
20
- /**
21
- * Component default class name and class prefix.
22
- */
23
-
24
- var CLASSNAME = getRootClassName(COMPONENT_NAME);
25
- /**
26
- * Component default props.
27
- */
28
-
29
- var DEFAULT_PROPS = {
30
- anchorToInput: false,
31
- closeOnClick: false,
32
- closeOnClickAway: true,
33
- closeOnEscape: true,
34
- shouldFocusOnClose: false
35
- };
36
- /**
37
- * Autocomplete component.
38
- *
39
- * @param props Component props.
40
- * @param ref Component ref.
41
- * @return React element.
42
- */
43
-
44
- var Autocomplete = forwardRef(function (props, ref) {
45
- var anchorToInput = props.anchorToInput,
46
- children = props.children,
47
- chips = props.chips,
48
- className = props.className,
49
- closeOnClick = props.closeOnClick,
50
- closeOnClickAway = props.closeOnClickAway,
51
- closeOnEscape = props.closeOnEscape,
52
- disabled = props.disabled,
53
- error = props.error,
54
- fitToAnchorWidth = props.fitToAnchorWidth,
55
- hasError = props.hasError,
56
- helper = props.helper,
57
- icon = props.icon,
58
- inputRef = props.inputRef,
59
- clearButtonProps = props.clearButtonProps,
60
- _props$isDisabled = props.isDisabled,
61
- isDisabled = _props$isDisabled === void 0 ? disabled : _props$isDisabled,
62
- isRequired = props.isRequired,
63
- isOpen = props.isOpen,
64
- isValid = props.isValid,
65
- label = props.label,
66
- name = props.name,
67
- offset = props.offset,
68
- onBlur = props.onBlur,
69
- onChange = props.onChange,
70
- onClose = props.onClose,
71
- onFocus = props.onFocus,
72
- onInfiniteScroll = props.onInfiniteScroll,
73
- placeholder = props.placeholder,
74
- placement = props.placement,
75
- shouldFocusOnClose = props.shouldFocusOnClose,
76
- theme = props.theme,
77
- value = props.value,
78
- forwardedProps = _objectWithoutProperties(props, ["anchorToInput", "children", "chips", "className", "closeOnClick", "closeOnClickAway", "closeOnEscape", "disabled", "error", "fitToAnchorWidth", "hasError", "helper", "icon", "inputRef", "clearButtonProps", "isDisabled", "isRequired", "isOpen", "isValid", "label", "name", "offset", "onBlur", "onChange", "onClose", "onFocus", "onInfiniteScroll", "placeholder", "placement", "shouldFocusOnClose", "theme", "value"]);
79
-
80
- var inputAnchorRef = useRef(null);
81
- var textFieldRef = useRef(null);
82
- useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);
83
- return React.createElement("div", _extends({
84
- ref: ref
85
- }, forwardedProps, {
86
- className: classnames(className, handleBasicClasses({
87
- prefix: CLASSNAME
88
- }))
89
- }), React.createElement(TextField, {
90
- chips: chips,
91
- error: error,
92
- hasError: hasError,
93
- helper: helper,
94
- icon: icon,
95
- inputRef: mergeRefs(inputAnchorRef, inputRef),
96
- clearButtonProps: clearButtonProps,
97
- isDisabled: isDisabled,
98
- isRequired: isRequired,
99
- isValid: isValid,
100
- label: label,
101
- name: name,
102
- onBlur: onBlur,
103
- onChange: onChange,
104
- onFocus: onFocus,
105
- placeholder: placeholder,
106
- textFieldRef: textFieldRef,
107
- theme: theme,
108
- value: value
109
- }), React.createElement(Dropdown, {
110
- anchorRef: anchorToInput ? inputAnchorRef : textFieldRef,
111
- closeOnClick: closeOnClick,
112
- closeOnClickAway: closeOnClickAway,
113
- closeOnEscape: closeOnEscape,
114
- fitToAnchorWidth: fitToAnchorWidth,
115
- isOpen: isOpen,
116
- offset: offset,
117
- onClose: onClose,
118
- onInfiniteScroll: onInfiniteScroll,
119
- placement: placement,
120
- shouldFocusOnOpen: false,
121
- theme: theme
122
- }, children));
123
- });
124
- Autocomplete.displayName = COMPONENT_NAME;
125
- Autocomplete.className = CLASSNAME;
126
- Autocomplete.defaultProps = DEFAULT_PROPS;
127
-
128
- /**
129
- * Defines the props of the component.
130
- */
131
-
132
- /**
133
- * Component display name.
134
- */
135
- var COMPONENT_NAME$1 = 'AutocompleteMultiple';
136
- /**
137
- * Component default class name and class prefix.
138
- */
139
-
140
- var CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
141
- /**
142
- * Component default props.
143
- */
144
-
145
- var DEFAULT_PROPS$1 = {
146
- closeOnClickAway: true,
147
- closeOnEscape: true,
148
- selectedChipRender: function selectedChipRender(choice, index, onClear, isDisabled) {
149
- var onClick = function onClick(event) {
150
- return onClear && onClear(event, choice);
151
- };
152
-
153
- return React.createElement(Chip, {
154
- key: index,
155
- after: onClear && React.createElement(Icon, {
156
- icon: mdiClose,
157
- size: Size.xxs
158
- }),
159
- isDisabled: isDisabled,
160
- size: Size.s,
161
- onAfterClick: onClick,
162
- onClick: onClick
163
- }, choice);
164
- },
165
- values: []
166
- };
167
- /**
168
- * AutocompleteMultiple component.
169
- *
170
- * @param props Component props.
171
- * @param ref Component ref.
172
- * @return React element.
173
- */
174
-
175
- var AutocompleteMultiple = forwardRef(function (props, ref) {
176
- var anchorToInput = props.anchorToInput,
177
- children = props.children,
178
- chipsAlignment = props.chipsAlignment,
179
- className = props.className,
180
- closeOnClickAway = props.closeOnClickAway,
181
- closeOnEscape = props.closeOnEscape,
182
- fitToAnchorWidth = props.fitToAnchorWidth,
183
- hasError = props.hasError,
184
- helper = props.helper,
185
- icon = props.icon,
186
- inputRef = props.inputRef,
187
- clearButtonProps = props.clearButtonProps,
188
- isDisabled = props.isDisabled,
189
- isRequired = props.isRequired,
190
- isOpen = props.isOpen,
191
- isValid = props.isValid,
192
- label = props.label,
193
- name = props.name,
194
- offset = props.offset,
195
- onBlur = props.onBlur,
196
- onChange = props.onChange,
197
- onClear = props.onClear,
198
- onClose = props.onClose,
199
- onFocus = props.onFocus,
200
- onInfiniteScroll = props.onInfiniteScroll,
201
- onKeyDown = props.onKeyDown,
202
- placeholder = props.placeholder,
203
- placement = props.placement,
204
- selectedChipRender = props.selectedChipRender,
205
- shouldFocusOnClose = props.shouldFocusOnClose,
206
- theme = props.theme,
207
- type = props.type,
208
- value = props.value,
209
- values = props.values,
210
- forwardedProps = _objectWithoutProperties(props, ["anchorToInput", "children", "chipsAlignment", "className", "closeOnClickAway", "closeOnEscape", "fitToAnchorWidth", "hasError", "helper", "icon", "inputRef", "clearButtonProps", "isDisabled", "isRequired", "isOpen", "isValid", "label", "name", "offset", "onBlur", "onChange", "onClear", "onClose", "onFocus", "onInfiniteScroll", "onKeyDown", "placeholder", "placement", "selectedChipRender", "shouldFocusOnClose", "theme", "type", "value", "values"]);
211
-
212
- return React.createElement(Autocomplete, _extends({
213
- ref: ref
214
- }, forwardedProps, {
215
- anchorToInput: anchorToInput,
216
- className: classnames(className, handleBasicClasses({
217
- prefix: CLASSNAME$1
218
- })),
219
- name: name,
220
- value: value,
221
- onChange: onChange,
222
- onKeyDown: onKeyDown,
223
- onBlur: onBlur,
224
- shouldFocusOnClose: shouldFocusOnClose,
225
- onFocus: onFocus,
226
- hasError: hasError,
227
- helper: helper,
228
- icon: icon,
229
- inputRef: inputRef,
230
- chips: values && values.map(function (chip, index) {
231
- return selectedChipRender(chip, index, onClear);
232
- }),
233
- isDisabled: isDisabled,
234
- isRequired: isRequired,
235
- clearButtonProps: clearButtonProps,
236
- isValid: isValid,
237
- label: label,
238
- placeholder: placeholder,
239
- theme: theme,
240
- type: type,
241
- isOpen: isOpen,
242
- closeOnClick: false,
243
- closeOnClickAway: closeOnClickAway,
244
- closeOnEscape: closeOnEscape,
245
- onClose: onClose,
246
- offset: offset,
247
- placement: placement,
248
- fitToAnchorWidth: fitToAnchorWidth,
249
- onInfiniteScroll: onInfiniteScroll
250
- }), children);
251
- });
252
- AutocompleteMultiple.displayName = COMPONENT_NAME$1;
253
- AutocompleteMultiple.className = CLASSNAME$1;
254
- AutocompleteMultiple.defaultProps = DEFAULT_PROPS$1;
255
-
256
- export { Autocomplete as A, AutocompleteMultiple as a };
257
- //# sourceMappingURL=84c1ec44.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"84c1ec44.js","sources":["../../src/components/autocomplete/Autocomplete.tsx","../../src/components/autocomplete/AutocompleteMultiple.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, SyntheticEvent, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Dropdown, IconButtonProps, Offset, Placement, TextField, TextFieldProps } from '@lumx/react';\n\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useFocus } from '@lumx/react/hooks/useFocus';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\n\n/**\n * Defines the props of the component.\n */\nexport interface AutocompleteProps extends GenericProps, HasTheme {\n /**\n * Whether the suggestions list should display anchored to the input or to the wrapper.\n * @see {@link DropdownProps#anchorToInput}\n */\n anchorToInput?: boolean;\n /**\n * Props to pass to the clear button (minus those already set by the TextField props).\n * If not specified, the button won't be displayed.\n * @see {@link TextFieldProps#clearButtonProps}\n */\n clearButtonProps?: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n /**\n * Reference to the <input> or <textarea> element.\n * @see {@link TextFieldProps#inputRef}\n */\n inputRef?: TextFieldProps['inputRef'];\n /**\n * The offset that will be applied to the Dropdown position.\n * @see {@link DropdownProps#offset}\n */\n offset?: Offset;\n /**\n * The preferred Dropdown location against the anchor element.\n * @see {@link DropdownProps#placement}\n */\n placement?: Placement;\n /**\n * Whether the dropdown should fit to the anchor width or not.\n * @see {@link DropdownProps#fitToAnchorWidth}\n */\n fitToAnchorWidth?: boolean;\n /**\n * The error related to the component.\n * @see {@link TextFieldProps#error}\n */\n error?: string | ReactNode;\n /**\n * Whether the text field is displayed with error style or not.\n * @see {@link TextFieldProps#hasError}\n */\n hasError?: boolean;\n /**\n * Whether the text box should be focused upon closing the suggestions or not.\n */\n shouldFocusOnClose?: boolean;\n /**\n * The helper message of the text field.\n * @see {@link TextFieldProps#helper}\n */\n helper?: string;\n /**\n * The icon of the text field (SVG path).\n * @see {@link TextFieldProps#icon}\n */\n icon?: string;\n /**\n * Whether the component is disabled or not.\n * @see {@link TextFieldProps#isDisabled}\n */\n isDisabled?: boolean;\n /**\n * Whether the component is required or not.\n * @see {@link TextFieldProps#isRequired}\n */\n isRequired?: boolean;\n /**\n * Whether the text field is displayed with valid style or not.\n * @see {@link TextFieldProps#isValid}\n */\n isValid?: boolean;\n /**\n * The label of the text field displayed in a label tag.\n * @see {@link TextFieldProps#label}\n */\n label?: string;\n /**\n * The placeholder message of the text field.\n * @see {@link TextFieldProps#placeholder}\n */\n placeholder?: string;\n /** List of suggestions to display during autocomplete. */\n children: React.ReactNode;\n /**\n * The list of chips to be displayed before the text field input.\n */\n chips?: React.ReactNode;\n /**\n * The value of the text field.\n * @see {@link TextFieldProps#value}\n */\n value: string;\n /**\n * Whether the suggestions from the autocomplete should be displayed or not.\n * @see {@link DropdownProps#isOpen}\n */\n isOpen: boolean;\n /**\n * The native input name property.\n * @see {@link TextFieldProps#name}\n */\n name?: string;\n /**\n * Whether a click in the Autocomplete dropdown would close it or not.\n * @see {@link DropdownProps#closeOnClick}\n */\n closeOnClick?: boolean;\n /**\n * Whether a click anywhere out of the Autocomplete would close it or not.\n * @see {@link DropdownProps#closeOnClickAway}\n */\n closeOnClickAway?: boolean;\n /**\n * Whether an escape key press would close the Autocomplete or not.\n * @see {@link DropdownProps#closeOnEscape}\n */\n closeOnEscape?: boolean;\n /**\n * The function called on blur.\n * @see {@link TextFieldProps#onBlur}\n */\n onBlur?(event: React.FocusEvent): void;\n /**\n * On change callback.\n * @see {@link TextFieldProps#onChange}\n */\n onChange(value: string, name?: string, event?: SyntheticEvent): void;\n /**\n * The function called on close.\n * @see {@link DropdownProps#onClose}\n */\n onClose?(): void;\n /**\n * The function called on focus.\n * @see {@link TextFieldProps#onFocus}\n */\n onFocus?(event: React.FocusEvent): void;\n /**\n * The function called when the bottom of the dropdown is reached.\n * @see {@link DropdownProps#onInfiniteScroll}\n */\n onInfiniteScroll?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Autocomplete';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<AutocompleteProps> = {\n anchorToInput: false,\n closeOnClick: false,\n closeOnClickAway: true,\n closeOnEscape: true,\n shouldFocusOnClose: false,\n};\n\n/**\n * Autocomplete component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Autocomplete: Comp<AutocompleteProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n anchorToInput,\n children,\n chips,\n className,\n closeOnClick,\n closeOnClickAway,\n closeOnEscape,\n disabled,\n error,\n fitToAnchorWidth,\n hasError,\n helper,\n icon,\n inputRef,\n clearButtonProps,\n isDisabled = disabled,\n isRequired,\n isOpen,\n isValid,\n label,\n name,\n offset,\n onBlur,\n onChange,\n onClose,\n onFocus,\n onInfiniteScroll,\n placeholder,\n placement,\n shouldFocusOnClose,\n theme,\n value,\n ...forwardedProps\n } = props;\n const inputAnchorRef = useRef<HTMLElement>(null);\n const textFieldRef = useRef(null);\n useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n }),\n )}\n >\n <TextField\n chips={chips}\n error={error}\n hasError={hasError}\n helper={helper}\n icon={icon}\n inputRef={mergeRefs(inputAnchorRef as React.RefObject<HTMLInputElement>, inputRef)}\n clearButtonProps={clearButtonProps}\n isDisabled={isDisabled}\n isRequired={isRequired}\n isValid={isValid}\n label={label}\n name={name}\n onBlur={onBlur}\n onChange={onChange}\n onFocus={onFocus}\n placeholder={placeholder}\n textFieldRef={textFieldRef}\n theme={theme}\n value={value}\n />\n <Dropdown\n anchorRef={anchorToInput ? inputAnchorRef : textFieldRef}\n closeOnClick={closeOnClick}\n closeOnClickAway={closeOnClickAway}\n closeOnEscape={closeOnEscape}\n fitToAnchorWidth={fitToAnchorWidth}\n isOpen={isOpen}\n offset={offset}\n onClose={onClose}\n onInfiniteScroll={onInfiniteScroll}\n placement={placement}\n shouldFocusOnOpen={false}\n theme={theme}\n >\n {children}\n </Dropdown>\n </div>\n );\n});\nAutocomplete.displayName = COMPONENT_NAME;\nAutocomplete.className = CLASSNAME;\nAutocomplete.defaultProps = DEFAULT_PROPS;\n","import { mdiClose } from '@lumx/icons';\nimport { Autocomplete, AutocompleteProps, Chip, HorizontalAlignment, Icon, Size } from '@lumx/react';\n\nimport { Comp } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nimport classNames from 'classnames';\nimport React, { forwardRef, ReactNode } from 'react';\n\n/**\n * Defines the props of the component.\n */\nexport interface AutocompleteMultipleProps extends AutocompleteProps {\n /** Selected values. */\n values: any[];\n /** Alignment of the chips in the autocomplete. */\n chipsAlignment?: HorizontalAlignment;\n /** Selected value render function. Default: Renders the value inside of a Chip. */\n selectedChipRender(\n choice: any,\n index: number,\n onClear?: (event: React.MouseEvent, choice: any) => void,\n isDisabled?: boolean,\n ): ReactNode | string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'AutocompleteMultiple';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<AutocompleteMultipleProps> = {\n closeOnClickAway: true,\n closeOnEscape: true,\n selectedChipRender(choice, index, onClear, isDisabled) {\n const onClick = (event: React.MouseEvent) => onClear && onClear(event, choice);\n return (\n <Chip\n key={index}\n after={onClear && <Icon icon={mdiClose} size={Size.xxs} />}\n isDisabled={isDisabled}\n size={Size.s}\n onAfterClick={onClick}\n onClick={onClick}\n >\n {choice}\n </Chip>\n );\n },\n values: [],\n};\n\n/**\n * AutocompleteMultiple component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const AutocompleteMultiple: Comp<AutocompleteMultipleProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n anchorToInput,\n children,\n // `chipsAlignment` needs to be here to remove it from `forwardedProps`.\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n chipsAlignment,\n className,\n closeOnClickAway,\n closeOnEscape,\n fitToAnchorWidth,\n hasError,\n helper,\n icon,\n inputRef,\n clearButtonProps,\n isDisabled,\n isRequired,\n isOpen,\n isValid,\n label,\n name,\n offset,\n onBlur,\n onChange,\n onClear,\n onClose,\n onFocus,\n onInfiniteScroll,\n onKeyDown,\n placeholder,\n placement,\n selectedChipRender,\n shouldFocusOnClose,\n theme,\n type,\n value,\n values,\n ...forwardedProps\n } = props;\n\n return (\n <Autocomplete\n ref={ref}\n {...forwardedProps}\n anchorToInput={anchorToInput}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n }),\n )}\n name={name}\n value={value}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onBlur={onBlur}\n shouldFocusOnClose={shouldFocusOnClose}\n onFocus={onFocus}\n hasError={hasError}\n helper={helper}\n icon={icon}\n inputRef={inputRef}\n chips={values && values.map((chip: any, index: number) => selectedChipRender(chip, index, onClear))}\n isDisabled={isDisabled}\n isRequired={isRequired}\n clearButtonProps={clearButtonProps}\n isValid={isValid}\n label={label}\n placeholder={placeholder}\n theme={theme}\n type={type}\n isOpen={isOpen}\n closeOnClick={false}\n closeOnClickAway={closeOnClickAway}\n closeOnEscape={closeOnEscape}\n onClose={onClose}\n offset={offset}\n placement={placement}\n fitToAnchorWidth={fitToAnchorWidth}\n onInfiniteScroll={onInfiniteScroll}\n >\n {children}\n </Autocomplete>\n );\n});\nAutocompleteMultiple.displayName = COMPONENT_NAME;\nAutocompleteMultiple.className = CLASSNAME;\nAutocompleteMultiple.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","anchorToInput","closeOnClick","closeOnClickAway","closeOnEscape","shouldFocusOnClose","Autocomplete","forwardRef","props","ref","children","chips","className","disabled","error","fitToAnchorWidth","hasError","helper","icon","inputRef","clearButtonProps","isDisabled","isRequired","isOpen","isValid","label","name","offset","onBlur","onChange","onClose","onFocus","onInfiniteScroll","placeholder","placement","theme","value","forwardedProps","inputAnchorRef","useRef","textFieldRef","useFocus","current","classNames","handleBasicClasses","prefix","mergeRefs","displayName","defaultProps","selectedChipRender","choice","index","onClear","onClick","event","mdiClose","Size","xxs","s","values","AutocompleteMultiple","chipsAlignment","onKeyDown","type","map","chip"],"mappings":"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"}
@@ -1,96 +0,0 @@
1
- import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
2
- import { Orientation, Theme } from '../components.js';
3
- import React, { forwardRef } from 'react';
4
- import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
5
- import isObject from 'lodash/isObject';
6
- import { T as Thumbnail } from './616f2912.js';
7
- import { a as ThumbnailVariant } from './2d0a5b28.js';
8
-
9
- /**
10
- * Defines the props of the component.
11
- */
12
-
13
- /**
14
- * Component display name.
15
- */
16
- var COMPONENT_NAME = 'PostBlock';
17
- /**
18
- * Component default class name and class prefix.
19
- */
20
-
21
- var CLASSNAME = getRootClassName(COMPONENT_NAME);
22
- /**
23
- * Component default props.
24
- */
25
-
26
- var DEFAULT_PROPS = {
27
- orientation: Orientation.horizontal,
28
- theme: Theme.light
29
- };
30
- /**
31
- * PostBlock component.
32
- *
33
- * @param props Component props.
34
- * @param ref Component ref.
35
- * @return React element.
36
- */
37
-
38
- var PostBlock = forwardRef(function (props, ref) {
39
- var actions = props.actions,
40
- attachments = props.attachments,
41
- author = props.author,
42
- className = props.className,
43
- meta = props.meta,
44
- onClick = props.onClick,
45
- orientation = props.orientation,
46
- tags = props.tags,
47
- text = props.text,
48
- theme = props.theme,
49
- thumbnailProps = props.thumbnailProps,
50
- title = props.title,
51
- forwardedProps = _objectWithoutProperties(props, ["actions", "attachments", "author", "className", "meta", "onClick", "orientation", "tags", "text", "theme", "thumbnailProps", "title"]);
52
-
53
- return React.createElement("div", _extends({
54
- ref: ref,
55
- className: classnames(className, handleBasicClasses({
56
- prefix: CLASSNAME,
57
- orientation: orientation,
58
- theme: theme
59
- }))
60
- }, forwardedProps), thumbnailProps && React.createElement("div", {
61
- className: "".concat(CLASSNAME, "__thumbnail")
62
- }, React.createElement(Thumbnail, _extends({}, thumbnailProps, {
63
- theme: theme,
64
- variant: ThumbnailVariant.rounded
65
- }))), React.createElement("div", {
66
- className: "".concat(CLASSNAME, "__wrapper")
67
- }, author && React.createElement("div", {
68
- className: "".concat(CLASSNAME, "__author")
69
- }, author), title && React.createElement("button", {
70
- type: "button",
71
- className: "".concat(CLASSNAME, "__title"),
72
- onClick: onClick
73
- }, title), meta && React.createElement("span", {
74
- className: "".concat(CLASSNAME, "__meta")
75
- }, meta), isObject(text) && text.__html ? // eslint-disable-next-line react/no-danger
76
- React.createElement("p", {
77
- dangerouslySetInnerHTML: text,
78
- className: "".concat(CLASSNAME, "__text")
79
- }) : React.createElement("p", {
80
- className: "".concat(CLASSNAME, "__text")
81
- }, text), attachments && React.createElement("div", {
82
- className: "".concat(CLASSNAME, "__attachments")
83
- }, attachments), (tags || actions) && React.createElement("div", {
84
- className: "".concat(CLASSNAME, "__toolbar")
85
- }, tags && React.createElement("div", {
86
- className: "".concat(CLASSNAME, "__tags")
87
- }, tags), actions && React.createElement("div", {
88
- className: "".concat(CLASSNAME, "__actions")
89
- }, actions))));
90
- });
91
- PostBlock.displayName = COMPONENT_NAME;
92
- PostBlock.className = CLASSNAME;
93
- PostBlock.defaultProps = DEFAULT_PROPS;
94
-
95
- export { PostBlock as P };
96
- //# sourceMappingURL=8518279f.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"8518279f.js","sources":["../../src/components/post-block/PostBlock.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport isObject from 'lodash/isObject';\n\nimport { Orientation, Theme, Thumbnail, ThumbnailProps, ThumbnailVariant } from '@lumx/react';\n\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\n/**\n * Defines the props of the component.\n */\nexport interface PostBlockProps extends GenericProps, HasTheme {\n /** Action toolbar content. */\n actions?: ReactNode;\n /** Attachment content. */\n attachments?: ReactNode;\n /** Author content. */\n author?: ReactNode;\n /** Metadata content. */\n meta?: ReactNode;\n /** Orientation. */\n orientation?: Orientation;\n /** Tag content. */\n tags?: ReactNode;\n /** Content (string, or sanitized html). */\n text?: string | { __html: string };\n /** Thumbnail. */\n thumbnailProps?: ThumbnailProps;\n /** Title. */\n title: string;\n /** On click callback. */\n onClick?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'PostBlock';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<PostBlockProps> = {\n orientation: Orientation.horizontal,\n theme: Theme.light,\n};\n\n/**\n * PostBlock component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const PostBlock: Comp<PostBlockProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n actions,\n attachments,\n author,\n className,\n meta,\n onClick,\n orientation,\n tags,\n text,\n theme,\n thumbnailProps,\n title,\n ...forwardedProps\n } = props;\n\n return (\n <div\n ref={ref}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, orientation, theme }))}\n {...forwardedProps}\n >\n {thumbnailProps && (\n <div className={`${CLASSNAME}__thumbnail`}>\n <Thumbnail {...thumbnailProps} theme={theme} variant={ThumbnailVariant.rounded} />\n </div>\n )}\n\n <div className={`${CLASSNAME}__wrapper`}>\n {author && <div className={`${CLASSNAME}__author`}>{author}</div>}\n\n {title && (\n <button type=\"button\" className={`${CLASSNAME}__title`} onClick={onClick}>\n {title}\n </button>\n )}\n\n {meta && <span className={`${CLASSNAME}__meta`}>{meta}</span>}\n\n {isObject(text) && text.__html ? (\n // eslint-disable-next-line react/no-danger\n <p dangerouslySetInnerHTML={text} className={`${CLASSNAME}__text`} />\n ) : (\n <p className={`${CLASSNAME}__text`}>{text}</p>\n )}\n\n {attachments && <div className={`${CLASSNAME}__attachments`}>{attachments}</div>}\n {(tags || actions) && (\n <div className={`${CLASSNAME}__toolbar`}>\n {tags && <div className={`${CLASSNAME}__tags`}>{tags}</div>}\n {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n </div>\n )}\n </div>\n </div>\n );\n});\nPostBlock.displayName = COMPONENT_NAME;\nPostBlock.className = CLASSNAME;\nPostBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","theme","Theme","light","PostBlock","forwardRef","props","ref","actions","attachments","author","className","meta","onClick","tags","text","thumbnailProps","title","forwardedProps","classNames","handleBasicClasses","prefix","ThumbnailVariant","rounded","isObject","__html","displayName","defaultProps"],"mappings":"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"}
@@ -1,25 +0,0 @@
1
- /**
2
- * Merge refs into a single function ref.
3
- *
4
- * @param refs React references to merge.
5
- * @return the merged ref.
6
- */
7
- function mergeRefs() {
8
- for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
9
- refs[_key] = arguments[_key];
10
- }
11
-
12
- return function (value) {
13
- return refs.forEach(function (ref) {
14
- if (typeof ref === 'function') {
15
- ref(value);
16
- } else if (ref) {
17
- // eslint-disable-next-line no-param-reassign
18
- ref.current = value;
19
- }
20
- });
21
- };
22
- }
23
-
24
- export { mergeRefs as m };
25
- //# sourceMappingURL=853713cd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"853713cd.js","sources":["../../src/utils/mergeRefs.ts"],"sourcesContent":["import { Falsy } from '@lumx/react/utils/type';\nimport { MutableRefObject } from 'react';\n\ntype FnRef<T> = (value: T) => void;\n\n/**\n * Merge refs into a single function ref.\n *\n * @param refs React references to merge.\n * @return the merged ref.\n */\nexport function mergeRefs<T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>): FnRef<T> {\n return (value) =>\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n // eslint-disable-next-line no-param-reassign\n (ref as MutableRefObject<T>).current = value;\n }\n });\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"AAKA;;;;;;AAMO,SAASA,SAAT,GAA+F;AAAA,oCAAtEC,IAAsE;AAAtEA,IAAAA,IAAsE;AAAA;;AAClG,SAAO,UAACC,KAAD;AAAA,WACHD,IAAI,CAACE,OAAL,CAAa,UAACC,GAAD,EAAS;AAClB,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC3BA,QAAAA,GAAG,CAACF,KAAD,CAAH;AACH,OAFD,MAEO,IAAIE,GAAJ,EAAS;AACZ;AACCA,QAAAA,GAAD,CAA6BC,OAA7B,GAAuCH,KAAvC;AACH;AACJ,KAPD,CADG;AAAA,GAAP;AASH;;;;"}
@@ -1,27 +0,0 @@
1
- import { n as ValueOf, l as GenericProps, m as HasTheme, k as Comp } from './eca6d4dc.js';
2
-
3
- /**
4
- * Progress variants.
5
- */
6
- declare const ProgressVariant: {
7
- readonly linear: "linear";
8
- readonly circular: "circular";
9
- };
10
- declare type ProgressVariant = ValueOf<typeof ProgressVariant>;
11
- /**
12
- * Defines the props of the component.
13
- */
14
- interface ProgressProps extends GenericProps, HasTheme {
15
- /** Progress variant. */
16
- variant?: ProgressVariant;
17
- }
18
- /**
19
- * Progress component.
20
- *
21
- * @param props Component props.
22
- * @param ref Component ref.
23
- * @return React element.
24
- */
25
- declare const Progress: Comp<ProgressProps, HTMLDivElement>;
26
-
27
- export { ProgressVariant as P, ProgressProps as a, Progress as b };