@tecsinapse/react-web-kit 1.20.1 → 1.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (553) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/babel.config.esm.js +0 -1
  3. package/babel.config.js +1 -6
  4. package/dist/components/atoms/Accordion/Accordion.js +10 -8
  5. package/dist/components/atoms/Accordion/Accordion.js.map +1 -1
  6. package/dist/components/atoms/Accordion/animations.js +2 -2
  7. package/dist/components/atoms/Accordion/animations.js.map +1 -1
  8. package/dist/components/atoms/Accordion/index.d.ts +2 -1
  9. package/dist/components/atoms/Accordion/index.js +2 -10
  10. package/dist/components/atoms/Accordion/index.js.map +1 -1
  11. package/dist/components/atoms/Accordion/styled.js +33 -37
  12. package/dist/components/atoms/Accordion/styled.js.map +1 -1
  13. package/dist/components/atoms/Badge/Badge.js +7 -6
  14. package/dist/components/atoms/Badge/Badge.js.map +1 -1
  15. package/dist/components/atoms/Badge/index.d.ts +2 -1
  16. package/dist/components/atoms/Badge/index.js +2 -10
  17. package/dist/components/atoms/Badge/index.js.map +1 -1
  18. package/dist/components/atoms/Button/Button.js +14 -12
  19. package/dist/components/atoms/Button/Button.js.map +1 -1
  20. package/dist/components/atoms/Button/index.d.ts +2 -1
  21. package/dist/components/atoms/Button/index.js +3 -12
  22. package/dist/components/atoms/Button/index.js.map +1 -1
  23. package/dist/components/atoms/Button/styled.js +14 -16
  24. package/dist/components/atoms/Button/styled.js.map +1 -1
  25. package/dist/components/atoms/Dropdown/index.js +6 -5
  26. package/dist/components/atoms/Dropdown/index.js.map +1 -1
  27. package/dist/components/atoms/Dropdown/styled.js +30 -21
  28. package/dist/components/atoms/Dropdown/styled.js.map +1 -1
  29. package/dist/components/atoms/Input/Input.js +26 -24
  30. package/dist/components/atoms/Input/Input.js.map +1 -1
  31. package/dist/components/atoms/Input/index.d.ts +2 -1
  32. package/dist/components/atoms/Input/index.js +2 -10
  33. package/dist/components/atoms/Input/index.js.map +1 -1
  34. package/dist/components/atoms/Input/styled.js +5 -5
  35. package/dist/components/atoms/Input/styled.js.map +1 -1
  36. package/dist/components/atoms/InputMask/InputMask.js +26 -24
  37. package/dist/components/atoms/InputMask/InputMask.js.map +1 -1
  38. package/dist/components/atoms/InputMask/index.d.ts +2 -1
  39. package/dist/components/atoms/InputMask/index.js +2 -10
  40. package/dist/components/atoms/InputMask/index.js.map +1 -1
  41. package/dist/components/atoms/InputMask/styled.js +5 -5
  42. package/dist/components/atoms/InputMask/styled.js.map +1 -1
  43. package/dist/components/atoms/Modal/Modal.js +8 -7
  44. package/dist/components/atoms/Modal/Modal.js.map +1 -1
  45. package/dist/components/atoms/Modal/animations.js +1 -1
  46. package/dist/components/atoms/Modal/animations.js.map +1 -1
  47. package/dist/components/atoms/Modal/index.d.ts +2 -1
  48. package/dist/components/atoms/Modal/index.js +2 -10
  49. package/dist/components/atoms/Modal/index.js.map +1 -1
  50. package/dist/components/atoms/Modal/styled.js +30 -24
  51. package/dist/components/atoms/Modal/styled.js.map +1 -1
  52. package/dist/components/atoms/Overlay/Overlay.js +8 -7
  53. package/dist/components/atoms/Overlay/Overlay.js.map +1 -1
  54. package/dist/components/atoms/Overlay/animations.js +1 -1
  55. package/dist/components/atoms/Overlay/animations.js.map +1 -1
  56. package/dist/components/atoms/Overlay/styled.js +21 -20
  57. package/dist/components/atoms/Overlay/styled.js.map +1 -1
  58. package/dist/components/atoms/Skeleton/Skeleton.js +11 -9
  59. package/dist/components/atoms/Skeleton/Skeleton.js.map +1 -1
  60. package/dist/components/atoms/Skeleton/index.d.ts +2 -1
  61. package/dist/components/atoms/Skeleton/index.js +2 -10
  62. package/dist/components/atoms/Skeleton/index.js.map +1 -1
  63. package/dist/components/atoms/Skeleton/styled.js +42 -66
  64. package/dist/components/atoms/Skeleton/styled.js.map +1 -1
  65. package/dist/components/atoms/Table/Body/TBody.js +5 -4
  66. package/dist/components/atoms/Table/Body/TBody.js.map +1 -1
  67. package/dist/components/atoms/Table/Cell/Td.js +5 -4
  68. package/dist/components/atoms/Table/Cell/Td.js.map +1 -1
  69. package/dist/components/atoms/Table/Cell/styled.js +34 -20
  70. package/dist/components/atoms/Table/Cell/styled.js.map +1 -1
  71. package/dist/components/atoms/Table/Container/TableContainer.js +5 -4
  72. package/dist/components/atoms/Table/Container/TableContainer.js.map +1 -1
  73. package/dist/components/atoms/Table/Container/styled.js +25 -15
  74. package/dist/components/atoms/Table/Container/styled.js.map +1 -1
  75. package/dist/components/atoms/Table/Footer/TFoot.js +5 -4
  76. package/dist/components/atoms/Table/Footer/TFoot.js.map +1 -1
  77. package/dist/components/atoms/Table/Footer/styled.js +5 -6
  78. package/dist/components/atoms/Table/Footer/styled.js.map +1 -1
  79. package/dist/components/atoms/Table/Header/THead.js +5 -4
  80. package/dist/components/atoms/Table/Header/THead.js.map +1 -1
  81. package/dist/components/atoms/Table/Header/Th.js +5 -4
  82. package/dist/components/atoms/Table/Header/Th.js.map +1 -1
  83. package/dist/components/atoms/Table/Header/styled.js +41 -38
  84. package/dist/components/atoms/Table/Header/styled.js.map +1 -1
  85. package/dist/components/atoms/Table/Row/Tr.js +5 -4
  86. package/dist/components/atoms/Table/Row/Tr.js.map +1 -1
  87. package/dist/components/atoms/Table/Row/styled.js +15 -9
  88. package/dist/components/atoms/Table/Row/styled.js.map +1 -1
  89. package/dist/components/atoms/Table/Table.js +5 -4
  90. package/dist/components/atoms/Table/Table.js.map +1 -1
  91. package/dist/components/atoms/Table/Toolbar/TableToolbar.js +7 -6
  92. package/dist/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
  93. package/dist/components/atoms/Table/Toolbar/index.d.ts +2 -1
  94. package/dist/components/atoms/Table/Toolbar/index.js +2 -10
  95. package/dist/components/atoms/Table/Toolbar/index.js.map +1 -1
  96. package/dist/components/atoms/Table/Toolbar/styled.js +5 -6
  97. package/dist/components/atoms/Table/Toolbar/styled.js.map +1 -1
  98. package/dist/components/atoms/Table/index.d.ts +2 -1
  99. package/dist/components/atoms/Table/index.js +0 -6
  100. package/dist/components/atoms/Table/index.js.map +1 -1
  101. package/dist/components/atoms/Table/styled.js +10 -7
  102. package/dist/components/atoms/Table/styled.js.map +1 -1
  103. package/dist/components/atoms/Tag/Tag.js +6 -5
  104. package/dist/components/atoms/Tag/Tag.js.map +1 -1
  105. package/dist/components/atoms/Tag/index.d.ts +2 -1
  106. package/dist/components/atoms/Tag/index.js +2 -10
  107. package/dist/components/atoms/Tag/index.js.map +1 -1
  108. package/dist/components/atoms/Tooltip/Tooltip.js +7 -5
  109. package/dist/components/atoms/Tooltip/Tooltip.js.map +1 -1
  110. package/dist/components/atoms/Tooltip/index.d.ts +2 -1
  111. package/dist/components/atoms/Tooltip/index.js +2 -10
  112. package/dist/components/atoms/Tooltip/index.js.map +1 -1
  113. package/dist/components/atoms/Tooltip/styled.js +41 -122
  114. package/dist/components/atoms/Tooltip/styled.js.map +1 -1
  115. package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +7 -6
  116. package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
  117. package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js +16 -18
  118. package/dist/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map +1 -1
  119. package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js +5 -4
  120. package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
  121. package/dist/components/molecules/Breadcrumbs/index.d.ts +2 -1
  122. package/dist/components/molecules/Breadcrumbs/index.js +2 -16
  123. package/dist/components/molecules/Breadcrumbs/index.js.map +1 -1
  124. package/dist/components/molecules/Breadcrumbs/styled.js +25 -18
  125. package/dist/components/molecules/Breadcrumbs/styled.js.map +1 -1
  126. package/dist/components/molecules/DatePicker/DatePicker.js +6 -5
  127. package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
  128. package/dist/components/molecules/DatePicker/Modal.js +6 -5
  129. package/dist/components/molecules/DatePicker/Modal.js.map +1 -1
  130. package/dist/components/molecules/DatePicker/index.d.ts +2 -1
  131. package/dist/components/molecules/DatePicker/index.js +0 -6
  132. package/dist/components/molecules/DatePicker/index.js.map +1 -1
  133. package/dist/components/molecules/DatePicker/styled.js +20 -30
  134. package/dist/components/molecules/DatePicker/styled.js.map +1 -1
  135. package/dist/components/molecules/DateTimePicker/DateTimePicker.js +3 -2
  136. package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  137. package/dist/components/molecules/DateTimePicker/Modal.js +6 -5
  138. package/dist/components/molecules/DateTimePicker/Modal.js.map +1 -1
  139. package/dist/components/molecules/DateTimePicker/index.d.ts +2 -1
  140. package/dist/components/molecules/DateTimePicker/index.js +0 -6
  141. package/dist/components/molecules/DateTimePicker/index.js.map +1 -1
  142. package/dist/components/molecules/DateTimePicker/styled.js +15 -29
  143. package/dist/components/molecules/DateTimePicker/styled.js.map +1 -1
  144. package/dist/components/molecules/Drawer/Drawer.js +10 -10
  145. package/dist/components/molecules/Drawer/Drawer.js.map +1 -1
  146. package/dist/components/molecules/Drawer/index.d.ts +2 -1
  147. package/dist/components/molecules/Drawer/index.js +2 -10
  148. package/dist/components/molecules/Drawer/index.js.map +1 -1
  149. package/dist/components/molecules/Drawer/styled.js +35 -63
  150. package/dist/components/molecules/Drawer/styled.js.map +1 -1
  151. package/dist/components/molecules/Grid/Grid.js +15 -11
  152. package/dist/components/molecules/Grid/Grid.js.map +1 -1
  153. package/dist/components/molecules/Grid/Item/Item.js +22 -21
  154. package/dist/components/molecules/Grid/Item/Item.js.map +1 -1
  155. package/dist/components/molecules/Grid/Item/functions.js +5 -2
  156. package/dist/components/molecules/Grid/Item/functions.js.map +1 -1
  157. package/dist/components/molecules/IconTextButton/IconTextButton.js +10 -9
  158. package/dist/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  159. package/dist/components/molecules/IconTextButton/TextComponent.js +12 -9
  160. package/dist/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  161. package/dist/components/molecules/IconTextButton/index.d.ts +2 -1
  162. package/dist/components/molecules/IconTextButton/index.js +2 -10
  163. package/dist/components/molecules/IconTextButton/index.js.map +1 -1
  164. package/dist/components/molecules/IconTextButton/styled.js +25 -18
  165. package/dist/components/molecules/IconTextButton/styled.js.map +1 -1
  166. package/dist/components/molecules/InputPassword/InputPassword.js +5 -4
  167. package/dist/components/molecules/InputPassword/InputPassword.js.map +1 -1
  168. package/dist/components/molecules/InputPassword/index.d.ts +2 -1
  169. package/dist/components/molecules/InputPassword/index.js +2 -10
  170. package/dist/components/molecules/InputPassword/index.js.map +1 -1
  171. package/dist/components/molecules/LabeledSwitch/LabelComponent.js +13 -10
  172. package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  173. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +11 -10
  174. package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  175. package/dist/components/molecules/LabeledSwitch/index.d.ts +2 -1
  176. package/dist/components/molecules/LabeledSwitch/index.js +2 -10
  177. package/dist/components/molecules/LabeledSwitch/index.js.map +1 -1
  178. package/dist/components/molecules/LabeledSwitch/styled.js +12 -17
  179. package/dist/components/molecules/LabeledSwitch/styled.js.map +1 -1
  180. package/dist/components/molecules/Masonry/Masonry.js +8 -6
  181. package/dist/components/molecules/Masonry/Masonry.js.map +1 -1
  182. package/dist/components/molecules/Masonry/styled.js +21 -28
  183. package/dist/components/molecules/Masonry/styled.js.map +1 -1
  184. package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.js +24 -20
  185. package/dist/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
  186. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +10 -8
  187. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
  188. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +5 -4
  189. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
  190. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js +21 -15
  191. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map +1 -1
  192. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/styled.js +21 -19
  193. package/dist/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map +1 -1
  194. package/dist/components/molecules/Menubar/MenuBlock/styled.js +34 -33
  195. package/dist/components/molecules/Menubar/MenuBlock/styled.js.map +1 -1
  196. package/dist/components/molecules/Menubar/Menubar.js +14 -12
  197. package/dist/components/molecules/Menubar/Menubar.js.map +1 -1
  198. package/dist/components/molecules/Menubar/MostUsed/MostUsed.js +29 -25
  199. package/dist/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
  200. package/dist/components/molecules/Menubar/MostUsed/styled.js +41 -27
  201. package/dist/components/molecules/Menubar/MostUsed/styled.js.map +1 -1
  202. package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +6 -5
  203. package/dist/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
  204. package/dist/components/molecules/Menubar/SearchResultItem/styled.js +21 -16
  205. package/dist/components/molecules/Menubar/SearchResultItem/styled.js.map +1 -1
  206. package/dist/components/molecules/Menubar/SearchResultItem/utils.js +2 -2
  207. package/dist/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
  208. package/dist/components/molecules/Menubar/index.d.ts +1 -1
  209. package/dist/components/molecules/Menubar/index.js +1 -24
  210. package/dist/components/molecules/Menubar/index.js.map +1 -1
  211. package/dist/components/molecules/Menubar/styled.js +117 -96
  212. package/dist/components/molecules/Menubar/styled.js.map +1 -1
  213. package/dist/components/molecules/Select/Dropdown/Dropdown.js +16 -15
  214. package/dist/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
  215. package/dist/components/molecules/Select/Dropdown/components/SearchInput.js +7 -6
  216. package/dist/components/molecules/Select/Dropdown/components/SearchInput.js.map +1 -1
  217. package/dist/components/molecules/Select/Dropdown/styled.js +111 -107
  218. package/dist/components/molecules/Select/Dropdown/styled.js.map +1 -1
  219. package/dist/components/molecules/Select/Select.js +20 -18
  220. package/dist/components/molecules/Select/Select.js.map +1 -1
  221. package/dist/components/molecules/Select/SelectItem/SelectItem.js +13 -12
  222. package/dist/components/molecules/Select/SelectItem/SelectItem.js.map +1 -1
  223. package/dist/components/molecules/Select/SelectItem/styled.js +38 -39
  224. package/dist/components/molecules/Select/SelectItem/styled.js.map +1 -1
  225. package/dist/components/molecules/Select/index.d.ts +2 -1
  226. package/dist/components/molecules/Select/index.js +2 -10
  227. package/dist/components/molecules/Select/index.js.map +1 -1
  228. package/dist/components/molecules/Select/styled.js +6 -11
  229. package/dist/components/molecules/Select/styled.js.map +1 -1
  230. package/dist/components/molecules/Snackbar/Snackbar.js +9 -8
  231. package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
  232. package/dist/components/molecules/Snackbar/index.d.ts +2 -1
  233. package/dist/components/molecules/Snackbar/index.js +2 -10
  234. package/dist/components/molecules/Snackbar/index.js.map +1 -1
  235. package/dist/components/molecules/Snackbar/styled.js +6 -7
  236. package/dist/components/molecules/Snackbar/styled.js.map +1 -1
  237. package/dist/components/molecules/TextArea/TextArea.js +27 -26
  238. package/dist/components/molecules/TextArea/TextArea.js.map +1 -1
  239. package/dist/components/molecules/TextArea/index.d.ts +2 -1
  240. package/dist/components/molecules/TextArea/index.js +2 -10
  241. package/dist/components/molecules/TextArea/index.js.map +1 -1
  242. package/dist/components/molecules/TextArea/styled.js +17 -11
  243. package/dist/components/molecules/TextArea/styled.js.map +1 -1
  244. package/dist/components/organisms/DataGrid/DataGrid.js +34 -32
  245. package/dist/components/organisms/DataGrid/DataGrid.js.map +1 -1
  246. package/dist/components/organisms/DataGrid/Footer/Footer.js +17 -15
  247. package/dist/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
  248. package/dist/components/organisms/DataGrid/Footer/styled.js +75 -74
  249. package/dist/components/organisms/DataGrid/Footer/styled.js.map +1 -1
  250. package/dist/components/organisms/DataGrid/Header/Header.js +37 -32
  251. package/dist/components/organisms/DataGrid/Header/Header.js.map +1 -1
  252. package/dist/components/organisms/DataGrid/Header/styled.js +10 -8
  253. package/dist/components/organisms/DataGrid/Header/styled.js.map +1 -1
  254. package/dist/components/organisms/DataGrid/Row/Row.js +18 -14
  255. package/dist/components/organisms/DataGrid/Row/Row.js.map +1 -1
  256. package/dist/components/organisms/DataGrid/index.d.ts +2 -1
  257. package/dist/components/organisms/DataGrid/index.js +3 -12
  258. package/dist/components/organisms/DataGrid/index.js.map +1 -1
  259. package/dist/components/organisms/DataGrid/styled.js +10 -8
  260. package/dist/components/organisms/DataGrid/styled.js.map +1 -1
  261. package/dist/hooks/useClickAwayListener.js +3 -1
  262. package/dist/hooks/useClickAwayListener.js.map +1 -1
  263. package/dist/index.d.ts +42 -21
  264. package/dist/index.js +3 -194
  265. package/dist/index.js.map +1 -1
  266. package/esm/components/atoms/Accordion/Accordion.js +30 -10
  267. package/esm/components/atoms/Accordion/Accordion.js.map +1 -1
  268. package/esm/components/atoms/Accordion/animations.js +2 -2
  269. package/esm/components/atoms/Accordion/animations.js.map +1 -1
  270. package/esm/components/atoms/Accordion/index.d.ts +2 -1
  271. package/esm/components/atoms/Accordion/index.js +1 -1
  272. package/esm/components/atoms/Accordion/index.js.map +1 -1
  273. package/esm/components/atoms/Accordion/styled.js +7 -7
  274. package/esm/components/atoms/Accordion/styled.js.map +1 -1
  275. package/esm/components/atoms/Badge/Badge.js +3 -1
  276. package/esm/components/atoms/Badge/Badge.js.map +1 -1
  277. package/esm/components/atoms/Badge/index.d.ts +2 -1
  278. package/esm/components/atoms/Badge/index.js +1 -1
  279. package/esm/components/atoms/Badge/index.js.map +1 -1
  280. package/esm/components/atoms/Button/Button.js +3 -1
  281. package/esm/components/atoms/Button/Button.js.map +1 -1
  282. package/esm/components/atoms/Button/hooks/useMouseHover.js +17 -4
  283. package/esm/components/atoms/Button/hooks/useMouseHover.js.map +1 -1
  284. package/esm/components/atoms/Button/hooks/useMousePressed.js +17 -4
  285. package/esm/components/atoms/Button/hooks/useMousePressed.js.map +1 -1
  286. package/esm/components/atoms/Button/index.d.ts +2 -1
  287. package/esm/components/atoms/Button/index.js +1 -1
  288. package/esm/components/atoms/Button/index.js.map +1 -1
  289. package/esm/components/atoms/Button/styled.js +3 -3
  290. package/esm/components/atoms/Button/styled.js.map +1 -1
  291. package/esm/components/atoms/Dropdown/index.js +6 -2
  292. package/esm/components/atoms/Dropdown/index.js.map +1 -1
  293. package/esm/components/atoms/Dropdown/styled.js +2 -2
  294. package/esm/components/atoms/Dropdown/styled.js.map +1 -1
  295. package/esm/components/atoms/Input/Input.js +3 -1
  296. package/esm/components/atoms/Input/Input.js.map +1 -1
  297. package/esm/components/atoms/Input/index.d.ts +2 -1
  298. package/esm/components/atoms/Input/index.js +1 -1
  299. package/esm/components/atoms/Input/index.js.map +1 -1
  300. package/esm/components/atoms/Input/styled.js +2 -2
  301. package/esm/components/atoms/Input/styled.js.map +1 -1
  302. package/esm/components/atoms/InputMask/InputMask.js +3 -1
  303. package/esm/components/atoms/InputMask/InputMask.js.map +1 -1
  304. package/esm/components/atoms/InputMask/index.d.ts +2 -1
  305. package/esm/components/atoms/InputMask/index.js +1 -1
  306. package/esm/components/atoms/InputMask/index.js.map +1 -1
  307. package/esm/components/atoms/InputMask/styled.js +2 -2
  308. package/esm/components/atoms/InputMask/styled.js.map +1 -1
  309. package/esm/components/atoms/Modal/Modal.js +10 -2
  310. package/esm/components/atoms/Modal/Modal.js.map +1 -1
  311. package/esm/components/atoms/Modal/index.d.ts +2 -1
  312. package/esm/components/atoms/Modal/index.js +1 -1
  313. package/esm/components/atoms/Modal/index.js.map +1 -1
  314. package/esm/components/atoms/Modal/styled.js +2 -2
  315. package/esm/components/atoms/Modal/styled.js.map +1 -1
  316. package/esm/components/atoms/Overlay/Overlay.js +6 -2
  317. package/esm/components/atoms/Overlay/Overlay.js.map +1 -1
  318. package/esm/components/atoms/Overlay/styled.js +2 -2
  319. package/esm/components/atoms/Overlay/styled.js.map +1 -1
  320. package/esm/components/atoms/Skeleton/Skeleton.js +3 -1
  321. package/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
  322. package/esm/components/atoms/Skeleton/index.d.ts +2 -1
  323. package/esm/components/atoms/Skeleton/index.js +1 -1
  324. package/esm/components/atoms/Skeleton/index.js.map +1 -1
  325. package/esm/components/atoms/Skeleton/styled.js +8 -8
  326. package/esm/components/atoms/Skeleton/styled.js.map +1 -1
  327. package/esm/components/atoms/Table/Body/TBody.js +3 -1
  328. package/esm/components/atoms/Table/Body/TBody.js.map +1 -1
  329. package/esm/components/atoms/Table/Cell/Td.js +3 -1
  330. package/esm/components/atoms/Table/Cell/Td.js.map +1 -1
  331. package/esm/components/atoms/Table/Cell/styled.js +2 -2
  332. package/esm/components/atoms/Table/Cell/styled.js.map +1 -1
  333. package/esm/components/atoms/Table/Container/TableContainer.js +3 -1
  334. package/esm/components/atoms/Table/Container/TableContainer.js.map +1 -1
  335. package/esm/components/atoms/Table/Container/styled.js +3 -3
  336. package/esm/components/atoms/Table/Container/styled.js.map +1 -1
  337. package/esm/components/atoms/Table/Footer/TFoot.js +3 -1
  338. package/esm/components/atoms/Table/Footer/TFoot.js.map +1 -1
  339. package/esm/components/atoms/Table/Footer/styled.js +2 -2
  340. package/esm/components/atoms/Table/Footer/styled.js.map +1 -1
  341. package/esm/components/atoms/Table/Header/THead.js +3 -1
  342. package/esm/components/atoms/Table/Header/THead.js.map +1 -1
  343. package/esm/components/atoms/Table/Header/Th.js +3 -1
  344. package/esm/components/atoms/Table/Header/Th.js.map +1 -1
  345. package/esm/components/atoms/Table/Header/styled.js +5 -5
  346. package/esm/components/atoms/Table/Header/styled.js.map +1 -1
  347. package/esm/components/atoms/Table/Row/Tr.js +3 -1
  348. package/esm/components/atoms/Table/Row/Tr.js.map +1 -1
  349. package/esm/components/atoms/Table/Row/styled.js +2 -2
  350. package/esm/components/atoms/Table/Row/styled.js.map +1 -1
  351. package/esm/components/atoms/Table/Table.js +3 -1
  352. package/esm/components/atoms/Table/Table.js.map +1 -1
  353. package/esm/components/atoms/Table/Toolbar/TableToolbar.js +3 -1
  354. package/esm/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
  355. package/esm/components/atoms/Table/Toolbar/index.d.ts +2 -1
  356. package/esm/components/atoms/Table/Toolbar/index.js +1 -1
  357. package/esm/components/atoms/Table/Toolbar/index.js.map +1 -1
  358. package/esm/components/atoms/Table/Toolbar/styled.js +2 -2
  359. package/esm/components/atoms/Table/Toolbar/styled.js.map +1 -1
  360. package/esm/components/atoms/Table/index.d.ts +2 -1
  361. package/esm/components/atoms/Table/index.js +1 -1
  362. package/esm/components/atoms/Table/index.js.map +1 -1
  363. package/esm/components/atoms/Table/styled.js +3 -3
  364. package/esm/components/atoms/Table/styled.js.map +1 -1
  365. package/esm/components/atoms/Tag/Tag.js +3 -1
  366. package/esm/components/atoms/Tag/Tag.js.map +1 -1
  367. package/esm/components/atoms/Tag/index.d.ts +2 -1
  368. package/esm/components/atoms/Tag/index.js +1 -1
  369. package/esm/components/atoms/Tag/index.js.map +1 -1
  370. package/esm/components/atoms/Tooltip/Tooltip.js +17 -4
  371. package/esm/components/atoms/Tooltip/Tooltip.js.map +1 -1
  372. package/esm/components/atoms/Tooltip/index.d.ts +2 -1
  373. package/esm/components/atoms/Tooltip/index.js +1 -1
  374. package/esm/components/atoms/Tooltip/index.js.map +1 -1
  375. package/esm/components/atoms/Tooltip/styled.js +15 -15
  376. package/esm/components/atoms/Tooltip/styled.js.map +1 -1
  377. package/esm/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js +3 -3
  378. package/esm/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map +1 -1
  379. package/esm/components/molecules/Breadcrumbs/Breadcrumbs.js +3 -1
  380. package/esm/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
  381. package/esm/components/molecules/Breadcrumbs/index.d.ts +2 -1
  382. package/esm/components/molecules/Breadcrumbs/index.js +1 -1
  383. package/esm/components/molecules/Breadcrumbs/index.js.map +1 -1
  384. package/esm/components/molecules/Breadcrumbs/styled.js +3 -3
  385. package/esm/components/molecules/Breadcrumbs/styled.js.map +1 -1
  386. package/esm/components/molecules/DatePicker/DatePicker.js +18 -3
  387. package/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
  388. package/esm/components/molecules/DatePicker/Modal.js +3 -1
  389. package/esm/components/molecules/DatePicker/Modal.js.map +1 -1
  390. package/esm/components/molecules/DatePicker/index.d.ts +2 -1
  391. package/esm/components/molecules/DatePicker/index.js +1 -1
  392. package/esm/components/molecules/DatePicker/index.js.map +1 -1
  393. package/esm/components/molecules/DatePicker/styled.js +5 -5
  394. package/esm/components/molecules/DatePicker/styled.js.map +1 -1
  395. package/esm/components/molecules/DateTimePicker/DateTimePicker.js +15 -2
  396. package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  397. package/esm/components/molecules/DateTimePicker/Modal.js +3 -1
  398. package/esm/components/molecules/DateTimePicker/Modal.js.map +1 -1
  399. package/esm/components/molecules/DateTimePicker/index.d.ts +2 -1
  400. package/esm/components/molecules/DateTimePicker/index.js +1 -1
  401. package/esm/components/molecules/DateTimePicker/index.js.map +1 -1
  402. package/esm/components/molecules/DateTimePicker/styled.js +4 -4
  403. package/esm/components/molecules/DateTimePicker/styled.js.map +1 -1
  404. package/esm/components/molecules/Drawer/Drawer.js +12 -4
  405. package/esm/components/molecules/Drawer/Drawer.js.map +1 -1
  406. package/esm/components/molecules/Drawer/index.d.ts +2 -1
  407. package/esm/components/molecules/Drawer/index.js +1 -1
  408. package/esm/components/molecules/Drawer/index.js.map +1 -1
  409. package/esm/components/molecules/Drawer/styled.js +7 -7
  410. package/esm/components/molecules/Drawer/styled.js.map +1 -1
  411. package/esm/components/molecules/Grid/Grid.js +15 -7
  412. package/esm/components/molecules/Grid/Grid.js.map +1 -1
  413. package/esm/components/molecules/Grid/Item/Item.js +13 -5
  414. package/esm/components/molecules/Grid/Item/Item.js.map +1 -1
  415. package/esm/components/molecules/Grid/Item/functions.js +3 -2
  416. package/esm/components/molecules/Grid/Item/functions.js.map +1 -1
  417. package/esm/components/molecules/IconTextButton/IconTextButton.js +3 -1
  418. package/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  419. package/esm/components/molecules/IconTextButton/TextComponent.js +3 -3
  420. package/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  421. package/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js +19 -5
  422. package/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js.map +1 -1
  423. package/esm/components/molecules/IconTextButton/index.d.ts +2 -1
  424. package/esm/components/molecules/IconTextButton/index.js +1 -1
  425. package/esm/components/molecules/IconTextButton/index.js.map +1 -1
  426. package/esm/components/molecules/IconTextButton/styled.js +4 -4
  427. package/esm/components/molecules/IconTextButton/styled.js.map +1 -1
  428. package/esm/components/molecules/InputPassword/InputPassword.js +18 -3
  429. package/esm/components/molecules/InputPassword/InputPassword.js.map +1 -1
  430. package/esm/components/molecules/InputPassword/index.d.ts +2 -1
  431. package/esm/components/molecules/InputPassword/index.js +1 -1
  432. package/esm/components/molecules/InputPassword/index.js.map +1 -1
  433. package/esm/components/molecules/LabeledSwitch/LabelComponent.js +5 -3
  434. package/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  435. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +3 -1
  436. package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  437. package/esm/components/molecules/LabeledSwitch/index.d.ts +2 -1
  438. package/esm/components/molecules/LabeledSwitch/index.js +1 -1
  439. package/esm/components/molecules/LabeledSwitch/index.js.map +1 -1
  440. package/esm/components/molecules/LabeledSwitch/styled.js +4 -4
  441. package/esm/components/molecules/LabeledSwitch/styled.js.map +1 -1
  442. package/esm/components/molecules/Masonry/styled.js +4 -4
  443. package/esm/components/molecules/Masonry/styled.js.map +1 -1
  444. package/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js +1 -1
  445. package/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
  446. package/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +16 -3
  447. package/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
  448. package/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js +4 -4
  449. package/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map +1 -1
  450. package/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js +3 -3
  451. package/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map +1 -1
  452. package/esm/components/molecules/Menubar/MenuBlock/styled.js +7 -7
  453. package/esm/components/molecules/Menubar/MenuBlock/styled.js.map +1 -1
  454. package/esm/components/molecules/Menubar/Menubar.js +30 -12
  455. package/esm/components/molecules/Menubar/Menubar.js.map +1 -1
  456. package/esm/components/molecules/Menubar/MostUsed/MostUsed.js +2 -2
  457. package/esm/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
  458. package/esm/components/molecules/Menubar/MostUsed/styled.js +3 -3
  459. package/esm/components/molecules/Menubar/MostUsed/styled.js.map +1 -1
  460. package/esm/components/molecules/Menubar/SearchResultItem/styled.js +5 -5
  461. package/esm/components/molecules/Menubar/SearchResultItem/styled.js.map +1 -1
  462. package/esm/components/molecules/Menubar/SearchResultItem/utils.js +2 -2
  463. package/esm/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
  464. package/esm/components/molecules/Menubar/animations.js +7 -3
  465. package/esm/components/molecules/Menubar/animations.js.map +1 -1
  466. package/esm/components/molecules/Menubar/index.d.ts +1 -1
  467. package/esm/components/molecules/Menubar/index.js +0 -1
  468. package/esm/components/molecules/Menubar/index.js.map +1 -1
  469. package/esm/components/molecules/Menubar/styled.js +11 -11
  470. package/esm/components/molecules/Menubar/styled.js.map +1 -1
  471. package/esm/components/molecules/Menubar/utils.js +1 -1
  472. package/esm/components/molecules/Menubar/utils.js.map +1 -1
  473. package/esm/components/molecules/Select/Dropdown/Dropdown.js +20 -6
  474. package/esm/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
  475. package/esm/components/molecules/Select/Dropdown/styled.js +13 -13
  476. package/esm/components/molecules/Select/Dropdown/styled.js.map +1 -1
  477. package/esm/components/molecules/Select/Select.js +25 -4
  478. package/esm/components/molecules/Select/Select.js.map +1 -1
  479. package/esm/components/molecules/Select/SelectItem/SelectItem.js +28 -6
  480. package/esm/components/molecules/Select/SelectItem/SelectItem.js.map +1 -1
  481. package/esm/components/molecules/Select/SelectItem/styled.js +6 -6
  482. package/esm/components/molecules/Select/SelectItem/styled.js.map +1 -1
  483. package/esm/components/molecules/Select/index.d.ts +2 -1
  484. package/esm/components/molecules/Select/index.js +1 -1
  485. package/esm/components/molecules/Select/index.js.map +1 -1
  486. package/esm/components/molecules/Select/styled.js +3 -3
  487. package/esm/components/molecules/Select/styled.js.map +1 -1
  488. package/esm/components/molecules/Snackbar/Snackbar.js +3 -1
  489. package/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
  490. package/esm/components/molecules/Snackbar/index.d.ts +2 -1
  491. package/esm/components/molecules/Snackbar/index.js +1 -1
  492. package/esm/components/molecules/Snackbar/index.js.map +1 -1
  493. package/esm/components/molecules/Snackbar/styled.js +3 -3
  494. package/esm/components/molecules/Snackbar/styled.js.map +1 -1
  495. package/esm/components/molecules/TextArea/TextArea.js +3 -1
  496. package/esm/components/molecules/TextArea/TextArea.js.map +1 -1
  497. package/esm/components/molecules/TextArea/index.d.ts +2 -1
  498. package/esm/components/molecules/TextArea/index.js +1 -1
  499. package/esm/components/molecules/TextArea/index.js.map +1 -1
  500. package/esm/components/molecules/TextArea/styled.js +3 -3
  501. package/esm/components/molecules/TextArea/styled.js.map +1 -1
  502. package/esm/components/organisms/DataGrid/DataGrid.js +27 -13
  503. package/esm/components/organisms/DataGrid/DataGrid.js.map +1 -1
  504. package/esm/components/organisms/DataGrid/Footer/Footer.js +20 -8
  505. package/esm/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
  506. package/esm/components/organisms/DataGrid/Footer/styled.js +12 -12
  507. package/esm/components/organisms/DataGrid/Footer/styled.js.map +1 -1
  508. package/esm/components/organisms/DataGrid/Header/Header.js +21 -8
  509. package/esm/components/organisms/DataGrid/Header/Header.js.map +1 -1
  510. package/esm/components/organisms/DataGrid/Header/styled.js +2 -2
  511. package/esm/components/organisms/DataGrid/Header/styled.js.map +1 -1
  512. package/esm/components/organisms/DataGrid/Row/Row.js +1 -1
  513. package/esm/components/organisms/DataGrid/Row/Row.js.map +1 -1
  514. package/esm/components/organisms/DataGrid/index.d.ts +2 -1
  515. package/esm/components/organisms/DataGrid/index.js +1 -1
  516. package/esm/components/organisms/DataGrid/index.js.map +1 -1
  517. package/esm/components/organisms/DataGrid/styled.js +2 -2
  518. package/esm/components/organisms/DataGrid/styled.js.map +1 -1
  519. package/esm/components/organisms/DataGrid/utils.js +14 -1
  520. package/esm/components/organisms/DataGrid/utils.js.map +1 -1
  521. package/esm/hooks/useClickAwayListener.js +2 -5
  522. package/esm/hooks/useClickAwayListener.js.map +1 -1
  523. package/esm/hooks/useWindowSize.js +15 -2
  524. package/esm/hooks/useWindowSize.js.map +1 -1
  525. package/esm/index.d.ts +42 -21
  526. package/esm/index.js +21 -21
  527. package/esm/index.js.map +1 -1
  528. package/package.json +3 -3
  529. package/src/components/atoms/Accordion/index.ts +2 -1
  530. package/src/components/atoms/Badge/index.ts +2 -1
  531. package/src/components/atoms/Button/index.ts +2 -1
  532. package/src/components/atoms/Input/index.ts +2 -1
  533. package/src/components/atoms/InputMask/index.ts +2 -1
  534. package/src/components/atoms/Modal/index.ts +2 -1
  535. package/src/components/atoms/Skeleton/index.ts +2 -1
  536. package/src/components/atoms/Table/Toolbar/index.ts +2 -1
  537. package/src/components/atoms/Table/index.ts +2 -1
  538. package/src/components/atoms/Tag/index.ts +2 -1
  539. package/src/components/atoms/Tooltip/index.ts +2 -1
  540. package/src/components/molecules/Breadcrumbs/index.ts +2 -5
  541. package/src/components/molecules/DatePicker/index.ts +2 -1
  542. package/src/components/molecules/DateTimePicker/index.ts +2 -1
  543. package/src/components/molecules/Drawer/index.ts +2 -1
  544. package/src/components/molecules/Grid/Item/functions.ts +1 -0
  545. package/src/components/molecules/IconTextButton/index.ts +2 -4
  546. package/src/components/molecules/InputPassword/index.ts +2 -4
  547. package/src/components/molecules/LabeledSwitch/index.ts +2 -4
  548. package/src/components/molecules/Menubar/index.ts +1 -1
  549. package/src/components/molecules/Select/index.ts +2 -1
  550. package/src/components/molecules/Snackbar/index.ts +2 -1
  551. package/src/components/molecules/TextArea/index.ts +2 -1
  552. package/src/components/organisms/DataGrid/index.ts +2 -1
  553. package/src/index.ts +42 -48
@@ -1 +1 @@
1
- {"version":3,"file":"Tr.js","names":["Tr","children","rest"],"sources":["../../../../../src/components/atoms/Table/Row/Tr.tsx"],"sourcesContent":["import React from 'react';\nimport { TRow } from './styled';\n\nexport const Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({\n children,\n ...rest\n}) => {\n return <TRow {...rest}>{children}</TRow>;\n};\n\nexport default Tr;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,EAAuD,GAAG,CAAC;EACtEC,QADsE;EAEtE,GAAGC;AAFmE,CAAD,KAGjE;EACJ,OAAO,6BAAC,YAAD,EAAUA,IAAV,EAAiBD,QAAjB,CAAP;AACD,CALM;;;eAOQD,E"}
1
+ {"version":3,"file":"Tr.js","names":["Tr","children","rest"],"sources":["../../../../../src/components/atoms/Table/Row/Tr.tsx"],"sourcesContent":["import React from 'react';\nimport { TRow } from './styled';\n\nexport const Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({\n children,\n ...rest\n}) => {\n return <TRow {...rest}>{children}</TRow>;\n};\n\nexport default Tr;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,EAAuD,GAAG,QAGjE;EAAA,IAHkE;IACtEC,QADsE;IAEtE,GAAGC;EAFmE,CAGlE;EACJ,OAAO,6BAAC,YAAD,EAAUA,IAAV,EAAiBD,QAAjB,CAAP;AACD,CALM;;;eAOQD,E"}
@@ -9,16 +9,22 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
9
9
 
10
10
  var _reactCore = require("@tecsinapse/react-core");
11
11
 
12
+ var _templateObject;
13
+
12
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
15
 
14
- const TRow = (0, _styled.default)('tr')`
15
- box-shadow: 0 2px 8px
16
- ${({
17
- theme
18
- }) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
19
- border-radius: ${({
20
- theme
21
- }) => theme.borderRadius.mili};
22
- `;
16
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
+
18
+ const TRow = (0, _styled.default)('tr')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n box-shadow: 0 2px 8px\n ", ";\n border-radius: ", ";\n"])), _ref => {
19
+ let {
20
+ theme
21
+ } = _ref;
22
+ return (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05);
23
+ }, _ref2 => {
24
+ let {
25
+ theme
26
+ } = _ref2;
27
+ return theme.borderRadius.mili;
28
+ });
23
29
  exports.TRow = TRow;
24
30
  //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["TRow","styled","theme","hex2rgba","miscellaneous","shadow","borderRadius","mili"],"sources":["../../../../../src/components/atoms/Table/Row/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TRow = styled('tr')<Partial<StyleProps>>`\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,IAAI,GAAG,IAAAC,eAAA,EAAO,IAAP,CAAkC;AACtD;AACA,MAAM,CAAC;EAAEC;AAAF,CAAD,KAAe,IAAAC,mBAAA,EAASD,KAAK,CAACE,aAAN,CAAoBC,MAA7B,EAAqC,IAArC,CAA2C;AAChE,mBAAmB,CAAC;EAAEH;AAAF,CAAD,KAAeA,KAAK,CAACI,YAAN,CAAmBC,IAAK;AAC1D,CAJO"}
1
+ {"version":3,"file":"styled.js","names":["TRow","styled","theme","hex2rgba","miscellaneous","shadow","borderRadius","mili"],"sources":["../../../../../src/components/atoms/Table/Row/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const TRow = styled('tr')<Partial<StyleProps>>`\n box-shadow: 0 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,IAAI,GAAG,IAAAC,eAAA,EAAO,IAAP,CAAH,oIAEX;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAe,IAAAC,mBAAA,EAASD,KAAK,CAACE,aAAN,CAAoBC,MAA7B,EAAqC,IAArC,CAAf;AAAA,CAFW,EAGE;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,YAAN,CAAmBC,IAAlC;AAAA,CAHF,CAAV"}
@@ -11,10 +11,11 @@ var _styled = require("./styled");
11
11
 
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
 
14
- const Table = ({
15
- children,
16
- ...rest
17
- }) => {
14
+ const Table = _ref => {
15
+ let {
16
+ children,
17
+ ...rest
18
+ } = _ref;
18
19
  return _react.default.createElement(_styled.TableStyled, rest, children);
19
20
  };
20
21
 
@@ -1 +1 @@
1
- {"version":3,"file":"Table.js","names":["Table","children","rest"],"sources":["../../../../src/components/atoms/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TableStyled } from './styled';\n\nexport const Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({\n children,\n ...rest\n}) => {\n return <TableStyled {...rest}>{children}</TableStyled>;\n};\n\nexport default Table;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,KAA4D,GAAG,CAAC;EAC3EC,QAD2E;EAE3E,GAAGC;AAFwE,CAAD,KAGtE;EACJ,OAAO,6BAAC,mBAAD,EAAiBA,IAAjB,EAAwBD,QAAxB,CAAP;AACD,CALM;;;eAOQD,K"}
1
+ {"version":3,"file":"Table.js","names":["Table","children","rest"],"sources":["../../../../src/components/atoms/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TableStyled } from './styled';\n\nexport const Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({\n children,\n ...rest\n}) => {\n return <TableStyled {...rest}>{children}</TableStyled>;\n};\n\nexport default Table;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,KAA4D,GAAG,QAGtE;EAAA,IAHuE;IAC3EC,QAD2E;IAE3E,GAAGC;EAFwE,CAGvE;EACJ,OAAO,6BAAC,mBAAD,EAAiBA,IAAjB,EAAwBD,QAAxB,CAAP;AACD,CALM;;;eAOQD,K"}
@@ -13,12 +13,13 @@ var _reactCore = require("@tecsinapse/react-core");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
- const TableToolbar = ({
17
- rightIcons,
18
- title,
19
- footer,
20
- ...rest
21
- }) => {
16
+ const TableToolbar = _ref => {
17
+ let {
18
+ rightIcons,
19
+ title,
20
+ footer,
21
+ ...rest
22
+ } = _ref;
22
23
  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_styled.TableToolbarStyled, rest, _react.default.createElement(_reactCore.Text, {
23
24
  typography: "h3",
24
25
  fontWeight: "bold"
@@ -1 +1 @@
1
- {"version":3,"file":"TableToolbar.js","names":["TableToolbar","rightIcons","title","footer","rest"],"sources":["../../../../../src/components/atoms/Table/Toolbar/TableToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { TableToolbarStyled } from './styled';\nimport { Text } from '@tecsinapse/react-core';\n\nexport interface TableToolbarProps\n extends React.HTMLAttributes<HTMLDivElement> {\n rightIcons?: React.ReactNode;\n footer?: React.ReactNode;\n title: string;\n}\n\nconst TableToolbar: React.FC<TableToolbarProps> = ({\n rightIcons,\n title,\n footer,\n ...rest\n}) => {\n return (\n <>\n <TableToolbarStyled {...rest}>\n <Text typography=\"h3\" fontWeight=\"bold\">\n {title}\n </Text>\n {rightIcons}\n </TableToolbarStyled>\n {footer}\n </>\n );\n};\n\nexport default TableToolbar;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AASA,MAAMA,YAAyC,GAAG,CAAC;EACjDC,UADiD;EAEjDC,KAFiD;EAGjDC,MAHiD;EAIjD,GAAGC;AAJ8C,CAAD,KAK5C;EACJ,OACE,4DACE,6BAAC,0BAAD,EAAwBA,IAAxB,EACE,6BAAC,eAAD;IAAM,UAAU,EAAC,IAAjB;IAAsB,UAAU,EAAC;EAAjC,GACGF,KADH,CADF,EAIGD,UAJH,CADF,EAOGE,MAPH,CADF;AAWD,CAjBD;;eAmBeH,Y"}
1
+ {"version":3,"file":"TableToolbar.js","names":["TableToolbar","rightIcons","title","footer","rest"],"sources":["../../../../../src/components/atoms/Table/Toolbar/TableToolbar.tsx"],"sourcesContent":["import React from 'react';\nimport { TableToolbarStyled } from './styled';\nimport { Text } from '@tecsinapse/react-core';\n\nexport interface TableToolbarProps\n extends React.HTMLAttributes<HTMLDivElement> {\n rightIcons?: React.ReactNode;\n footer?: React.ReactNode;\n title: string;\n}\n\nconst TableToolbar: React.FC<TableToolbarProps> = ({\n rightIcons,\n title,\n footer,\n ...rest\n}) => {\n return (\n <>\n <TableToolbarStyled {...rest}>\n <Text typography=\"h3\" fontWeight=\"bold\">\n {title}\n </Text>\n {rightIcons}\n </TableToolbarStyled>\n {footer}\n </>\n );\n};\n\nexport default TableToolbar;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AASA,MAAMA,YAAyC,GAAG,QAK5C;EAAA,IAL6C;IACjDC,UADiD;IAEjDC,KAFiD;IAGjDC,MAHiD;IAIjD,GAAGC;EAJ8C,CAK7C;EACJ,OACE,4DACE,6BAAC,0BAAD,EAAwBA,IAAxB,EACE,6BAAC,eAAD;IAAM,UAAU,EAAC,IAAjB;IAAsB,UAAU,EAAC;EAAjC,GACGF,KADH,CADF,EAIGD,UAJH,CADF,EAOGE,MAPH,CADF;AAWD,CAjBD;;eAmBeH,Y"}
@@ -1 +1,2 @@
1
- export { default as TableToolbar, TableToolbarProps } from './TableToolbar';
1
+ export { default as TableToolbar } from './TableToolbar';
2
+ export type { TableToolbarProps } from './TableToolbar';
@@ -9,16 +9,8 @@ Object.defineProperty(exports, "TableToolbar", {
9
9
  return _TableToolbar.default;
10
10
  }
11
11
  });
12
- Object.defineProperty(exports, "TableToolbarProps", {
13
- enumerable: true,
14
- get: function () {
15
- return _TableToolbar.TableToolbarProps;
16
- }
17
- });
18
-
19
- var _TableToolbar = _interopRequireWildcard(require("./TableToolbar"));
20
12
 
21
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+ var _TableToolbar = _interopRequireDefault(require("./TableToolbar"));
22
14
 
23
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Table/Toolbar/index.ts"],"sourcesContent":["export { default as TableToolbar, TableToolbarProps } from './TableToolbar';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Table/Toolbar/index.ts"],"sourcesContent":["export { default as TableToolbar } from './TableToolbar';\nexport type { TableToolbarProps } from './TableToolbar';\n"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -7,13 +7,12 @@ exports.TableToolbarStyled = void 0;
7
7
 
8
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
9
 
10
+ var _templateObject;
11
+
10
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
13
 
12
- const TableToolbarStyled = (0, _styled.default)('div')`
13
- padding: 0 32px 12px 32px;
14
- display: flex;
15
- justify-content: space-between;
16
- align-items: center;
17
- `;
14
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
+
16
+ const TableToolbarStyled = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: 0 32px 12px 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
18
17
  exports.TableToolbarStyled = TableToolbarStyled;
19
18
  //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["TableToolbarStyled","styled"],"sources":["../../../../../src/components/atoms/Table/Toolbar/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const TableToolbarStyled = styled('div')`\n padding: 0 32px 12px 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,kBAAkB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAc;AAChD;AACA;AACA;AACA;AACA,CALO"}
1
+ {"version":3,"file":"styled.js","names":["TableToolbarStyled","styled"],"sources":["../../../../../src/components/atoms/Table/Toolbar/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\n\nexport const TableToolbarStyled = styled('div')`\n padding: 0 32px 12px 32px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAEO,MAAMA,kBAAkB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,kLAAxB"}
@@ -4,5 +4,6 @@ export { TableContainer } from './Container';
4
4
  export { TFoot } from './Footer';
5
5
  export { THead, Th } from './Header';
6
6
  export { Tr } from './Row';
7
- export { TableToolbar, TableToolbarProps } from './Toolbar';
7
+ export { TableToolbar } from './Toolbar';
8
+ export type { TableToolbarProps } from './Toolbar';
8
9
  export { default as Table } from './Table';
@@ -39,12 +39,6 @@ Object.defineProperty(exports, "TableToolbar", {
39
39
  return _Toolbar.TableToolbar;
40
40
  }
41
41
  });
42
- Object.defineProperty(exports, "TableToolbarProps", {
43
- enumerable: true,
44
- get: function () {
45
- return _Toolbar.TableToolbarProps;
46
- }
47
- });
48
42
  Object.defineProperty(exports, "Td", {
49
43
  enumerable: true,
50
44
  get: function () {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Table/index.ts"],"sourcesContent":["export { TBody } from './Body';\nexport { Td } from './Cell';\nexport { TableContainer } from './Container';\nexport { TFoot } from './Footer';\nexport { THead, Th } from './Header';\nexport { Tr } from './Row';\nexport { TableToolbar, TableToolbarProps } from './Toolbar';\nexport { default as Table } from './Table';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Table/index.ts"],"sourcesContent":["export { TBody } from './Body';\nexport { Td } from './Cell';\nexport { TableContainer } from './Container';\nexport { TFoot } from './Footer';\nexport { THead, Th } from './Header';\nexport { Tr } from './Row';\nexport { TableToolbar } from './Toolbar';\nexport type { TableToolbarProps } from './Toolbar';\nexport { default as Table } from './Table';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA"}
@@ -7,14 +7,17 @@ exports.TableStyled = void 0;
7
7
 
8
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
9
9
 
10
+ var _templateObject;
11
+
10
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
13
 
12
- const TableStyled = (0, _styled.default)('table')`
13
- width: 100%;
14
- min-width: 200px;
15
- border-spacing: ${({
16
- theme
17
- }) => `${theme.spacing.kilo} ${theme.spacing.mili}`};
18
- `;
14
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
15
+
16
+ const TableStyled = (0, _styled.default)('table')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n min-width: 200px;\n border-spacing: ", ";\n"])), _ref => {
17
+ let {
18
+ theme
19
+ } = _ref;
20
+ return "".concat(theme.spacing.kilo, " ").concat(theme.spacing.mili);
21
+ });
19
22
  exports.TableStyled = TableStyled;
20
23
  //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["TableStyled","styled","theme","spacing","kilo","mili"],"sources":["../../../../src/components/atoms/Table/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TableStyled = styled('table')<Partial<StyleProps>>`\n width: 100%;\n min-width: 200px;\n border-spacing: ${({ theme }) =>\n `${theme.spacing.kilo} ${theme.spacing.mili}`};\n`;\n"],"mappings":";;;;;;;AAAA;;;;AAGO,MAAMA,WAAW,GAAG,IAAAC,eAAA,EAAO,OAAP,CAAqC;AAChE;AACA;AACA,oBAAoB,CAAC;EAAEC;AAAF,CAAD,KACf,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,IAAGF,KAAK,CAACC,OAAN,CAAcE,IAAK,EAAE;AAClD,CALO"}
1
+ {"version":3,"file":"styled.js","names":["TableStyled","styled","theme","spacing","kilo","mili"],"sources":["../../../../src/components/atoms/Table/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const TableStyled = styled('table')<Partial<StyleProps>>`\n width: 100%;\n min-width: 200px;\n border-spacing: ${({ theme }) =>\n `${theme.spacing.kilo} ${theme.spacing.mili}`};\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAGO,MAAMA,WAAW,GAAG,IAAAC,eAAA,EAAO,OAAP,CAAH,sIAGJ;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,iBACbA,KAAK,CAACC,OAAN,CAAcC,IADD,cACSF,KAAK,CAACC,OAAN,CAAcE,IADvB;AAAA,CAHI,CAAjB"}
@@ -13,11 +13,12 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
13
13
 
14
14
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
15
15
 
16
- const Tag = ({
17
- value,
18
- textProps,
19
- ...rest
20
- }) => {
16
+ const Tag = _ref => {
17
+ let {
18
+ value,
19
+ textProps,
20
+ ...rest
21
+ } = _ref;
21
22
  const {
22
23
  colorVariant = 'secondary',
23
24
  colorTone = 'dark',
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","names":["Tag","value","textProps","rest","colorVariant","colorTone","fontStack","fontWeight","variant"],"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Text,\n Tag as TagCore,\n TagProps as TagCoreProps,\n TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n value: string;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n ...rest\n}): JSX.Element => {\n const {\n colorVariant = 'secondary',\n colorTone = 'dark',\n fontStack = 'default',\n fontWeight = 'bold',\n } = textProps || {};\n return (\n <TagCore\n value={\n <Text\n colorVariant={colorVariant}\n colorTone={colorTone}\n fontStack={fontStack}\n fontWeight={fontWeight}\n typography={rest.variant === 'small' ? 'sub' : 'base'}\n >\n {value}\n </Text>\n }\n {...rest}\n />\n );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAYA,MAAMA,GAAuB,GAAG,CAAC;EAC/BC,KAD+B;EAE/BC,SAF+B;EAG/B,GAAGC;AAH4B,CAAD,KAIb;EACjB,MAAM;IACJC,YAAY,GAAG,WADX;IAEJC,SAAS,GAAG,MAFR;IAGJC,SAAS,GAAG,SAHR;IAIJC,UAAU,GAAG;EAJT,IAKFL,SAAS,IAAI,EALjB;EAMA,OACE,6BAAC,cAAD;IACE,KAAK,EACH,6BAAC,eAAD;MACE,YAAY,EAAEE,YADhB;MAEE,SAAS,EAAEC,SAFb;MAGE,SAAS,EAAEC,SAHb;MAIE,UAAU,EAAEC,UAJd;MAKE,UAAU,EAAEJ,IAAI,CAACK,OAAL,KAAiB,OAAjB,GAA2B,KAA3B,GAAmC;IALjD,GAOGP,KAPH;EAFJ,GAYME,IAZN,EADF;AAgBD,CA3BD;;eA6BeH,G"}
1
+ {"version":3,"file":"Tag.js","names":["Tag","value","textProps","rest","colorVariant","colorTone","fontStack","fontWeight","variant"],"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Text,\n Tag as TagCore,\n TagProps as TagCoreProps,\n TextProps,\n} from '@tecsinapse/react-core';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n value: string;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n ...rest\n}): JSX.Element => {\n const {\n colorVariant = 'secondary',\n colorTone = 'dark',\n fontStack = 'default',\n fontWeight = 'bold',\n } = textProps || {};\n return (\n <TagCore\n value={\n <Text\n colorVariant={colorVariant}\n colorTone={colorTone}\n fontStack={fontStack}\n fontWeight={fontWeight}\n typography={rest.variant === 'small' ? 'sub' : 'base'}\n >\n {value}\n </Text>\n }\n {...rest}\n />\n );\n};\n\nexport default Tag;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAYA,MAAMA,GAAuB,GAAG,QAIb;EAAA,IAJc;IAC/BC,KAD+B;IAE/BC,SAF+B;IAG/B,GAAGC;EAH4B,CAId;EACjB,MAAM;IACJC,YAAY,GAAG,WADX;IAEJC,SAAS,GAAG,MAFR;IAGJC,SAAS,GAAG,SAHR;IAIJC,UAAU,GAAG;EAJT,IAKFL,SAAS,IAAI,EALjB;EAMA,OACE,6BAAC,cAAD;IACE,KAAK,EACH,6BAAC,eAAD;MACE,YAAY,EAAEE,YADhB;MAEE,SAAS,EAAEC,SAFb;MAGE,SAAS,EAAEC,SAHb;MAIE,UAAU,EAAEC,UAJd;MAKE,UAAU,EAAEJ,IAAI,CAACK,OAAL,KAAiB,OAAjB,GAA2B,KAA3B,GAAmC;IALjD,GAOGP,KAPH;EAFJ,GAYME,IAZN,EADF;AAgBD,CA3BD;;eA6BeH,G"}
@@ -1 +1,2 @@
1
- export { default as Tag, TagProps } from './Tag';
1
+ export { default as Tag } from './Tag';
2
+ export type { TagProps } from './Tag';
@@ -9,16 +9,8 @@ Object.defineProperty(exports, "Tag", {
9
9
  return _Tag.default;
10
10
  }
11
11
  });
12
- Object.defineProperty(exports, "TagProps", {
13
- enumerable: true,
14
- get: function () {
15
- return _Tag.TagProps;
16
- }
17
- });
18
-
19
- var _Tag = _interopRequireWildcard(require("./Tag"));
20
12
 
21
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+ var _Tag = _interopRequireDefault(require("./Tag"));
22
14
 
23
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Tag/index.ts"],"sourcesContent":["export { default as Tag, TagProps } from './Tag';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Tag/index.ts"],"sourcesContent":["export { default as Tag } from './Tag';\nexport type { TagProps } from './Tag';\n"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -13,11 +13,13 @@ var _styled = require("./styled");
13
13
 
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
- const Tooltip = ({
17
- children,
18
- title,
19
- position = 'bottom'
20
- }) => {
16
+ const Tooltip = _ref => {
17
+ let {
18
+ children,
19
+ title,
20
+ position = 'bottom'
21
+ } = _ref;
22
+
21
23
  const spanRef = _react.default.useRef();
22
24
 
23
25
  const [computed, setComputed] = _react.default.useState(undefined);
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","names":["Tooltip","children","title","position","spanRef","React","useRef","computed","setComputed","useState","undefined","useLayoutEffect","width","current","clientWidth","height","clientHeight","ref"],"sources":["../../../../src/components/atoms/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { Container, TooltipSpan } from './styled';\n\nexport type ComputedType = { width?: number; height?: number };\nexport type Position = 'top' | 'bottom' | 'right' | 'left';\n\nexport interface ITooltip {\n title: string;\n position?: Position;\n children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<ITooltip> = ({\n children,\n title,\n position = 'bottom',\n}) => {\n const spanRef = React.useRef<HTMLSpanElement | null>();\n const [computed, setComputed] = React.useState<ComputedType | undefined>(\n undefined\n );\n\n React.useLayoutEffect(() => {\n setComputed({\n width: spanRef.current?.clientWidth,\n height: spanRef.current?.clientHeight,\n });\n }, []);\n\n return (\n <Container position={position}>\n {children}\n <TooltipSpan\n computed={computed}\n position={position}\n ref={ref => (spanRef.current = ref)}\n >\n <Text\n fontWeight=\"bold\"\n typography=\"base\"\n colorVariant=\"secondary\"\n colorTone=\"xlight\"\n >\n {title}\n </Text>\n </TooltipSpan>\n </Container>\n );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAWA,MAAMA,OAA2B,GAAG,CAAC;EACnCC,QADmC;EAEnCC,KAFmC;EAGnCC,QAAQ,GAAG;AAHwB,CAAD,KAI9B;EACJ,MAAMC,OAAO,GAAGC,cAAA,CAAMC,MAAN,EAAhB;;EACA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BH,cAAA,CAAMI,QAAN,CAC9BC,SAD8B,CAAhC;;EAIAL,cAAA,CAAMM,eAAN,CAAsB,MAAM;IAAA;;IAC1BH,WAAW,CAAC;MACVI,KAAK,sBAAER,OAAO,CAACS,OAAV,qDAAE,iBAAiBC,WADd;MAEVC,MAAM,uBAAEX,OAAO,CAACS,OAAV,sDAAE,kBAAiBG;IAFf,CAAD,CAAX;EAID,CALD,EAKG,EALH;;EAOA,OACE,6BAAC,iBAAD;IAAW,QAAQ,EAAEb;EAArB,GACGF,QADH,EAEE,6BAAC,mBAAD;IACE,QAAQ,EAAEM,QADZ;IAEE,QAAQ,EAAEJ,QAFZ;IAGE,GAAG,EAAEc,GAAG,IAAKb,OAAO,CAACS,OAAR,GAAkBI;EAHjC,GAKE,6BAAC,eAAD;IACE,UAAU,EAAC,MADb;IAEE,UAAU,EAAC,MAFb;IAGE,YAAY,EAAC,WAHf;IAIE,SAAS,EAAC;EAJZ,GAMGf,KANH,CALF,CAFF,CADF;AAmBD,CApCD;;eAsCeF,O"}
1
+ {"version":3,"file":"Tooltip.js","names":["Tooltip","children","title","position","spanRef","React","useRef","computed","setComputed","useState","undefined","useLayoutEffect","width","current","clientWidth","height","clientHeight","ref"],"sources":["../../../../src/components/atoms/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { Container, TooltipSpan } from './styled';\n\nexport type ComputedType = { width?: number; height?: number };\nexport type Position = 'top' | 'bottom' | 'right' | 'left';\n\nexport interface ITooltip {\n title: string;\n position?: Position;\n children?: React.ReactNode;\n}\n\nconst Tooltip: React.FC<ITooltip> = ({\n children,\n title,\n position = 'bottom',\n}) => {\n const spanRef = React.useRef<HTMLSpanElement | null>();\n const [computed, setComputed] = React.useState<ComputedType | undefined>(\n undefined\n );\n\n React.useLayoutEffect(() => {\n setComputed({\n width: spanRef.current?.clientWidth,\n height: spanRef.current?.clientHeight,\n });\n }, []);\n\n return (\n <Container position={position}>\n {children}\n <TooltipSpan\n computed={computed}\n position={position}\n ref={ref => (spanRef.current = ref)}\n >\n <Text\n fontWeight=\"bold\"\n typography=\"base\"\n colorVariant=\"secondary\"\n colorTone=\"xlight\"\n >\n {title}\n </Text>\n </TooltipSpan>\n </Container>\n );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAWA,MAAMA,OAA2B,GAAG,QAI9B;EAAA,IAJ+B;IACnCC,QADmC;IAEnCC,KAFmC;IAGnCC,QAAQ,GAAG;EAHwB,CAI/B;;EACJ,MAAMC,OAAO,GAAGC,cAAA,CAAMC,MAAN,EAAhB;;EACA,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BH,cAAA,CAAMI,QAAN,CAC9BC,SAD8B,CAAhC;;EAIAL,cAAA,CAAMM,eAAN,CAAsB,MAAM;IAAA;;IAC1BH,WAAW,CAAC;MACVI,KAAK,sBAAER,OAAO,CAACS,OAAV,qDAAE,iBAAiBC,WADd;MAEVC,MAAM,uBAAEX,OAAO,CAACS,OAAV,sDAAE,kBAAiBG;IAFf,CAAD,CAAX;EAID,CALD,EAKG,EALH;;EAOA,OACE,6BAAC,iBAAD;IAAW,QAAQ,EAAEb;EAArB,GACGF,QADH,EAEE,6BAAC,mBAAD;IACE,QAAQ,EAAEM,QADZ;IAEE,QAAQ,EAAEJ,QAFZ;IAGE,GAAG,EAAEc,GAAG,IAAKb,OAAO,CAACS,OAAR,GAAkBI;EAHjC,GAKE,6BAAC,eAAD;IACE,UAAU,EAAC,MADb;IAEE,UAAU,EAAC,MAFb;IAGE,YAAY,EAAC,WAHf;IAIE,SAAS,EAAC;EAJZ,GAMGf,KANH,CALF,CAFF,CADF;AAmBD,CApCD;;eAsCeF,O"}
@@ -1 +1,2 @@
1
- export { default as Tooltip, ITooltip } from './Tooltip';
1
+ export { default as Tooltip } from './Tooltip';
2
+ export type { ITooltip } from './Tooltip';
@@ -3,12 +3,6 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "ITooltip", {
7
- enumerable: true,
8
- get: function () {
9
- return _Tooltip.ITooltip;
10
- }
11
- });
12
6
  Object.defineProperty(exports, "Tooltip", {
13
7
  enumerable: true,
14
8
  get: function () {
@@ -16,9 +10,7 @@ Object.defineProperty(exports, "Tooltip", {
16
10
  }
17
11
  });
18
12
 
19
- var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
20
-
21
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+ var _Tooltip = _interopRequireDefault(require("./Tooltip"));
22
14
 
23
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
24
16
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Tooltip/index.ts"],"sourcesContent":["export { default as Tooltip, ITooltip } from './Tooltip';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Tooltip/index.ts"],"sourcesContent":["export { default as Tooltip } from './Tooltip';\nexport type { ITooltip } from './Tooltip';\n"],"mappings":";;;;;;;;;;;;AAAA"}
@@ -5,139 +5,58 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.TooltipSpan = exports.Container = void 0;
7
7
 
8
- require("core-js/modules/es.array.includes.js");
9
-
10
8
  var _react = require("@emotion/react");
11
9
 
12
10
  var _styled = _interopRequireDefault(require("@emotion/styled"));
13
11
 
12
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
13
+
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
 
16
- const bottomOrTopStylesCommon = (width, position) => ['top', 'bottom'].includes(position) && (0, _react.css)`
17
- left: 50%;
18
- margin-left: -${width / 2}px;
19
- `;
20
-
21
- const bottomOrTopArrowCommon = position => ['top', 'bottom'].includes(position) && (0, _react.css)`
22
- left: 50%;
23
- margin-left: -5px;
24
- `;
25
-
26
- const topStyles = (theme, position) => position === 'top' && (0, _react.css)`
27
- bottom: 100%;
28
- margin-bottom: ${theme.spacing.centi};
29
- transform: translateY(10%);
30
- `;
31
-
32
- const topArrow = (theme, position) => position === 'top' && (0, _react.css)`
33
- top: 100%;
34
- border-color: ${theme.color.secondary.xdark} transparent transparent
35
- transparent;
36
- `;
37
-
38
- const bottomStyles = (theme, position) => position === 'bottom' && (0, _react.css)`
39
- top: 100%;
40
- margin-top: ${theme.spacing.centi};
41
- transform: translateY(-10%);
42
- `;
43
-
44
- const bottomArrow = (theme, position) => position === 'bottom' && (0, _react.css)`
45
- bottom: 100%;
46
- border-color: transparent transparent ${theme.color.secondary.xdark}
47
- transparent;
48
- `;
49
-
50
- const leftAndRightCommonStyles = (height, position) => ['right', 'left'].includes(position) && (0, _react.css)`
51
- top: 50%;
52
- margin-top: -${height / 2}px;
53
- `;
54
-
55
- const leftOrRightArrowCommon = position => ['right', 'left'].includes(position) && (0, _react.css)`
56
- top: 50%;
57
- margin-top: -5px;
58
- `;
59
-
60
- const leftStyles = (theme, position) => position === 'left' && (0, _react.css)`
61
- right: 100%;
62
- margin-right: ${theme.spacing.centi};
63
- transform: translateX(10%);
64
- `;
65
-
66
- const leftArrow = (theme, position) => position === 'left' && (0, _react.css)`
67
- left: 100%;
68
- border-color: transparent transparent transparent
69
- ${theme.color.secondary.xdark};
70
- `;
71
-
72
- const rightStyles = (theme, position) => position === 'right' && (0, _react.css)`
73
- left: 100%;
74
- margin-left: ${theme.spacing.centi};
75
- transform: translateX(-10%);
76
- `;
77
-
78
- const rightArrow = (theme, position) => position === 'right' && (0, _react.css)`
79
- right: 100%;
80
- border-color: transparent ${theme.color.secondary.xdark} transparent
81
- transparent;
82
- `;
83
-
84
- const TooltipSpan = (0, _styled.default)('span')(({
85
- theme,
86
- computed,
87
- position
88
- }) => {
16
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
17
+
18
+ const bottomOrTopStylesCommon = (width, position) => ['top', 'bottom'].includes(position) && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n left: 50%;\n margin-left: -", "px;\n "])), width / 2);
19
+
20
+ const bottomOrTopArrowCommon = position => ['top', 'bottom'].includes(position) && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n left: 50%;\n margin-left: -5px;\n "])));
21
+
22
+ const topStyles = (theme, position) => position === 'top' && (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n bottom: 100%;\n margin-bottom: ", ";\n transform: translateY(10%);\n "])), theme.spacing.centi);
23
+
24
+ const topArrow = (theme, position) => position === 'top' && (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n top: 100%;\n border-color: ", " transparent transparent\n transparent;\n "])), theme.color.secondary.xdark);
25
+
26
+ const bottomStyles = (theme, position) => position === 'bottom' && (0, _react.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n top: 100%;\n margin-top: ", ";\n transform: translateY(-10%);\n "])), theme.spacing.centi);
27
+
28
+ const bottomArrow = (theme, position) => position === 'bottom' && (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n bottom: 100%;\n border-color: transparent transparent ", "\n transparent;\n "])), theme.color.secondary.xdark);
29
+
30
+ const leftAndRightCommonStyles = (height, position) => ['right', 'left'].includes(position) && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n top: 50%;\n margin-top: -", "px;\n "])), height / 2);
31
+
32
+ const leftOrRightArrowCommon = position => ['right', 'left'].includes(position) && (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n top: 50%;\n margin-top: -5px;\n "])));
33
+
34
+ const leftStyles = (theme, position) => position === 'left' && (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n right: 100%;\n margin-right: ", ";\n transform: translateX(10%);\n "])), theme.spacing.centi);
35
+
36
+ const leftArrow = (theme, position) => position === 'left' && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n left: 100%;\n border-color: transparent transparent transparent\n ", ";\n "])), theme.color.secondary.xdark);
37
+
38
+ const rightStyles = (theme, position) => position === 'right' && (0, _react.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n left: 100%;\n margin-left: ", ";\n transform: translateX(-10%);\n "])), theme.spacing.centi);
39
+
40
+ const rightArrow = (theme, position) => position === 'right' && (0, _react.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n right: 100%;\n border-color: transparent ", " transparent\n transparent;\n "])), theme.color.secondary.xdark);
41
+
42
+ const TooltipSpan = (0, _styled.default)('span')(_ref => {
43
+ let {
44
+ theme,
45
+ computed,
46
+ position
47
+ } = _ref;
89
48
  const {
90
49
  width = 0,
91
50
  height = 0
92
51
  } = computed || {};
93
- return (0, _react.css)`
94
- position: absolute;
95
- width: max-content;
96
- padding: ${theme.spacing.micro} ${theme.spacing.centi};
97
- border-radius: ${theme.borderRadius.mili};
98
- opacity: 0;
99
- visibility: hidden;
100
- transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
101
- background-color: ${theme.color.secondary.xdark};
102
- z-index: ${theme.zIndex.absolute};
103
-
104
- ${bottomOrTopStylesCommon(width, position)}
105
- ${bottomStyles(theme, position)}
106
- ${topStyles(theme, position)}
107
-
108
- ${leftAndRightCommonStyles(height, position)}
109
- ${leftStyles(theme, position)}
110
- ${rightStyles(theme, position)}
111
-
112
- &::after {
113
- content: '';
114
- position: absolute;
115
- border-style: solid;
116
- border-width: 5px;
117
-
118
- ${bottomOrTopArrowCommon(position)}
119
- ${bottomArrow(theme, position)}
120
- ${topArrow(theme, position)}
121
-
122
- ${leftOrRightArrowCommon(position)}
123
- ${leftArrow(theme, position)}
124
- ${rightArrow(theme, position)}
125
- }
126
- `;
52
+ return (0, _react.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n position: absolute;\n width: max-content;\n padding: ", " ", ";\n border-radius: ", ";\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n background-color: ", ";\n z-index: ", ";\n\n ", "\n ", "\n ", "\n \n ", "\n ", "\n ", "\n\n &::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 5px;\n\n ", "\n ", "\n ", "\n \n ", "\n ", "\n ", "\n }\n "])), theme.spacing.micro, theme.spacing.centi, theme.borderRadius.mili, theme.color.secondary.xdark, theme.zIndex.absolute, bottomOrTopStylesCommon(width, position), bottomStyles(theme, position), topStyles(theme, position), leftAndRightCommonStyles(height, position), leftStyles(theme, position), rightStyles(theme, position), bottomOrTopArrowCommon(position), bottomArrow(theme, position), topArrow(theme, position), leftOrRightArrowCommon(position), leftArrow(theme, position), rightArrow(theme, position));
127
53
  });
128
54
  exports.TooltipSpan = TooltipSpan;
129
- const Container = (0, _styled.default)('div')`
130
- position: relative;
131
- &:hover {
132
- & > span {
133
- opacity: 1;
134
- visibility: visible;
135
- display: flex;
136
- transform: ${({
137
- position
138
- }) => position === 'left' || position === 'right' ? 'translateX(0%)' : 'translateY(0%)'};
139
- }
140
- }
141
- `;
55
+ const Container = (0, _styled.default)('div')(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n position: relative;\n &:hover {\n & > span {\n opacity: 1;\n visibility: visible;\n display: flex;\n transform: ", ";\n }\n }\n"])), _ref2 => {
56
+ let {
57
+ position
58
+ } = _ref2;
59
+ return position === 'left' || position === 'right' ? 'translateX(0%)' : 'translateY(0%)';
60
+ });
142
61
  exports.Container = Container;
143
62
  //# sourceMappingURL=styled.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","names":["bottomOrTopStylesCommon","width","position","includes","css","bottomOrTopArrowCommon","topStyles","theme","spacing","centi","topArrow","color","secondary","xdark","bottomStyles","bottomArrow","leftAndRightCommonStyles","height","leftOrRightArrowCommon","leftStyles","leftArrow","rightStyles","rightArrow","TooltipSpan","styled","computed","micro","borderRadius","mili","zIndex","absolute","Container"],"sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n ['top', 'bottom'].includes(position as Position) &&\n css`\n left: 50%;\n margin-left: -${width / 2}px;\n `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n ['top', 'bottom'].includes(position as Position) &&\n css`\n left: 50%;\n margin-left: -5px;\n `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n position === 'top' &&\n css`\n bottom: 100%;\n margin-bottom: ${theme.spacing.centi};\n transform: translateY(10%);\n `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n position === 'top' &&\n css`\n top: 100%;\n border-color: ${theme.color.secondary.xdark} transparent transparent\n transparent;\n `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n position === 'bottom' &&\n css`\n top: 100%;\n margin-top: ${theme.spacing.centi};\n transform: translateY(-10%);\n `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n position === 'bottom' &&\n css`\n bottom: 100%;\n border-color: transparent transparent ${theme.color.secondary.xdark}\n transparent;\n `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n ['right', 'left'].includes(position as Position) &&\n css`\n top: 50%;\n margin-top: -${height / 2}px;\n `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n ['right', 'left'].includes(position as Position) &&\n css`\n top: 50%;\n margin-top: -5px;\n `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n position === 'left' &&\n css`\n right: 100%;\n margin-right: ${theme.spacing.centi};\n transform: translateX(10%);\n `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n position === 'left' &&\n css`\n left: 100%;\n border-color: transparent transparent transparent\n ${theme.color.secondary.xdark};\n `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n position === 'right' &&\n css`\n left: 100%;\n margin-left: ${theme.spacing.centi};\n transform: translateX(-10%);\n `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n position === 'right' &&\n css`\n right: 100%;\n border-color: transparent ${theme.color.secondary.xdark} transparent\n transparent;\n `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n ({ theme, computed, position }) => {\n const { width = 0, height = 0 } = computed || {};\n return css`\n position: absolute;\n width: max-content;\n padding: ${theme.spacing.micro} ${theme.spacing.centi};\n border-radius: ${theme.borderRadius.mili};\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n background-color: ${theme.color.secondary.xdark};\n z-index: ${theme.zIndex.absolute};\n\n ${bottomOrTopStylesCommon(width, position)}\n ${bottomStyles(theme, position)}\n ${topStyles(theme, position)}\n \n ${leftAndRightCommonStyles(height, position)}\n ${leftStyles(theme, position)}\n ${rightStyles(theme, position)}\n\n &::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 5px;\n\n ${bottomOrTopArrowCommon(position)}\n ${bottomArrow(theme, position)}\n ${topArrow(theme, position)}\n \n ${leftOrRightArrowCommon(position)}\n ${leftArrow(theme, position)}\n ${rightArrow(theme, position)}\n }\n `;\n }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n position: relative;\n &:hover {\n & > span {\n opacity: 1;\n visibility: visible;\n display: flex;\n transform: ${({ position }) =>\n position === 'left' || position === 'right'\n ? 'translateX(0%)'\n : 'translateY(0%)'};\n }\n }\n`;\n"],"mappings":"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"}
1
+ {"version":3,"file":"styled.js","names":["bottomOrTopStylesCommon","width","position","includes","css","bottomOrTopArrowCommon","topStyles","theme","spacing","centi","topArrow","color","secondary","xdark","bottomStyles","bottomArrow","leftAndRightCommonStyles","height","leftOrRightArrowCommon","leftStyles","leftArrow","rightStyles","rightArrow","TooltipSpan","styled","computed","micro","borderRadius","mili","zIndex","absolute","Container"],"sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n ['top', 'bottom'].includes(position as Position) &&\n css`\n left: 50%;\n margin-left: -${width / 2}px;\n `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n ['top', 'bottom'].includes(position as Position) &&\n css`\n left: 50%;\n margin-left: -5px;\n `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n position === 'top' &&\n css`\n bottom: 100%;\n margin-bottom: ${theme.spacing.centi};\n transform: translateY(10%);\n `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n position === 'top' &&\n css`\n top: 100%;\n border-color: ${theme.color.secondary.xdark} transparent transparent\n transparent;\n `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n position === 'bottom' &&\n css`\n top: 100%;\n margin-top: ${theme.spacing.centi};\n transform: translateY(-10%);\n `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n position === 'bottom' &&\n css`\n bottom: 100%;\n border-color: transparent transparent ${theme.color.secondary.xdark}\n transparent;\n `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n ['right', 'left'].includes(position as Position) &&\n css`\n top: 50%;\n margin-top: -${height / 2}px;\n `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n ['right', 'left'].includes(position as Position) &&\n css`\n top: 50%;\n margin-top: -5px;\n `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n position === 'left' &&\n css`\n right: 100%;\n margin-right: ${theme.spacing.centi};\n transform: translateX(10%);\n `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n position === 'left' &&\n css`\n left: 100%;\n border-color: transparent transparent transparent\n ${theme.color.secondary.xdark};\n `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n position === 'right' &&\n css`\n left: 100%;\n margin-left: ${theme.spacing.centi};\n transform: translateX(-10%);\n `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n position === 'right' &&\n css`\n right: 100%;\n border-color: transparent ${theme.color.secondary.xdark} transparent\n transparent;\n `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n ({ theme, computed, position }) => {\n const { width = 0, height = 0 } = computed || {};\n return css`\n position: absolute;\n width: max-content;\n padding: ${theme.spacing.micro} ${theme.spacing.centi};\n border-radius: ${theme.borderRadius.mili};\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n background-color: ${theme.color.secondary.xdark};\n z-index: ${theme.zIndex.absolute};\n\n ${bottomOrTopStylesCommon(width, position)}\n ${bottomStyles(theme, position)}\n ${topStyles(theme, position)}\n \n ${leftAndRightCommonStyles(height, position)}\n ${leftStyles(theme, position)}\n ${rightStyles(theme, position)}\n\n &::after {\n content: '';\n position: absolute;\n border-style: solid;\n border-width: 5px;\n\n ${bottomOrTopArrowCommon(position)}\n ${bottomArrow(theme, position)}\n ${topArrow(theme, position)}\n \n ${leftOrRightArrowCommon(position)}\n ${leftArrow(theme, position)}\n ${rightArrow(theme, position)}\n }\n `;\n }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n position: relative;\n &:hover {\n & > span {\n opacity: 1;\n visibility: visible;\n display: flex;\n transform: ${({ position }) =>\n position === 'left' || position === 'right'\n ? 'translateX(0%)'\n : 'translateY(0%)'};\n }\n }\n`;\n"],"mappings":"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"}