@tecsinapse/react-web-kit 2.3.1 → 3.3.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 (811) hide show
  1. package/README.md +33 -7
  2. package/dist/cjs/components/atoms/Accordion/Accordion.js +0 -1
  3. package/dist/cjs/components/atoms/Accordion/animations.js +0 -1
  4. package/dist/cjs/components/atoms/Accordion/styled.js +0 -1
  5. package/dist/cjs/components/atoms/Badge/Badge.js +0 -1
  6. package/dist/cjs/components/atoms/Button/Button.js +0 -1
  7. package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js +0 -1
  8. package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js +0 -1
  9. package/dist/cjs/components/atoms/Button/styled.js +4 -5
  10. package/dist/cjs/components/atoms/Dropdown/index.js +0 -1
  11. package/dist/cjs/components/atoms/Dropdown/styled.js +0 -1
  12. package/dist/cjs/components/atoms/Input/Input.js +0 -1
  13. package/dist/cjs/components/atoms/Input/styled.js +2 -3
  14. package/dist/cjs/components/atoms/InputMask/InputMask.js +0 -1
  15. package/dist/cjs/components/atoms/InputMask/styled.js +2 -3
  16. package/dist/cjs/components/atoms/Modal/Modal.js +0 -1
  17. package/dist/cjs/components/atoms/Modal/animations.js +0 -1
  18. package/dist/cjs/components/atoms/Modal/styled.js +0 -1
  19. package/dist/cjs/components/atoms/Overlay/Overlay.js +0 -1
  20. package/dist/cjs/components/atoms/Overlay/animations.js +0 -1
  21. package/dist/cjs/components/atoms/Overlay/styled.js +0 -1
  22. package/dist/cjs/components/atoms/Skeleton/Skeleton.js +0 -1
  23. package/dist/cjs/components/atoms/Skeleton/styled.js +0 -1
  24. package/dist/cjs/components/atoms/Switch/Switch.js +0 -1
  25. package/dist/cjs/components/atoms/Switch/styled.js +0 -1
  26. package/dist/cjs/components/atoms/Table/Body/TBody.js +0 -1
  27. package/dist/cjs/components/atoms/Table/Cell/Td.js +0 -1
  28. package/dist/cjs/components/atoms/Table/Cell/styled.js +0 -1
  29. package/dist/cjs/components/atoms/Table/Container/TableContainer.js +0 -1
  30. package/dist/cjs/components/atoms/Table/Container/styled.js +0 -1
  31. package/dist/cjs/components/atoms/Table/Footer/TFoot.js +0 -1
  32. package/dist/cjs/components/atoms/Table/Footer/styled.js +0 -1
  33. package/dist/cjs/components/atoms/Table/Header/THead.js +0 -1
  34. package/dist/cjs/components/atoms/Table/Header/Th.js +0 -1
  35. package/dist/cjs/components/atoms/Table/Header/styled.js +0 -1
  36. package/dist/cjs/components/atoms/Table/Row/Tr.js +0 -1
  37. package/dist/cjs/components/atoms/Table/Row/styled.js +0 -1
  38. package/dist/cjs/components/atoms/Table/Table.js +0 -1
  39. package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js +0 -1
  40. package/dist/cjs/components/atoms/Table/Toolbar/styled.js +0 -1
  41. package/dist/cjs/components/atoms/Table/styled.js +0 -1
  42. package/dist/cjs/components/atoms/Tag/Tag.js +0 -1
  43. package/dist/cjs/components/atoms/Tooltip/Tooltip.js +0 -1
  44. package/dist/cjs/components/atoms/Tooltip/styled.js +4 -2
  45. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +0 -1
  46. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js +0 -1
  47. package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js +0 -1
  48. package/dist/cjs/components/molecules/Breadcrumbs/styled.js +0 -1
  49. package/dist/cjs/components/molecules/DatePicker/DatePicker.js +0 -1
  50. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +8 -1
  51. package/dist/cjs/components/molecules/DateTimePickerSelector/DateTimePickerSelector.js +98 -0
  52. package/dist/cjs/components/molecules/DateTimePickerSelector/components/MemoizedTimeCard.js +22 -0
  53. package/dist/cjs/components/molecules/DateTimePickerSelector/components/ScrollableDigit.js +84 -0
  54. package/dist/cjs/components/molecules/DateTimePickerSelector/styled.js +54 -0
  55. package/dist/cjs/components/molecules/Drawer/Drawer.js +0 -1
  56. package/dist/cjs/components/molecules/Drawer/animations.js +0 -1
  57. package/dist/cjs/components/molecules/Drawer/styled.js +0 -1
  58. package/dist/cjs/components/molecules/Grid/Grid.js +0 -1
  59. package/dist/cjs/components/molecules/Grid/Item/Item.js +0 -1
  60. package/dist/cjs/components/molecules/Grid/Item/functions.js +0 -1
  61. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +0 -1
  62. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +0 -1
  63. package/dist/cjs/components/molecules/IconTextButton/hooks/useIconTextButton.js +0 -1
  64. package/dist/cjs/components/molecules/IconTextButton/styled.js +2 -3
  65. package/dist/cjs/components/molecules/InputPassword/InputPassword.js +0 -1
  66. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +0 -1
  67. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +0 -1
  68. package/dist/cjs/components/molecules/LabeledSwitch/styled.js +4 -5
  69. package/dist/cjs/components/molecules/Masonry/Masonry.js +0 -1
  70. package/dist/cjs/components/molecules/Masonry/styled.js +0 -1
  71. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuBlock.js +0 -1
  72. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +0 -1
  73. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +0 -1
  74. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js +0 -1
  75. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/styled.js +0 -1
  76. package/dist/cjs/components/molecules/Menubar/MenuBlock/styled.js +0 -1
  77. package/dist/cjs/components/molecules/Menubar/Menubar.js +0 -1
  78. package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js +0 -1
  79. package/dist/cjs/components/molecules/Menubar/MostUsed/styled.js +2 -3
  80. package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +0 -1
  81. package/dist/cjs/components/molecules/Menubar/SearchResultItem/styled.js +2 -3
  82. package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js +0 -1
  83. package/dist/cjs/components/molecules/Menubar/animations.js +0 -1
  84. package/dist/cjs/components/molecules/Menubar/styled.js +3 -4
  85. package/dist/cjs/components/molecules/Menubar/utils.js +0 -1
  86. package/dist/cjs/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.js +86 -0
  87. package/dist/cjs/components/molecules/ScrollableMonthYearPicker/styled.js +18 -0
  88. package/dist/cjs/components/molecules/ScrollableTimePicker/ScrollableTimePicker.js +77 -0
  89. package/dist/cjs/components/molecules/ScrollableTimePicker/styled.js +18 -0
  90. package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js +0 -1
  91. package/dist/cjs/components/molecules/Select/Dropdown/components/SearchInput.js +0 -1
  92. package/dist/cjs/components/molecules/Select/Dropdown/styled.js +0 -1
  93. package/dist/cjs/components/molecules/Select/Select.js +12 -2
  94. package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.js +0 -1
  95. package/dist/cjs/components/molecules/Select/SelectItem/styled.js +1 -2
  96. package/dist/cjs/components/molecules/Select/animations.js +0 -1
  97. package/dist/cjs/components/molecules/Select/functions.js +10 -24
  98. package/dist/cjs/components/molecules/Select/styled.js +0 -1
  99. package/dist/cjs/components/molecules/Snackbar/Snackbar.js +0 -1
  100. package/dist/cjs/components/molecules/Snackbar/styled.js +6 -7
  101. package/dist/cjs/components/molecules/TextArea/TextArea.js +0 -1
  102. package/dist/cjs/components/molecules/TextArea/styled.js +2 -3
  103. package/dist/cjs/components/organisms/DataGrid/DataGrid.js +0 -1
  104. package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js +0 -1
  105. package/dist/cjs/components/organisms/DataGrid/Footer/styled.js +4 -5
  106. package/dist/cjs/components/organisms/DataGrid/Header/Header.js +0 -1
  107. package/dist/cjs/components/organisms/DataGrid/Header/styled.js +0 -1
  108. package/dist/cjs/components/organisms/DataGrid/Header/utils.js +0 -1
  109. package/dist/cjs/components/organisms/DataGrid/Row/Row.js +0 -1
  110. package/dist/cjs/components/organisms/DataGrid/styled.js +0 -1
  111. package/dist/cjs/components/organisms/DataGrid/utils.js +0 -1
  112. package/dist/cjs/hooks/useBreakpoints.js +0 -1
  113. package/dist/cjs/hooks/useClickAwayListener.js +0 -1
  114. package/dist/cjs/hooks/useWindowSize.js +0 -1
  115. package/dist/cjs/index.js +0 -1
  116. package/dist/esm/components/atoms/Accordion/Accordion.js +9 -10
  117. package/dist/esm/components/atoms/Accordion/animations.js +0 -1
  118. package/dist/esm/components/atoms/Accordion/styled.js +0 -1
  119. package/dist/esm/components/atoms/Badge/Badge.js +3 -4
  120. package/dist/esm/components/atoms/Button/Button.js +2 -3
  121. package/dist/esm/components/atoms/Button/hooks/useMouseHover.js +0 -1
  122. package/dist/esm/components/atoms/Button/hooks/useMousePressed.js +0 -1
  123. package/dist/esm/components/atoms/Button/styled.js +2 -3
  124. package/dist/esm/components/atoms/Dropdown/index.js +3 -4
  125. package/dist/esm/components/atoms/Dropdown/styled.js +0 -1
  126. package/dist/esm/components/atoms/Input/Input.js +5 -6
  127. package/dist/esm/components/atoms/Input/styled.js +2 -3
  128. package/dist/esm/components/atoms/InputMask/InputMask.js +5 -6
  129. package/dist/esm/components/atoms/InputMask/styled.js +2 -3
  130. package/dist/esm/components/atoms/Modal/Modal.js +2 -3
  131. package/dist/esm/components/atoms/Modal/animations.js +0 -1
  132. package/dist/esm/components/atoms/Modal/styled.js +0 -1
  133. package/dist/esm/components/atoms/Overlay/Overlay.js +2 -3
  134. package/dist/esm/components/atoms/Overlay/animations.js +0 -1
  135. package/dist/esm/components/atoms/Overlay/styled.js +0 -1
  136. package/dist/esm/components/atoms/Skeleton/Skeleton.js +3 -4
  137. package/dist/esm/components/atoms/Skeleton/styled.js +0 -1
  138. package/dist/esm/components/atoms/Switch/Switch.js +3 -4
  139. package/dist/esm/components/atoms/Switch/styled.js +0 -1
  140. package/dist/esm/components/atoms/Table/Body/TBody.js +2 -3
  141. package/dist/esm/components/atoms/Table/Cell/Td.js +2 -3
  142. package/dist/esm/components/atoms/Table/Cell/styled.js +0 -1
  143. package/dist/esm/components/atoms/Table/Container/TableContainer.js +2 -3
  144. package/dist/esm/components/atoms/Table/Container/styled.js +0 -1
  145. package/dist/esm/components/atoms/Table/Footer/TFoot.js +2 -3
  146. package/dist/esm/components/atoms/Table/Footer/styled.js +0 -1
  147. package/dist/esm/components/atoms/Table/Header/THead.js +2 -3
  148. package/dist/esm/components/atoms/Table/Header/Th.js +2 -3
  149. package/dist/esm/components/atoms/Table/Header/styled.js +0 -1
  150. package/dist/esm/components/atoms/Table/Row/Tr.js +2 -3
  151. package/dist/esm/components/atoms/Table/Row/styled.js +0 -1
  152. package/dist/esm/components/atoms/Table/Table.js +2 -3
  153. package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js +2 -3
  154. package/dist/esm/components/atoms/Table/Toolbar/styled.js +0 -1
  155. package/dist/esm/components/atoms/Table/styled.js +0 -1
  156. package/dist/esm/components/atoms/Tag/Tag.js +3 -4
  157. package/dist/esm/components/atoms/Tooltip/Tooltip.js +6 -7
  158. package/dist/esm/components/atoms/Tooltip/styled.js +4 -2
  159. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js +2 -3
  160. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js +0 -1
  161. package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js +3 -4
  162. package/dist/esm/components/molecules/Breadcrumbs/styled.js +0 -1
  163. package/dist/esm/components/molecules/DatePicker/DatePicker.js +8 -9
  164. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +12 -5
  165. package/dist/esm/components/molecules/DateTimePickerSelector/DateTimePickerSelector.js +77 -0
  166. package/dist/esm/components/molecules/DateTimePickerSelector/components/MemoizedTimeCard.js +20 -0
  167. package/dist/esm/components/molecules/DateTimePickerSelector/components/ScrollableDigit.js +63 -0
  168. package/dist/esm/components/molecules/DateTimePickerSelector/styled.js +46 -0
  169. package/dist/esm/components/molecules/Drawer/Drawer.js +2 -3
  170. package/dist/esm/components/molecules/Drawer/animations.js +0 -1
  171. package/dist/esm/components/molecules/Drawer/styled.js +0 -1
  172. package/dist/esm/components/molecules/Grid/Grid.js +6 -7
  173. package/dist/esm/components/molecules/Grid/Item/Item.js +4 -5
  174. package/dist/esm/components/molecules/Grid/Item/functions.js +0 -1
  175. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +7 -8
  176. package/dist/esm/components/molecules/IconTextButton/TextComponent.js +4 -5
  177. package/dist/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js +0 -1
  178. package/dist/esm/components/molecules/IconTextButton/styled.js +2 -3
  179. package/dist/esm/components/molecules/InputPassword/InputPassword.js +4 -5
  180. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +3 -4
  181. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +5 -6
  182. package/dist/esm/components/molecules/LabeledSwitch/styled.js +2 -3
  183. package/dist/esm/components/molecules/Masonry/Masonry.js +6 -7
  184. package/dist/esm/components/molecules/Masonry/styled.js +0 -1
  185. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js +4 -5
  186. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js +6 -7
  187. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js +2 -3
  188. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js +0 -1
  189. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js +0 -1
  190. package/dist/esm/components/molecules/Menubar/MenuBlock/styled.js +0 -1
  191. package/dist/esm/components/molecules/Menubar/Menubar.js +14 -15
  192. package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js +5 -6
  193. package/dist/esm/components/molecules/Menubar/MostUsed/styled.js +2 -3
  194. package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js +2 -3
  195. package/dist/esm/components/molecules/Menubar/SearchResultItem/styled.js +2 -3
  196. package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js +2 -3
  197. package/dist/esm/components/molecules/Menubar/animations.js +0 -1
  198. package/dist/esm/components/molecules/Menubar/styled.js +3 -4
  199. package/dist/esm/components/molecules/Menubar/utils.js +0 -1
  200. package/dist/esm/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.js +65 -0
  201. package/dist/esm/components/molecules/ScrollableMonthYearPicker/styled.js +15 -0
  202. package/dist/esm/components/molecules/ScrollableTimePicker/ScrollableTimePicker.js +56 -0
  203. package/dist/esm/components/molecules/ScrollableTimePicker/styled.js +15 -0
  204. package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js +14 -15
  205. package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.js +4 -5
  206. package/dist/esm/components/molecules/Select/Dropdown/styled.js +0 -1
  207. package/dist/esm/components/molecules/Select/Select.js +22 -12
  208. package/dist/esm/components/molecules/Select/SelectItem/SelectItem.js +7 -8
  209. package/dist/esm/components/molecules/Select/SelectItem/styled.js +1 -2
  210. package/dist/esm/components/molecules/Select/animations.js +0 -1
  211. package/dist/esm/components/molecules/Select/functions.js +10 -24
  212. package/dist/esm/components/molecules/Select/styled.js +2 -3
  213. package/dist/esm/components/molecules/Snackbar/Snackbar.js +2 -3
  214. package/dist/esm/components/molecules/Snackbar/styled.js +3 -4
  215. package/dist/esm/components/molecules/TextArea/TextArea.js +3 -4
  216. package/dist/esm/components/molecules/TextArea/styled.js +2 -3
  217. package/dist/esm/components/organisms/DataGrid/DataGrid.js +9 -10
  218. package/dist/esm/components/organisms/DataGrid/Footer/Footer.js +12 -13
  219. package/dist/esm/components/organisms/DataGrid/Footer/styled.js +4 -5
  220. package/dist/esm/components/organisms/DataGrid/Header/Header.js +5 -6
  221. package/dist/esm/components/organisms/DataGrid/Header/styled.js +0 -1
  222. package/dist/esm/components/organisms/DataGrid/Header/utils.js +0 -1
  223. package/dist/esm/components/organisms/DataGrid/Row/Row.js +4 -5
  224. package/dist/esm/components/organisms/DataGrid/styled.js +0 -1
  225. package/dist/esm/components/organisms/DataGrid/utils.js +0 -1
  226. package/dist/esm/hooks/useBreakpoints.js +0 -1
  227. package/dist/esm/hooks/useClickAwayListener.js +2 -3
  228. package/dist/esm/hooks/useWindowSize.js +3 -4
  229. package/dist/esm/index.js +0 -1
  230. package/dist/{cjs → types}/components/atoms/Accordion/Accordion.d.ts +2 -2
  231. package/dist/{cjs → types}/components/atoms/Accordion/animations.d.ts +10 -9
  232. package/dist/types/components/atoms/Accordion/styled.d.ts +17 -0
  233. package/dist/types/components/atoms/Button/styled.d.ts +13 -0
  234. package/dist/types/components/atoms/Dropdown/styled.d.ts +5 -0
  235. package/dist/types/components/atoms/Input/styled.d.ts +5 -0
  236. package/dist/types/components/atoms/InputMask/styled.d.ts +5 -0
  237. package/dist/types/components/atoms/Modal/styled.d.ts +5 -0
  238. package/dist/types/components/atoms/Overlay/styled.d.ts +11 -0
  239. package/dist/{cjs → types}/components/atoms/Skeleton/styled.d.ts +2 -1
  240. package/dist/types/components/atoms/Switch/styled.d.ts +9 -0
  241. package/dist/types/components/atoms/Table/Cell/styled.d.ts +5 -0
  242. package/dist/types/components/atoms/Table/Container/styled.d.ts +5 -0
  243. package/dist/types/components/atoms/Table/Header/styled.d.ts +13 -0
  244. package/dist/types/components/atoms/Table/Row/styled.d.ts +5 -0
  245. package/dist/types/components/atoms/Table/styled.d.ts +5 -0
  246. package/dist/types/components/atoms/Tooltip/styled.d.ts +18 -0
  247. package/dist/types/components/molecules/Breadcrumbs/BreadcrumbItem/styled.d.ts +9 -0
  248. package/dist/types/components/molecules/Breadcrumbs/styled.d.ts +5 -0
  249. package/dist/{cjs → types}/components/molecules/DatePicker/DatePicker.d.ts +0 -1
  250. package/dist/types/components/molecules/DatePicker/Modal.d.ts +5 -0
  251. package/dist/types/components/molecules/DatePicker/styled.d.ts +11 -0
  252. package/dist/types/components/molecules/DateTimePicker/Modal.d.ts +3 -0
  253. package/dist/types/components/molecules/DateTimePicker/styled.d.ts +11 -0
  254. package/dist/types/components/molecules/DateTimePickerSelector/DateTimePickerSelector.d.ts +5 -0
  255. package/dist/types/components/molecules/DateTimePickerSelector/components/MemoizedTimeCard.d.ts +10 -0
  256. package/dist/types/components/molecules/DateTimePickerSelector/components/ScrollableDigit.d.ts +13 -0
  257. package/dist/types/components/molecules/DateTimePickerSelector/components/index.d.ts +2 -0
  258. package/dist/types/components/molecules/DateTimePickerSelector/index.d.ts +1 -0
  259. package/dist/types/components/molecules/DateTimePickerSelector/styled.d.ts +40 -0
  260. package/dist/types/components/molecules/Drawer/styled.d.ts +6 -0
  261. package/dist/{esm → types}/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts +2 -1
  262. package/dist/types/components/molecules/IconTextButton/styled.d.ts +12 -0
  263. package/dist/{esm → types}/components/molecules/LabeledSwitch/styled.d.ts +7 -3
  264. package/dist/types/components/molecules/Masonry/styled.d.ts +18 -0
  265. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.d.ts +9 -0
  266. package/dist/types/components/molecules/Menubar/MenuBlock/MenuItem/styled.d.ts +9 -0
  267. package/dist/types/components/molecules/Menubar/MenuBlock/styled.d.ts +21 -0
  268. package/dist/types/components/molecules/Menubar/MostUsed/styled.d.ts +9 -0
  269. package/dist/types/components/molecules/Menubar/SearchResultItem/styled.d.ts +9 -0
  270. package/dist/types/components/molecules/Menubar/styled.d.ts +40 -0
  271. package/dist/types/components/molecules/ScrollableMonthYearPicker/ScrollableMonthYearPicker.d.ts +10 -0
  272. package/dist/types/components/molecules/ScrollableMonthYearPicker/index.d.ts +1 -0
  273. package/dist/types/components/molecules/ScrollableMonthYearPicker/styled.d.ts +9 -0
  274. package/dist/types/components/molecules/ScrollableTimePicker/ScrollableTimePicker.d.ts +10 -0
  275. package/dist/types/components/molecules/ScrollableTimePicker/index.d.ts +1 -0
  276. package/dist/types/components/molecules/ScrollableTimePicker/styled.d.ts +9 -0
  277. package/dist/types/components/molecules/Select/Dropdown/styled.d.ts +36 -0
  278. package/dist/{cjs → types}/components/molecules/Select/SelectItem/SelectItem.d.ts +0 -1
  279. package/dist/types/components/molecules/Select/SelectItem/styled.d.ts +15 -0
  280. package/dist/types/components/molecules/Select/styled.d.ts +10 -0
  281. package/dist/types/components/molecules/Snackbar/styled.d.ts +5 -0
  282. package/dist/types/components/molecules/TextArea/styled.d.ts +1 -0
  283. package/dist/types/components/organisms/DataGrid/Footer/styled.d.ts +60 -0
  284. package/dist/{cjs → types}/components/organisms/DataGrid/Header/Header.d.ts +0 -1
  285. package/dist/types/components/organisms/DataGrid/Header/styled.d.ts +4 -0
  286. package/dist/types/components/organisms/DataGrid/styled.d.ts +4 -0
  287. package/package.json +10 -13
  288. package/dist/cjs/components/atoms/Accordion/Accordion.js.map +0 -1
  289. package/dist/cjs/components/atoms/Accordion/animations.js.map +0 -1
  290. package/dist/cjs/components/atoms/Accordion/styled.d.ts +0 -8
  291. package/dist/cjs/components/atoms/Accordion/styled.js.map +0 -1
  292. package/dist/cjs/components/atoms/Badge/Badge.js.map +0 -1
  293. package/dist/cjs/components/atoms/Button/Button.js.map +0 -1
  294. package/dist/cjs/components/atoms/Button/hooks/useMouseHover.js.map +0 -1
  295. package/dist/cjs/components/atoms/Button/hooks/useMousePressed.js.map +0 -1
  296. package/dist/cjs/components/atoms/Button/styled.d.ts +0 -4
  297. package/dist/cjs/components/atoms/Button/styled.js.map +0 -1
  298. package/dist/cjs/components/atoms/Dropdown/index.js.map +0 -1
  299. package/dist/cjs/components/atoms/Dropdown/styled.d.ts +0 -2
  300. package/dist/cjs/components/atoms/Dropdown/styled.js.map +0 -1
  301. package/dist/cjs/components/atoms/Input/Input.js.map +0 -1
  302. package/dist/cjs/components/atoms/Input/styled.d.ts +0 -4
  303. package/dist/cjs/components/atoms/Input/styled.js.map +0 -1
  304. package/dist/cjs/components/atoms/InputMask/InputMask.js.map +0 -1
  305. package/dist/cjs/components/atoms/InputMask/styled.d.ts +0 -4
  306. package/dist/cjs/components/atoms/InputMask/styled.js.map +0 -1
  307. package/dist/cjs/components/atoms/Modal/Modal.js.map +0 -1
  308. package/dist/cjs/components/atoms/Modal/animations.js.map +0 -1
  309. package/dist/cjs/components/atoms/Modal/styled.d.ts +0 -2
  310. package/dist/cjs/components/atoms/Modal/styled.js.map +0 -1
  311. package/dist/cjs/components/atoms/Overlay/Overlay.js.map +0 -1
  312. package/dist/cjs/components/atoms/Overlay/animations.js.map +0 -1
  313. package/dist/cjs/components/atoms/Overlay/styled.d.ts +0 -2
  314. package/dist/cjs/components/atoms/Overlay/styled.js.map +0 -1
  315. package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map +0 -1
  316. package/dist/cjs/components/atoms/Skeleton/styled.js.map +0 -1
  317. package/dist/cjs/components/atoms/Switch/Switch.js.map +0 -1
  318. package/dist/cjs/components/atoms/Switch/styled.d.ts +0 -3
  319. package/dist/cjs/components/atoms/Switch/styled.js.map +0 -1
  320. package/dist/cjs/components/atoms/Table/Body/TBody.js.map +0 -1
  321. package/dist/cjs/components/atoms/Table/Cell/Td.js.map +0 -1
  322. package/dist/cjs/components/atoms/Table/Cell/styled.d.ts +0 -2
  323. package/dist/cjs/components/atoms/Table/Cell/styled.js.map +0 -1
  324. package/dist/cjs/components/atoms/Table/Container/TableContainer.js.map +0 -1
  325. package/dist/cjs/components/atoms/Table/Container/styled.d.ts +0 -2
  326. package/dist/cjs/components/atoms/Table/Container/styled.js.map +0 -1
  327. package/dist/cjs/components/atoms/Table/Footer/TFoot.js.map +0 -1
  328. package/dist/cjs/components/atoms/Table/Footer/styled.js.map +0 -1
  329. package/dist/cjs/components/atoms/Table/Header/THead.js.map +0 -1
  330. package/dist/cjs/components/atoms/Table/Header/Th.js.map +0 -1
  331. package/dist/cjs/components/atoms/Table/Header/styled.d.ts +0 -4
  332. package/dist/cjs/components/atoms/Table/Header/styled.js.map +0 -1
  333. package/dist/cjs/components/atoms/Table/Row/Tr.js.map +0 -1
  334. package/dist/cjs/components/atoms/Table/Row/styled.d.ts +0 -2
  335. package/dist/cjs/components/atoms/Table/Row/styled.js.map +0 -1
  336. package/dist/cjs/components/atoms/Table/Table.js.map +0 -1
  337. package/dist/cjs/components/atoms/Table/Toolbar/TableToolbar.js.map +0 -1
  338. package/dist/cjs/components/atoms/Table/Toolbar/styled.js.map +0 -1
  339. package/dist/cjs/components/atoms/Table/styled.d.ts +0 -2
  340. package/dist/cjs/components/atoms/Table/styled.js.map +0 -1
  341. package/dist/cjs/components/atoms/Tag/Tag.js.map +0 -1
  342. package/dist/cjs/components/atoms/Tooltip/Tooltip.js.map +0 -1
  343. package/dist/cjs/components/atoms/Tooltip/styled.d.ts +0 -9
  344. package/dist/cjs/components/atoms/Tooltip/styled.js.map +0 -1
  345. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +0 -1
  346. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/styled.d.ts +0 -3
  347. package/dist/cjs/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map +0 -1
  348. package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js.map +0 -1
  349. package/dist/cjs/components/molecules/Breadcrumbs/styled.d.ts +0 -2
  350. package/dist/cjs/components/molecules/Breadcrumbs/styled.js.map +0 -1
  351. package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +0 -1
  352. package/dist/cjs/components/molecules/DatePicker/Modal.d.ts +0 -4
  353. package/dist/cjs/components/molecules/DatePicker/styled.d.ts +0 -7
  354. package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +0 -1
  355. package/dist/cjs/components/molecules/DateTimePicker/Modal.d.ts +0 -2
  356. package/dist/cjs/components/molecules/DateTimePicker/styled.d.ts +0 -7
  357. package/dist/cjs/components/molecules/Drawer/Drawer.js.map +0 -1
  358. package/dist/cjs/components/molecules/Drawer/animations.js.map +0 -1
  359. package/dist/cjs/components/molecules/Drawer/styled.d.ts +0 -2
  360. package/dist/cjs/components/molecules/Drawer/styled.js.map +0 -1
  361. package/dist/cjs/components/molecules/Grid/Grid.js.map +0 -1
  362. package/dist/cjs/components/molecules/Grid/Item/Item.js.map +0 -1
  363. package/dist/cjs/components/molecules/Grid/Item/functions.js.map +0 -1
  364. package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js.map +0 -1
  365. package/dist/cjs/components/molecules/IconTextButton/TextComponent.js.map +0 -1
  366. package/dist/cjs/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts +0 -6
  367. package/dist/cjs/components/molecules/IconTextButton/hooks/useIconTextButton.js.map +0 -1
  368. package/dist/cjs/components/molecules/IconTextButton/styled.d.ts +0 -1
  369. package/dist/cjs/components/molecules/IconTextButton/styled.js.map +0 -1
  370. package/dist/cjs/components/molecules/InputPassword/InputPassword.js.map +0 -1
  371. package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js.map +0 -1
  372. package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map +0 -1
  373. package/dist/cjs/components/molecules/LabeledSwitch/styled.d.ts +0 -8
  374. package/dist/cjs/components/molecules/LabeledSwitch/styled.js.map +0 -1
  375. package/dist/cjs/components/molecules/Masonry/Masonry.js.map +0 -1
  376. package/dist/cjs/components/molecules/Masonry/styled.d.ts +0 -7
  377. package/dist/cjs/components/molecules/Masonry/styled.js.map +0 -1
  378. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +0 -1
  379. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +0 -1
  380. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +0 -1
  381. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.d.ts +0 -3
  382. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map +0 -1
  383. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/styled.d.ts +0 -3
  384. package/dist/cjs/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map +0 -1
  385. package/dist/cjs/components/molecules/Menubar/MenuBlock/styled.d.ts +0 -6
  386. package/dist/cjs/components/molecules/Menubar/MenuBlock/styled.js.map +0 -1
  387. package/dist/cjs/components/molecules/Menubar/Menubar.js.map +0 -1
  388. package/dist/cjs/components/molecules/Menubar/MostUsed/MostUsed.js.map +0 -1
  389. package/dist/cjs/components/molecules/Menubar/MostUsed/styled.d.ts +0 -5
  390. package/dist/cjs/components/molecules/Menubar/MostUsed/styled.js.map +0 -1
  391. package/dist/cjs/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +0 -1
  392. package/dist/cjs/components/molecules/Menubar/SearchResultItem/styled.d.ts +0 -5
  393. package/dist/cjs/components/molecules/Menubar/SearchResultItem/styled.js.map +0 -1
  394. package/dist/cjs/components/molecules/Menubar/SearchResultItem/utils.js.map +0 -1
  395. package/dist/cjs/components/molecules/Menubar/animations.js.map +0 -1
  396. package/dist/cjs/components/molecules/Menubar/styled.d.ts +0 -15
  397. package/dist/cjs/components/molecules/Menubar/styled.js.map +0 -1
  398. package/dist/cjs/components/molecules/Menubar/utils.js.map +0 -1
  399. package/dist/cjs/components/molecules/Select/Dropdown/Dropdown.js.map +0 -1
  400. package/dist/cjs/components/molecules/Select/Dropdown/components/SearchInput.js.map +0 -1
  401. package/dist/cjs/components/molecules/Select/Dropdown/styled.d.ts +0 -14
  402. package/dist/cjs/components/molecules/Select/Dropdown/styled.js.map +0 -1
  403. package/dist/cjs/components/molecules/Select/Select.js.map +0 -1
  404. package/dist/cjs/components/molecules/Select/SelectItem/SelectItem.js.map +0 -1
  405. package/dist/cjs/components/molecules/Select/SelectItem/styled.d.ts +0 -4
  406. package/dist/cjs/components/molecules/Select/SelectItem/styled.js.map +0 -1
  407. package/dist/cjs/components/molecules/Select/animations.js.map +0 -1
  408. package/dist/cjs/components/molecules/Select/functions.js.map +0 -1
  409. package/dist/cjs/components/molecules/Select/styled.d.ts +0 -4
  410. package/dist/cjs/components/molecules/Select/styled.js.map +0 -1
  411. package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +0 -1
  412. package/dist/cjs/components/molecules/Snackbar/styled.d.ts +0 -4
  413. package/dist/cjs/components/molecules/Snackbar/styled.js.map +0 -1
  414. package/dist/cjs/components/molecules/TextArea/TextArea.js.map +0 -1
  415. package/dist/cjs/components/molecules/TextArea/styled.d.ts +0 -4
  416. package/dist/cjs/components/molecules/TextArea/styled.js.map +0 -1
  417. package/dist/cjs/components/organisms/DataGrid/DataGrid.js.map +0 -1
  418. package/dist/cjs/components/organisms/DataGrid/Footer/Footer.js.map +0 -1
  419. package/dist/cjs/components/organisms/DataGrid/Footer/styled.d.ts +0 -32
  420. package/dist/cjs/components/organisms/DataGrid/Footer/styled.js.map +0 -1
  421. package/dist/cjs/components/organisms/DataGrid/Header/Header.js.map +0 -1
  422. package/dist/cjs/components/organisms/DataGrid/Header/styled.d.ts +0 -1
  423. package/dist/cjs/components/organisms/DataGrid/Header/styled.js.map +0 -1
  424. package/dist/cjs/components/organisms/DataGrid/Header/utils.js.map +0 -1
  425. package/dist/cjs/components/organisms/DataGrid/Row/Row.js.map +0 -1
  426. package/dist/cjs/components/organisms/DataGrid/styled.d.ts +0 -1
  427. package/dist/cjs/components/organisms/DataGrid/styled.js.map +0 -1
  428. package/dist/cjs/components/organisms/DataGrid/utils.js.map +0 -1
  429. package/dist/cjs/hooks/useBreakpoints.js.map +0 -1
  430. package/dist/cjs/hooks/useClickAwayListener.js.map +0 -1
  431. package/dist/cjs/hooks/useWindowSize.js.map +0 -1
  432. package/dist/cjs/index.js.map +0 -1
  433. package/dist/esm/components/atoms/Accordion/Accordion.d.ts +0 -9
  434. package/dist/esm/components/atoms/Accordion/Accordion.js.map +0 -1
  435. package/dist/esm/components/atoms/Accordion/animations.d.ts +0 -41
  436. package/dist/esm/components/atoms/Accordion/animations.js.map +0 -1
  437. package/dist/esm/components/atoms/Accordion/index.d.ts +0 -2
  438. package/dist/esm/components/atoms/Accordion/styled.d.ts +0 -8
  439. package/dist/esm/components/atoms/Accordion/styled.js.map +0 -1
  440. package/dist/esm/components/atoms/Badge/Badge.d.ts +0 -8
  441. package/dist/esm/components/atoms/Badge/Badge.js.map +0 -1
  442. package/dist/esm/components/atoms/Badge/index.d.ts +0 -2
  443. package/dist/esm/components/atoms/Button/Button.d.ts +0 -10
  444. package/dist/esm/components/atoms/Button/Button.js.map +0 -1
  445. package/dist/esm/components/atoms/Button/hooks/useMouseHover.d.ts +0 -5
  446. package/dist/esm/components/atoms/Button/hooks/useMouseHover.js.map +0 -1
  447. package/dist/esm/components/atoms/Button/hooks/useMousePressed.d.ts +0 -5
  448. package/dist/esm/components/atoms/Button/hooks/useMousePressed.js.map +0 -1
  449. package/dist/esm/components/atoms/Button/index.d.ts +0 -3
  450. package/dist/esm/components/atoms/Button/styled.d.ts +0 -4
  451. package/dist/esm/components/atoms/Button/styled.js.map +0 -1
  452. package/dist/esm/components/atoms/Dropdown/index.d.ts +0 -9
  453. package/dist/esm/components/atoms/Dropdown/index.js.map +0 -1
  454. package/dist/esm/components/atoms/Dropdown/styled.d.ts +0 -2
  455. package/dist/esm/components/atoms/Dropdown/styled.js.map +0 -1
  456. package/dist/esm/components/atoms/Input/Input.d.ts +0 -7
  457. package/dist/esm/components/atoms/Input/Input.js.map +0 -1
  458. package/dist/esm/components/atoms/Input/index.d.ts +0 -2
  459. package/dist/esm/components/atoms/Input/styled.d.ts +0 -4
  460. package/dist/esm/components/atoms/Input/styled.js.map +0 -1
  461. package/dist/esm/components/atoms/InputMask/InputMask.d.ts +0 -7
  462. package/dist/esm/components/atoms/InputMask/InputMask.js.map +0 -1
  463. package/dist/esm/components/atoms/InputMask/index.d.ts +0 -2
  464. package/dist/esm/components/atoms/InputMask/styled.d.ts +0 -4
  465. package/dist/esm/components/atoms/InputMask/styled.js.map +0 -1
  466. package/dist/esm/components/atoms/Modal/Modal.d.ts +0 -7
  467. package/dist/esm/components/atoms/Modal/Modal.js.map +0 -1
  468. package/dist/esm/components/atoms/Modal/animations.d.ts +0 -23
  469. package/dist/esm/components/atoms/Modal/animations.js.map +0 -1
  470. package/dist/esm/components/atoms/Modal/index.d.ts +0 -2
  471. package/dist/esm/components/atoms/Modal/styled.d.ts +0 -2
  472. package/dist/esm/components/atoms/Modal/styled.js.map +0 -1
  473. package/dist/esm/components/atoms/Overlay/Overlay.d.ts +0 -11
  474. package/dist/esm/components/atoms/Overlay/Overlay.js.map +0 -1
  475. package/dist/esm/components/atoms/Overlay/animations.d.ts +0 -23
  476. package/dist/esm/components/atoms/Overlay/animations.js.map +0 -1
  477. package/dist/esm/components/atoms/Overlay/index.d.ts +0 -1
  478. package/dist/esm/components/atoms/Overlay/styled.d.ts +0 -2
  479. package/dist/esm/components/atoms/Overlay/styled.js.map +0 -1
  480. package/dist/esm/components/atoms/Skeleton/Skeleton.d.ts +0 -11
  481. package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +0 -1
  482. package/dist/esm/components/atoms/Skeleton/index.d.ts +0 -2
  483. package/dist/esm/components/atoms/Skeleton/styled.d.ts +0 -5
  484. package/dist/esm/components/atoms/Skeleton/styled.js.map +0 -1
  485. package/dist/esm/components/atoms/Switch/Switch.d.ts +0 -4
  486. package/dist/esm/components/atoms/Switch/Switch.js.map +0 -1
  487. package/dist/esm/components/atoms/Switch/index.d.ts +0 -1
  488. package/dist/esm/components/atoms/Switch/styled.d.ts +0 -3
  489. package/dist/esm/components/atoms/Switch/styled.js.map +0 -1
  490. package/dist/esm/components/atoms/Table/Body/TBody.d.ts +0 -3
  491. package/dist/esm/components/atoms/Table/Body/TBody.js.map +0 -1
  492. package/dist/esm/components/atoms/Table/Body/index.d.ts +0 -1
  493. package/dist/esm/components/atoms/Table/Cell/Td.d.ts +0 -3
  494. package/dist/esm/components/atoms/Table/Cell/Td.js.map +0 -1
  495. package/dist/esm/components/atoms/Table/Cell/index.d.ts +0 -1
  496. package/dist/esm/components/atoms/Table/Cell/styled.d.ts +0 -2
  497. package/dist/esm/components/atoms/Table/Cell/styled.js.map +0 -1
  498. package/dist/esm/components/atoms/Table/Container/TableContainer.d.ts +0 -3
  499. package/dist/esm/components/atoms/Table/Container/TableContainer.js.map +0 -1
  500. package/dist/esm/components/atoms/Table/Container/index.d.ts +0 -1
  501. package/dist/esm/components/atoms/Table/Container/styled.d.ts +0 -2
  502. package/dist/esm/components/atoms/Table/Container/styled.js.map +0 -1
  503. package/dist/esm/components/atoms/Table/Footer/TFoot.d.ts +0 -3
  504. package/dist/esm/components/atoms/Table/Footer/TFoot.js.map +0 -1
  505. package/dist/esm/components/atoms/Table/Footer/index.d.ts +0 -1
  506. package/dist/esm/components/atoms/Table/Footer/styled.d.ts +0 -5
  507. package/dist/esm/components/atoms/Table/Footer/styled.js.map +0 -1
  508. package/dist/esm/components/atoms/Table/Header/THead.d.ts +0 -3
  509. package/dist/esm/components/atoms/Table/Header/THead.js.map +0 -1
  510. package/dist/esm/components/atoms/Table/Header/Th.d.ts +0 -3
  511. package/dist/esm/components/atoms/Table/Header/Th.js.map +0 -1
  512. package/dist/esm/components/atoms/Table/Header/index.d.ts +0 -2
  513. package/dist/esm/components/atoms/Table/Header/styled.d.ts +0 -4
  514. package/dist/esm/components/atoms/Table/Header/styled.js.map +0 -1
  515. package/dist/esm/components/atoms/Table/Row/Tr.d.ts +0 -3
  516. package/dist/esm/components/atoms/Table/Row/Tr.js.map +0 -1
  517. package/dist/esm/components/atoms/Table/Row/index.d.ts +0 -1
  518. package/dist/esm/components/atoms/Table/Row/styled.d.ts +0 -2
  519. package/dist/esm/components/atoms/Table/Row/styled.js.map +0 -1
  520. package/dist/esm/components/atoms/Table/Table.d.ts +0 -3
  521. package/dist/esm/components/atoms/Table/Table.js.map +0 -1
  522. package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.d.ts +0 -8
  523. package/dist/esm/components/atoms/Table/Toolbar/TableToolbar.js.map +0 -1
  524. package/dist/esm/components/atoms/Table/Toolbar/index.d.ts +0 -2
  525. package/dist/esm/components/atoms/Table/Toolbar/styled.d.ts +0 -5
  526. package/dist/esm/components/atoms/Table/Toolbar/styled.js.map +0 -1
  527. package/dist/esm/components/atoms/Table/index.d.ts +0 -9
  528. package/dist/esm/components/atoms/Table/styled.d.ts +0 -2
  529. package/dist/esm/components/atoms/Table/styled.js.map +0 -1
  530. package/dist/esm/components/atoms/Tag/Tag.d.ts +0 -8
  531. package/dist/esm/components/atoms/Tag/Tag.js.map +0 -1
  532. package/dist/esm/components/atoms/Tag/index.d.ts +0 -2
  533. package/dist/esm/components/atoms/Tooltip/Tooltip.d.ts +0 -15
  534. package/dist/esm/components/atoms/Tooltip/Tooltip.js.map +0 -1
  535. package/dist/esm/components/atoms/Tooltip/index.d.ts +0 -2
  536. package/dist/esm/components/atoms/Tooltip/styled.d.ts +0 -9
  537. package/dist/esm/components/atoms/Tooltip/styled.js.map +0 -1
  538. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.d.ts +0 -9
  539. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map +0 -1
  540. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/index.d.ts +0 -2
  541. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/styled.d.ts +0 -3
  542. package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/styled.js.map +0 -1
  543. package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +0 -11
  544. package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js.map +0 -1
  545. package/dist/esm/components/molecules/Breadcrumbs/index.d.ts +0 -2
  546. package/dist/esm/components/molecules/Breadcrumbs/styled.d.ts +0 -2
  547. package/dist/esm/components/molecules/Breadcrumbs/styled.js.map +0 -1
  548. package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +0 -7
  549. package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +0 -1
  550. package/dist/esm/components/molecules/DatePicker/Modal.d.ts +0 -4
  551. package/dist/esm/components/molecules/DatePicker/index.d.ts +0 -2
  552. package/dist/esm/components/molecules/DatePicker/styled.d.ts +0 -7
  553. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +0 -4
  554. package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +0 -1
  555. package/dist/esm/components/molecules/DateTimePicker/Modal.d.ts +0 -2
  556. package/dist/esm/components/molecules/DateTimePicker/index.d.ts +0 -2
  557. package/dist/esm/components/molecules/DateTimePicker/styled.d.ts +0 -7
  558. package/dist/esm/components/molecules/Drawer/Drawer.d.ts +0 -9
  559. package/dist/esm/components/molecules/Drawer/Drawer.js.map +0 -1
  560. package/dist/esm/components/molecules/Drawer/animations.d.ts +0 -35
  561. package/dist/esm/components/molecules/Drawer/animations.js.map +0 -1
  562. package/dist/esm/components/molecules/Drawer/index.d.ts +0 -2
  563. package/dist/esm/components/molecules/Drawer/styled.d.ts +0 -2
  564. package/dist/esm/components/molecules/Drawer/styled.js.map +0 -1
  565. package/dist/esm/components/molecules/Grid/Grid.d.ts +0 -5
  566. package/dist/esm/components/molecules/Grid/Grid.js.map +0 -1
  567. package/dist/esm/components/molecules/Grid/Item/Item.d.ts +0 -9
  568. package/dist/esm/components/molecules/Grid/Item/Item.js.map +0 -1
  569. package/dist/esm/components/molecules/Grid/Item/functions.d.ts +0 -2
  570. package/dist/esm/components/molecules/Grid/Item/functions.js.map +0 -1
  571. package/dist/esm/components/molecules/Grid/Item/index.d.ts +0 -2
  572. package/dist/esm/components/molecules/Grid/index.d.ts +0 -4
  573. package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +0 -6
  574. package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map +0 -1
  575. package/dist/esm/components/molecules/IconTextButton/TextComponent.d.ts +0 -12
  576. package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map +0 -1
  577. package/dist/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js.map +0 -1
  578. package/dist/esm/components/molecules/IconTextButton/index.d.ts +0 -2
  579. package/dist/esm/components/molecules/IconTextButton/styled.d.ts +0 -1
  580. package/dist/esm/components/molecules/IconTextButton/styled.js.map +0 -1
  581. package/dist/esm/components/molecules/InputPassword/InputPassword.d.ts +0 -5
  582. package/dist/esm/components/molecules/InputPassword/InputPassword.js.map +0 -1
  583. package/dist/esm/components/molecules/InputPassword/index.d.ts +0 -2
  584. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.d.ts +0 -12
  585. package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +0 -1
  586. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +0 -7
  587. package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +0 -1
  588. package/dist/esm/components/molecules/LabeledSwitch/index.d.ts +0 -2
  589. package/dist/esm/components/molecules/LabeledSwitch/styled.js.map +0 -1
  590. package/dist/esm/components/molecules/Masonry/Masonry.d.ts +0 -10
  591. package/dist/esm/components/molecules/Masonry/Masonry.js.map +0 -1
  592. package/dist/esm/components/molecules/Masonry/index.d.ts +0 -1
  593. package/dist/esm/components/molecules/Masonry/styled.d.ts +0 -7
  594. package/dist/esm/components/molecules/Masonry/styled.js.map +0 -1
  595. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.d.ts +0 -8
  596. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuBlock.js.map +0 -1
  597. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.d.ts +0 -12
  598. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.js.map +0 -1
  599. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.d.ts +0 -8
  600. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.js.map +0 -1
  601. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.d.ts +0 -1
  602. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.d.ts +0 -3
  603. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.js.map +0 -1
  604. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/index.d.ts +0 -1
  605. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.d.ts +0 -3
  606. package/dist/esm/components/molecules/Menubar/MenuBlock/MenuItem/styled.js.map +0 -1
  607. package/dist/esm/components/molecules/Menubar/MenuBlock/index.d.ts +0 -1
  608. package/dist/esm/components/molecules/Menubar/MenuBlock/styled.d.ts +0 -6
  609. package/dist/esm/components/molecules/Menubar/MenuBlock/styled.js.map +0 -1
  610. package/dist/esm/components/molecules/Menubar/Menubar.d.ts +0 -14
  611. package/dist/esm/components/molecules/Menubar/Menubar.js.map +0 -1
  612. package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.d.ts +0 -9
  613. package/dist/esm/components/molecules/Menubar/MostUsed/MostUsed.js.map +0 -1
  614. package/dist/esm/components/molecules/Menubar/MostUsed/index.d.ts +0 -1
  615. package/dist/esm/components/molecules/Menubar/MostUsed/styled.d.ts +0 -5
  616. package/dist/esm/components/molecules/Menubar/MostUsed/styled.js.map +0 -1
  617. package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.d.ts +0 -9
  618. package/dist/esm/components/molecules/Menubar/SearchResultItem/SearchResultItem.js.map +0 -1
  619. package/dist/esm/components/molecules/Menubar/SearchResultItem/index.d.ts +0 -1
  620. package/dist/esm/components/molecules/Menubar/SearchResultItem/styled.d.ts +0 -5
  621. package/dist/esm/components/molecules/Menubar/SearchResultItem/styled.js.map +0 -1
  622. package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.d.ts +0 -3
  623. package/dist/esm/components/molecules/Menubar/SearchResultItem/utils.js.map +0 -1
  624. package/dist/esm/components/molecules/Menubar/animations.d.ts +0 -4
  625. package/dist/esm/components/molecules/Menubar/animations.js.map +0 -1
  626. package/dist/esm/components/molecules/Menubar/index.d.ts +0 -3
  627. package/dist/esm/components/molecules/Menubar/styled.d.ts +0 -15
  628. package/dist/esm/components/molecules/Menubar/styled.js.map +0 -1
  629. package/dist/esm/components/molecules/Menubar/types.d.ts +0 -19
  630. package/dist/esm/components/molecules/Menubar/utils.d.ts +0 -2
  631. package/dist/esm/components/molecules/Menubar/utils.js.map +0 -1
  632. package/dist/esm/components/molecules/Select/Dropdown/Dropdown.d.ts +0 -11
  633. package/dist/esm/components/molecules/Select/Dropdown/Dropdown.js.map +0 -1
  634. package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.d.ts +0 -8
  635. package/dist/esm/components/molecules/Select/Dropdown/components/SearchInput.js.map +0 -1
  636. package/dist/esm/components/molecules/Select/Dropdown/components/index.d.ts +0 -1
  637. package/dist/esm/components/molecules/Select/Dropdown/index.d.ts +0 -1
  638. package/dist/esm/components/molecules/Select/Dropdown/styled.d.ts +0 -14
  639. package/dist/esm/components/molecules/Select/Dropdown/styled.js.map +0 -1
  640. package/dist/esm/components/molecules/Select/Select.d.ts +0 -23
  641. package/dist/esm/components/molecules/Select/Select.js.map +0 -1
  642. package/dist/esm/components/molecules/Select/SelectItem/SelectItem.d.ts +0 -17
  643. package/dist/esm/components/molecules/Select/SelectItem/SelectItem.js.map +0 -1
  644. package/dist/esm/components/molecules/Select/SelectItem/index.d.ts +0 -1
  645. package/dist/esm/components/molecules/Select/SelectItem/styled.d.ts +0 -4
  646. package/dist/esm/components/molecules/Select/SelectItem/styled.js.map +0 -1
  647. package/dist/esm/components/molecules/Select/animations.d.ts +0 -51
  648. package/dist/esm/components/molecules/Select/animations.js.map +0 -1
  649. package/dist/esm/components/molecules/Select/functions.d.ts +0 -2
  650. package/dist/esm/components/molecules/Select/functions.js.map +0 -1
  651. package/dist/esm/components/molecules/Select/index.d.ts +0 -2
  652. package/dist/esm/components/molecules/Select/styled.d.ts +0 -4
  653. package/dist/esm/components/molecules/Select/styled.js.map +0 -1
  654. package/dist/esm/components/molecules/Select/types.d.ts +0 -4
  655. package/dist/esm/components/molecules/Snackbar/Snackbar.d.ts +0 -8
  656. package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +0 -1
  657. package/dist/esm/components/molecules/Snackbar/index.d.ts +0 -2
  658. package/dist/esm/components/molecules/Snackbar/styled.d.ts +0 -4
  659. package/dist/esm/components/molecules/Snackbar/styled.js.map +0 -1
  660. package/dist/esm/components/molecules/TextArea/TextArea.d.ts +0 -5
  661. package/dist/esm/components/molecules/TextArea/TextArea.js.map +0 -1
  662. package/dist/esm/components/molecules/TextArea/index.d.ts +0 -2
  663. package/dist/esm/components/molecules/TextArea/styled.d.ts +0 -4
  664. package/dist/esm/components/molecules/TextArea/styled.js.map +0 -1
  665. package/dist/esm/components/organisms/DataGrid/DataGrid.d.ts +0 -29
  666. package/dist/esm/components/organisms/DataGrid/DataGrid.js.map +0 -1
  667. package/dist/esm/components/organisms/DataGrid/Footer/Footer.d.ts +0 -16
  668. package/dist/esm/components/organisms/DataGrid/Footer/Footer.js.map +0 -1
  669. package/dist/esm/components/organisms/DataGrid/Footer/index.d.ts +0 -1
  670. package/dist/esm/components/organisms/DataGrid/Footer/styled.d.ts +0 -32
  671. package/dist/esm/components/organisms/DataGrid/Footer/styled.js.map +0 -1
  672. package/dist/esm/components/organisms/DataGrid/Header/Header.d.ts +0 -13
  673. package/dist/esm/components/organisms/DataGrid/Header/Header.js.map +0 -1
  674. package/dist/esm/components/organisms/DataGrid/Header/index.d.ts +0 -1
  675. package/dist/esm/components/organisms/DataGrid/Header/styled.d.ts +0 -1
  676. package/dist/esm/components/organisms/DataGrid/Header/styled.js.map +0 -1
  677. package/dist/esm/components/organisms/DataGrid/Header/utils.d.ts +0 -8
  678. package/dist/esm/components/organisms/DataGrid/Header/utils.js.map +0 -1
  679. package/dist/esm/components/organisms/DataGrid/Row/Row.d.ts +0 -10
  680. package/dist/esm/components/organisms/DataGrid/Row/Row.js.map +0 -1
  681. package/dist/esm/components/organisms/DataGrid/Row/index.d.ts +0 -1
  682. package/dist/esm/components/organisms/DataGrid/index.d.ts +0 -3
  683. package/dist/esm/components/organisms/DataGrid/styled.d.ts +0 -1
  684. package/dist/esm/components/organisms/DataGrid/styled.js.map +0 -1
  685. package/dist/esm/components/organisms/DataGrid/types.d.ts +0 -8
  686. package/dist/esm/components/organisms/DataGrid/utils.d.ts +0 -2
  687. package/dist/esm/components/organisms/DataGrid/utils.js.map +0 -1
  688. package/dist/esm/hooks/index.d.ts +0 -3
  689. package/dist/esm/hooks/useBreakpoints.d.ts +0 -6
  690. package/dist/esm/hooks/useBreakpoints.js.map +0 -1
  691. package/dist/esm/hooks/useClickAwayListener.d.ts +0 -2
  692. package/dist/esm/hooks/useClickAwayListener.js.map +0 -1
  693. package/dist/esm/hooks/useWindowSize.d.ts +0 -6
  694. package/dist/esm/hooks/useWindowSize.js.map +0 -1
  695. package/dist/esm/index.d.ts +0 -47
  696. package/dist/esm/index.js.map +0 -1
  697. /package/dist/{cjs → types}/components/atoms/Accordion/index.d.ts +0 -0
  698. /package/dist/{cjs → types}/components/atoms/Badge/Badge.d.ts +0 -0
  699. /package/dist/{cjs → types}/components/atoms/Badge/index.d.ts +0 -0
  700. /package/dist/{cjs → types}/components/atoms/Button/Button.d.ts +0 -0
  701. /package/dist/{cjs → types}/components/atoms/Button/hooks/useMouseHover.d.ts +0 -0
  702. /package/dist/{cjs → types}/components/atoms/Button/hooks/useMousePressed.d.ts +0 -0
  703. /package/dist/{cjs → types}/components/atoms/Button/index.d.ts +0 -0
  704. /package/dist/{cjs → types}/components/atoms/Dropdown/index.d.ts +0 -0
  705. /package/dist/{cjs → types}/components/atoms/Input/Input.d.ts +0 -0
  706. /package/dist/{cjs → types}/components/atoms/Input/index.d.ts +0 -0
  707. /package/dist/{cjs → types}/components/atoms/InputMask/InputMask.d.ts +0 -0
  708. /package/dist/{cjs → types}/components/atoms/InputMask/index.d.ts +0 -0
  709. /package/dist/{cjs → types}/components/atoms/Modal/Modal.d.ts +0 -0
  710. /package/dist/{cjs → types}/components/atoms/Modal/animations.d.ts +0 -0
  711. /package/dist/{cjs → types}/components/atoms/Modal/index.d.ts +0 -0
  712. /package/dist/{cjs → types}/components/atoms/Overlay/Overlay.d.ts +0 -0
  713. /package/dist/{cjs → types}/components/atoms/Overlay/animations.d.ts +0 -0
  714. /package/dist/{cjs → types}/components/atoms/Overlay/index.d.ts +0 -0
  715. /package/dist/{cjs → types}/components/atoms/Skeleton/Skeleton.d.ts +0 -0
  716. /package/dist/{cjs → types}/components/atoms/Skeleton/index.d.ts +0 -0
  717. /package/dist/{cjs → types}/components/atoms/Switch/Switch.d.ts +0 -0
  718. /package/dist/{cjs → types}/components/atoms/Switch/index.d.ts +0 -0
  719. /package/dist/{cjs → types}/components/atoms/Table/Body/TBody.d.ts +0 -0
  720. /package/dist/{cjs → types}/components/atoms/Table/Body/index.d.ts +0 -0
  721. /package/dist/{cjs → types}/components/atoms/Table/Cell/Td.d.ts +0 -0
  722. /package/dist/{cjs → types}/components/atoms/Table/Cell/index.d.ts +0 -0
  723. /package/dist/{cjs → types}/components/atoms/Table/Container/TableContainer.d.ts +0 -0
  724. /package/dist/{cjs → types}/components/atoms/Table/Container/index.d.ts +0 -0
  725. /package/dist/{cjs → types}/components/atoms/Table/Footer/TFoot.d.ts +0 -0
  726. /package/dist/{cjs → types}/components/atoms/Table/Footer/index.d.ts +0 -0
  727. /package/dist/{cjs → types}/components/atoms/Table/Footer/styled.d.ts +0 -0
  728. /package/dist/{cjs → types}/components/atoms/Table/Header/THead.d.ts +0 -0
  729. /package/dist/{cjs → types}/components/atoms/Table/Header/Th.d.ts +0 -0
  730. /package/dist/{cjs → types}/components/atoms/Table/Header/index.d.ts +0 -0
  731. /package/dist/{cjs → types}/components/atoms/Table/Row/Tr.d.ts +0 -0
  732. /package/dist/{cjs → types}/components/atoms/Table/Row/index.d.ts +0 -0
  733. /package/dist/{cjs → types}/components/atoms/Table/Table.d.ts +0 -0
  734. /package/dist/{cjs → types}/components/atoms/Table/Toolbar/TableToolbar.d.ts +0 -0
  735. /package/dist/{cjs → types}/components/atoms/Table/Toolbar/index.d.ts +0 -0
  736. /package/dist/{cjs → types}/components/atoms/Table/Toolbar/styled.d.ts +0 -0
  737. /package/dist/{cjs → types}/components/atoms/Table/index.d.ts +0 -0
  738. /package/dist/{cjs → types}/components/atoms/Tag/Tag.d.ts +0 -0
  739. /package/dist/{cjs → types}/components/atoms/Tag/index.d.ts +0 -0
  740. /package/dist/{cjs → types}/components/atoms/Tooltip/Tooltip.d.ts +0 -0
  741. /package/dist/{cjs → types}/components/atoms/Tooltip/index.d.ts +0 -0
  742. /package/dist/{cjs → types}/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.d.ts +0 -0
  743. /package/dist/{cjs → types}/components/molecules/Breadcrumbs/BreadcrumbItem/index.d.ts +0 -0
  744. /package/dist/{cjs → types}/components/molecules/Breadcrumbs/Breadcrumbs.d.ts +0 -0
  745. /package/dist/{cjs → types}/components/molecules/Breadcrumbs/index.d.ts +0 -0
  746. /package/dist/{cjs → types}/components/molecules/DatePicker/index.d.ts +0 -0
  747. /package/dist/{cjs → types}/components/molecules/DateTimePicker/DateTimePicker.d.ts +0 -0
  748. /package/dist/{cjs → types}/components/molecules/DateTimePicker/index.d.ts +0 -0
  749. /package/dist/{cjs → types}/components/molecules/Drawer/Drawer.d.ts +0 -0
  750. /package/dist/{cjs → types}/components/molecules/Drawer/animations.d.ts +0 -0
  751. /package/dist/{cjs → types}/components/molecules/Drawer/index.d.ts +0 -0
  752. /package/dist/{cjs → types}/components/molecules/Grid/Grid.d.ts +0 -0
  753. /package/dist/{cjs → types}/components/molecules/Grid/Item/Item.d.ts +0 -0
  754. /package/dist/{cjs → types}/components/molecules/Grid/Item/functions.d.ts +0 -0
  755. /package/dist/{cjs → types}/components/molecules/Grid/Item/index.d.ts +0 -0
  756. /package/dist/{cjs → types}/components/molecules/Grid/index.d.ts +0 -0
  757. /package/dist/{cjs → types}/components/molecules/IconTextButton/IconTextButton.d.ts +0 -0
  758. /package/dist/{cjs → types}/components/molecules/IconTextButton/TextComponent.d.ts +0 -0
  759. /package/dist/{cjs → types}/components/molecules/IconTextButton/index.d.ts +0 -0
  760. /package/dist/{cjs → types}/components/molecules/InputPassword/InputPassword.d.ts +0 -0
  761. /package/dist/{cjs → types}/components/molecules/InputPassword/index.d.ts +0 -0
  762. /package/dist/{cjs → types}/components/molecules/LabeledSwitch/LabelComponent.d.ts +0 -0
  763. /package/dist/{cjs → types}/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +0 -0
  764. /package/dist/{cjs → types}/components/molecules/LabeledSwitch/index.d.ts +0 -0
  765. /package/dist/{cjs → types}/components/molecules/Masonry/Masonry.d.ts +0 -0
  766. /package/dist/{cjs → types}/components/molecules/Masonry/index.d.ts +0 -0
  767. /package/dist/{cjs → types}/components/molecules/Menubar/MenuBlock/MenuBlock.d.ts +0 -0
  768. /package/dist/{cjs → types}/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.d.ts +0 -0
  769. /package/dist/{cjs → types}/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.d.ts +0 -0
  770. /package/dist/{cjs → types}/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/index.d.ts +0 -0
  771. /package/dist/{cjs → types}/components/molecules/Menubar/MenuBlock/MenuItem/index.d.ts +0 -0
  772. /package/dist/{cjs → types}/components/molecules/Menubar/MenuBlock/index.d.ts +0 -0
  773. /package/dist/{cjs → types}/components/molecules/Menubar/Menubar.d.ts +0 -0
  774. /package/dist/{cjs → types}/components/molecules/Menubar/MostUsed/MostUsed.d.ts +0 -0
  775. /package/dist/{cjs → types}/components/molecules/Menubar/MostUsed/index.d.ts +0 -0
  776. /package/dist/{cjs → types}/components/molecules/Menubar/SearchResultItem/SearchResultItem.d.ts +0 -0
  777. /package/dist/{cjs → types}/components/molecules/Menubar/SearchResultItem/index.d.ts +0 -0
  778. /package/dist/{cjs → types}/components/molecules/Menubar/SearchResultItem/utils.d.ts +0 -0
  779. /package/dist/{cjs → types}/components/molecules/Menubar/animations.d.ts +0 -0
  780. /package/dist/{cjs → types}/components/molecules/Menubar/index.d.ts +0 -0
  781. /package/dist/{cjs → types}/components/molecules/Menubar/types.d.ts +0 -0
  782. /package/dist/{cjs → types}/components/molecules/Menubar/utils.d.ts +0 -0
  783. /package/dist/{cjs → types}/components/molecules/Select/Dropdown/Dropdown.d.ts +0 -0
  784. /package/dist/{cjs → types}/components/molecules/Select/Dropdown/components/SearchInput.d.ts +0 -0
  785. /package/dist/{cjs → types}/components/molecules/Select/Dropdown/components/index.d.ts +0 -0
  786. /package/dist/{cjs → types}/components/molecules/Select/Dropdown/index.d.ts +0 -0
  787. /package/dist/{cjs → types}/components/molecules/Select/Select.d.ts +0 -0
  788. /package/dist/{cjs → types}/components/molecules/Select/SelectItem/index.d.ts +0 -0
  789. /package/dist/{cjs → types}/components/molecules/Select/animations.d.ts +0 -0
  790. /package/dist/{cjs → types}/components/molecules/Select/functions.d.ts +0 -0
  791. /package/dist/{cjs → types}/components/molecules/Select/index.d.ts +0 -0
  792. /package/dist/{cjs → types}/components/molecules/Select/types.d.ts +0 -0
  793. /package/dist/{cjs → types}/components/molecules/Snackbar/Snackbar.d.ts +0 -0
  794. /package/dist/{cjs → types}/components/molecules/Snackbar/index.d.ts +0 -0
  795. /package/dist/{cjs → types}/components/molecules/TextArea/TextArea.d.ts +0 -0
  796. /package/dist/{cjs → types}/components/molecules/TextArea/index.d.ts +0 -0
  797. /package/dist/{cjs → types}/components/organisms/DataGrid/DataGrid.d.ts +0 -0
  798. /package/dist/{cjs → types}/components/organisms/DataGrid/Footer/Footer.d.ts +0 -0
  799. /package/dist/{cjs → types}/components/organisms/DataGrid/Footer/index.d.ts +0 -0
  800. /package/dist/{cjs → types}/components/organisms/DataGrid/Header/index.d.ts +0 -0
  801. /package/dist/{cjs → types}/components/organisms/DataGrid/Header/utils.d.ts +0 -0
  802. /package/dist/{cjs → types}/components/organisms/DataGrid/Row/Row.d.ts +0 -0
  803. /package/dist/{cjs → types}/components/organisms/DataGrid/Row/index.d.ts +0 -0
  804. /package/dist/{cjs → types}/components/organisms/DataGrid/index.d.ts +0 -0
  805. /package/dist/{cjs → types}/components/organisms/DataGrid/types.d.ts +0 -0
  806. /package/dist/{cjs → types}/components/organisms/DataGrid/utils.d.ts +0 -0
  807. /package/dist/{cjs → types}/hooks/index.d.ts +0 -0
  808. /package/dist/{cjs → types}/hooks/useBreakpoints.d.ts +0 -0
  809. /package/dist/{cjs → types}/hooks/useClickAwayListener.d.ts +0 -0
  810. /package/dist/{cjs → types}/hooks/useWindowSize.d.ts +0 -0
  811. /package/dist/{cjs → types}/index.d.ts +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n title: string;\n Component: ElementType;\n props?: any;\n};\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {\n breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n return (\n <StyledContainerBreadcrumbs {...rest}>\n {breadcrumbs.map((item, index) => {\n const { props, Component = 'a', title } = item;\n return (\n <BreadcrumbItem\n key={index}\n Component={Component}\n props={props}\n isLast={breadcrumbs.length - 1 === index}\n title={title}\n />\n );\n })}\n </StyledContainerBreadcrumbs>\n );\n};\n\nexport default Breadcrumbs;\n"],"names":["StyledContainerBreadcrumbs"],"mappings":";;;;;;AAcA,MAAM,cAAoC,CAAC,EAAE,WAAa,EAAA,GAAG,MAAW,KAAA;AACtE,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,qCAA4B,GAAG,IAAA,EAAA,EAC7B,YAAY,GAAI,CAAA,CAAC,MAAM,KAAU,KAAA;AAChC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAY,GAAA,GAAA,EAAK,OAAU,GAAA,IAAA,CAAA;AAC1C,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,SAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA,EAAQ,WAAY,CAAA,MAAA,GAAS,CAAM,KAAA,KAAA;AAAA,QACnC,KAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledContainerBreadcrumbs: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px\n ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":["hex2rgba"],"mappings":";;;;;AAGa,MAAA,0BAAA,GAA6B,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIxD,CAAC,EAAE,KAAM,EAAA,KAAM,CAAG,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAI,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAE,CAAA,CAAA;AAAA,iBAAA,EACtD,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA,IAE/D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAMA,mBAAS,KAAM,CAAA,aAAA,CAAc,MAAQ,EAAA,IAAI,CAAC,CAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n Calendar,\n DatePicker as DatePickerCore,\n DatePickerProps,\n DateRange,\n Masks,\n SelectionType,\n CalendarIcon,\n PressableSurface,\n useTheme,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\nimport { InputMask } from '../../atoms/InputMask';\nimport { parse, isValid } from 'date-fns';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n DatePickerProps<T>,\n | 'CalendarComponent'\n | 'renderCalendar'\n | 'requestCloseCalendar'\n | 'requestShowCalendar'\n> & {\n callbackAfterValidated?: (valid: boolean, message?: string) => void;\n invalidDateLabel?: string;\n};\n\nexport const DatePicker = <T extends SelectionType>({\n value,\n type,\n locale,\n onChange,\n callbackAfterValidated,\n placeholder,\n disabled,\n label,\n invalidDateLabel = 'Invalid date',\n ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n const [visible, setVisible] = useState(false);\n const [controlledInput, setControlledInput] = useState<string>();\n const show = useCallback(() => setVisible(true), []);\n const close = useCallback(() => setVisible(false), []);\n const [error, setError] = useState<boolean>(false);\n const theme = useTheme();\n\n const getYear = useMemo(() => {\n if (value) {\n if (type === 'range') {\n if ((value as DateRange).lowest !== undefined)\n return new Date((value as DateRange).lowest).getFullYear();\n } else {\n return new Date(value as Date).getFullYear();\n }\n }\n return undefined;\n }, [value]);\n\n const getMonth = useMemo(() => {\n if (value) {\n if (type === 'range') {\n if ((value as DateRange).lowest !== undefined)\n return new Date((value as DateRange).lowest).getMonth();\n } else {\n return new Date(value as Date).getMonth();\n }\n }\n return undefined;\n }, [value]);\n\n const checksFullRange = useCallback(() => {\n if (type === 'range' && !(value as DateRange)?.highest)\n onChange?.(undefined);\n }, [value]);\n\n const controlComponent = (onPress, displayValue) => {\n return (\n <InputMask\n onBlur={() => {\n if (\n (controlledInput ?? []).length < 8 &&\n (controlledInput ?? []).length > 0\n ) {\n setError(true);\n callbackAfterValidated?.(false, invalidDateLabel);\n }\n if (controlledInput?.length === 8) {\n const auxData = parse(controlledInput, 'ddMMyyyy', new Date(), {\n locale,\n });\n const isValidDate = isValid(auxData);\n callbackAfterValidated?.(isValidDate, invalidDateLabel);\n\n if (isValidDate && auxData !== value) {\n setError(false);\n onChange?.(auxData as typeof value);\n }\n }\n if (controlledInput?.length === 0) {\n setError(true);\n callbackAfterValidated?.(false, invalidDateLabel);\n }\n }}\n disabled={disabled}\n mask={Masks.DATE}\n value={displayValue ?? ''}\n hint={error ? invalidDateLabel : undefined}\n variant={error ? 'error' : 'default'}\n onChange={input => {\n setControlledInput(input);\n if ((error && input.length < 8) || isValid(value)) {\n callbackAfterValidated?.(true);\n setError(false);\n }\n }}\n placeholder={placeholder}\n label={label}\n placeholderTextColor={\n disabled ? theme.color.secondary.light : undefined\n }\n rightComponent={\n <PressableSurface\n effect={'none'}\n style={{ padding: 0 }}\n onPress={onPress}\n disabled={disabled}\n >\n <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n </PressableSurface>\n }\n />\n );\n };\n\n if (type === 'day') {\n return (\n <DatePickerCore\n {...rest}\n CalendarComponent={Calendar}\n onChange={onChange}\n locale={locale}\n value={value}\n type={type}\n year={getYear}\n disabled={disabled}\n format={'dd/MM/yyyy'}\n month={getMonth}\n requestShowCalendar={show}\n requestCloseCalendar={close}\n renderCalendar={calendar => (\n <Dropdown visible={visible} setVisible={setVisible}>\n {calendar}\n </Dropdown>\n )}\n controlComponent={controlComponent}\n />\n );\n } else {\n return (\n <DatePickerCore\n {...rest}\n CalendarComponent={Calendar}\n onChange={onChange}\n locale={locale}\n value={value}\n type={type}\n year={getYear}\n disabled={disabled}\n format={'dd/MM/yyyy'}\n month={getMonth}\n requestShowCalendar={show}\n requestCloseCalendar={close}\n placeholder={placeholder}\n label={label}\n renderCalendar={(calendar, handleBlur) => (\n <Dropdown\n visible={visible}\n setVisible={setVisible}\n onClickAway={() => {\n handleBlur?.();\n checksFullRange();\n }}\n >\n {calendar}\n </Dropdown>\n )}\n />\n );\n }\n};\n"],"names":["useState","useCallback","useTheme","useMemo","parse","isValid","Masks","PressableSurface","CalendarIcon","DatePickerCore","Calendar","Dropdown"],"mappings":"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"}
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { CalendarProps } from '@tecsinapse/react-core';
3
- import { ModalProps } from 'react-native';
4
- export declare const Modal: <T extends SelectionType>({ onRequestClose, children, ...modalProps }: any) => JSX.Element;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Backdrop: import("@emotion/native").StyledComponent<any, {}, {
3
- ref?: import("react").Ref<any> | undefined;
4
- }>;
5
- export declare const ModalContent: import("@emotion/native").StyledComponent<any, {}, {
6
- ref?: import("react").Ref<import("react-native/types").View> | undefined;
7
- }>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n DateTimePicker as DateTimePickerCore,\n DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n DateTimePickerProps,\n 'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n const [visible, setVisible] = useState<boolean>(false);\n\n const show = useCallback(() => setVisible(true), []);\n const close = useCallback(() => setVisible(false), []);\n\n return (\n <DateTimePickerCore\n {...rest}\n requestShowSelector={show}\n requestCloseSelector={close}\n renderSelector={selector => (\n <Dropdown visible={visible} setVisible={setVisible}>\n {selector}\n </Dropdown>\n )}\n />\n );\n};\n"],"names":["useState","useCallback","DateTimePickerCore","Dropdown"],"mappings":";;;;;;AAYO,MAAM,cAA6C,GAAA,CAAC,EAAE,GAAG,MAAW,KAAA;AACzE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,OAAOC,iBAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQA,iBAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,wBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,mBAAqB,EAAA,IAAA;AAAA,MACrB,oBAAsB,EAAA,KAAA;AAAA,MACtB,gBAAgB,CACd,QAAA,qBAAA,KAAA,CAAA,aAAA,CAACC,cAAS,EAAA,EAAA,OAAA,EAAkB,cACzB,QACH,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}
@@ -1,2 +0,0 @@
1
- import * as React from 'react';
2
- export declare const Modal: React.FC<any>;
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const Backdrop: import("@emotion/native").StyledComponent<any, {}, {
3
- ref?: import("react").Ref<any> | undefined;
4
- }>;
5
- export declare const ModalContent: import("@emotion/native").StyledComponent<any, {}, {
6
- ref?: import("react").Ref<import("react-native/types").View> | undefined;
7
- }>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"Drawer.js","sources":["../../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n transitionStylesTopBottom,\n defaultStylesTopBottom,\n defaultStylesLeftRight,\n transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n open: boolean;\n onClose: () => void;\n anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n open,\n anchorPosition = 'right',\n onClose,\n children,\n style,\n ...rest\n}) => {\n const transitionRef = useRef(null);\n const getStyles = (\n anchorPosition: AnchorPosition,\n state: TransitionStatus\n ) => {\n const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n if (['left', 'right'].includes(anchorPosition)) {\n return {\n ...stylesLeftRight,\n ...transitionLeftRight[state],\n };\n } else {\n return {\n ...stylesTopBottom,\n ...transitionTopBottom[state],\n };\n }\n };\n\n return (\n <>\n <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n <Transition in={open} timeout={300} nodeRef={transitionRef}>\n {state => (\n <StyledContainerDrawer\n ref={transitionRef}\n style={{ ...style, ...getStyles(anchorPosition, state) }}\n anchorPosition={anchorPosition}\n onClose={onClose}\n open={open}\n {...rest}\n >\n {children}\n </StyledContainerDrawer>\n )}\n </Transition>\n </>\n );\n};\n\nexport default Drawer;\n"],"names":["useRef","anchorPosition","defaultStylesLeftRight","transitionStylesLeftRight","defaultStylesTopBottom","transitionStylesTopBottom","Transition","StyledContainerDrawer"],"mappings":";;;;;;;;AAmBA,MAAM,SAA0B,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,cAAiB,GAAA,OAAA;AAAA,EACjB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,aAAA,GAAgBA,aAAO,IAAI,CAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,CAChBC,eAAAA,EACA,KACG,KAAA;AACH,IAAM,MAAA,eAAA,GAAkBC,kCAAuBD,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsBE,qCAA0BF,eAAc,CAAA,CAAA;AACpE,IAAM,MAAA,eAAA,GAAkBG,kCAAuBH,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsBI,qCAA0BJ,eAAc,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAASA,eAAc,CAAG,EAAA;AAC9C,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,oBAAoB,KAAK,CAAA;AAAA,OAC9B,CAAA;AAAA,KACK,MAAA;AACL,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,oBAAoB,KAAK,CAAA;AAAA,OAC9B,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,SAAS,GAAK,EAAA,IAAA,EAAY,SAAkB,MAAO,EAAA,QAAA,EAAS,CACrE,kBAAA,KAAA,CAAA,aAAA,CAACK,mCAAW,EAAI,EAAA,IAAA,EAAM,SAAS,GAAK,EAAA,OAAA,EAAS,iBAC1C,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,4BAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,aAAA;AAAA,MACL,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAG,SAAU,CAAA,cAAA,EAAgB,KAAK,CAAE,EAAA;AAAA,MACvD,cAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GAGP,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"animations.js","sources":["../../../../../src/components/molecules/Drawer/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport const transformLeftRigthClose = (anchorPosition: string) =>\n anchorPosition === 'right' ? 'translateX(100%)' : 'translateX(-100%)';\n\nexport const transformLeftRigthOpen = 'translateX(0)';\n\nexport const transformTopBottomClose = (anchorPosition: string) =>\n anchorPosition === 'top' ? 'translateY(-100%)' : 'translateY(100%)';\n\nexport const transformTopBottomOpen = 'translateY(0%)';\n\nexport const defaultStylesLeftRight = (\n anchorPosition: string\n): CSSProperties => {\n return {\n transition: 'transform 300ms ease-in-out',\n transform: transformLeftRigthClose(anchorPosition),\n overflowX: 'hidden',\n overflowY: 'auto',\n };\n};\n\nexport const transitionStylesLeftRight = (anchorPosition: string) => {\n return {\n entering: { transform: transformLeftRigthClose(anchorPosition) },\n entered: {\n transform: transformLeftRigthOpen,\n },\n exiting: {\n transform: transformLeftRigthOpen,\n },\n exited: { transform: transformLeftRigthClose(anchorPosition) },\n };\n};\n\nexport const defaultStylesTopBottom = (\n anchorPosition: string\n): CSSProperties => {\n return {\n transition: 'transform 300ms ease-in-out',\n transform: transformTopBottomClose(anchorPosition),\n overflowX: 'hidden',\n overflowY: 'auto',\n };\n};\nexport const transitionStylesTopBottom = (anchorPosition: string) => {\n return {\n entering: { transform: transformTopBottomClose(anchorPosition) },\n entered: {\n transform: transformTopBottomOpen,\n },\n exiting: {\n transform: transformTopBottomOpen,\n },\n exited: { transform: transformTopBottomClose(anchorPosition) },\n };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,UAAU,kBAAqB,GAAA,oBAAA;AAE7C,MAAM,sBAAyB,GAAA,gBAAA;AAE/B,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,QAAQ,mBAAsB,GAAA,mBAAA;AAE5C,MAAM,sBAAyB,GAAA,iBAAA;AAEzB,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AAEa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF,EAAA;AAEa,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AACa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF;;;;;;;;;;;"}
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledContainerDrawer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return (\n anchorPosition === 'left' &&\n css`\n left: 0;\n top: 0;\n border-top-right-radius: ${theme.borderRadius.centi};\n border-bottom-right-radius: ${theme.borderRadius.centi};\n `\n );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return (\n anchorPosition === 'right' &&\n css`\n right: 0;\n top: 0;\n border-top-left-radius: ${theme.borderRadius.centi};\n border-bottom-left-radius: ${theme.borderRadius.centi};\n `\n );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return (\n anchorPosition === 'top' &&\n css`\n left: 0;\n right: 0;\n top: 0;\n border-bottom-right-radius: ${theme.borderRadius.centi};\n border-bottom-left-radius: ${theme.borderRadius.centi};\n `\n );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return (\n anchorPosition === 'bottom' &&\n css`\n left: 0;\n right: 0;\n bottom: 0;\n border-top-right-radius: ${theme.borderRadius.centi};\n border-top-left-radius: ${theme.borderRadius.centi};\n `\n );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n return css`\n height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n position: fixed;\n overflow: hidden;\n background-color: ${theme.miscellaneous.bodyColor};\n z-index: ${theme.zIndex.drawer};\n `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n DrawerProps & Partial<StyleProps>\n>(\n props => css`\n ${baseStyles(props)}\n ${anchorBottom(props)}\n ${anchorTop(props)}\n ${anchorLeft(props)}\n ${anchorRight(props)}\n `\n);\n"],"names":["css"],"mappings":";;;;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAA,OACE,mBAAmB,MACnB,IAAAA,SAAA,CAAA;AAAA;AAAA;AAAA,+BAG6B,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,kCACrB,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,IAAA,CAAA,CAAA;AAG5D,CAAA,CAAA;AACA,MAAM,WAAc,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC3E,EAAA,OACE,mBAAmB,OACnB,IAAAA,SAAA,CAAA;AAAA;AAAA;AAAA,8BAG4B,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,iCACrB,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,IAAA,CAAA,CAAA;AAG3D,CAAA,CAAA;AAEA,MAAM,SAAY,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AACzE,EAAA,OACE,mBAAmB,KACnB,IAAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA,kCAIgC,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,iCACzB,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,IAAA,CAAA,CAAA;AAG3D,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC5E,EAAA,OACE,mBAAmB,QACnB,IAAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA,+BAI6B,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,8BACzB,EAAA,KAAA,CAAM,aAAa,KAAK,CAAA;AAAA,IAAA,CAAA,CAAA;AAGxD,CAAA,CAAA;AAEA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAO,OAAAA,SAAA,CAAA;AAAA,YAAA,EACK,CAAC,MAAQ,EAAA,OAAO,EAAE,QAAS,CAAA,cAAc,KAAK,OAAO,CAAA;AAAA,WAAA,EACtD,CAAC,KAAO,EAAA,QAAQ,EAAE,QAAS,CAAA,cAAc,KAAK,OAAO,CAAA;AAAA;AAAA;AAAA,sBAG1C,EAAA,KAAA,CAAM,cAAc,SAAS,CAAA;AAAA,aACtC,EAAA,KAAA,CAAM,OAAO,MAAM,CAAA;AAAA,EAAA,CAAA,CAAA;AAElC,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,OAAO,KAAK,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAAA,SAAA,CAAA;AAAA,IACL,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,IACnB,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,IAChB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,WAAA,CAAY,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAExB;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n children,\n columns = 12,\n layout,\n style,\n spacing,\n ...rest\n}: IGridWeb): JSX.Element => {\n if (layout) {\n const flatLayout = layout.flat();\n return (\n <div\n style={{\n ...style,\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n }}\n {...rest}\n >\n {React.Children.map(children, (child, index) => (\n <GridItem\n key={`child-${index}`}\n columns={columns}\n span={flatLayout[index]}\n spacing={spacing}\n >\n {child}\n </GridItem>\n ))}\n </div>\n );\n }\n\n return (\n <div\n style={{\n ...style,\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n }}\n {...rest}\n >\n {React.Children.map(children, (child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n columns,\n spacing: child?.props.spacing ?? spacing,\n key: `child-${index}`,\n });\n })}\n </div>\n );\n};\n\nexport default Grid;\n"],"names":["GridItem"],"mappings":";;;;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA6B,KAAA;AAC3B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,GAAG,KAAA;AAAA,UACH,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,QACC,GAAG,IAAA;AAAA,OAAA;AAAA,MAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KACpC,qBAAA,KAAA,CAAA,aAAA;AAAA,QAACA,IAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,SAAS,KAAK,CAAA,CAAA;AAAA,UACnB,OAAA;AAAA,UACA,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,UACtB,OAAA;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OAEJ,CAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,MAAO,OAAA,KAAA,CAAM,aAAa,KAAO,EAAA;AAAA,QAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,QACV,OAAA;AAAA,QACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,QACjC,GAAA,EAAK,SAAS,KAAK,CAAA,CAAA;AAAA,OACpB,CAAA,CAAA;AAAA,KACF,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n IGridItem,\n useTheme,\n Breakpoints,\n getGridItemColumSpan,\n getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '../../../../hooks';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n extends Omit<IGridItem, 'span'>,\n Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n /** At least sm should exist */\n span: number | Span;\n /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n flexBasis?:\n | string\n | 'content'\n | 'auto'\n | 'max-content'\n | 'min-content'\n | 'fit-content';\n}\n\nconst GridItem = ({\n children,\n span: _span,\n columns = 12,\n loadingComponent,\n loading = false,\n spacing: _spacing,\n wrapper = false,\n alignContent,\n alignItems,\n alignSelf,\n flex,\n flexDirection,\n flexGrow,\n flexShrink,\n justifyContent,\n flexBasis,\n style,\n ...rest\n}: IGridItemWeb): JSX.Element => {\n const { spacing } = useTheme();\n const { sm, md, lg } = useBreakpoints();\n if (!React.Children.only(children)) {\n throw new Error('The number of children in GridItem should be one');\n }\n if (loadingComponent && loading) {\n return loadingComponent;\n }\n\n const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n const _style: React.CSSProperties = {\n ...style,\n alignContent,\n alignItems,\n alignSelf,\n flexDirection,\n flexGrow,\n flexShrink,\n justifyContent,\n flex,\n boxSizing: 'border-box',\n flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n paddingTop: getGridItemPadding('top', _spacing, spacing),\n paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n paddingRight: getGridItemPadding('right', _spacing, spacing),\n paddingLeft: getGridItemPadding('left', _spacing, spacing),\n };\n\n const clone = React.cloneElement(children, {\n ...children?.props,\n style: wrapper\n ? children?.props.style\n : { ..._style, ...children?.props.style },\n });\n\n return wrapper ? (\n <div {...rest} style={_style}>\n {clone}\n </div>\n ) : (\n clone\n );\n};\n\nexport default GridItem;\n"],"names":["useTheme","useBreakpoints","getSpan","getGridItemColumSpan","getGridItemPadding"],"mappings":";;;;;;;AA4BA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,IAAM,EAAA,KAAA;AAAA,EACN,OAAU,GAAA,EAAA;AAAA,EACV,gBAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,OAAU,GAAA,KAAA;AAAA,EACV,YAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAiC,KAAA;AAC/B,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIA,kBAAS,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,EAAA,EAAI,EAAI,EAAA,EAAA,KAAOC,6BAAe,EAAA,CAAA;AACtC,EAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,IAAA,GAAO,OAAO,KAAU,KAAA,QAAA,GAAW,QAAQC,iBAAQ,CAAA,KAAA,EAAO,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAE1E,EAAA,MAAM,MAA8B,GAAA;AAAA,IAClC,GAAG,KAAA;AAAA,IACH,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,WAAW,SAAa,IAAA,CAAA,EAAGC,8BAAqB,CAAA,OAAA,EAAS,IAAI,CAAC,CAAA,CAAA,CAAA;AAAA,IAC9D,UAAY,EAAAC,4BAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAAA,4BAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAAA,4BAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAAA,4BAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,YAAA,CAAa,QAAU,EAAA;AAAA,IACzC,GAAG,QAAU,EAAA,KAAA;AAAA,IACb,KAAA,EAAO,OACH,GAAA,QAAA,EAAU,KAAM,CAAA,KAAA,GAChB,EAAE,GAAG,MAAQ,EAAA,GAAG,QAAU,EAAA,KAAA,CAAM,KAAM,EAAA;AAAA,GAC3C,CAAA,CAAA;AAED,EAAO,OAAA,OAAA,uCACJ,KAAK,EAAA,EAAA,GAAG,MAAM,KAAO,EAAA,MAAA,EAAA,EACnB,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"functions.js","sources":["../../../../../../src/components/molecules/Grid/Item/functions.ts"],"sourcesContent":["import { Span } from './Item';\n\nexport const getSpan = (\n value: Span,\n sm: boolean,\n md: boolean,\n lg: boolean\n): number => {\n if (!value) return 0;\n if (sm) return value.sm;\n if (md) return value?.md ?? value.sm;\n if (lg) return value?.lg ?? value?.md ?? value.sm;\n return 0;\n};\n"],"names":[],"mappings":";;AAEO,MAAM,OAAU,GAAA,CACrB,KACA,EAAA,EAAA,EACA,IACA,EACW,KAAA;AACX,EAAA,IAAI,CAAC,KAAA;AAAO,IAAO,OAAA,CAAA,CAAA;AACnB,EAAI,IAAA,EAAA;AAAI,IAAA,OAAO,KAAM,CAAA,EAAA,CAAA;AACrB,EAAI,IAAA,EAAA;AAAI,IAAO,OAAA,KAAA,EAAO,MAAM,KAAM,CAAA,EAAA,CAAA;AAClC,EAAI,IAAA,EAAA;AAAI,IAAA,OAAO,KAAO,EAAA,EAAA,IAAM,KAAO,EAAA,EAAA,IAAM,KAAM,CAAA,EAAA,CAAA;AAC/C,EAAO,OAAA,CAAA,CAAA;AACT;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconTextButton.js","sources":["../../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import { IconComponent, IconTextButtonProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { WebButtonProps } from '../../atoms/Button';\nimport useIconTextButton from './hooks/useIconTextButton';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type WebIconTextButtonProps = IconTextButtonProps &\n Omit<WebButtonProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<WebIconTextButtonProps> = ({\n iconProps,\n iconPosition = 'left',\n textProps,\n label,\n variant = 'filled',\n size = 'default',\n ...rest\n}): JSX.Element => {\n const { handleHover, handlePressed, defaultFontColor } =\n useIconTextButton(variant);\n\n return (\n <StyledIconTextButton\n boxed={!label}\n variant={variant}\n size={size}\n onMouseOut={() => handleHover(true)}\n onMouseOver={() => handleHover(false)}\n onPressIn={() => handlePressed(true)}\n onPressOut={() => handlePressed(false)}\n {...rest}\n >\n {iconPosition === 'left' ? (\n <IconComponent\n iconProps={iconProps}\n size={size}\n defaultFontColor={defaultFontColor}\n />\n ) : (\n <></>\n )}\n <TextComponent\n label={label}\n defaultFontColor={defaultFontColor}\n hasIcon={!!iconProps}\n iconPosition={iconPosition}\n textProps={textProps}\n size={size}\n />\n {iconPosition === 'right' ? (\n <IconComponent\n iconProps={iconProps}\n size={size}\n defaultFontColor={defaultFontColor}\n />\n ) : (\n <></>\n )}\n </StyledIconTextButton>\n );\n};\n\nexport default IconTextButton;\n"],"names":["StyledIconTextButton","IconComponent"],"mappings":";;;;;;;;AAUA,MAAM,iBAAmD,CAAC;AAAA,EACxD,SAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAU,GAAA,QAAA;AAAA,EACV,IAAO,GAAA,SAAA;AAAA,EACP,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EAAA,MAAM,EAAE,WAAa,EAAA,aAAA,EAAe,gBAAiB,EAAA,GACnD,kBAAkB,OAAO,CAAA,CAAA;AAE3B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,2BAAA;AAAA,IAAA;AAAA,MACC,OAAO,CAAC,KAAA;AAAA,MACR,OAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA,EAAY,MAAM,WAAA,CAAY,IAAI,CAAA;AAAA,MAClC,WAAA,EAAa,MAAM,WAAA,CAAY,KAAK,CAAA;AAAA,MACpC,SAAA,EAAW,MAAM,aAAA,CAAc,IAAI,CAAA;AAAA,MACnC,UAAA,EAAY,MAAM,aAAA,CAAc,KAAK,CAAA;AAAA,MACpC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,iBAAiB,MAChB,mBAAA,KAAA,CAAA,aAAA;AAAA,MAACC,uBAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,IAAA;AAAA,QACA,gBAAA;AAAA,OAAA;AAAA,wBAGA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA;AAAA,oBAEJ,KAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,gBAAA;AAAA,QACA,OAAA,EAAS,CAAC,CAAC,SAAA;AAAA,QACX,YAAA;AAAA,QACA,SAAA;AAAA,QACA,IAAA;AAAA,OAAA;AAAA,KACF;AAAA,IACC,iBAAiB,OAChB,mBAAA,KAAA,CAAA,aAAA;AAAA,MAACA,uBAAA;AAAA,MAAA;AAAA,QACC,SAAA;AAAA,QACA,IAAA;AAAA,QACA,gBAAA;AAAA,OAAA;AAAA,wBAGA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA;AAAA,GAEN,CAAA;AAEJ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n ButtonSizeType,\n FontColor,\n IconPositionOptions,\n Text,\n TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface TextComponentProps {\n textProps?: TextProps;\n size?: ButtonSizeType;\n defaultFontColor: keyof FontColor;\n label?: string;\n iconPosition?: IconPositionOptions;\n hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n textProps,\n size = 'default',\n defaultFontColor,\n label,\n}) => {\n return label ? (\n <Text\n typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n fontWeight={textProps?.fontWeight ?? 'bold'}\n fontColor={textProps?.fontColor ?? defaultFontColor}\n {...textProps}\n >\n {label}\n </Text>\n ) : (\n <></>\n );\n};\n\nexport default React.memo(TextComponent);\n"],"names":["Text"],"mappings":";;;;;AAkBA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AAAA,EACA,KAAA;AACF,CAAM,KAAA;AACJ,EAAA,OAAO,KACL,mBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,cAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,SAAA,EAAW,UAAc,IAAA,IAAA,KAAS,UAAU,KAAQ,GAAA,MAAA;AAAA,MAChE,UAAA,EAAY,WAAW,UAAc,IAAA,MAAA;AAAA,MACrC,SAAA,EAAW,WAAW,SAAa,IAAA,gBAAA;AAAA,MAClC,GAAG,SAAA;AAAA,KAAA;AAAA,IAEH,KAAA;AAAA,sBAGD,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAe,KAAA,CAAM,KAAK,aAAa,CAAA;;;;"}
@@ -1,6 +0,0 @@
1
- declare const useIconTextButton: (variant: VariantType) => {
2
- handleHover: (value: boolean) => void;
3
- handlePressed: (value: boolean) => void;
4
- defaultFontColor: any;
5
- };
6
- export default useIconTextButton;
@@ -1 +0,0 @@
1
- {"version":3,"file":"useIconTextButton.js","sources":["../../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"sourcesContent":["import { fontColorVC, VariantType } from '@tecsinapse/react-core';\nimport { useCallback, useState } from 'react';\n\nconst useIconTextButton = (variant: VariantType) => {\n const [hover, setHover] = useState<boolean>(false);\n const [pressed, setPressed] = useState<boolean>(false);\n\n const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];\n\n const handleHover = useCallback(\n (value: boolean) => {\n setHover(value);\n },\n [setHover]\n );\n\n const handlePressed = useCallback(\n (value: boolean) => {\n setPressed(value);\n },\n [setPressed]\n );\n\n return {\n handleHover,\n handlePressed,\n defaultFontColor,\n };\n};\n\nexport default useIconTextButton;\n"],"names":["useState","fontColorVC","useCallback"],"mappings":";;;;;AAGM,MAAA,iBAAA,GAAoB,CAAC,OAAyB,KAAA;AAClD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,mBAAmB,CAAC,OAAA,IAAW,KAAQ,GAAA,OAAA,GAAUC,sBAAY,OAAO,CAAA,CAAA;AAE1E,EAAA,MAAM,WAAc,GAAAC,iBAAA;AAAA,IAClB,CAAC,KAAmB,KAAA;AAClB,MAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,KAChB;AAAA,IACA,CAAC,QAAQ,CAAA;AAAA,GACX,CAAA;AAEA,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAC,KAAmB,KAAA;AAClB,MAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,KAClB;AAAA,IACA,CAAC,UAAU,CAAA;AAAA,GACb,CAAA;AAEA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}
@@ -1 +0,0 @@
1
- export declare const StyledIconTextButton: import("@emotion/native").StyledComponent<any, {}, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n `\n padding: ${theme?.spacing.centi};\n aspect-ratio: 1;\n `;\n\nexport const StyledIconTextButton = styled(Button)<\n Partial<StyleProps> & {\n boxed: boolean;\n }\n>`\n gap: ${({ theme }) => theme?.spacing.mili};\n ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"names":["styled"],"mappings":";;;;;;AAIA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EACpB,KAAA,CAAA;AAAA,aACa,EAAA,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAItB,MAAA,oBAAA,GAAuBA,aAAO,MAAM,CAAA,CAAA;AAAA,OAAA,EAKxC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,EAAO,QAAQ,IAAI,CAAA;AAAA,EACvC,EAAA,CAAC,EAAE,KAAA,EAAO,KAAM,EAAA,KAAM,SAAS,UAAW,CAAA,EAAE,KAAM,EAAC,CAAC,CAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"InputPassword.js","sources":["../../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { FC, useState } from 'react';\nimport { Input, InputWebProps } from '../../atoms/Input';\n\nexport type InputPasswordWebProps = InputWebProps;\n\nconst InputPassword: FC<InputPasswordWebProps> = React.forwardRef(\n ({ rightComponent, ...rest }, ref) => {\n const [revealed, setRevealed] = useState(false);\n return (\n <Input\n {...rest}\n ref={ref}\n secureTextEntry={!revealed}\n rightComponent={\n <>\n <InputPasswordIcon\n onChangeState={setRevealed}\n revealed={revealed}\n effect=\"none\"\n />\n {rightComponent}\n </>\n }\n />\n );\n }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"names":["useState","InputPasswordIcon"],"mappings":";;;;;;AAMA,MAAM,gBAA2C,KAAM,CAAA,UAAA;AAAA,EACrD,CAAC,EAAE,cAAA,EAAgB,GAAG,IAAA,IAAQ,GAAQ,KAAA;AACpC,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAC9C,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,iBAAiB,CAAC,QAAA;AAAA,QAClB,gCAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,UAACC,2BAAA;AAAA,UAAA;AAAA,YACC,aAAe,EAAA,WAAA;AAAA,YACf,QAAA;AAAA,YACA,MAAO,EAAA,MAAA;AAAA,WAAA;AAAA,WAER,cACH,CAAA;AAAA,OAAA;AAAA,KAEJ,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabelComponent.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"sourcesContent":["import {\n FontColor,\n FontWeight,\n LabelPositionOptions,\n TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps } from 'react-native';\nimport { StyledLabel } from './styled';\n\nexport interface LabelComponentProps extends PressableProps {\n label: string;\n labelPosition: LabelPositionOptions;\n labelProps?: TextProps;\n active: boolean;\n switchDisabled?: boolean;\n}\n\nconst LabelComponent: FC<LabelComponentProps> = ({\n label,\n labelPosition,\n labelProps,\n active,\n switchDisabled = false,\n ...rest\n}) => {\n const defaultFontColor: keyof FontColor =\n active && !switchDisabled ? 'dark' : 'medium';\n const defaultFontWeight: keyof FontWeight =\n active && !switchDisabled ? 'bold' : 'regular';\n\n return (\n <Pressable {...rest}>\n <StyledLabel\n labelPosition={labelPosition}\n fontColor={labelProps?.fontColor ?? defaultFontColor}\n fontWeight={labelProps?.fontWeight ?? defaultFontWeight}\n {...labelProps}\n >\n {label}\n </StyledLabel>\n </Pressable>\n );\n};\n\nexport default React.memo(LabelComponent);\n"],"names":["Pressable","StyledLabel"],"mappings":";;;;;;AAkBA,MAAM,iBAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACjB,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,gBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,QAAA,CAAA;AACvC,EAAA,MAAM,iBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,SAAA,CAAA;AAEvC,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,wBAAW,EAAA,EAAA,GAAG,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,kBAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,SAAA,EAAW,YAAY,SAAa,IAAA,gBAAA;AAAA,MACpC,UAAA,EAAY,YAAY,UAAc,IAAA,iBAAA;AAAA,MACrC,GAAG,UAAA;AAAA,KAAA;AAAA,IAEH,KAAA;AAAA,GAEL,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,uBAAe,KAAA,CAAM,KAAK,cAAc,CAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"LabeledSwitch.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\nimport Switch from '../../atoms/Switch/Switch';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n labelProps,\n pressableLabel = false,\n disabled,\n active,\n onChange,\n leftLabel,\n rightLabel,\n ...rest\n}) => {\n return (\n <StyledDiv>\n {leftLabel ? (\n <LabelComponent\n active={active}\n label={leftLabel}\n labelPosition={'left'}\n labelProps={labelProps}\n disabled={!pressableLabel || disabled}\n switchDisabled={disabled}\n onPress={() => onChange(!active)}\n />\n ) : (\n <></>\n )}\n <Switch\n active={active}\n disabled={disabled}\n onChange={onChange}\n {...rest}\n />\n {rightLabel ? (\n <LabelComponent\n active={active}\n label={rightLabel}\n labelPosition={'right'}\n labelProps={labelProps}\n disabled={!pressableLabel || disabled}\n switchDisabled={disabled}\n onPress={() => onChange(!active)}\n />\n ) : (\n <></>\n )}\n </StyledDiv>\n );\n};\n\nexport default LabeledSwitch;\n"],"names":["StyledDiv"],"mappings":";;;;;;;AAUA,MAAM,gBAA2C,CAAC;AAAA,EAChD,UAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACjB,QAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,wBACE,SACC,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACP,aAAe,EAAA,MAAA;AAAA,MACf,UAAA;AAAA,MACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,MAC7B,cAAgB,EAAA,QAAA;AAAA,MAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,KAAA;AAAA,GACjC,2DAEE,CAEJ,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,KAEL,UACC,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAO,EAAA,UAAA;AAAA,MACP,aAAe,EAAA,OAAA;AAAA,MACf,UAAA;AAAA,MACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,MAC7B,cAAgB,EAAA,QAAA;AAAA,MAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,KAAA;AAAA,GACjC,2DAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledDiv: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const StyledLabel: import("@emotion/native").StyledComponent<any, {}, {
7
- ref?: import("react").Ref<any> | undefined;
8
- }>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import { css, default as nativeStyled } from '@emotion/native';\nimport { default as webStyled } from '@emotion/styled';\nimport { LabelPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledDiv = webStyled('div')`\n display: flex;\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledLabel = nativeStyled(Text)<\n Partial<StyleProps> & {\n labelPosition: LabelPositionOptions;\n }\n>`\n ${({ theme, labelPosition }) => {\n if (labelPosition === 'right')\n return css`\n margin-left: ${theme?.spacing.centi};\n `;\n else if (labelPosition === 'left')\n return css`\n margin-right: ${theme?.spacing.centi};\n `;\n }}\n`;\n"],"names":["webStyled","Text","css"],"mappings":";;;;;;AAIa,MAAA,SAAA,GAAYA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAM3B,MAAA,WAAA,GAAc,aAAaC,cAAI,CAAA,CAAA;AAAA,EAAA,EAKxC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAAC,gBAAA,CAAA;AAAA,qBACU,EAAA,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAE9B,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAAA,gBAAA,CAAA;AAAA,sBACW,EAAA,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA,MAAA,CAAA,CAAA;AAE1C,CAAC,CAAA;AAAA;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Masonry.js","sources":["../../../../../src/components/molecules/Masonry/Masonry.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { SpacingType } from '@tecsinapse/react-core';\nimport { StyledColumnItem, StyledRowItem, StyledMasonry } from './styled';\n\nexport interface MasonryProps {\n columns: number;\n /** Spacing to the left of every block on index % column !== 0 */\n spacingLeft: SpacingType;\n /** Spacing to the top of every block on index >= column */\n spacingTop: SpacingType;\n children?: ReactNode;\n}\n\nconst Masonry = ({\n children,\n columns,\n spacingTop,\n spacingLeft,\n}: MasonryProps): JSX.Element => {\n const getColumns = () => {\n const columnsArray: React.ReactNode[][] = Array.from(\n { length: columns },\n () => []\n );\n\n React.Children.forEach(children, (child, index) => {\n if (child && React.isValidElement(child)) {\n columnsArray[index % columns].push(child);\n }\n });\n\n return columnsArray;\n };\n\n const renderColumn = column => {\n return column.map((item, index) => (\n <StyledRowItem key={index} index={index} spacingTop={spacingTop}>\n {item}\n </StyledRowItem>\n ));\n };\n\n const renderColumns = () => {\n return getColumns().map((column, index) => (\n <StyledColumnItem key={index} index={index} spacingLeft={spacingLeft}>\n {renderColumn(column)}\n </StyledColumnItem>\n ));\n };\n\n return <StyledMasonry>{renderColumns()}</StyledMasonry>;\n};\n\nexport default Masonry;\n"],"names":["StyledRowItem","StyledColumnItem","StyledMasonry"],"mappings":";;;;;AAaA,MAAM,UAAU,CAAC;AAAA,EACf,QAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AACF,CAAiC,KAAA;AAC/B,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,MAAM,eAAoC,KAAM,CAAA,IAAA;AAAA,MAC9C,EAAE,QAAQ,OAAQ,EAAA;AAAA,MAClB,MAAM,EAAC;AAAA,KACT,CAAA;AAEA,IAAA,KAAA,CAAM,QAAS,CAAA,OAAA,CAAQ,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AACjD,MAAA,IAAI,KAAS,IAAA,KAAA,CAAM,cAAe,CAAA,KAAK,CAAG,EAAA;AACxC,QAAA,YAAA,CAAa,KAAQ,GAAA,OAAO,CAAE,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAAA,OAC1C;AAAA,KACD,CAAA,CAAA;AAED,IAAO,OAAA,YAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAA,MAAM,eAAe,CAAU,MAAA,KAAA;AAC7B,IAAA,OAAO,MAAO,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KACvB,qBAAA,KAAA,CAAA,aAAA,CAACA,oBAAc,EAAA,EAAA,GAAA,EAAK,KAAO,EAAA,KAAA,EAAc,UACtC,EAAA,EAAA,IACH,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,OAAO,UAAW,EAAA,CAAE,GAAI,CAAA,CAAC,QAAQ,KAC/B,qBAAA,KAAA,CAAA,aAAA,CAACC,uBAAiB,EAAA,EAAA,GAAA,EAAK,OAAO,KAAc,EAAA,WAAA,EAAA,EACzC,YAAa,CAAA,MAAM,CACtB,CACD,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAO,uBAAA,KAAA,CAAA,aAAA,CAACC,oBAAe,EAAA,IAAA,EAAA,aAAA,EAAgB,CAAA,CAAA;AACzC;;;;"}
@@ -1,7 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledColumnItem: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const StyledMasonry: import("@emotion/styled").StyledComponent<{
4
- theme?: import("@emotion/react").Theme | undefined;
5
- as?: import("react").ElementType<any> | undefined;
6
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
7
- export declare const StyledRowItem: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Masonry/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { MasonryProps } from './Masonry';\n\nexport const StyledColumnItem = styled('div')<\n Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-content: stretch;\n flex: 1;\n width: 0;\n margin-left: ${({ theme, index, spacingLeft = 'nano' }) =>\n index > 0 ? theme.spacing[spacingLeft] : 'initial'};\n`;\n\nexport const StyledMasonry = styled('div')`\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-content: stretch;\n box-sizing: border-box;\n width: 100%;\n`;\n\nexport const StyledRowItem = styled('div')<\n Partial<StyleProps> & { index: number } & Partial<MasonryProps>\n>`\n margin-top: ${({ theme, index, spacingTop = 'nano' }) =>\n index > 0 ? theme.spacing[spacingTop] : 'initial'};\n`;\n"],"names":[],"mappings":";;;;AAIa,MAAA,gBAAA,GAAmB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAS3B,CAAC,EAAE,KAAO,EAAA,KAAA,EAAO,WAAc,GAAA,MAAA,EAC5C,KAAA,KAAA,GAAQ,CAAI,GAAA,KAAA,CAAM,OAAQ,CAAA,WAAW,IAAI,SAAS,CAAA;AAAA,EAAA;AAGzC,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS5B,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,cAAA,EAGzB,CAAC,EAAE,KAAO,EAAA,KAAA,EAAO,UAAa,GAAA,MAAA,EAC1C,KAAA,KAAA,GAAQ,CAAI,GAAA,KAAA,CAAM,OAAQ,CAAA,UAAU,IAAI,SAAS,CAAA;AAAA;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuBlock.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/MenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { MenuItem } from './MenuItem';\nimport {\n StyledContainerItems,\n StyledContainerMenu,\n StyledLeftComponent,\n} from './styled';\nimport { ItemsOptions, OptionsType } from '../types';\nimport { Masonry } from '../../Masonry';\n\ninterface MenuBlockProps {\n toggle: () => void;\n options: OptionsType[];\n}\n\nconst MenuBlock: React.FC<MenuBlockProps> = ({ options, toggle }) => {\n return (\n <Masonry columns={4} spacingTop=\"kilo\" spacingLeft=\"mega\">\n {options.map(data => (\n <React.Fragment key={`${data.title}`}>\n <StyledContainerMenu>\n {data.leftComponents && (\n <StyledLeftComponent>{data.leftComponents}</StyledLeftComponent>\n )}\n <Text fontWeight=\"bold\">{data.title}</Text>\n </StyledContainerMenu>\n <StyledContainerItems>\n {data.items.map(\n ({\n title,\n Component,\n props,\n rightComponents,\n items,\n }: ItemsOptions) => (\n <MenuItem\n items={items}\n key={title}\n title={title}\n Component={Component}\n rightComponents={rightComponents}\n props={props}\n toggle={toggle}\n />\n )\n )}\n </StyledContainerItems>\n </React.Fragment>\n ))}\n </Masonry>\n );\n};\n\nexport default React.memo(MenuBlock);\n"],"names":["StyledContainerMenu","StyledLeftComponent","Text","StyledContainerItems"],"mappings":";;;;;;;;AAgBA,MAAM,SAAsC,GAAA,CAAC,EAAE,OAAA,EAAS,QAAa,KAAA;AACnE,EAAA,2CACG,OAAQ,EAAA,EAAA,OAAA,EAAS,GAAG,UAAW,EAAA,MAAA,EAAO,aAAY,MAChD,EAAA,EAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,IAAA,yCACV,KAAM,CAAA,QAAA,EAAN,EAAe,GAAK,EAAA,CAAA,EAAG,KAAK,KAAK,CAAA,CAAA,EAAA,kBAC/B,KAAA,CAAA,aAAA,CAAAA,0BAAA,EAAA,IAAA,EACE,KAAK,cACJ,oBAAA,KAAA,CAAA,aAAA,CAACC,kCAAqB,IAAK,CAAA,cAAe,mBAE3C,KAAA,CAAA,aAAA,CAAAC,cAAA,EAAA,EAAK,UAAW,EAAA,MAAA,EAAA,EAAQ,KAAK,KAAM,CACtC,mBACC,KAAA,CAAA,aAAA,CAAAC,2BAAA,EAAA,IAAA,EACE,KAAK,KAAM,CAAA,GAAA;AAAA,IACV,CAAC;AAAA,MACC,KAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,MACA,KAAA;AAAA,KAEA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,GAAK,EAAA,KAAA;AAAA,QACL,KAAA;AAAA,QACA,SAAA;AAAA,QACA,eAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,OAAA;AAAA,KACF;AAAA,GAGN,CACF,CACD,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,kBAAe,KAAA,CAAM,KAAK,SAAS,CAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.js","sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/MenuItem.tsx"],"sourcesContent":["import React, { ElementType } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { SubMenuBlock } from './SubMenuBlock';\nimport { StyledRightComponent, StyledText } from '../styled';\nimport { StyledContainerItemText, StyledSubButton } from './styled';\nimport { ItemsOptions } from '../../types';\n\ninterface MenuItemProps {\n title: string;\n /** Wrapping component for element. This is used for navigation */\n Component: ElementType;\n /** Properties spread to wrapping Component */\n props: any;\n toggle: () => void;\n rightComponents?: React.ReactNode;\n items?: ItemsOptions[];\n}\n\nconst MenuItem: React.FC<MenuItemProps> = ({\n title,\n Component = 'a',\n props = {},\n rightComponents,\n items,\n toggle,\n}) => {\n const [open, setOpen] = React.useState<boolean>(false);\n\n const noTextDecoration = { textDecoration: 'none' };\n\n const getIconName = () =>\n open ? 'arrow-up-drop-circle-outline' : 'arrow-down-drop-circle-outline';\n\n const handleMenuAction = () => setOpen(!open);\n\n return (\n <>\n <StyledContainerItemText key={title}>\n <Component {...props} style={noTextDecoration} onClick={toggle}>\n <Text\n colorVariant={open ? 'primary' : 'secondary'}\n colorTone={open ? 'medium' : 'dark'}\n >\n <StyledText>{title}</StyledText>\n </Text>\n </Component>\n {rightComponents && !items && (\n <StyledRightComponent>{rightComponents}</StyledRightComponent>\n )}\n {items && (\n <StyledSubButton onClick={handleMenuAction}>\n <Icon\n name={getIconName()}\n type=\"material-community\"\n fontColor=\"orange\"\n />\n </StyledSubButton>\n )}\n </StyledContainerItemText>\n {open &&\n items?.map(subItem => (\n <SubMenuBlock key={subItem.title} data={subItem} toggle={toggle} />\n ))}\n </>\n );\n};\n\nexport default MenuItem;\n"],"names":["StyledContainerItemText","Text","StyledText","StyledRightComponent","StyledSubButton","Icon"],"mappings":";;;;;;;;AAkBA,MAAM,WAAoC,CAAC;AAAA,EACzC,KAAA;AAAA,EACA,SAAY,GAAA,GAAA;AAAA,EACZ,QAAQ,EAAC;AAAA,EACT,eAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAM,MAAA,WAAA,GAAc,MAClB,IAAA,GAAO,8BAAiC,GAAA,gCAAA,CAAA;AAE1C,EAAA,MAAM,gBAAmB,GAAA,MAAM,OAAQ,CAAA,CAAC,IAAI,CAAA,CAAA;AAE5C,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACA,8BAAwB,EAAA,EAAA,GAAA,EAAK,KAC5B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,KAAO,EAAA,KAAA,EAAO,gBAAkB,EAAA,OAAA,EAAS,MACtD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,cAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAc,OAAO,SAAY,GAAA,WAAA;AAAA,MACjC,SAAA,EAAW,OAAO,QAAW,GAAA,MAAA;AAAA,KAAA;AAAA,oBAE7B,KAAA,CAAA,aAAA,CAACC,2BAAY,KAAM,CAAA;AAAA,GAEvB,CAAA,EACC,eAAmB,IAAA,CAAC,KACnB,oBAAA,KAAA,CAAA,aAAA,CAACC,6BAAsB,EAAA,IAAA,EAAA,eAAgB,CAExC,EAAA,KAAA,oBACE,KAAA,CAAA,aAAA,CAAAC,sBAAA,EAAA,EAAgB,SAAS,gBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,cAAA;AAAA,IAAA;AAAA,MACC,MAAM,WAAY,EAAA;AAAA,MAClB,IAAK,EAAA,oBAAA;AAAA,MACL,SAAU,EAAA,QAAA;AAAA,KAAA;AAAA,GAEd,CAEJ,CAAA,EACC,IACC,IAAA,KAAA,EAAO,IAAI,CACT,OAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,GAAA,EAAK,QAAQ,KAAO,EAAA,IAAA,EAAM,OAAS,EAAA,MAAA,EAAgB,CAClE,CACL,CAAA,CAAA;AAEJ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SubMenuBlock.js","sources":["../../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/SubMenuBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledRightComponent, StyledText } from '../../styled';\nimport { ItemsOptions } from '../../../types';\nimport { DummyBorder, StyledContainerItem } from './styled';\n\ninterface SubMenuBlockProps {\n data: ItemsOptions;\n toggle: () => void;\n}\n\nconst SubMenuBlock: React.FC<SubMenuBlockProps> = ({ data, toggle }) => {\n const { Component, props, rightComponents, title } = data;\n\n const noTextDecoration = { textDecoration: 'none' };\n\n return (\n <StyledContainerItem>\n <DummyBorder />\n <Component {...props} style={noTextDecoration} onClick={toggle}>\n <Text colorVariant=\"secondary\" colorTone=\"medium\" typography=\"sub\">\n <StyledText>{title}</StyledText>\n </Text>\n </Component>\n {rightComponents && (\n <StyledRightComponent>{rightComponents}</StyledRightComponent>\n )}\n </StyledContainerItem>\n );\n};\n\nexport default SubMenuBlock;\n"],"names":["StyledContainerItem","DummyBorder","Text","StyledText","StyledRightComponent"],"mappings":";;;;;;;AAWA,MAAM,YAA4C,GAAA,CAAC,EAAE,IAAA,EAAM,QAAa,KAAA;AACtE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAO,EAAA,eAAA,EAAiB,OAAU,GAAA,IAAA,CAAA;AAErD,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,0BAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAAC,kBAAA,EAAA,IAAY,CACb,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,KAAO,EAAA,KAAA,EAAO,gBAAkB,EAAA,OAAA,EAAS,0BACrD,KAAA,CAAA,aAAA,CAAAC,cAAA,EAAA,EAAK,YAAa,EAAA,WAAA,EAAY,SAAU,EAAA,QAAA,EAAS,UAAW,EAAA,KAAA,EAAA,sCAC1DC,mBAAY,EAAA,IAAA,EAAA,KAAM,CACrB,CACF,CACC,EAAA,eAAA,oBACE,KAAA,CAAA,aAAA,CAAAC,6BAAA,EAAA,IAAA,EAAsB,eAAgB,CAE3C,CAAA,CAAA;AAEJ;;;;"}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledContainerItem: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const DummyBorder: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/SubMenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItem = styled('div')<Partial<StyleProps>>`\n display: flex;\n align-items: center;\n`;\n\nexport const DummyBorder = styled('div')<Partial<StyleProps>>`\n height: ${({ theme }) => theme.typography.sub.fontSize};\n border-left: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${theme.color.primary.medium}`};\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n"],"names":[],"mappings":";;;;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKlC,MAAA,WAAA,GAAc,OAAO,KAAK,CAAA,CAAA;AAAA,UAAA,EAC3B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,IAAI,QAAQ,CAAA;AAAA,eAAA,EACvC,CAAC,EAAE,KAAM,EAAA,KACtB,CAAG,EAAA,KAAA,CAAM,WAAY,CAAA,IAAI,CAAU,OAAA,EAAA,KAAA,CAAM,KAAM,CAAA,OAAA,CAAQ,MAAM,CAAE,CAAA,CAAA;AAAA,gBAAA,EACjD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;;;;;"}
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledContainerItemText: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const StyledSubButton: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../../../src/components/molecules/Menubar/MenuBlock/MenuItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerItemText = styled('div')<Partial<StyleProps>>`\n margin-top: ${({ theme }) => theme.spacing.mili};\n display: flex;\n align-items: center;\n`;\n\nexport const StyledSubButton = styled('span')<Partial<StyleProps>>`\n padding-top: ${({ theme }) => theme.spacing.nano} 0 0 0;\n margin-left: ${({ theme }) => theme.spacing.mili};\n cursor: pointer;\n & * {\n user-select: none;\n }\n`;\n"],"names":[],"mappings":";;;;AAGa,MAAA,uBAAA,GAA0B,OAAO,KAAK,CAAA,CAAA;AAAA,cAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA;AAAA,EAAA;AAKpC,MAAA,eAAA,GAAkB,OAAO,MAAM,CAAA,CAAA;AAAA,eAAA,EAC3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,eAAA,EACjC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;"}
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledLeftComponent: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const StyledRightComponent: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
- export declare const StyledContainerMenu: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
5
- export declare const StyledContainerItems: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const StyledText: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Menubar/MenuBlock/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledLeftComponent = styled('div')<Partial<StyleProps>>`\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledRightComponent = styled('div')<Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerMenu = styled('div')<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n border-bottom: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.05\n )}`};\n width: 100%;\n padding-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledContainerItems = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledText = styled('span')<Partial<StyleProps>>`\n &:hover {\n color: ${({ theme }) => theme.font.color.orange};\n }\n`;\n"],"names":["hex2rgba"],"mappings":";;;;;AAGa,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA,gBAAA,EAC7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGtC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA,eAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGrC,MAAA,mBAAA,GAAsB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,iBAI5B,EAAA,CAAC,EAAE,KAAM,EAAA,KACxB,GAAG,KAAM,CAAA,WAAA,CAAY,IAAI,CAAU,OAAA,EAAAA,kBAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAC,CAAE,CAAA,CAAA;AAAA;AAAA,kBAAA,EAEa,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGxC,MAAA,oBAAA,GAAuB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKnC,MAAA,UAAA,GAAa,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,WAAA,EAE1B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,IAAA,CAAK,MAAM,MAAM,CAAA;AAAA;AAAA;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Menubar.js","sources":["../../../../../src/components/molecules/Menubar/Menubar.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport {\n StyledIconInput,\n StyledMenuBar,\n StyledMenuButton,\n StyledContainerOpenMenu,\n StyledInput,\n StyledInputContainer,\n StyledSearchResultsContainer,\n StyledSearchTextContainer,\n} from './styled';\nimport { MostUsedType, OptionsType } from './types';\nimport { MostUsed } from './MostUsed';\nimport { MenuBlock } from './MenuBlock';\nimport { SearchResultItem } from './SearchResultItem';\nimport { filterAndTransform } from './utils';\nimport {\n getContainerOpenMenuStyles,\n getInputContainerStyles,\n} from './animations';\nimport { useClickAwayListener } from '../../../hooks';\n\nexport interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {\n options: OptionsType[];\n leftComponents?: React.ReactNode;\n rightComponents?: React.ReactNode;\n /** Limited to first 4 elements */\n mostUsed?: MostUsedType[];\n mostUsedLabel?: string;\n searchable?: boolean;\n searchPlaceholder?: string;\n searchResultsLabel?: string;\n}\n\nconst Menubar: React.FC<MenubarProps> = ({\n leftComponents,\n rightComponents,\n searchPlaceholder = 'O quê você deseja buscar?',\n options,\n mostUsed,\n mostUsedLabel = 'Mais acessados',\n searchResultsLabel = 'Resultados da busca',\n searchable = true,\n ...rest\n}) => {\n const [search, setSearch] = React.useState<string>('');\n const [results, setResults] = React.useState<MostUsedType[]>([]);\n const [input, setInput] = useDebouncedState<string>('', setSearch);\n const [open, setOpen] = React.useState<boolean>(false);\n const menuRef = useRef<HTMLDivElement | null>(null);\n const transitionInputRef = useRef<HTMLDivElement | null>(null);\n const transitionMenuRef = useRef<HTMLDivElement | null>(null);\n useClickAwayListener(menuRef, setOpen, 'mouseup');\n\n const toggleOpen = React.useCallback(\n () => setOpen(state => !state),\n [setOpen]\n );\n\n React.useEffect(() => {\n if (search === '') return;\n setResults(filterAndTransform(options, search));\n }, [search]);\n\n return (\n <div ref={ref => (menuRef.current = ref)} {...rest}>\n <StyledMenuBar>\n <StyledMenuButton variant=\"filled\" color=\"primary\" onPress={toggleOpen}>\n {!open ? (\n <Icon\n size=\"deca\"\n name=\"menu\"\n type=\"material-community\"\n fontColor=\"light\"\n />\n ) : (\n <Icon\n size=\"deca\"\n name=\"close\"\n type=\"material-community\"\n fontColor=\"light\"\n />\n )}\n </StyledMenuButton>\n {leftComponents}\n <Transition in={open} timeout={250} nodeRef={transitionInputRef}>\n {state => (\n <StyledInputContainer\n style={getInputContainerStyles(state)}\n ref={transitionInputRef}\n >\n {searchable && (\n <StyledInput\n placeholder={searchPlaceholder}\n leftComponent={\n <StyledIconInput>\n <Icon name=\"magnify\" type=\"material-community\" />\n </StyledIconInput>\n }\n value={input}\n onChange={setInput}\n />\n )}\n </StyledInputContainer>\n )}\n </Transition>\n {rightComponents}\n </StyledMenuBar>\n <Transition in={open} timeout={250} nodeRef={transitionMenuRef}>\n {state => (\n <StyledContainerOpenMenu\n style={getContainerOpenMenuStyles(state)}\n ref={transitionMenuRef}\n >\n {!search ? (\n <>\n {mostUsed && (\n <MostUsed\n label={mostUsedLabel}\n data={mostUsed}\n toggle={toggleOpen}\n />\n )}\n <MenuBlock options={options} toggle={toggleOpen} />\n </>\n ) : (\n <StyledSearchResultsContainer>\n <StyledSearchTextContainer>\n <Text fontWeight=\"bold\">{searchResultsLabel}</Text>\n </StyledSearchTextContainer>\n {results.map(result => (\n <SearchResultItem\n key={`${result.title}-${result.category}`}\n data={result}\n searchTerm={search}\n toggle={toggleOpen}\n />\n ))}\n </StyledSearchResultsContainer>\n )}\n </StyledContainerOpenMenu>\n )}\n </Transition>\n </div>\n );\n};\n\nexport default Menubar;\n"],"names":["useDebouncedState","useRef","useClickAwayListener","filterAndTransform","StyledMenuBar","StyledMenuButton","Icon","Transition","StyledInputContainer","getInputContainerStyles","StyledInput","StyledIconInput","StyledContainerOpenMenu","getContainerOpenMenuStyles","StyledSearchResultsContainer","StyledSearchTextContainer","Text"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MostUsed.js","sources":["../../../../../../src/components/molecules/Menubar/MostUsed/MostUsed.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledCard, StyledCardContainer } from './styled';\nimport { MostUsedType } from '../types';\n\ninterface MostUsedProps {\n data: MostUsedType[];\n label: string;\n toggle: () => void;\n}\n\nconst MostUsed: React.FC<MostUsedProps> = ({ data, label, toggle }) => {\n const noTextDecoration = { textDecoration: 'none' };\n\n return (\n <>\n <Text fontWeight=\"bold\">{label}</Text>\n <StyledCardContainer>\n {data\n .slice(0, 4)\n .map(\n ({\n title,\n category,\n Component = 'a',\n props = {},\n }: MostUsedType) => (\n <Component\n {...props}\n style={noTextDecoration}\n key={`${title}-${category}`}\n onClick={toggle}\n >\n <StyledCard elevated key={`${title}-${category}`}>\n <Text fontWeight=\"bold\" colorVariant=\"primary\">\n {title}\n </Text>\n <Text\n fontWeight=\"bold\"\n colorVariant=\"secondary\"\n typography=\"label\"\n >\n {category}\n </Text>\n </StyledCard>\n </Component>\n )\n )}\n </StyledCardContainer>\n </>\n );\n};\n\nexport default React.memo(MostUsed);\n"],"names":["Text","StyledCardContainer","StyledCard"],"mappings":";;;;;;AAWA,MAAM,WAAoC,CAAC,EAAE,IAAM,EAAA,KAAA,EAAO,QAAa,KAAA;AACrE,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAACA,cAAK,EAAA,EAAA,UAAA,EAAW,MAAQ,EAAA,EAAA,KAAM,CAC/B,kBAAA,KAAA,CAAA,aAAA,CAACC,0BACE,EAAA,IAAA,EAAA,IAAA,CACE,KAAM,CAAA,CAAA,EAAG,CAAC,CACV,CAAA,GAAA;AAAA,IACC,CAAC;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAY,GAAA,GAAA;AAAA,MACZ,QAAQ,EAAC;AAAA,KAET,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACE,GAAG,KAAA;AAAA,QACJ,KAAO,EAAA,gBAAA;AAAA,QACP,GAAK,EAAA,CAAA,EAAG,KAAK,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA;AAAA,QACzB,OAAS,EAAA,MAAA;AAAA,OAAA;AAAA,0CAERC,iBAAW,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,GAAA,EAAK,GAAG,KAAK,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA,EAAA,sCAC3CF,cAAK,EAAA,EAAA,UAAA,EAAW,QAAO,YAAa,EAAA,SAAA,EAAA,EAClC,KACH,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,QAACA,cAAA;AAAA,QAAA;AAAA,UACC,UAAW,EAAA,MAAA;AAAA,UACX,YAAa,EAAA,WAAA;AAAA,UACb,UAAW,EAAA,OAAA;AAAA,SAAA;AAAA,QAEV,QAAA;AAAA,OAEL,CAAA;AAAA,KACF;AAAA,GAGR,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,iBAAe,KAAA,CAAM,KAAK,QAAQ,CAAA;;;;"}
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledCardContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const StyledCard: import("@emotion/native").StyledComponent<any, {}, {
4
- ref?: import("react").Ref<any> | undefined;
5
- }>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Menubar/MostUsed/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { Card, StyleProps } from '@tecsinapse/react-core';\nimport { default as nativeStyled } from '@emotion/native';\n\nexport const StyledCardContainer = webStyled('div')<Partial<StyleProps>>`\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n grid-column-gap: ${({ theme }) => theme.spacing.mega};\n margin-bottom: ${({ theme }) => theme.spacing.kilo};\n margin-top: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledCard = nativeStyled(Card)<Partial<StyleProps>>`\n padding-top: ${({ theme }) => theme.spacing.mili};\n padding-bottom: ${({ theme }) => theme.spacing.mili};\n padding-left: ${({ theme }) => theme.spacing.deca};\n padding-right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"names":["webStyled","Card"],"mappings":";;;;;;AAIa,MAAA,mBAAA,GAAsBA,OAAU,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,qBAAA,EAG3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,mBAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,gBAAA,EACpC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,EAAA;AAGvC,MAAA,UAAA,GAAa,aAAaC,cAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBAAA,EAC9B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,kBAAA,EACnC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,mBAAA,EAChC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchResultItem.js","sources":["../../../../../../src/components/molecules/Menubar/SearchResultItem/SearchResultItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TextProps } from '@tecsinapse/react-core';\nimport { MostUsedType } from '../types';\nimport { StyledSearchItemContainer, HighlightText } from './styled';\nimport { highlight } from './utils';\n\ninterface SearchResultItem {\n data: MostUsedType;\n searchTerm: string;\n toggle: () => void;\n}\n\nconst SearchResultItem: React.FC<SearchResultItem> = ({\n data,\n searchTerm,\n toggle,\n}) => {\n const { title, category, Component, props } = data;\n const noTextDecoration = { textDecoration: 'none' };\n\n const textProps: TextProps = { fontColor: 'orange', fontWeight: 'bold' };\n\n return (\n <Component {...props} style={noTextDecoration} onClick={toggle}>\n <StyledSearchItemContainer>\n <Text typography=\"base\" colorVariant=\"secondary\" colorTone=\"dark\">\n {highlight(searchTerm, title, HighlightText, textProps)}\n </Text>\n <Text\n typography=\"sub\"\n fontWeight=\"bold\"\n colorVariant=\"secondary\"\n colorTone=\"medium\"\n >\n {category}\n </Text>\n </StyledSearchItemContainer>\n </Component>\n );\n};\n\nexport default SearchResultItem;\n"],"names":["StyledSearchItemContainer","Text","highlight","HighlightText"],"mappings":";;;;;;;AAYA,MAAM,mBAA+C,CAAC;AAAA,EACpD,IAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,QAAU,EAAA,SAAA,EAAW,OAAU,GAAA,IAAA,CAAA;AAC9C,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAElD,EAAA,MAAM,SAAuB,GAAA,EAAE,SAAW,EAAA,QAAA,EAAU,YAAY,MAAO,EAAA,CAAA;AAEvE,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,KAAO,EAAA,KAAA,EAAO,kBAAkB,OAAS,EAAA,MAAA,EAAA,kBACrD,KAAA,CAAA,aAAA,CAAAA,gCAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAAC,cAAA,EAAA,EAAK,YAAW,MAAO,EAAA,YAAA,EAAa,WAAY,EAAA,SAAA,EAAU,MACxD,EAAA,EAAAC,eAAA,CAAU,YAAY,KAAO,EAAAC,oBAAA,EAAe,SAAS,CACxD,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACF,cAAA;AAAA,IAAA;AAAA,MACC,UAAW,EAAA,KAAA;AAAA,MACX,UAAW,EAAA,MAAA;AAAA,MACX,YAAa,EAAA,WAAA;AAAA,MACb,SAAU,EAAA,QAAA;AAAA,KAAA;AAAA,IAET,QAAA;AAAA,GAEL,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledSearchItemContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const HighlightText: import("@emotion/native").StyledComponent<any, {}, {
4
- ref?: import("react").Ref<any> | undefined;
5
- }>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Menubar/SearchResultItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex-direction: column;\n padding: ${({ theme }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.05\n )}`};\n`;\n\nexport const HighlightText = nativeStyled(Text)<Partial<StyleProps>>`\n text-decoration: underline;\n text-decoration-color: ${({ theme }) => theme.font.color.orange};\n`;\n"],"names":["hex2rgba","Text"],"mappings":";;;;;;AAIa,MAAA,yBAAA,GAA4B,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,WAAA,EAGxC,CAAC,EAAE,KAAM,EAAA,KAAM,CAAG,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAM,GAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAI,EAAA,CAAA,CAAA;AAAA,cAC9D,EAAA,CAAC,EAAE,KAAM,EAAA,KACrB,GAAG,KAAM,CAAA,WAAA,CAAY,IAAI,CAAU,OAAA,EAAAA,kBAAA;AAAA,EACjC,MAAM,aAAc,CAAA,MAAA;AAAA,EACpB,IAAA;AACF,CAAC,CAAE,CAAA,CAAA;AAAA,EAAA;AAGM,MAAA,aAAA,GAAgB,aAAaC,cAAI,CAAA,CAAA;AAAA;AAAA,yBAAA,EAEnB,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,IAAA,CAAK,MAAM,MAAM,CAAA;AAAA;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../../../src/components/molecules/Menubar/SearchResultItem/utils.tsx"],"sourcesContent":["import React from 'react';\n\nconst normalize = (str: string): string => {\n return str\n .normalize('NFD')\n .replace(/[\\u0300-\\u036f]/g, '')\n .replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, ' ')\n .toLowerCase();\n};\n\nconst matchSpliter = (\n str: string,\n indexes: number[],\n size: number\n): string[] => {\n const result: string[] = [];\n let currentIndex = 0;\n\n indexes.forEach((index: number) => {\n result.push(str.substring(currentIndex, index));\n result.push(str.substring(index, index + size));\n currentIndex = index + size;\n });\n\n result.push(str.substring(currentIndex, str.length));\n\n return result.filter(e => e);\n};\n\nexport const stringMatcher = (\n searchTerm: string,\n textToReplace: string\n): RegExpMatchArray[] => {\n const s = normalize(searchTerm);\n const tx = normalize(textToReplace);\n\n const r = new RegExp(`(${s})`, 'g');\n\n return Array.from(tx.matchAll(r));\n};\n\nconst highlightReplacer = <T,>(\n searchTerm: string,\n textToReplace: string,\n Component: React.ElementType,\n props: T\n): React.ReactNode => {\n const search = normalize(searchTerm);\n const matches = stringMatcher(searchTerm, textToReplace);\n\n if (matches.length <= 0) {\n return textToReplace;\n }\n\n const indexes: number[] = matches.map(match => match.index) as number[];\n const splited = matchSpliter(textToReplace, indexes, searchTerm.length);\n\n return splited.map((value, idx) => {\n return normalize(value) === search ? (\n <Component key={`highlight-${value}${idx}`} {...props}>\n {value}\n </Component>\n ) : (\n <>{value}</>\n );\n });\n};\n\nexport const highlight = <T,>(\n searchTerm: string,\n textToReplace: string,\n Component: React.ElementType,\n props: T\n): React.ReactNode => {\n if (textToReplace && searchTerm) {\n return highlightReplacer(searchTerm, textToReplace, Component, props);\n }\n\n return textToReplace;\n};\n"],"names":[],"mappings":";;;;AAEA,MAAM,SAAA,GAAY,CAAC,GAAwB,KAAA;AACzC,EAAA,OAAO,GACJ,CAAA,SAAA,CAAU,KAAK,CAAA,CACf,OAAQ,CAAA,kBAAA,EAAoB,EAAE,CAAA,CAC9B,OAAQ,CAAA,wBAAA,EAA0B,GAAG,CAAA,CACrC,WAAY,EAAA,CAAA;AACjB,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CACnB,GACA,EAAA,OAAA,EACA,IACa,KAAA;AACb,EAAA,MAAM,SAAmB,EAAC,CAAA;AAC1B,EAAA,IAAI,YAAe,GAAA,CAAA,CAAA;AAEnB,EAAQ,OAAA,CAAA,OAAA,CAAQ,CAAC,KAAkB,KAAA;AACjC,IAAA,MAAA,CAAO,IAAK,CAAA,GAAA,CAAI,SAAU,CAAA,YAAA,EAAc,KAAK,CAAC,CAAA,CAAA;AAC9C,IAAA,MAAA,CAAO,KAAK,GAAI,CAAA,SAAA,CAAU,KAAO,EAAA,KAAA,GAAQ,IAAI,CAAC,CAAA,CAAA;AAC9C,IAAA,YAAA,GAAe,KAAQ,GAAA,IAAA,CAAA;AAAA,GACxB,CAAA,CAAA;AAED,EAAA,MAAA,CAAO,KAAK,GAAI,CAAA,SAAA,CAAU,YAAc,EAAA,GAAA,CAAI,MAAM,CAAC,CAAA,CAAA;AAEnD,EAAO,OAAA,MAAA,CAAO,MAAO,CAAA,CAAA,CAAA,KAAK,CAAC,CAAA,CAAA;AAC7B,CAAA,CAAA;AAEa,MAAA,aAAA,GAAgB,CAC3B,UAAA,EACA,aACuB,KAAA;AACvB,EAAM,MAAA,CAAA,GAAI,UAAU,UAAU,CAAA,CAAA;AAC9B,EAAM,MAAA,EAAA,GAAK,UAAU,aAAa,CAAA,CAAA;AAElC,EAAA,MAAM,IAAI,IAAI,MAAA,CAAO,CAAI,CAAA,EAAA,CAAC,KAAK,GAAG,CAAA,CAAA;AAElC,EAAA,OAAO,KAAM,CAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,CAAC,CAAC,CAAA,CAAA;AAClC,EAAA;AAEA,MAAM,iBAAoB,GAAA,CACxB,UACA,EAAA,aAAA,EACA,WACA,KACoB,KAAA;AACpB,EAAM,MAAA,MAAA,GAAS,UAAU,UAAU,CAAA,CAAA;AACnC,EAAM,MAAA,OAAA,GAAU,aAAc,CAAA,UAAA,EAAY,aAAa,CAAA,CAAA;AAEvD,EAAI,IAAA,OAAA,CAAQ,UAAU,CAAG,EAAA;AACvB,IAAO,OAAA,aAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,OAAoB,GAAA,OAAA,CAAQ,GAAI,CAAA,CAAA,KAAA,KAAS,MAAM,KAAK,CAAA,CAAA;AAC1D,EAAA,MAAM,OAAU,GAAA,YAAA,CAAa,aAAe,EAAA,OAAA,EAAS,WAAW,MAAM,CAAA,CAAA;AAEtE,EAAA,OAAO,OAAQ,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,GAAQ,KAAA;AACjC,IAAA,OAAO,UAAU,KAAK,CAAA,KAAM,MAC1B,mBAAA,KAAA,CAAA,aAAA,CAAC,aAAU,GAAK,EAAA,CAAA,UAAA,EAAa,KAAK,CAAA,EAAG,GAAG,CAAK,CAAA,EAAA,GAAG,SAC7C,KACH,CAAA,6DAEG,KAAM,CAAA,CAAA;AAAA,GAEZ,CAAA,CAAA;AACH,CAAA,CAAA;AAEO,MAAM,SAAY,GAAA,CACvB,UACA,EAAA,aAAA,EACA,WACA,KACoB,KAAA;AACpB,EAAA,IAAI,iBAAiB,UAAY,EAAA;AAC/B,IAAA,OAAO,iBAAkB,CAAA,UAAA,EAAY,aAAe,EAAA,SAAA,EAAW,KAAK,CAAA,CAAA;AAAA,GACtE;AAEA,EAAO,OAAA,aAAA,CAAA;AACT;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"animations.js","sources":["../../../../../src/components/molecules/Menubar/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TransitionStatus } from 'react-transition-group';\n\nconst getDefaultInputContainerStyles = {\n transitionDuration: '250ms',\n transitionProperty: 'opacity scale transform',\n transitionTimingFunction: 'ease-in-out',\n};\n\nconst getDefaultContainerOpenMenuStyles = {\n transitionDuration: '250ms',\n transitionProperty: 'opacity scale transform',\n transitionTimingFunction: 'ease-in-out',\n};\n\nconst getInputContainerTransform = {\n entered: {\n transform: 'scale(1, 1) translateY(0px)',\n },\n entering: {\n opacity: 0.5,\n transform: 'scale(0.99, 0.99) translateY(-5px)',\n },\n exited: {\n opacity: 0,\n transform: 'scale(0.99, 0.99) translateY(-50px)',\n },\n exiting: {\n opacity: 0.5,\n transform: 'scale(0.99, 0.99) translateY(-5px)',\n },\n};\n\nconst getContainerOpenMenuTransform = {\n entered: {\n transform: 'scale(1, 1) translateY(0px) ',\n },\n entering: {\n opacity: 0.95,\n transform: 'scale(0.99, 0.99) translateY(0px)',\n },\n exited: {\n opacity: 0,\n transform: 'scale(0.99, 0.99) translateY(-600px)',\n },\n exiting: {\n opacity: 0.95,\n transform: 'scale(0.99, 0.99) translateY(0px)',\n },\n};\n\nexport const getInputContainerStyles = (\n state: TransitionStatus\n): CSSProperties => ({\n ...getDefaultInputContainerStyles,\n ...getInputContainerTransform[state],\n});\n\nexport const getContainerOpenMenuStyles = (\n state: TransitionStatus\n): CSSProperties => ({\n ...getDefaultContainerOpenMenuStyles,\n ...getContainerOpenMenuTransform[state],\n});\n"],"names":[],"mappings":";;AAGA,MAAM,8BAAiC,GAAA;AAAA,EACrC,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,yBAAA;AAAA,EACpB,wBAA0B,EAAA,aAAA;AAC5B,CAAA,CAAA;AAEA,MAAM,iCAAoC,GAAA;AAAA,EACxC,kBAAoB,EAAA,OAAA;AAAA,EACpB,kBAAoB,EAAA,yBAAA;AAAA,EACpB,wBAA0B,EAAA,aAAA;AAC5B,CAAA,CAAA;AAEA,MAAM,0BAA6B,GAAA;AAAA,EACjC,OAAS,EAAA;AAAA,IACP,SAAW,EAAA,6BAAA;AAAA,GACb;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,GAAA;AAAA,IACT,SAAW,EAAA,oCAAA;AAAA,GACb;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,IACT,SAAW,EAAA,qCAAA;AAAA,GACb;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,GAAA;AAAA,IACT,SAAW,EAAA,oCAAA;AAAA,GACb;AACF,CAAA,CAAA;AAEA,MAAM,6BAAgC,GAAA;AAAA,EACpC,OAAS,EAAA;AAAA,IACP,SAAW,EAAA,8BAAA;AAAA,GACb;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,IAAA;AAAA,IACT,SAAW,EAAA,mCAAA;AAAA,GACb;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,IACT,SAAW,EAAA,sCAAA;AAAA,GACb;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,IAAA;AAAA,IACT,SAAW,EAAA,mCAAA;AAAA,GACb;AACF,CAAA,CAAA;AAEa,MAAA,uBAAA,GAA0B,CACrC,KACmB,MAAA;AAAA,EACnB,GAAG,8BAAA;AAAA,EACH,GAAG,2BAA2B,KAAK,CAAA;AACrC,CAAA,EAAA;AAEa,MAAA,0BAAA,GAA6B,CACxC,KACmB,MAAA;AAAA,EACnB,GAAG,iCAAA;AAAA,EACH,GAAG,8BAA8B,KAAK,CAAA;AACxC,CAAA;;;;;"}
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledIconInput: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
3
- export declare const StyledMenuBar: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
4
- export declare const StyledMenuButton: import("@emotion/native").StyledComponent<any, {}, {}>;
5
- export declare const StyledContainerOpenMenu: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const StyledInput: import("@emotion/native").StyledComponent<any, {}, {}>;
7
- export declare const StyledInputContainer: import("@emotion/styled").StyledComponent<{
8
- theme?: import("@emotion/react").Theme | undefined;
9
- as?: import("react").ElementType<any> | undefined;
10
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
- export declare const StyledSearchResultsContainer: import("@emotion/styled").StyledComponent<{
12
- theme?: import("@emotion/react").Theme | undefined;
13
- as?: import("react").ElementType<any> | undefined;
14
- }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
15
- export declare const StyledSearchTextContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Menubar/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Input } from '../../atoms/Input';\n\nexport const StyledIconInput = webStyled('div')<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: ${({ theme }) => theme.spacing.centi};\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);\n padding-right: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`\n position: relative;\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n\nexport const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`\n padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);\n padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);\n margin-right: ${({ theme }) => theme.spacing.kilo};\n & * {\n user-select: none;\n }\n`;\n\nexport const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`\n border-top: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${hex2rgba(\n theme.miscellaneous.shadow,\n 0.05\n )}`};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; \n border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; \n border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};\n box-shadow: 0px 2px 8px ${({ theme }) =>\n hex2rgba(theme.miscellaneous.shadow, 0.05)};\n padding-right: 8vw;\n padding-left: 8vw;\n padding-top: ${({ theme }) => theme.spacing.kilo};\n padding-bottom: ${({ theme }) => theme.spacing.mega};\n position: absolute;\n z-index: ${({ theme }) => theme.zIndex.header + 1};\n width: -webkit-fill-available;\n width: -moz-available;\n`;\n\nexport const StyledInput = nativeStyled(Input)<Partial<StyleProps>>`\n width: 100%;\n`;\n\nexport const StyledInputContainer = webStyled('div')`\n display: flex;\n flex: 1;\n`;\n\nexport const StyledSearchResultsContainer = webStyled('div')`\n display: flex;\n flex-direction: column;\n`;\n\nexport const StyledSearchTextContainer = webStyled('div')<Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n"],"names":["webStyled","hex2rgba"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../../src/components/molecules/Menubar/utils.ts"],"sourcesContent":["import { MostUsedType, OptionsType } from './types';\n\nexport const filterAndTransform = (\n options: OptionsType[],\n search: string\n): MostUsedType[] => {\n const normalized: MostUsedType[] = [];\n options.forEach(option => {\n option.items.forEach(item => {\n if (item.title.toLowerCase().startsWith(search)) {\n normalized.push({\n title: item.title,\n Component: item.Component,\n props: item.props,\n category: option.title,\n });\n }\n item.items?.forEach(sub => {\n if (sub.title.toLowerCase().startsWith(search)) {\n normalized.push({\n title: sub.title,\n Component: sub.Component,\n props: sub.props,\n category: option.title,\n });\n }\n });\n });\n });\n\n return normalized;\n};\n"],"names":[],"mappings":";;AAEa,MAAA,kBAAA,GAAqB,CAChC,OAAA,EACA,MACmB,KAAA;AACnB,EAAA,MAAM,aAA6B,EAAC,CAAA;AACpC,EAAA,OAAA,CAAQ,QAAQ,CAAU,MAAA,KAAA;AACxB,IAAO,MAAA,CAAA,KAAA,CAAM,QAAQ,CAAQ,IAAA,KAAA;AAC3B,MAAA,IAAI,KAAK,KAAM,CAAA,WAAA,EAAc,CAAA,UAAA,CAAW,MAAM,CAAG,EAAA;AAC/C,QAAA,UAAA,CAAW,IAAK,CAAA;AAAA,UACd,OAAO,IAAK,CAAA,KAAA;AAAA,UACZ,WAAW,IAAK,CAAA,SAAA;AAAA,UAChB,OAAO,IAAK,CAAA,KAAA;AAAA,UACZ,UAAU,MAAO,CAAA,KAAA;AAAA,SAClB,CAAA,CAAA;AAAA,OACH;AACA,MAAK,IAAA,CAAA,KAAA,EAAO,QAAQ,CAAO,GAAA,KAAA;AACzB,QAAA,IAAI,IAAI,KAAM,CAAA,WAAA,EAAc,CAAA,UAAA,CAAW,MAAM,CAAG,EAAA;AAC9C,UAAA,UAAA,CAAW,IAAK,CAAA;AAAA,YACd,OAAO,GAAI,CAAA,KAAA;AAAA,YACX,WAAW,GAAI,CAAA,SAAA;AAAA,YACf,OAAO,GAAI,CAAA,KAAA;AAAA,YACX,UAAU,MAAO,CAAA,KAAA;AAAA,WAClB,CAAA,CAAA;AAAA,SACH;AAAA,OACD,CAAA,CAAA;AAAA,KACF,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AAED,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.js","sources":["../../../../../../src/components/molecules/Select/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { ItemSelect } from '../SelectItem';\nimport { SelectProps } from '../Select';\nimport {\n SearchBarContainer,\n StyledContainerCheckAll,\n StyledContainerDropdown,\n StyledContainerTextLabel,\n StyledSpan,\n OptionsContainer,\n PaddedContainer,\n} from './styled';\nimport { SearchInput } from './components';\n\nconst fullWidth = { width: '100%' };\n\nconst Component = <Data, Type extends 'single' | 'multi'>(\n {\n options,\n onSearch,\n type,\n hideSearchBar,\n onSelect,\n value,\n keyExtractor,\n labelExtractor,\n setDropDownVisible,\n style,\n anchor,\n selectAllLabel,\n searchBarPlaceholder,\n }: SelectProps<Data, Type> & {\n setDropDownVisible: (t: boolean) => void;\n },\n ref: React.ForwardedRef<HTMLDivElement>\n): JSX.Element => {\n const [searchArg, setSearchArg] = useDebouncedState<string>('', onSearch);\n const lengthOptions = React.useMemo(() => options.length, [options]);\n\n const [checkedAll, setCheckedAll] = React.useState<boolean>(\n type === 'multi' && (value as Data[])?.length === lengthOptions\n );\n\n React.useEffect(() => {\n if (type === 'multi') {\n lengthOptions === (value as Data[])?.length\n ? setCheckedAll(true)\n : setCheckedAll(false);\n }\n }, [value, type, lengthOptions]);\n\n const onClickCheckAll = React.useCallback(() => {\n const items = (options as Data[]).map(option => option);\n let aux;\n setCheckedAll(prev => {\n aux = !prev;\n return !prev;\n });\n type OnSelectArg = Parameters<typeof onSelect>[0];\n const auxArray: Data[] = [];\n !aux ? onSelect(auxArray as OnSelectArg) : onSelect(items as OnSelectArg);\n }, [options, setCheckedAll, onSelect]);\n\n const onChange = React.useCallback(\n text => setSearchArg(text),\n [setSearchArg]\n );\n\n return (\n <StyledContainerDropdown\n lengthOptions={lengthOptions}\n style={style}\n anchor={anchor}\n ref={ref}\n >\n {type === 'multi' && (\n <StyledContainerCheckAll\n onClick={hideSearchBar ? onClickCheckAll : undefined}\n >\n <Checkbox checked={checkedAll} onChange={onClickCheckAll} />\n {!hideSearchBar ? (\n <SearchBarContainer>\n <SearchInput\n searchArg={searchArg}\n onChange={onChange}\n fullWidth={fullWidth}\n placeholder={searchBarPlaceholder}\n />\n </SearchBarContainer>\n ) : (\n <StyledContainerTextLabel>\n <Text fontWeight=\"bold\">\n <StyledSpan>{selectAllLabel}</StyledSpan>\n </Text>\n </StyledContainerTextLabel>\n )}\n </StyledContainerCheckAll>\n )}\n {type === 'single' && !hideSearchBar && (\n <PaddedContainer>\n <SearchInput\n searchArg={searchArg}\n onChange={onChange}\n fullWidth={fullWidth}\n placeholder={searchBarPlaceholder}\n />\n </PaddedContainer>\n )}\n <OptionsContainer lengthOptions={options.length}>\n {(options as Data[]).map((item, index) => (\n <ItemSelect\n type={type}\n key={keyExtractor(item)}\n item={item}\n onSelect={onSelect}\n value={value}\n keyExtractor={keyExtractor}\n index={index}\n labelExtractor={labelExtractor}\n setDropDownVisible={setDropDownVisible}\n checkedAll={checkedAll}\n setCheckedAll={setCheckedAll}\n lenghtOptions={lengthOptions}\n />\n ))}\n </OptionsContainer>\n </StyledContainerDropdown>\n );\n};\nconst Dropdown = React.forwardRef(Component) as <\n Data,\n Type extends 'single' | 'multi'\n>(\n props: SelectProps<Data, Type> & {\n setDropDownVisible: (t: boolean) => void;\n } & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => ReturnType<typeof Component>;\n\nexport default Dropdown;\n"],"names":["useDebouncedState","StyledContainerDropdown","StyledContainerCheckAll","Checkbox","SearchBarContainer","StyledContainerTextLabel","Text","StyledSpan","PaddedContainer","OptionsContainer","ItemSelect"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchInput.js","sources":["../../../../../../../src/components/molecules/Select/Dropdown/components/SearchInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '@tecsinapse/react-core';\nimport { Input } from '../../../../atoms/Input';\n\nconst InputIcon = (\n <Icon\n name=\"magnify\"\n type=\"material-community\"\n size=\"centi\"\n style={{ marginHorizontal: 12 }}\n />\n);\n\nconst SearchInput = ({ fullWidth, searchArg, onChange, placeholder }) => {\n return (\n <Input\n style={fullWidth}\n placeholder={placeholder}\n value={searchArg}\n leftComponent={InputIcon}\n onChange={onChange}\n />\n );\n};\n\nexport default React.memo(SearchInput);\n"],"names":["Icon"],"mappings":";;;;;;AAIA,MAAM,SACJ,mBAAA,KAAA,CAAA,aAAA;AAAA,EAACA,cAAA;AAAA,EAAA;AAAA,IACC,IAAK,EAAA,SAAA;AAAA,IACL,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,KAAA,EAAO,EAAE,gBAAA,EAAkB,EAAG,EAAA;AAAA,GAAA;AAChC,CAAA,CAAA;AAGF,MAAM,cAAc,CAAC,EAAE,WAAW,SAAW,EAAA,QAAA,EAAU,aAAkB,KAAA;AACvE,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,SAAA;AAAA,MACP,WAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACP,aAAe,EAAA,SAAA;AAAA,MACf,QAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEA,oBAAe,KAAA,CAAM,KAAK,WAAW,CAAA;;;;"}
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const StyledContainerDropdown: import("@emotion/styled").StyledComponent<{
3
- theme?: import("@emotion/react").Theme | undefined;
4
- as?: import("react").ElementType<any> | undefined;
5
- } & Partial<any>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
6
- export declare const OptionsContainer: import("@emotion/styled").StyledComponent<{
7
- theme?: import("@emotion/react").Theme | undefined;
8
- as?: import("react").ElementType<any> | undefined;
9
- } & Partial<any>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
10
- export declare const SearchBarContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
11
- export declare const PaddedContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
12
- export declare const StyledContainerCheckAll: import("@emotion/styled").StyledComponent<any, {}, {}>;
13
- export declare const StyledSpan: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
14
- export declare const StyledContainerTextLabel: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../../../../src/components/molecules/Select/Dropdown/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { SelectProps } from '../Select';\nimport { css } from '@emotion/react';\n\ntype InjectedProps = Partial<\n StyleProps &\n SelectProps<unknown, 'single' | 'multi'> & { lengthOptions: number }\n>;\n\nconst anchorBottom = ({\n theme,\n anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n anchor === 'bottom' &&\n css`\n margin-top: ${theme.spacing?.centi};\n top: 100%;\n `;\n\nconst anchorTop = ({\n theme,\n anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n anchor === 'top' &&\n css`\n margin-bottom: ${theme.spacing?.centi};\n bottom: 100%;\n `;\n\nexport const StyledContainerDropdown = styled('div')<InjectedProps>`\n width: 100%;\n background-color: ${({ theme }: StyleProps) =>\n theme.miscellaneous?.surfaceColor};\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius?.mili};\n box-shadow: 0 2px 8px\n ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous?.shadow, 0.05)};\n position: absolute;\n padding-top: ${({\n theme,\n hideSearchBar,\n }: StyleProps & Partial<SelectProps<unknown, 'single' | 'multi'>>) =>\n !hideSearchBar ? `${theme.spacing?.deca}` : '0px'};\n padding-bottom: ${({ theme }: StyleProps) => theme.spacing?.mili};\n z-index: ${({ theme }: StyleProps) => theme.zIndex?.select};\n ${anchorTop}\n ${anchorBottom}\n`;\n\nexport const OptionsContainer = styled('div')<InjectedProps>`\n max-height: 250px;\n top: 100%;\n overflow-y: ${({ lengthOptions = 0 }: InjectedProps) =>\n lengthOptions > 5 ? 'scroll' : 'hidden'};\n ::-webkit-scrollbar {\n width: 8px;\n }\n ::-webkit-scrollbar-thumb {\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius?.centi};\n background-color: ${({ theme }: StyleProps) =>\n theme.color?.secondary?.light};\n }\n ::-webkit-scrollbar-thumb:hover {\n background-color: ${({ theme }: StyleProps) => theme.color?.primary?.light};\n }\n`;\n\nexport const SearchBarContainer = styled('div')<Partial<StyleProps>>`\n padding-left: ${({ theme }) => theme.spacing?.mili};\n width: 100%;\n`;\n\nexport const PaddedContainer = styled('div')<Partial<StyleProps>>`\n padding: ${({ theme }) => `${theme.spacing?.mili} ${theme.spacing?.deca}`};\n`;\n\nexport const StyledContainerCheckAll = styled(PaddedContainer)<\n Partial<StyleProps>\n>`\n flex-direction: row;\n display: flex;\n justify-content: flex-start;\n align-items: center;\n cursor: pointer;\n &:hover {\n background-color: ${({ theme }) => theme.color?.primary?.xlight};\n }\n &:hover span {\n color: ${({ theme }) => theme.color?.primary?.medium};\n }\n`;\n\nexport const StyledSpan = styled('span')<Partial<StyleProps>>`\n color: ${({ theme }) => theme.font?.color?.dark};\n padding: ${({ theme }) => `${theme.spacing?.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n padding-left: ${({ theme }) => theme.spacing?.mili};\n width: 100%;\n display: flex;\n overflow: hidden;\n`;\n"],"names":["css","hex2rgba"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Select.js","sources":["../../../../../src/components/molecules/Select/Select.tsx"],"sourcesContent":["import {\n PressableInputContainer,\n Text,\n TextProps,\n} from '@tecsinapse/react-core';\nimport React, { useEffect, useId, useState } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { useClickAwayListener } from '../../../hooks';\nimport { defaultStyles, transition } from './animations';\nimport { Dropdown } from './Dropdown';\nimport { getDisplayValue } from './functions';\nimport {\n RightComponent,\n StyledContainer,\n StyledInputContainer,\n} from './styled';\nimport { MultiLabels } from './types';\n\nexport interface SelectProps<Data, Type extends 'single' | 'multi'>\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n options: ((searchInput?: string) => Promise<Data[]>) | Data[];\n onSelect: (\n option: Type extends 'single' ? Data | undefined : Data[]\n ) => never | void;\n value: Type extends 'single' ? Data | undefined : Data[];\n type: Type;\n keyExtractor: (t: Data, index?: number) => string;\n labelExtractor: (t: Data) => string;\n placeholder?: string;\n onSearch?:\n | ((searchArg: string) => void)\n | ((searchInput?: string) => Promise<Data[]>)\n | never;\n searchBarPlaceholder?: string;\n hideSearchBar?: boolean;\n selectAllLabel?: string;\n disabled?: boolean;\n label?: string;\n anchor?: 'top' | 'bottom';\n displayTextProps?: TextProps;\n multiLabels?: MultiLabels;\n}\n\n/** NOTE: For better performance, you should memoize options and handlers */\nconst Select = <Data, Type extends 'single' | 'multi'>({\n value,\n options,\n keyExtractor,\n onSelect,\n type,\n labelExtractor,\n placeholder,\n onSearch,\n searchBarPlaceholder = 'Search for option',\n hideSearchBar = true,\n label,\n disabled = false,\n anchor = 'bottom',\n displayTextProps,\n selectAllLabel = 'Select all',\n multiLabels,\n ...rest\n}: SelectProps<Data, Type>): JSX.Element => {\n const [dropDownVisible, setDropDownVisible] = React.useState<boolean>(false);\n const [selectOptions, setSelectOptions] = useState<Data[]>([]);\n const refDropDown = React.useRef(null);\n const transitionRef = React.useRef(null);\n useClickAwayListener(refDropDown, setDropDownVisible);\n const instanceid = useId();\n\n useEffect(() => {\n if (typeof options !== 'function') {\n setSelectOptions(options);\n }\n }, [options]);\n\n // TODO: Add Skeleton to modal height when loading is true\n\n const onlyLabel = label && !placeholder;\n const hasValue =\n type === 'single' ? !!value : ((value || []) as []).length > 0;\n const _placeholder = onlyLabel ? label : placeholder;\n const _label = hasValue ? label : undefined;\n\n const displayValue = getDisplayValue<Data>(\n type,\n value,\n selectOptions,\n _placeholder,\n keyExtractor,\n labelExtractor,\n multiLabels\n );\n\n const handleLazyFocus = React.useCallback(async () => {\n if (!dropDownVisible && typeof options === 'function') {\n try {\n const result = await options();\n if (result) {\n setSelectOptions(result ?? []);\n }\n } catch (e) {\n // TODO: Catch error\n }\n }\n }, [options, setSelectOptions, dropDownVisible]);\n\n const handleOnSearch = React.useCallback(\n async (searchInput: string | undefined) => {\n if (searchInput !== undefined && onSearch && dropDownVisible) {\n try {\n //TODO: Remove code duplicated below (Select in react-native-kit)\n const result = await onSearch(searchInput);\n if (result) {\n if (type === 'single') {\n if (\n value &&\n !result.find(\n v => keyExtractor(value as Data) === keyExtractor(v)\n )\n ) {\n setSelectOptions([value as Data, ...result]);\n } else setSelectOptions(result);\n } else {\n if ((value as Data[]).length > 0) {\n const selectedValues =\n (value as Data[]).filter(\n v =>\n !result.find(\n current =>\n keyExtractor(v as Data) === keyExtractor(current)\n )\n ) || [];\n setSelectOptions([...selectedValues, ...result]);\n } else {\n setSelectOptions(result);\n }\n }\n }\n } catch (e) {\n // TODO: Catch error\n }\n }\n },\n [onSearch, value, keyExtractor, dropDownVisible, setSelectOptions]\n );\n\n const handlePressInput = async () => {\n await handleLazyFocus();\n };\n\n const onPress = React.useCallback(\n () => setDropDownVisible(prev => !prev),\n [setDropDownVisible]\n );\n\n //TODO: when component is wrapper by GridITem and Text of label has prop \"numberOfLines={1}\", this component incresing witht based on options selects, breaking layout of Grid, we must fix this problem.\n return (\n <StyledContainer ref={refDropDown} {...rest}>\n <StyledInputContainer onFocus={handlePressInput}>\n <PressableInputContainer\n label={_label}\n onPress={onPress}\n disabled={disabled}\n rightComponent={RightComponent}\n >\n <Text {...displayTextProps} fontWeight={'bold'}>\n {displayValue}\n </Text>\n </PressableInputContainer>\n </StyledInputContainer>\n <Transition\n in={dropDownVisible}\n timeout={300}\n nodeRef={transitionRef}\n key={instanceid}\n >\n {state => (\n <Dropdown\n ref={transitionRef}\n options={selectOptions ?? []}\n onSelect={onSelect}\n value={value}\n type={type}\n keyExtractor={keyExtractor}\n labelExtractor={labelExtractor}\n hideSearchBar={hideSearchBar}\n searchBarPlaceholder={searchBarPlaceholder}\n onSearch={handleOnSearch}\n style={{ ...defaultStyles, ...transition[anchor][state] }}\n setDropDownVisible={setDropDownVisible}\n anchor={anchor}\n selectAllLabel={selectAllLabel}\n />\n )}\n </Transition>\n </StyledContainer>\n );\n};\n\nexport default Select;\n"],"names":["useState","useClickAwayListener","useId","useEffect","getDisplayValue","StyledContainer","StyledInputContainer","PressableInputContainer","RightComponent","Text","Transition","defaultStyles","transition"],"mappings":";;;;;;;;;;;AA4CA,MAAM,SAAS,CAAwC;AAAA,EACrD,KAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,oBAAuB,GAAA,mBAAA;AAAA,EACvB,aAAgB,GAAA,IAAA;AAAA,EAChB,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,MAAS,GAAA,QAAA;AAAA,EACT,gBAAA;AAAA,EACA,cAAiB,GAAA,YAAA;AAAA,EACjB,WAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA4C,KAAA;AAC1C,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,KAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAC3E,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAAA,cAAA,CAAiB,EAAE,CAAA,CAAA;AAC7D,EAAM,MAAA,WAAA,GAAc,KAAM,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AACrC,EAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AACvC,EAAAC,yCAAA,CAAqB,aAAa,kBAAkB,CAAA,CAAA;AACpD,EAAA,MAAM,aAAaC,WAAM,EAAA,CAAA;AAEzB,EAAAC,eAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAO,YAAY,UAAY,EAAA;AACjC,MAAA,gBAAA,CAAiB,OAAO,CAAA,CAAA;AAAA,KAC1B;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAIZ,EAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAC5B,EAAM,MAAA,QAAA,GACJ,SAAS,QAAW,GAAA,CAAC,CAAC,KAAU,GAAA,CAAA,KAAA,IAAS,EAAC,EAAU,MAAS,GAAA,CAAA,CAAA;AAC/D,EAAM,MAAA,YAAA,GAAe,YAAY,KAAQ,GAAA,WAAA,CAAA;AACzC,EAAM,MAAA,MAAA,GAAS,WAAW,KAAQ,GAAA,KAAA,CAAA,CAAA;AAElC,EAAA,MAAM,YAAe,GAAAC,yBAAA;AAAA,IACnB,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,eAAA,GAAkB,KAAM,CAAA,WAAA,CAAY,YAAY;AACpD,IAAA,IAAI,CAAC,eAAA,IAAmB,OAAO,OAAA,KAAY,UAAY,EAAA;AACrD,MAAI,IAAA;AACF,QAAM,MAAA,MAAA,GAAS,MAAM,OAAQ,EAAA,CAAA;AAC7B,QAAA,IAAI,MAAQ,EAAA;AACV,UAAiB,gBAAA,CAAA,MAAA,IAAU,EAAE,CAAA,CAAA;AAAA,SAC/B;AAAA,eACO,CAAG,EAAA;AAAA,OAEZ;AAAA,KACF;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,gBAAA,EAAkB,eAAe,CAAC,CAAA,CAAA;AAE/C,EAAA,MAAM,iBAAiB,KAAM,CAAA,WAAA;AAAA,IAC3B,OAAO,WAAoC,KAAA;AACzC,MAAI,IAAA,WAAA,KAAgB,KAAa,CAAA,IAAA,QAAA,IAAY,eAAiB,EAAA;AAC5D,QAAI,IAAA;AAEF,UAAM,MAAA,MAAA,GAAS,MAAM,QAAA,CAAS,WAAW,CAAA,CAAA;AACzC,UAAA,IAAI,MAAQ,EAAA;AACV,YAAA,IAAI,SAAS,QAAU,EAAA;AACrB,cACE,IAAA,KAAA,IACA,CAAC,MAAO,CAAA,IAAA;AAAA,gBACN,CAAK,CAAA,KAAA,YAAA,CAAa,KAAa,CAAA,KAAM,aAAa,CAAC,CAAA;AAAA,eAErD,EAAA;AACA,gBAAA,gBAAA,CAAiB,CAAC,KAAA,EAAe,GAAG,MAAM,CAAC,CAAA,CAAA;AAAA,eAC7C;AAAO,gBAAA,gBAAA,CAAiB,MAAM,CAAA,CAAA;AAAA,aACzB,MAAA;AACL,cAAK,IAAA,KAAA,CAAiB,SAAS,CAAG,EAAA;AAChC,gBAAA,MAAM,iBACH,KAAiB,CAAA,MAAA;AAAA,kBAChB,CAAA,CAAA,KACE,CAAC,MAAO,CAAA,IAAA;AAAA,oBACN,CACE,OAAA,KAAA,YAAA,CAAa,CAAS,CAAA,KAAM,aAAa,OAAO,CAAA;AAAA,mBACpD;AAAA,qBACC,EAAC,CAAA;AACR,gBAAA,gBAAA,CAAiB,CAAC,GAAG,cAAgB,EAAA,GAAG,MAAM,CAAC,CAAA,CAAA;AAAA,eAC1C,MAAA;AACL,gBAAA,gBAAA,CAAiB,MAAM,CAAA,CAAA;AAAA,eACzB;AAAA,aACF;AAAA,WACF;AAAA,iBACO,CAAG,EAAA;AAAA,SAEZ;AAAA,OACF;AAAA,KACF;AAAA,IACA,CAAC,QAAA,EAAU,KAAO,EAAA,YAAA,EAAc,iBAAiB,gBAAgB,CAAA;AAAA,GACnE,CAAA;AAEA,EAAA,MAAM,mBAAmB,YAAY;AACnC,IAAA,MAAM,eAAgB,EAAA,CAAA;AAAA,GACxB,CAAA;AAEA,EAAA,MAAM,UAAU,KAAM,CAAA,WAAA;AAAA,IACpB,MAAM,kBAAA,CAAmB,CAAQ,IAAA,KAAA,CAAC,IAAI,CAAA;AAAA,IACtC,CAAC,kBAAkB,CAAA;AAAA,GACrB,CAAA;AAGA,EACE,uBAAA,KAAA,CAAA,aAAA,CAACC,0BAAgB,GAAK,EAAA,WAAA,EAAc,GAAG,IACrC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAACC,2BAAqB,EAAA,EAAA,OAAA,EAAS,gBAC7B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,iCAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,MAAA;AAAA,MACP,OAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAgB,EAAAC,qBAAA;AAAA,KAAA;AAAA,wCAEfC,cAAM,EAAA,EAAA,GAAG,gBAAkB,EAAA,UAAA,EAAY,UACrC,YACH,CAAA;AAAA,GAEJ,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,+BAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA,eAAA;AAAA,MACJ,OAAS,EAAA,GAAA;AAAA,MACT,OAAS,EAAA,aAAA;AAAA,MACT,GAAK,EAAA,UAAA;AAAA,KAAA;AAAA,IAEJ,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,aAAA;AAAA,QACL,OAAA,EAAS,iBAAiB,EAAC;AAAA,QAC3B,QAAA;AAAA,QACA,KAAA;AAAA,QACA,IAAA;AAAA,QACA,YAAA;AAAA,QACA,cAAA;AAAA,QACA,aAAA;AAAA,QACA,oBAAA;AAAA,QACA,QAAU,EAAA,cAAA;AAAA,QACV,KAAA,EAAO,EAAE,GAAGC,wBAAA,EAAe,GAAGC,qBAAW,CAAA,MAAM,CAAE,CAAA,KAAK,CAAE,EAAA;AAAA,QACxD,kBAAA;AAAA,QACA,MAAA;AAAA,QACA,cAAA;AAAA,OAAA;AAAA,KACF;AAAA,GAGN,CAAA,CAAA;AAEJ;;;;"}