@tecsinapse/react-web-kit 1.23.8 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (381) hide show
  1. package/dist/cjs/components/atoms/Accordion/Accordion.js +34 -37
  2. package/dist/cjs/components/atoms/Accordion/Accordion.js.map +1 -1
  3. package/dist/cjs/components/atoms/Accordion/animations.js +0 -2
  4. package/dist/cjs/components/atoms/Accordion/animations.js.map +1 -1
  5. package/dist/cjs/components/atoms/Accordion/styled.js +4 -10
  6. package/dist/cjs/components/atoms/Accordion/styled.js.map +1 -1
  7. package/dist/cjs/components/atoms/Badge/Badge.js +8 -12
  8. package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -1
  9. package/dist/cjs/components/atoms/Button/Button.d.ts +1 -1
  10. package/dist/cjs/components/atoms/Button/Button.js +17 -17
  11. package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
  12. package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js +0 -2
  13. package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js.map +1 -1
  14. package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js +0 -2
  15. package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js.map +1 -1
  16. package/dist/cjs/components/atoms/Button/styled.js +1 -7
  17. package/dist/cjs/components/atoms/Button/styled.js.map +1 -1
  18. package/dist/cjs/components/atoms/Dropdown/index.js +9 -14
  19. package/dist/cjs/components/atoms/Dropdown/index.js.map +1 -1
  20. package/dist/cjs/components/atoms/Dropdown/styled.js +1 -7
  21. package/dist/cjs/components/atoms/Dropdown/styled.js.map +1 -1
  22. package/dist/cjs/components/atoms/Input/Input.d.ts +1 -1
  23. package/dist/cjs/components/atoms/Input/Input.js +34 -36
  24. package/dist/cjs/components/atoms/Input/Input.js.map +1 -1
  25. package/dist/cjs/components/atoms/Input/styled.js +1 -7
  26. package/dist/cjs/components/atoms/Input/styled.js.map +1 -1
  27. package/dist/cjs/components/atoms/InputMask/InputMask.d.ts +1 -1
  28. package/dist/cjs/components/atoms/InputMask/InputMask.js +34 -36
  29. package/dist/cjs/components/atoms/InputMask/InputMask.js.map +1 -1
  30. package/dist/cjs/components/atoms/InputMask/styled.js +1 -7
  31. package/dist/cjs/components/atoms/InputMask/styled.js.map +1 -1
  32. package/dist/cjs/components/atoms/Modal/Modal.js +11 -18
  33. package/dist/cjs/components/atoms/Modal/Modal.js.map +1 -1
  34. package/dist/cjs/components/atoms/Modal/animations.js +0 -2
  35. package/dist/cjs/components/atoms/Modal/animations.js.map +1 -1
  36. package/dist/cjs/components/atoms/Modal/styled.js +1 -7
  37. package/dist/cjs/components/atoms/Modal/styled.js.map +1 -1
  38. package/dist/cjs/components/atoms/Overlay/Overlay.d.ts +3 -2
  39. package/dist/cjs/components/atoms/Overlay/Overlay.js +12 -15
  40. package/dist/cjs/components/atoms/Overlay/Overlay.js.map +1 -1
  41. package/dist/cjs/components/atoms/Overlay/animations.js +0 -2
  42. package/dist/cjs/components/atoms/Overlay/animations.js.map +1 -1
  43. package/dist/cjs/components/atoms/Overlay/styled.js +1 -7
  44. package/dist/cjs/components/atoms/Overlay/styled.js.map +1 -1
  45. package/dist/cjs/components/atoms/Skeleton/Skeleton.js +19 -15
  46. package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map +1 -1
  47. package/dist/cjs/components/atoms/Skeleton/styled.js +1 -7
  48. package/dist/cjs/components/atoms/Skeleton/styled.js.map +1 -1
  49. package/dist/cjs/components/atoms/Switch/Switch.js +19 -21
  50. package/dist/cjs/components/atoms/Switch/Switch.js.map +1 -1
  51. package/dist/cjs/components/atoms/Switch/styled.js +2 -8
  52. package/dist/cjs/components/atoms/Switch/styled.js.map +1 -1
  53. package/dist/cjs/components/atoms/Table/Body/TBody.js +1 -7
  54. package/dist/cjs/components/atoms/Table/Body/TBody.js.map +1 -1
  55. package/dist/cjs/components/atoms/Table/Cell/Td.js +1 -7
  56. package/dist/cjs/components/atoms/Table/Cell/Td.js.map +1 -1
  57. package/dist/cjs/components/atoms/Table/Cell/styled.js +1 -7
  58. package/dist/cjs/components/atoms/Table/Cell/styled.js.map +1 -1
  59. package/dist/cjs/components/atoms/Table/Container/TableContainer.js +1 -7
  60. package/dist/cjs/components/atoms/Table/Container/TableContainer.js.map +1 -1
  61. package/dist/cjs/components/atoms/Table/Container/styled.js +1 -7
  62. package/dist/cjs/components/atoms/Table/Container/styled.js.map +1 -1
  63. package/dist/cjs/components/atoms/Table/Footer/TFoot.js +1 -7
  64. package/dist/cjs/components/atoms/Table/Footer/TFoot.js.map +1 -1
  65. package/dist/cjs/components/atoms/Table/Footer/styled.js +1 -7
  66. package/dist/cjs/components/atoms/Table/Footer/styled.js.map +1 -1
  67. package/dist/cjs/components/atoms/Table/Header/THead.js +1 -9
  68. package/dist/cjs/components/atoms/Table/Header/THead.js.map +1 -1
  69. package/dist/cjs/components/atoms/Table/Header/Th.js +1 -7
  70. package/dist/cjs/components/atoms/Table/Header/Th.js.map +1 -1
  71. package/dist/cjs/components/atoms/Table/Header/styled.js +3 -9
  72. package/dist/cjs/components/atoms/Table/Header/styled.js.map +1 -1
  73. package/dist/cjs/components/atoms/Table/Row/Tr.js +1 -7
  74. package/dist/cjs/components/atoms/Table/Row/Tr.js.map +1 -1
  75. package/dist/cjs/components/atoms/Table/Row/styled.js +1 -7
  76. package/dist/cjs/components/atoms/Table/Row/styled.js.map +1 -1
  77. package/dist/cjs/components/atoms/Table/Table.js +1 -7
  78. package/dist/cjs/components/atoms/Table/Table.js.map +1 -1
  79. package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js +1 -10
  80. package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
  81. package/dist/cjs/components/atoms/Table/Toolbar/styled.js +1 -7
  82. package/dist/cjs/components/atoms/Table/Toolbar/styled.js.map +1 -1
  83. package/dist/cjs/components/atoms/Table/styled.js +1 -7
  84. package/dist/cjs/components/atoms/Table/styled.js.map +1 -1
  85. package/dist/cjs/components/atoms/Tag/Tag.js +19 -16
  86. package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
  87. package/dist/cjs/components/atoms/Tooltip/Tooltip.d.ts +2 -2
  88. package/dist/cjs/components/atoms/Tooltip/Tooltip.js +21 -19
  89. package/dist/cjs/components/atoms/Tooltip/Tooltip.js.map +1 -1
  90. package/dist/cjs/components/atoms/Tooltip/styled.js +2 -8
  91. package/dist/cjs/components/atoms/Tooltip/styled.js.map +1 -1
  92. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +9 -16
  93. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
  94. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js +2 -8
  95. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map +1 -1
  96. package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  97. package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js +11 -14
  98. package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
  99. package/dist/cjs/components/molecules/Breadcrumbs/styled.js +1 -7
  100. package/dist/cjs/components/molecules/Breadcrumbs/styled.js.map +1 -1
  101. package/dist/cjs/components/molecules/DatePicker/DatePicker.d.ts +2 -1
  102. package/dist/cjs/components/molecules/DatePicker/DatePicker.js +81 -84
  103. package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
  104. package/dist/cjs/components/molecules/DatePicker/Modal.d.ts +1 -0
  105. package/dist/cjs/components/molecules/DatePicker/styled.d.ts +1 -1
  106. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.d.ts +1 -1
  107. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +9 -15
  108. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  109. package/dist/cjs/components/molecules/DateTimePicker/styled.d.ts +1 -1
  110. package/dist/cjs/components/molecules/Drawer/Drawer.d.ts +1 -1
  111. package/dist/cjs/components/molecules/Drawer/Drawer.js +11 -19
  112. package/dist/cjs/components/molecules/Drawer/Drawer.js.map +1 -1
  113. package/dist/cjs/components/molecules/Drawer/animations.js +0 -2
  114. package/dist/cjs/components/molecules/Drawer/animations.js.map +1 -1
  115. package/dist/cjs/components/molecules/Drawer/styled.js +1 -7
  116. package/dist/cjs/components/molecules/Drawer/styled.js.map +1 -1
  117. package/dist/cjs/components/molecules/Grid/Grid.d.ts +1 -1
  118. package/dist/cjs/components/molecules/Grid/Grid.js +35 -27
  119. package/dist/cjs/components/molecules/Grid/Grid.js.map +1 -1
  120. package/dist/cjs/components/molecules/Grid/Item/Item.d.ts +2 -2
  121. package/dist/cjs/components/molecules/Grid/Item/Item.js +3 -10
  122. package/dist/cjs/components/molecules/Grid/Item/Item.js.map +1 -1
  123. package/dist/cjs/components/molecules/Grid/Item/functions.js +0 -2
  124. package/dist/cjs/components/molecules/Grid/Item/functions.js.map +1 -1
  125. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
  126. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +40 -29
  127. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  128. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +11 -11
  129. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  130. package/dist/cjs/components/molecules/IconTextButton/hooks/useIconTextButton.js.map +1 -1
  131. package/dist/cjs/components/molecules/IconTextButton/styled.js +1 -7
  132. package/dist/cjs/components/molecules/IconTextButton/styled.js.map +1 -1
  133. package/dist/cjs/components/molecules/InputPassword/InputPassword.d.ts +1 -1
  134. package/dist/cjs/components/molecules/InputPassword/InputPassword.js +17 -15
  135. package/dist/cjs/components/molecules/InputPassword/InputPassword.js.map +1 -1
  136. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +11 -13
  137. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  138. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +1 -1
  139. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +31 -26
  140. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  141. package/dist/cjs/components/molecules/LabeledSwitch/styled.js +2 -9
  142. package/dist/cjs/components/molecules/LabeledSwitch/styled.js.map +1 -1
  143. package/dist/cjs/components/molecules/Masonry/Masonry.d.ts +3 -2
  144. package/dist/cjs/components/molecules/Masonry/Masonry.js +5 -17
  145. package/dist/cjs/components/molecules/Masonry/Masonry.js.map +1 -1
  146. package/dist/cjs/components/molecules/Masonry/styled.js +3 -9
  147. package/dist/cjs/components/molecules/Masonry/styled.js.map +1 -1
  148. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuBlock.js +14 -23
  149. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
  150. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +16 -25
  151. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
  152. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +1 -13
  153. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
  154. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js +2 -8
  155. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map +1 -1
  156. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/styled.js +2 -8
  157. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map +1 -1
  158. package/dist/cjs/components/molecules/Menubar/MenuBlock/styled.js +5 -11
  159. package/dist/cjs/components/molecules/Menubar/MenuBlock/styled.js.map +1 -1
  160. package/dist/cjs/components/molecules/Menubar/Menubar.js +45 -59
  161. package/dist/cjs/components/molecules/Menubar/Menubar.js.map +1 -1
  162. package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js +20 -24
  163. package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
  164. package/dist/cjs/components/molecules/Menubar/MostUsed/styled.js +2 -9
  165. package/dist/cjs/components/molecules/Menubar/MostUsed/styled.js.map +1 -1
  166. package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +10 -18
  167. package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
  168. package/dist/cjs/components/molecules/Menubar/SearchResultItem/styled.js +2 -9
  169. package/dist/cjs/components/molecules/Menubar/SearchResultItem/styled.js.map +1 -1
  170. package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js +1 -10
  171. package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
  172. package/dist/cjs/components/molecules/Menubar/animations.js +0 -2
  173. package/dist/cjs/components/molecules/Menubar/animations.js.map +1 -1
  174. package/dist/cjs/components/molecules/Menubar/styled.js +8 -15
  175. package/dist/cjs/components/molecules/Menubar/styled.js.map +1 -1
  176. package/dist/cjs/components/molecules/Menubar/types.d.ts +3 -3
  177. package/dist/cjs/components/molecules/Menubar/utils.js +0 -2
  178. package/dist/cjs/components/molecules/Menubar/utils.js.map +1 -1
  179. package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.d.ts +1 -0
  180. package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js +55 -46
  181. package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
  182. package/dist/cjs/components/molecules/Select/Dropdown/components/SearchInput.js +20 -18
  183. package/dist/cjs/components/molecules/Select/Dropdown/components/SearchInput.js.map +1 -1
  184. package/dist/cjs/components/molecules/Select/Dropdown/styled.js +7 -13
  185. package/dist/cjs/components/molecules/Select/Dropdown/styled.js.map +1 -1
  186. package/dist/cjs/components/molecules/Select/Select.js +32 -42
  187. package/dist/cjs/components/molecules/Select/Select.js.map +1 -1
  188. package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.d.ts +1 -0
  189. package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.js +6 -21
  190. package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.js.map +1 -1
  191. package/dist/cjs/components/molecules/Select/SelectItem/styled.js +3 -9
  192. package/dist/cjs/components/molecules/Select/SelectItem/styled.js.map +1 -1
  193. package/dist/cjs/components/molecules/Select/animations.js +0 -2
  194. package/dist/cjs/components/molecules/Select/animations.js.map +1 -1
  195. package/dist/cjs/components/molecules/Select/functions.js +0 -2
  196. package/dist/cjs/components/molecules/Select/functions.js.map +1 -1
  197. package/dist/cjs/components/molecules/Select/styled.js +11 -15
  198. package/dist/cjs/components/molecules/Select/styled.js.map +1 -1
  199. package/dist/cjs/components/molecules/Snackbar/Snackbar.js +1 -11
  200. package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
  201. package/dist/cjs/components/molecules/Snackbar/styled.js +1 -7
  202. package/dist/cjs/components/molecules/Snackbar/styled.js.map +1 -1
  203. package/dist/cjs/components/molecules/TextArea/TextArea.d.ts +1 -1
  204. package/dist/cjs/components/molecules/TextArea/TextArea.js +42 -39
  205. package/dist/cjs/components/molecules/TextArea/TextArea.js.map +1 -1
  206. package/dist/cjs/components/molecules/TextArea/styled.js +1 -7
  207. package/dist/cjs/components/molecules/TextArea/styled.js.map +1 -1
  208. package/dist/cjs/components/organisms/DataGrid/DataGrid.d.ts +1 -1
  209. package/dist/cjs/components/organisms/DataGrid/DataGrid.js +50 -57
  210. package/dist/cjs/components/organisms/DataGrid/DataGrid.js.map +1 -1
  211. package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js +57 -49
  212. package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
  213. package/dist/cjs/components/organisms/DataGrid/Footer/styled.d.ts +0 -6
  214. package/dist/cjs/components/organisms/DataGrid/Footer/styled.js +11 -18
  215. package/dist/cjs/components/organisms/DataGrid/Footer/styled.js.map +1 -1
  216. package/dist/cjs/components/organisms/DataGrid/Header/Header.d.ts +1 -0
  217. package/dist/cjs/components/organisms/DataGrid/Header/Header.js +25 -24
  218. package/dist/cjs/components/organisms/DataGrid/Header/Header.js.map +1 -1
  219. package/dist/cjs/components/organisms/DataGrid/Header/styled.js +1 -7
  220. package/dist/cjs/components/organisms/DataGrid/Header/styled.js.map +1 -1
  221. package/dist/cjs/components/organisms/DataGrid/Header/utils.js +0 -2
  222. package/dist/cjs/components/organisms/DataGrid/Header/utils.js.map +1 -1
  223. package/dist/cjs/components/organisms/DataGrid/Row/Row.d.ts +1 -1
  224. package/dist/cjs/components/organisms/DataGrid/Row/Row.js +8 -13
  225. package/dist/cjs/components/organisms/DataGrid/Row/Row.js.map +1 -1
  226. package/dist/cjs/components/organisms/DataGrid/styled.js +1 -7
  227. package/dist/cjs/components/organisms/DataGrid/styled.js.map +1 -1
  228. package/dist/cjs/components/organisms/DataGrid/types.d.ts +2 -2
  229. package/dist/cjs/components/organisms/DataGrid/utils.js +0 -2
  230. package/dist/cjs/components/organisms/DataGrid/utils.js.map +1 -1
  231. package/dist/cjs/hooks/useBreakpoints.d.ts +1 -1
  232. package/dist/cjs/hooks/useBreakpoints.js +0 -2
  233. package/dist/cjs/hooks/useBreakpoints.js.map +1 -1
  234. package/dist/cjs/hooks/useClickAwayListener.js +1 -7
  235. package/dist/cjs/hooks/useClickAwayListener.js.map +1 -1
  236. package/dist/cjs/hooks/useWindowSize.d.ts +1 -1
  237. package/dist/cjs/hooks/useWindowSize.js +2 -8
  238. package/dist/cjs/hooks/useWindowSize.js.map +1 -1
  239. package/dist/cjs/index.js +0 -2
  240. package/dist/cjs/index.js.map +1 -1
  241. package/dist/esm/components/atoms/Accordion/Accordion.js +29 -28
  242. package/dist/esm/components/atoms/Accordion/Accordion.js.map +1 -1
  243. package/dist/esm/components/atoms/Badge/Badge.js +8 -8
  244. package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
  245. package/dist/esm/components/atoms/Button/Button.d.ts +1 -1
  246. package/dist/esm/components/atoms/Button/Button.js +17 -13
  247. package/dist/esm/components/atoms/Button/Button.js.map +1 -1
  248. package/dist/esm/components/atoms/Button/styled.js.map +1 -1
  249. package/dist/esm/components/atoms/Dropdown/index.js +8 -7
  250. package/dist/esm/components/atoms/Dropdown/index.js.map +1 -1
  251. package/dist/esm/components/atoms/Input/Input.d.ts +1 -1
  252. package/dist/esm/components/atoms/Input/Input.js +33 -31
  253. package/dist/esm/components/atoms/Input/Input.js.map +1 -1
  254. package/dist/esm/components/atoms/InputMask/InputMask.d.ts +1 -1
  255. package/dist/esm/components/atoms/InputMask/InputMask.js +33 -31
  256. package/dist/esm/components/atoms/InputMask/InputMask.js.map +1 -1
  257. package/dist/esm/components/atoms/Modal/Modal.js +11 -14
  258. package/dist/esm/components/atoms/Modal/Modal.js.map +1 -1
  259. package/dist/esm/components/atoms/Overlay/Overlay.d.ts +3 -2
  260. package/dist/esm/components/atoms/Overlay/Overlay.js +12 -11
  261. package/dist/esm/components/atoms/Overlay/Overlay.js.map +1 -1
  262. package/dist/esm/components/atoms/Overlay/styled.js.map +1 -1
  263. package/dist/esm/components/atoms/Skeleton/Skeleton.js +19 -11
  264. package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
  265. package/dist/esm/components/atoms/Skeleton/styled.js.map +1 -1
  266. package/dist/esm/components/atoms/Switch/Switch.js +19 -17
  267. package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
  268. package/dist/esm/components/atoms/Table/Body/TBody.js +1 -3
  269. package/dist/esm/components/atoms/Table/Body/TBody.js.map +1 -1
  270. package/dist/esm/components/atoms/Table/Cell/Td.js +1 -3
  271. package/dist/esm/components/atoms/Table/Cell/Td.js.map +1 -1
  272. package/dist/esm/components/atoms/Table/Container/TableContainer.js +1 -3
  273. package/dist/esm/components/atoms/Table/Container/TableContainer.js.map +1 -1
  274. package/dist/esm/components/atoms/Table/Footer/TFoot.js +1 -3
  275. package/dist/esm/components/atoms/Table/Footer/TFoot.js.map +1 -1
  276. package/dist/esm/components/atoms/Table/Header/THead.js +1 -5
  277. package/dist/esm/components/atoms/Table/Header/THead.js.map +1 -1
  278. package/dist/esm/components/atoms/Table/Header/Th.js +1 -3
  279. package/dist/esm/components/atoms/Table/Header/Th.js.map +1 -1
  280. package/dist/esm/components/atoms/Table/Row/Tr.js +1 -3
  281. package/dist/esm/components/atoms/Table/Row/Tr.js.map +1 -1
  282. package/dist/esm/components/atoms/Table/Table.js +1 -3
  283. package/dist/esm/components/atoms/Table/Table.js.map +1 -1
  284. package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js +1 -6
  285. package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js.map +1 -1
  286. package/dist/esm/components/atoms/Tag/Tag.js +19 -12
  287. package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
  288. package/dist/esm/components/atoms/Tooltip/Tooltip.d.ts +2 -2
  289. package/dist/esm/components/atoms/Tooltip/Tooltip.js +18 -12
  290. package/dist/esm/components/atoms/Tooltip/Tooltip.js.map +1 -1
  291. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +9 -12
  292. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +1 -1
  293. package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +1 -1
  294. package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js +11 -10
  295. package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js.map +1 -1
  296. package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +2 -1
  297. package/dist/esm/components/molecules/DatePicker/DatePicker.js +81 -78
  298. package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
  299. package/dist/esm/components/molecules/DatePicker/Modal.d.ts +1 -0
  300. package/dist/esm/components/molecules/DatePicker/styled.d.ts +1 -1
  301. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +1 -1
  302. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +9 -9
  303. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
  304. package/dist/esm/components/molecules/DateTimePicker/styled.d.ts +1 -1
  305. package/dist/esm/components/molecules/Drawer/Drawer.d.ts +1 -1
  306. package/dist/esm/components/molecules/Drawer/Drawer.js +11 -15
  307. package/dist/esm/components/molecules/Drawer/Drawer.js.map +1 -1
  308. package/dist/esm/components/molecules/Grid/Grid.d.ts +1 -1
  309. package/dist/esm/components/molecules/Grid/Grid.js +35 -23
  310. package/dist/esm/components/molecules/Grid/Grid.js.map +1 -1
  311. package/dist/esm/components/molecules/Grid/Item/Item.d.ts +2 -2
  312. package/dist/esm/components/molecules/Grid/Item/Item.js +1 -4
  313. package/dist/esm/components/molecules/Grid/Item/Item.js.map +1 -1
  314. package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
  315. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +40 -25
  316. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
  317. package/dist/esm/components/molecules/IconTextButton/TextComponent.js +10 -6
  318. package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -1
  319. package/dist/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js.map +1 -1
  320. package/dist/esm/components/molecules/InputPassword/InputPassword.d.ts +1 -1
  321. package/dist/esm/components/molecules/InputPassword/InputPassword.js +16 -10
  322. package/dist/esm/components/molecules/InputPassword/InputPassword.js.map +1 -1
  323. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +10 -8
  324. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
  325. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +1 -1
  326. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +31 -22
  327. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
  328. package/dist/esm/components/molecules/Masonry/Masonry.d.ts +3 -2
  329. package/dist/esm/components/molecules/Masonry/Masonry.js +2 -10
  330. package/dist/esm/components/molecules/Masonry/Masonry.js.map +1 -1
  331. package/dist/esm/components/molecules/Masonry/styled.js.map +1 -1
  332. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js +13 -18
  333. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +1 -1
  334. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +15 -20
  335. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +1 -1
  336. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +1 -9
  337. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +1 -1
  338. package/dist/esm/components/molecules/Menubar/Menubar.js +40 -50
  339. package/dist/esm/components/molecules/Menubar/Menubar.js.map +1 -1
  340. package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js +19 -19
  341. package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js.map +1 -1
  342. package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +10 -14
  343. package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +1 -1
  344. package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js +1 -4
  345. package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js.map +1 -1
  346. package/dist/esm/components/molecules/Menubar/animations.js.map +1 -1
  347. package/dist/esm/components/molecules/Menubar/types.d.ts +3 -3
  348. package/dist/esm/components/molecules/Select/Dropdown/Dropdown.d.ts +1 -0
  349. package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js +50 -37
  350. package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js.map +1 -1
  351. package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.js +19 -13
  352. package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.js.map +1 -1
  353. package/dist/esm/components/molecules/Select/Select.js +27 -33
  354. package/dist/esm/components/molecules/Select/Select.js.map +1 -1
  355. package/dist/esm/components/molecules/Select/SelectItem/SelectItem.d.ts +1 -0
  356. package/dist/esm/components/molecules/Select/SelectItem/SelectItem.js +1 -12
  357. package/dist/esm/components/molecules/Select/SelectItem/SelectItem.js.map +1 -1
  358. package/dist/esm/components/molecules/Select/styled.js +9 -6
  359. package/dist/esm/components/molecules/Select/styled.js.map +1 -1
  360. package/dist/esm/components/molecules/Snackbar/Snackbar.js +1 -7
  361. package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
  362. package/dist/esm/components/molecules/TextArea/TextArea.d.ts +1 -1
  363. package/dist/esm/components/molecules/TextArea/TextArea.js +42 -35
  364. package/dist/esm/components/molecules/TextArea/TextArea.js.map +1 -1
  365. package/dist/esm/components/molecules/TextArea/styled.js.map +1 -1
  366. package/dist/esm/components/organisms/DataGrid/DataGrid.d.ts +1 -1
  367. package/dist/esm/components/organisms/DataGrid/DataGrid.js +47 -50
  368. package/dist/esm/components/organisms/DataGrid/DataGrid.js.map +1 -1
  369. package/dist/esm/components/organisms/DataGrid/Footer/Footer.js +55 -43
  370. package/dist/esm/components/organisms/DataGrid/Footer/Footer.js.map +1 -1
  371. package/dist/esm/components/organisms/DataGrid/Footer/styled.d.ts +0 -6
  372. package/dist/esm/components/organisms/DataGrid/Header/Header.d.ts +1 -0
  373. package/dist/esm/components/organisms/DataGrid/Header/Header.js +24 -19
  374. package/dist/esm/components/organisms/DataGrid/Header/Header.js.map +1 -1
  375. package/dist/esm/components/organisms/DataGrid/Row/Row.d.ts +1 -1
  376. package/dist/esm/components/organisms/DataGrid/Row/Row.js +7 -8
  377. package/dist/esm/components/organisms/DataGrid/Row/Row.js.map +1 -1
  378. package/dist/esm/components/organisms/DataGrid/types.d.ts +2 -2
  379. package/dist/esm/hooks/useBreakpoints.d.ts +1 -1
  380. package/dist/esm/hooks/useWindowSize.d.ts +1 -1
  381. package/package.json +11 -10
@@ -1 +1 @@
1
- {"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n Hint,\n InputContainer,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <InputContainer\n label={String(value) ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledWebTextInputMask\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref as React.Ref<TextInput>}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":[],"mappings":";;;;;AAcA,MAAM,YAAmC,KAAM,CAAA,UAAA;AAAA,EAC7C,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACG,GAAA,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCAAkB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,IAAM,EAAA,IAAA;AAAA,MAAM,OAAA;AAAA,KAAkB,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,KAAA;AAAA,KAAA,kBACH,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,MAC/B,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,MACjC,KAAA;AAAA,MACA,GAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,KACV,CACF,CACC,EAAA,IAAA,IAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}
1
+ {"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n Hint,\n InputContainer,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <InputContainer\n label={String(value) ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledWebTextInputMask\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref as React.Ref<TextInput>}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":[],"mappings":";;;;;AAcA,MAAM,YAAmC,KAAM,CAAA,UAAA;AAAA,EAC7C,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,QAAQ,aAAiB,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AACnE,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,KACJ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,QAC/B,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEA,KAAA,CAAA,aAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}
@@ -11,21 +11,18 @@ const Modal = ({
11
11
  style,
12
12
  ...rest
13
13
  }) => {
14
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, {
15
- open,
16
- onClose,
17
- zIndex: "modal"
18
- }), /* @__PURE__ */ React.createElement(Transition, {
19
- in: open,
20
- timeout: 400
21
- }, (state) => /* @__PURE__ */ React.createElement(ModalContainer, {
22
- style: {
23
- ...style,
24
- ...defaultStyleOverlay,
25
- ...transitionStylesOverlay[state]
14
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, { open, onClose, zIndex: "modal" }), /* @__PURE__ */ React.createElement(Transition, { in: open, timeout: 400 }, (state) => /* @__PURE__ */ React.createElement(
15
+ ModalContainer,
16
+ {
17
+ style: {
18
+ ...style,
19
+ ...defaultStyleOverlay,
20
+ ...transitionStylesOverlay[state]
21
+ },
22
+ ...rest
26
23
  },
27
- ...rest
28
- }, children)));
24
+ children
25
+ )));
29
26
  };
30
27
 
31
28
  export { Modal as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n open: boolean;\n onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n children,\n open,\n onClose,\n style,\n ...rest\n}) => {\n return (\n <>\n <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n <Transition in={open} timeout={400}>\n {state => (\n <ModalContainer\n style={{\n ...style,\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n {...rest}\n >\n {children}\n </ModalContainer>\n )}\n </Transition>\n </>\n );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,OAAA;AAAA,GAAQ,mBACrD,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,GAAG,KAAA;AAAA,MACH,GAAG,mBAAA;AAAA,MACH,GAAG,uBAAwB,CAAA,KAAA,CAAA;AAAA,KAC7B;AAAA,IACC,GAAG,IAAA;AAAA,GAEH,EAAA,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Modal.js","sources":["../../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n open: boolean;\n onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n children,\n open,\n onClose,\n style,\n ...rest\n}) => {\n return (\n <>\n <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n <Transition in={open} timeout={400}>\n {state => (\n <ModalContainer\n style={{\n ...style,\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n {...rest}\n >\n {children}\n </ModalContainer>\n )}\n </Transition>\n </>\n );\n};\n\nexport default Modal;\n"],"names":[],"mappings":";;;;;;AAWA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAY,SAAkB,MAAO,EAAA,OAAA,EAAQ,CACtD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,OAAA,EAAS,OAC5B,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,GAAG,mBAAA;AAAA,QACH,GAAG,wBAAwB,KAAK,CAAA;AAAA,OAClC;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GAGP,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,10 +1,11 @@
1
- import React from 'react';
1
+ import { ReactNode } from 'react';
2
2
  import { ZIndex } from '@tecsinapse/react-core';
3
3
  export interface OverlayProps {
4
4
  timeout?: number;
5
5
  open: boolean;
6
6
  onClose: () => void;
7
7
  zIndex: keyof ZIndex;
8
+ children?: ReactNode;
8
9
  }
9
- declare const Overlay: React.FC<OverlayProps>;
10
+ declare const Overlay: ({ timeout, open, onClose, zIndex, children, }: OverlayProps) => JSX.Element;
10
11
  export default Overlay;
@@ -10,18 +10,19 @@ const Overlay = ({
10
10
  zIndex = "default",
11
11
  children
12
12
  }) => {
13
- return /* @__PURE__ */ React.createElement(Transition, {
14
- in: open,
15
- timeout
16
- }, (state) => /* @__PURE__ */ React.createElement(StyledOverlay, {
17
- style: {
18
- ...defaultStyleOverlay,
19
- ...transitionStylesOverlay[state]
13
+ return /* @__PURE__ */ React.createElement(Transition, { in: open, timeout }, (state) => /* @__PURE__ */ React.createElement(
14
+ StyledOverlay,
15
+ {
16
+ style: {
17
+ ...defaultStyleOverlay,
18
+ ...transitionStylesOverlay[state]
19
+ },
20
+ onClick: open ? onClose : void 0,
21
+ show: open,
22
+ zIndex
20
23
  },
21
- onClick: open ? onClose : void 0,
22
- show: open,
23
- zIndex
24
- }, children));
24
+ children
25
+ ));
25
26
  };
26
27
 
27
28
  export { Overlay as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Overlay.js","sources":["../../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n timeout?: number;\n open: boolean;\n onClose: () => void;\n zIndex: keyof ZIndex;\n}\n\nconst Overlay: React.FC<OverlayProps> = ({\n timeout = 300,\n open,\n onClose,\n zIndex = 'default',\n children,\n}) => {\n return (\n <Transition in={open} timeout={timeout}>\n {state => (\n <StyledOverlay\n style={{\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n onClick={open ? onClose : undefined}\n show={open}\n zIndex={zIndex}\n >\n {children}\n </StyledOverlay>\n )}\n </Transition>\n );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;AAaA,MAAM,UAAkC,CAAC;AAAA,EACvC,OAAU,GAAA,GAAA;AAAA,EACV,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAA;AAAA,GAAA,EACnB,2BACE,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,GAAG,mBAAA;AAAA,MACH,GAAG,uBAAwB,CAAA,KAAA,CAAA;AAAA,KAC7B;AAAA,IACA,OAAA,EAAS,OAAO,OAAU,GAAA,KAAA,CAAA;AAAA,IAC1B,IAAM,EAAA,IAAA;AAAA,IACN,MAAA;AAAA,GAAA,EAEC,QACH,CAEJ,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Overlay.js","sources":["../../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n timeout?: number;\n open: boolean;\n onClose: () => void;\n zIndex: keyof ZIndex;\n children?: ReactNode;\n}\n\nconst Overlay = ({\n timeout = 300,\n open,\n onClose,\n zIndex = 'default',\n children,\n}: OverlayProps): JSX.Element => {\n return (\n <Transition in={open} timeout={timeout}>\n {state => (\n <StyledOverlay\n style={{\n ...defaultStyleOverlay,\n ...transitionStylesOverlay[state],\n }}\n onClick={open ? onClose : undefined}\n show={open}\n zIndex={zIndex}\n >\n {children}\n </StyledOverlay>\n )}\n </Transition>\n );\n};\n\nexport default Overlay;\n"],"names":[],"mappings":";;;;;AAcA,MAAM,UAAU,CAAC;AAAA,EACf,OAAU,GAAA,GAAA;AAAA,EACV,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAS,GAAA,SAAA;AAAA,EACT,QAAA;AACF,CAAiC,KAAA;AAC/B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,EAAI,EAAA,IAAA,EAAM,WACnB,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,mBAAA;AAAA,QACH,GAAG,wBAAwB,KAAK,CAAA;AAAA,OAClC;AAAA,MACA,OAAA,EAAS,OAAO,OAAU,GAAA,KAAA,CAAA;AAAA,MAC1B,IAAM,EAAA,IAAA;AAAA,MACN,MAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,GAGP,CAAA,CAAA;AAEJ;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n background: ${({ theme }: StyleProps) =>\n hex2rgba(theme.miscellaneous.overlay, 0.5)};\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n theme.zIndex[zIndex]};\n cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n position: fixed;\n align-items: center;\n justify-content: center;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cACzB,EAAA,CAAC,EAAE,KAAM,EAAA,KACrB,SAAS,KAAM,CAAA,aAAA,CAAc,SAAS,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAMhC,CAAC,EAAE,KAAA,EAAO,MAAO,EAAA,KAC1B,MAAM,MAAO,CAAA,MAAA,CAAA,CAAA;AAAA,UAAA,EACL,CAAC,EAAE,IAAK,EAAA,KAAO,OAAO,SAAY,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n background: ${({ theme }: StyleProps) =>\n hex2rgba(theme.miscellaneous.overlay, 0.5)};\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n theme.zIndex[zIndex]};\n cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n position: fixed;\n align-items: center;\n justify-content: center;\n`;\n"],"names":[],"mappings":";;;AAKa,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cACzB,EAAA,CAAC,EAAE,KAAM,EAAA,KACrB,SAAS,KAAM,CAAA,aAAA,CAAc,SAAS,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAMhC,CAAC,EAAE,KAAA,EAAO,QACnB,KAAA,KAAA,CAAM,OAAO,MAAM,CAAA,CAAA;AAAA,UAAA,EACX,CAAC,EAAE,IAAK,EAAA,KAAO,OAAO,SAAY,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
@@ -16,17 +16,25 @@ const Skeleton = ({
16
16
  "[Skeleton] You should provide children or specify width and height"
17
17
  );
18
18
  }
19
- return /* @__PURE__ */ React.createElement(Wrapper, {
20
- width,
21
- height,
22
- animation,
23
- active,
24
- radius,
25
- ...rest
26
- }, /* @__PURE__ */ React.createElement(View, {
27
- style: { opacity: active ? 0 : 1 },
28
- pointerEvents: active ? "none" : "auto"
29
- }, children));
19
+ return /* @__PURE__ */ React.createElement(
20
+ Wrapper,
21
+ {
22
+ width,
23
+ height,
24
+ animation,
25
+ active,
26
+ radius,
27
+ ...rest
28
+ },
29
+ /* @__PURE__ */ React.createElement(
30
+ View,
31
+ {
32
+ style: { opacity: active ? 0 : 1 },
33
+ pointerEvents: active ? "none" : "auto"
34
+ },
35
+ children
36
+ )
37
+ );
30
38
  };
31
39
 
32
40
  export { Skeleton as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number;\n height?: number;\n animation?: 'pulse' | 'wave';\n active?: boolean;\n radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n children,\n width,\n height,\n animation = 'wave',\n active = true,\n radius,\n ...rest\n}) => {\n if (!width && !height && !children) {\n throw new Error(\n '[Skeleton] You should provide children or specify width and height'\n );\n }\n\n return (\n <Wrapper\n width={width}\n height={height}\n animation={animation}\n active={active}\n radius={radius}\n {...rest}\n >\n <View\n style={{ opacity: active ? 0 : 1 }}\n pointerEvents={active ? 'none' : 'auto'}\n >\n {children}\n </View>\n </Wrapper>\n );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;AAaA,MAAM,WAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,MAAS,GAAA,IAAA;AAAA,EACT,MAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACC,GAAG,IAAA;AAAA,GAAA,kBAEH,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,IACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,GAAA,EAEhC,QACH,CACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n width?: number;\n height?: number;\n animation?: 'pulse' | 'wave';\n active?: boolean;\n radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n children,\n width,\n height,\n animation = 'wave',\n active = true,\n radius,\n ...rest\n}) => {\n if (!width && !height && !children) {\n throw new Error(\n '[Skeleton] You should provide children or specify width and height'\n );\n }\n\n return (\n <Wrapper\n width={width}\n height={height}\n animation={animation}\n active={active}\n radius={radius}\n {...rest}\n >\n <View\n style={{ opacity: active ? 0 : 1 }}\n pointerEvents={active ? 'none' : 'auto'}\n >\n {children}\n </View>\n </Wrapper>\n );\n};\n\nexport default Skeleton;\n"],"names":[],"mappings":";;;;AAaA,MAAM,WAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,MAAS,GAAA,IAAA;AAAA,EACT,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,QACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,OAAA;AAAA,MAEhC,QAAA;AAAA,KACH;AAAA,GACF,CAAA;AAEJ;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n`;\n\nconst waveKf = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst waveAnim = css`\n position: relative;\n overflow: hidden;\n &::after {\n animation: ${waveKf} 1.6s linear 0.5s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(0, 0, 0, 0.04),\n transparent\n );\n content: '';\n position: absolute;\n transform: translateX(-100%);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n }\n`;\n\nconst pulseAnim = css`\n animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n background-color: ${({\n theme,\n animation,\n active,\n }: StyleProps & Partial<SkeletonProps>) =>\n !active\n ? undefined\n : animation === 'pulse'\n ? theme.miscellaneous.bodyColor\n : theme.miscellaneous.surfaceColor};\n width: ${({ width }) => `${width}px` ?? '100%'};\n height: ${({ height }) => `${height}px` ?? 'auto'};\n border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n radius ? theme.borderRadius[radius] : 'unset'};\n ${({ animation, active }) =>\n !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"names":[],"mappings":";;;AAKA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAIA,EAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAiBjB,MAAM,SAAY,GAAA,GAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAU,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACb,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,SACG,KACA,CAAA,GAAA,SAAA,KAAc,UACd,KAAM,CAAA,aAAA,CAAc,SACpB,GAAA,KAAA,CAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EACjB,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAa,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,UAAA,EAC9B,CAAC,EAAE,MAAO,EAAA,KAAM,GAAG,MAAc,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,iBAC1B,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,aAAa,MAAU,CAAA,GAAA,OAAA,CAAA;AAAA,EACtC,EAAA,CAAC,EAAE,SAAA,EAAW,MAAO,EAAA,KACrB,CAAC,MAAS,GAAA,KAAA,CAAA,GAAY,SAAc,KAAA,OAAA,GAAU,SAAY,GAAA,QAAA,CAAA;AAAA;;;;"}
1
+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n`;\n\nconst waveKf = keyframes`\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n`;\n\nconst waveAnim = css`\n position: relative;\n overflow: hidden;\n &::after {\n animation: ${waveKf} 1.6s linear 0.5s infinite;\n background: linear-gradient(\n 90deg,\n transparent,\n rgba(0, 0, 0, 0.04),\n transparent\n );\n content: '';\n position: absolute;\n transform: translateX(-100%);\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n }\n`;\n\nconst pulseAnim = css`\n animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n background-color: ${({\n theme,\n animation,\n active,\n }: StyleProps & Partial<SkeletonProps>) =>\n !active\n ? undefined\n : animation === 'pulse'\n ? theme.miscellaneous.bodyColor\n : theme.miscellaneous.surfaceColor};\n width: ${({ width }) => `${width}px` ?? '100%'};\n height: ${({ height }) => `${height}px` ?? 'auto'};\n border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n radius ? theme.borderRadius[radius] : 'unset'};\n ${({ animation, active }) =>\n !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"names":[],"mappings":";;;AAKA,MAAM,OAAU,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYhB,MAAM,MAAS,GAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAYf,MAAM,QAAW,GAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAIA,EAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAiBjB,MAAM,SAAY,GAAA,GAAA,CAAA;AAAA,aACH,EAAA,OAAA,CAAA;AAAA,CAAA,CAAA;AAGF,MAAA,OAAA,GAAU,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EACb,CAAC;AAAA,EACnB,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AACF,CACE,KAAA,CAAC,SACG,KACA,CAAA,GAAA,SAAA,KAAc,UACd,KAAM,CAAA,aAAA,CAAc,SACpB,GAAA,KAAA,CAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EACjB,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAa,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,UAAA,EAC9B,CAAC,EAAE,MAAO,EAAA,KAAM,GAAG,MAAc,CAAA,EAAA,CAAA,IAAA,MAAA,CAAA;AAAA,iBAC1B,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OACzB,MAAS,GAAA,KAAA,CAAM,YAAa,CAAA,MAAM,CAAI,GAAA,OAAA,CAAA;AAAA,EACtC,EAAA,CAAC,EAAE,SAAA,EAAW,MAAO,EAAA,KACrB,CAAC,MAAS,GAAA,KAAA,CAAA,GAAY,SAAc,KAAA,OAAA,GAAU,SAAY,GAAA,QAAA,CAAA;AAAA;;;;"}
@@ -55,23 +55,25 @@ const Switch = ({
55
55
  exiting: { transform: "translateX(150%)" },
56
56
  exited: { transform: "translateX(0%)" }
57
57
  };
58
- return /* @__PURE__ */ React.createElement(Transition, {
59
- in: active,
60
- timeout: 100
61
- }, (state) => /* @__PURE__ */ React.createElement("div", {
62
- onClick: handleChange
63
- }, /* @__PURE__ */ React.createElement(StyledSwitchContent, {
64
- ...rest,
65
- style: {
66
- ...defaultStyleBackground,
67
- ...transitionStylesBackground[state]
68
- }
69
- }, /* @__PURE__ */ React.createElement(StyledSwitch, {
70
- style: {
71
- ...defaultStyleCircle,
72
- ...transitionStylesCircle[state]
73
- }
74
- }))));
58
+ return /* @__PURE__ */ React.createElement(Transition, { in: active, timeout: 100 }, (state) => /* @__PURE__ */ React.createElement("div", { onClick: handleChange }, /* @__PURE__ */ React.createElement(
59
+ StyledSwitchContent,
60
+ {
61
+ ...rest,
62
+ style: {
63
+ ...defaultStyleBackground,
64
+ ...transitionStylesBackground[state]
65
+ }
66
+ },
67
+ /* @__PURE__ */ React.createElement(
68
+ StyledSwitch,
69
+ {
70
+ style: {
71
+ ...defaultStyleCircle,
72
+ ...transitionStylesCircle[state]
73
+ }
74
+ }
75
+ )
76
+ )));
75
77
  };
76
78
 
77
79
  export { Switch as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport {\n lightenDarkenColor,\n SwitchProps,\n useTheme,\n} from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport { StyledSwitchContent, StyledSwitch } from './styled';\n\nconst Switch: FC<SwitchProps> = ({\n onChange,\n activeColor = 'primary',\n activeColorTone = 'medium',\n inactiveColor = 'secondary',\n inactiveColorTone = 'light',\n active,\n disabled = false,\n ...rest\n}) => {\n const theme = useTheme();\n const handleChange = useCallback(() => {\n if (!disabled) onChange(!active);\n }, [active, onChange]);\n\n const defaultStyleBackground = {\n transition: `all 300ms ease`,\n };\n\n const getBackgroundColor = (color: string) => {\n return disabled\n ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n : color;\n };\n const transitionStylesBackground = {\n entering: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n entered: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exiting: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exited: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n };\n\n const defaultStyleCircle = {\n transition: `transform ${100}ms ease`,\n };\n\n const transitionStylesCircle = {\n entering: { transform: 'translateX(0%)' },\n entered: { transform: 'translateX(150%)' },\n exiting: { transform: 'translateX(150%)' },\n exited: { transform: 'translateX(0%)' },\n };\n\n return (\n <Transition in={active} timeout={100}>\n {state => (\n <div onClick={handleChange}>\n <StyledSwitchContent\n {...rest}\n style={{\n ...defaultStyleBackground,\n ...transitionStylesBackground[state],\n }}\n >\n <StyledSwitch\n style={{\n ...defaultStyleCircle,\n ...transitionStylesCircle[state],\n }}\n />\n </StyledSwitchContent>\n </div>\n )}\n </Transition>\n );\n};\n\nexport default Switch;\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Switch.js","sources":["../../../../../src/components/atoms/Switch/Switch.tsx"],"sourcesContent":["import React, { FC, useCallback } from 'react';\nimport {\n lightenDarkenColor,\n SwitchProps,\n useTheme,\n} from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport { StyledSwitchContent, StyledSwitch } from './styled';\n\nconst Switch: FC<SwitchProps> = ({\n onChange,\n activeColor = 'primary',\n activeColorTone = 'medium',\n inactiveColor = 'secondary',\n inactiveColorTone = 'light',\n active,\n disabled = false,\n ...rest\n}) => {\n const theme = useTheme();\n const handleChange = useCallback(() => {\n if (!disabled) onChange(!active);\n }, [active, onChange]);\n\n const defaultStyleBackground = {\n transition: `all 300ms ease`,\n };\n\n const getBackgroundColor = (color: string) => {\n return disabled\n ? lightenDarkenColor(theme.color[inactiveColor][inactiveColorTone], 20)\n : color;\n };\n const transitionStylesBackground = {\n entering: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n entered: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exiting: {\n backgroundColor: getBackgroundColor(\n theme.color[activeColor][activeColorTone]\n ),\n },\n exited: {\n backgroundColor: getBackgroundColor(\n theme.color[inactiveColor][inactiveColorTone]\n ),\n },\n };\n\n const defaultStyleCircle = {\n transition: `transform ${100}ms ease`,\n };\n\n const transitionStylesCircle = {\n entering: { transform: 'translateX(0%)' },\n entered: { transform: 'translateX(150%)' },\n exiting: { transform: 'translateX(150%)' },\n exited: { transform: 'translateX(0%)' },\n };\n\n return (\n <Transition in={active} timeout={100}>\n {state => (\n <div onClick={handleChange}>\n <StyledSwitchContent\n {...rest}\n style={{\n ...defaultStyleBackground,\n ...transitionStylesBackground[state],\n }}\n >\n <StyledSwitch\n style={{\n ...defaultStyleCircle,\n ...transitionStylesCircle[state],\n }}\n />\n </StyledSwitchContent>\n </div>\n )}\n </Transition>\n );\n};\n\nexport default Switch;\n"],"names":[],"mappings":";;;;;AASA,MAAM,SAA0B,CAAC;AAAA,EAC/B,QAAA;AAAA,EACA,WAAc,GAAA,SAAA;AAAA,EACd,eAAkB,GAAA,QAAA;AAAA,EAClB,aAAgB,GAAA,WAAA;AAAA,EAChB,iBAAoB,GAAA,OAAA;AAAA,EACpB,MAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACrC,IAAA,IAAI,CAAC,QAAA;AAAU,MAAA,QAAA,CAAS,CAAC,MAAM,CAAA,CAAA;AAAA,GAC9B,EAAA,CAAC,MAAQ,EAAA,QAAQ,CAAC,CAAA,CAAA;AAErB,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,UAAY,EAAA,CAAA,cAAA,CAAA;AAAA,GACd,CAAA;AAEA,EAAM,MAAA,kBAAA,GAAqB,CAAC,KAAkB,KAAA;AAC5C,IAAO,OAAA,QAAA,GACH,mBAAmB,KAAM,CAAA,KAAA,CAAM,aAAa,CAAE,CAAA,iBAAiB,CAAG,EAAA,EAAE,CACpE,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AACA,EAAA,MAAM,0BAA6B,GAAA;AAAA,IACjC,QAAU,EAAA;AAAA,MACR,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,aAAa,CAAA,CAAE,iBAAiB,CAAA;AAAA,OAC9C;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,WAAW,CAAA,CAAE,eAAe,CAAA;AAAA,OAC1C;AAAA,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,WAAW,CAAA,CAAE,eAAe,CAAA;AAAA,OAC1C;AAAA,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,eAAiB,EAAA,kBAAA;AAAA,QACf,KAAM,CAAA,KAAA,CAAM,aAAa,CAAA,CAAE,iBAAiB,CAAA;AAAA,OAC9C;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,kBAAqB,GAAA;AAAA,IACzB,YAAY,CAAa,UAAA,EAAA,GAAA,CAAA,OAAA,CAAA;AAAA,GAC3B,CAAA;AAEA,EAAA,MAAM,sBAAyB,GAAA;AAAA,IAC7B,QAAA,EAAU,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,IACxC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,OAAA,EAAS,EAAE,SAAA,EAAW,kBAAmB,EAAA;AAAA,IACzC,MAAA,EAAQ,EAAE,SAAA,EAAW,gBAAiB,EAAA;AAAA,GACxC,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,MAAQ,EAAA,OAAA,EAAS,OAC9B,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,OAAA,EAAS,YACZ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,GAAG,sBAAA;AAAA,QACH,GAAG,2BAA2B,KAAK,CAAA;AAAA,OACrC;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,GAAG,kBAAA;AAAA,UACH,GAAG,uBAAuB,KAAK,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,KACF;AAAA,GAEJ,CAEJ,CAAA,CAAA;AAEJ;;;;"}
@@ -4,9 +4,7 @@ const TBody = ({
4
4
  children,
5
5
  ...rest
6
6
  }) => {
7
- return /* @__PURE__ */ React.createElement("tbody", {
8
- ...rest
9
- }, children);
7
+ return /* @__PURE__ */ React.createElement("tbody", { ...rest }, children);
10
8
  };
11
9
 
12
10
  export { TBody as default };
@@ -1 +1 @@
1
- {"version":3,"file":"TBody.js","sources":["../../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nconst TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"names":[],"mappings":";;AAEA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAO,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
1
+ {"version":3,"file":"TBody.js","sources":["../../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nconst TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"names":[],"mappings":";;AAEA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
@@ -5,9 +5,7 @@ const Td = ({
5
5
  children,
6
6
  ...rest
7
7
  }) => {
8
- return /* @__PURE__ */ React.createElement(TCell, {
9
- ...rest
10
- }, children);
8
+ return /* @__PURE__ */ React.createElement(TCell, { ...rest }, children);
11
9
  };
12
10
 
13
11
  export { Td as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Td.js","sources":["../../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n children,\n ...rest\n}) => {\n return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAA6D,CAAC;AAAA,EAClE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAO,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
1
+ {"version":3,"file":"Td.js","sources":["../../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n children,\n ...rest\n}) => {\n return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAA6D,CAAC;AAAA,EAClE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAO,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACpC;;;;"}
@@ -5,9 +5,7 @@ const TableContainer = ({
5
5
  children,
6
6
  ...rest
7
7
  }) => {
8
- return /* @__PURE__ */ React.createElement(TContainer, {
9
- ...rest
10
- }, children);
8
+ return /* @__PURE__ */ React.createElement(TContainer, { ...rest }, children);
11
9
  };
12
10
 
13
11
  export { TableContainer as default };
@@ -1 +1 @@
1
- {"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/atoms/Table/Container/TableContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { TContainer } from './styled';\n\nconst TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n children,\n ...rest\n}) => {\n return <TContainer {...rest}>{children}</TContainer>;\n};\n\nexport default TableContainer;\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAY,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACzC;;;;"}
1
+ {"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/atoms/Table/Container/TableContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { TContainer } from './styled';\n\nconst TableContainer: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({\n children,\n ...rest\n}) => {\n return <TContainer {...rest}>{children}</TContainer>;\n};\n\nexport default TableContainer;\n"],"names":[],"mappings":";;;AAGA,MAAM,iBAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAY,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACzC;;;;"}
@@ -5,9 +5,7 @@ const TFoot = ({
5
5
  children,
6
6
  ...rest
7
7
  }) => {
8
- return /* @__PURE__ */ React.createElement(TFooter, {
9
- ...rest
10
- }, children);
8
+ return /* @__PURE__ */ React.createElement(TFooter, { ...rest }, children);
11
9
  };
12
10
 
13
11
  export { TFoot as default };
@@ -1 +1 @@
1
- {"version":3,"file":"TFoot.js","sources":["../../../../../../src/components/atoms/Table/Footer/TFoot.tsx"],"sourcesContent":["import React from 'react';\nimport { TFooter } from './styled';\n\nconst TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <TFooter {...rest}>{children}</TFooter>;\n};\n\nexport default TFoot;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAS,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACtC;;;;"}
1
+ {"version":3,"file":"TFoot.js","sources":["../../../../../../src/components/atoms/Table/Footer/TFoot.tsx"],"sourcesContent":["import React from 'react';\nimport { TFooter } from './styled';\n\nconst TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return <TFooter {...rest}>{children}</TFooter>;\n};\n\nexport default TFoot;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAS,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACtC;;;;"}
@@ -6,11 +6,7 @@ const THead = ({
6
6
  children,
7
7
  ...rest
8
8
  }) => {
9
- return /* @__PURE__ */ React.createElement(THeadStyled, {
10
- ...rest
11
- }, children, /* @__PURE__ */ React.createElement(Tr, null, /* @__PURE__ */ React.createElement("td", {
12
- colSpan: 99
13
- }, /* @__PURE__ */ React.createElement(HeaderBackground, null))));
9
+ return /* @__PURE__ */ React.createElement(THeadStyled, { ...rest }, children, /* @__PURE__ */ React.createElement(Tr, null, /* @__PURE__ */ React.createElement("td", { colSpan: 99 }, /* @__PURE__ */ React.createElement(HeaderBackground, null))));
14
10
  };
15
11
 
16
12
  export { THead as default };
@@ -1 +1 @@
1
- {"version":3,"file":"THead.js","sources":["../../../../../../src/components/atoms/Table/Header/THead.tsx"],"sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport Tr from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return (\n <THeadStyled {...rest}>\n {children}\n <Tr>\n <td colSpan={99}>\n <HeaderBackground />\n </td>\n </Tr>\n </THeadStyled>\n );\n};\n\nexport default THead;\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAa,GAAG,IAAA;AAAA,GACd,EAAA,QAAA,kBACA,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAG,OAAS,EAAA,EAAA;AAAA,GAAA,kBACV,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CACpB,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"THead.js","sources":["../../../../../../src/components/atoms/Table/Header/THead.tsx"],"sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport Tr from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n children,\n ...rest\n}) => {\n return (\n <THeadStyled {...rest}>\n {children}\n <Tr>\n <td colSpan={99}>\n <HeaderBackground />\n </td>\n </Tr>\n </THeadStyled>\n );\n};\n\nexport default THead;\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAiE,CAAC;AAAA,EACtE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAa,GAAG,IAAA,EAAA,EACd,0BACA,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAG,SAAS,EACX,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,IAAA,CACpB,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -5,9 +5,7 @@ const Th = ({
5
5
  children,
6
6
  ...rest
7
7
  }) => {
8
- return /* @__PURE__ */ React.createElement(ThStyled, {
9
- ...rest
10
- }, children);
8
+ return /* @__PURE__ */ React.createElement(ThStyled, { ...rest }, children);
11
9
  };
12
10
 
13
11
  export { Th as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Th.js","sources":["../../../../../../src/components/atoms/Table/Header/Th.tsx"],"sourcesContent":["import React from 'react';\nimport { ThStyled } from './styled';\n\nconst Th: React.FC<React.ThHTMLAttributes<HTMLTableHeaderCellElement>> = ({\n children,\n ...rest\n}) => {\n return <ThStyled {...rest}>{children}</ThStyled>;\n};\n\nexport default Th;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAAmE,CAAC;AAAA,EACxE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IAAU,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACvC;;;;"}
1
+ {"version":3,"file":"Th.js","sources":["../../../../../../src/components/atoms/Table/Header/Th.tsx"],"sourcesContent":["import React from 'react';\nimport { ThStyled } from './styled';\n\nconst Th: React.FC<React.ThHTMLAttributes<HTMLTableHeaderCellElement>> = ({\n children,\n ...rest\n}) => {\n return <ThStyled {...rest}>{children}</ThStyled>;\n};\n\nexport default Th;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAAmE,CAAC;AAAA,EACxE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAU,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACvC;;;;"}
@@ -5,9 +5,7 @@ const Tr = ({
5
5
  children,
6
6
  ...rest
7
7
  }) => {
8
- return /* @__PURE__ */ React.createElement(TRow, {
9
- ...rest
10
- }, children);
8
+ return /* @__PURE__ */ React.createElement(TRow, { ...rest }, children);
11
9
  };
12
10
 
13
11
  export { Tr as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Tr.js","sources":["../../../../../../src/components/atoms/Table/Row/Tr.tsx"],"sourcesContent":["import React from 'react';\nimport { TRow } from './styled';\n\nconst Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({\n children,\n ...rest\n}) => {\n return <TRow {...rest}>{children}</TRow>;\n};\n\nexport default Tr;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAA0D,CAAC;AAAA,EAC/D,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AACnC;;;;"}
1
+ {"version":3,"file":"Tr.js","sources":["../../../../../../src/components/atoms/Table/Row/Tr.tsx"],"sourcesContent":["import React from 'react';\nimport { TRow } from './styled';\n\nconst Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({\n children,\n ...rest\n}) => {\n return <TRow {...rest}>{children}</TRow>;\n};\n\nexport default Tr;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAA0D,CAAC;AAAA,EAC/D,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AACnC;;;;"}
@@ -5,9 +5,7 @@ const Table = ({
5
5
  children,
6
6
  ...rest
7
7
  }) => {
8
- return /* @__PURE__ */ React.createElement(TableStyled, {
9
- ...rest
10
- }, children);
8
+ return /* @__PURE__ */ React.createElement(TableStyled, { ...rest }, children);
11
9
  };
12
10
 
13
11
  export { Table as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Table.js","sources":["../../../../../src/components/atoms/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TableStyled } from './styled';\n\nconst Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({\n children,\n ...rest\n}) => {\n return <TableStyled {...rest}>{children}</TableStyled>;\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAA+D,CAAC;AAAA,EACpE,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAa,GAAG,IAAA;AAAA,GAAA,EAAO,QAAS,CAAA,CAAA;AAC1C;;;;"}
1
+ {"version":3,"file":"Table.js","sources":["../../../../../src/components/atoms/Table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { TableStyled } from './styled';\n\nconst Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({\n children,\n ...rest\n}) => {\n return <TableStyled {...rest}>{children}</TableStyled>;\n};\n\nexport default Table;\n"],"names":[],"mappings":";;;AAGA,MAAM,QAA+D,CAAC;AAAA,EACpE,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAa,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC1C;;;;"}
@@ -8,12 +8,7 @@ const TableToolbar = ({
8
8
  footer,
9
9
  ...rest
10
10
  }) => {
11
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableToolbarStyled, {
12
- ...rest
13
- }, /* @__PURE__ */ React.createElement(Text, {
14
- typography: "h3",
15
- fontWeight: "bold"
16
- }, title), rightIcons), footer);
11
+ return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(TableToolbarStyled, { ...rest }, /* @__PURE__ */ React.createElement(Text, { typography: "h3", fontWeight: "bold" }, title), rightIcons), footer);
17
12
  };
18
13
 
19
14
  export { TableToolbar as default };
@@ -1 +1 @@
1
- {"version":3,"file":"TableToolbar.js","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"],"names":[],"mappings":";;;;AAWA,MAAM,eAA4C,CAAC;AAAA,EACjD,UAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA;AAAA,IAAoB,GAAG,IAAA;AAAA,GAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,UAAW,EAAA,IAAA;AAAA,IAAK,UAAW,EAAA,MAAA;AAAA,GAAA,EAC9B,KACH,CAAA,EACC,UACH,CAAA,EACC,MACH,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"TableToolbar.js","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"],"names":[],"mappings":";;;;AAWA,MAAM,eAA4C,CAAC;AAAA,EACjD,UAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAoB,EAAA,EAAA,GAAG,wBACrB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAW,EAAA,IAAA,EAAK,YAAW,MAC9B,EAAA,EAAA,KACH,CACC,EAAA,UACH,GACC,MACH,CAAA,CAAA;AAEJ;;;;"}
@@ -14,18 +14,25 @@ const Tag = ({
14
14
  fontStack = "default",
15
15
  fontWeight = "bold"
16
16
  } = textProps || {};
17
- return /* @__PURE__ */ React.createElement(Tag$1, {
18
- backgroundColorVariant,
19
- backgroundColorTone,
20
- value: /* @__PURE__ */ React.createElement(Text, {
21
- colorVariant,
22
- colorTone,
23
- fontStack,
24
- fontWeight,
25
- typography: rest.variant === "small" ? "sub" : "base"
26
- }, value),
27
- ...rest
28
- });
17
+ return /* @__PURE__ */ React.createElement(
18
+ Tag$1,
19
+ {
20
+ backgroundColorVariant,
21
+ backgroundColorTone,
22
+ value: /* @__PURE__ */ React.createElement(
23
+ Text,
24
+ {
25
+ colorVariant,
26
+ colorTone,
27
+ fontStack,
28
+ fontWeight,
29
+ typography: rest.variant === "small" ? "sub" : "base"
30
+ },
31
+ value
32
+ ),
33
+ ...rest
34
+ }
35
+ );
29
36
  };
30
37
 
31
38
  export { Tag as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } 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 | ReactNode;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n backgroundColorVariant,\n backgroundColorTone,\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 backgroundColorVariant={backgroundColorVariant}\n backgroundColorTone={backgroundColorTone}\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"],"names":["TagCore"],"mappings":";;;AAaA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AAAA,EACA,mBAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAmB,KAAA;AACjB,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,WAAA;AAAA,IACf,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,SAAA;AAAA,IACZ,UAAa,GAAA,MAAA;AAAA,GACf,GAAI,aAAa,EAAC,CAAA;AAClB,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,KAAA,EAAA;AAAA,IACC,sBAAA;AAAA,IACA,mBAAA;AAAA,IACA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MACC,YAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,KAAA,EAE9C,KACH,CAAA;AAAA,IAED,GAAG,IAAA;AAAA,GACN,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } 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 | ReactNode;\n textProps?: TextProps;\n}\n\nconst Tag: React.FC<TagProps> = ({\n value,\n textProps,\n backgroundColorVariant,\n backgroundColorTone,\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 backgroundColorVariant={backgroundColorVariant}\n backgroundColorTone={backgroundColorTone}\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"],"names":["TagCore"],"mappings":";;;AAaA,MAAM,MAA0B,CAAC;AAAA,EAC/B,KAAA;AAAA,EACA,SAAA;AAAA,EACA,sBAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EAAM,MAAA;AAAA,IACJ,YAAe,GAAA,WAAA;AAAA,IACf,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,SAAA;AAAA,IACZ,UAAa,GAAA,MAAA;AAAA,GACf,GAAI,aAAa,EAAC,CAAA;AAClB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,KAAA;AAAA,IAAA;AAAA,MACC,sBAAA;AAAA,MACA,mBAAA;AAAA,MACA,KACE,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,YAAA;AAAA,UACA,SAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,SAAA;AAAA,QAE9C,KAAA;AAAA,OACH;AAAA,MAED,GAAG,IAAA;AAAA,KAAA;AAAA,GACN,CAAA;AAEJ;;;;"}
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- export declare type ComputedType = {
2
+ export type ComputedType = {
3
3
  width?: number;
4
4
  height?: number;
5
5
  };
6
- export declare type Position = 'top' | 'bottom' | 'right' | 'left';
6
+ export type Position = 'top' | 'bottom' | 'right' | 'left';
7
7
  export interface ITooltip {
8
8
  title: string;
9
9
  position?: Position;
@@ -17,18 +17,24 @@ const Tooltip = ({
17
17
  height: spanRef.current?.clientHeight
18
18
  });
19
19
  }, []);
20
- return /* @__PURE__ */ React.createElement(Container, {
21
- position
22
- }, children, /* @__PURE__ */ React.createElement(TooltipSpan, {
23
- computed,
24
- position,
25
- ref: (ref) => spanRef.current = ref
26
- }, /* @__PURE__ */ React.createElement(Text, {
27
- fontWeight: "bold",
28
- typography: "base",
29
- colorVariant: "secondary",
30
- colorTone: "xlight"
31
- }, title)));
20
+ return /* @__PURE__ */ React.createElement(Container, { position }, children, /* @__PURE__ */ React.createElement(
21
+ TooltipSpan,
22
+ {
23
+ computed,
24
+ position,
25
+ ref: (ref) => spanRef.current = ref
26
+ },
27
+ /* @__PURE__ */ React.createElement(
28
+ Text,
29
+ {
30
+ fontWeight: "bold",
31
+ typography: "base",
32
+ colorVariant: "secondary",
33
+ colorTone: "xlight"
34
+ },
35
+ title
36
+ )
37
+ ));
32
38
  };
33
39
 
34
40
  export { Tooltip as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","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"],"names":[],"mappings":";;;;AAaA,MAAM,UAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAW,GAAA,QAAA;AACb,CAAM,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,MAAM,MAA+B,EAAA,CAAA;AACrD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,KAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAY,WAAA,CAAA;AAAA,MACV,KAAA,EAAO,QAAQ,OAAS,EAAA,WAAA;AAAA,MACxB,MAAA,EAAQ,QAAQ,OAAS,EAAA,YAAA;AAAA,KAC1B,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAU,QAAA;AAAA,GAAA,EACR,0BACA,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IACC,QAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA,EAAK,CAAQ,GAAA,KAAA,OAAA,CAAQ,OAAU,GAAA,GAAA;AAAA,GAAA,kBAE9B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,UAAW,EAAA,MAAA;AAAA,IACX,UAAW,EAAA,MAAA;AAAA,IACX,YAAa,EAAA,WAAA;AAAA,IACb,SAAU,EAAA,QAAA;AAAA,GAET,EAAA,KACH,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Tooltip.js","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"],"names":[],"mappings":";;;;AAaA,MAAM,UAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAW,GAAA,QAAA;AACb,CAAM,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,MAAM,MAA+B,EAAA,CAAA;AACrD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,KAAA,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAC1B,IAAY,WAAA,CAAA;AAAA,MACV,KAAA,EAAO,QAAQ,OAAS,EAAA,WAAA;AAAA,MACxB,MAAA,EAAQ,QAAQ,OAAS,EAAA,YAAA;AAAA,KAC1B,CAAA,CAAA;AAAA,GACH,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,QAAA,EAAA,EACR,QACD,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAA,EAAK,CAAQ,GAAA,KAAA,OAAA,CAAQ,OAAU,GAAA,GAAA;AAAA,KAAA;AAAA,oBAE/B,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,UAAW,EAAA,MAAA;AAAA,QACX,UAAW,EAAA,MAAA;AAAA,QACX,YAAa,EAAA,WAAA;AAAA,QACb,SAAU,EAAA,QAAA;AAAA,OAAA;AAAA,MAET,KAAA;AAAA,KACH;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}