@apia/components 2.0.7 → 2.0.9

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 (392) hide show
  1. package/dist/index.d.ts +1658 -68
  2. package/dist/index.js +7198 -58
  3. package/dist/index.js.map +1 -1
  4. package/package.json +8 -8
  5. package/dist/components/IconsList/Icon.js +0 -42
  6. package/dist/components/IconsList/Icon.js.map +0 -1
  7. package/dist/components/IconsList/IconWrapper.js +0 -24
  8. package/dist/components/IconsList/IconWrapper.js.map +0 -1
  9. package/dist/components/IconsList/KeyHandler.js +0 -147
  10. package/dist/components/IconsList/KeyHandler.js.map +0 -1
  11. package/dist/components/IconsList/context.js +0 -14
  12. package/dist/components/IconsList/context.js.map +0 -1
  13. package/dist/components/IconsList/index.d.ts +0 -12
  14. package/dist/components/IconsList/index.d.ts.map +0 -1
  15. package/dist/components/IconsList/index.js +0 -119
  16. package/dist/components/IconsList/index.js.map +0 -1
  17. package/dist/components/IconsList/renderers/DefaultIconRenderer.d.ts +0 -7
  18. package/dist/components/IconsList/renderers/DefaultIconRenderer.d.ts.map +0 -1
  19. package/dist/components/IconsList/renderers/DefaultIconRenderer.js +0 -30
  20. package/dist/components/IconsList/renderers/DefaultIconRenderer.js.map +0 -1
  21. package/dist/components/IconsList/store/context.js +0 -9
  22. package/dist/components/IconsList/store/context.js.map +0 -1
  23. package/dist/components/IconsList/store/distinctors.js +0 -42
  24. package/dist/components/IconsList/store/distinctors.js.map +0 -1
  25. package/dist/components/IconsList/store/keysMaker.js +0 -8
  26. package/dist/components/IconsList/store/keysMaker.js.map +0 -1
  27. package/dist/components/IconsList/store/operations.js +0 -138
  28. package/dist/components/IconsList/store/operations.js.map +0 -1
  29. package/dist/components/IconsList/store/state.js +0 -9
  30. package/dist/components/IconsList/store/state.js.map +0 -1
  31. package/dist/components/IconsList/store/useStore.js +0 -52
  32. package/dist/components/IconsList/store/useStore.js.map +0 -1
  33. package/dist/components/IconsList/styles.js +0 -48
  34. package/dist/components/IconsList/styles.js.map +0 -1
  35. package/dist/components/IconsList/types.d.ts +0 -98
  36. package/dist/components/IconsList/types.d.ts.map +0 -1
  37. package/dist/components/IconsList/util.js +0 -46
  38. package/dist/components/IconsList/util.js.map +0 -1
  39. package/dist/components/ListBox/Combobox.js +0 -52
  40. package/dist/components/ListBox/Combobox.js.map +0 -1
  41. package/dist/components/ListBox/ListboxContext.d.ts +0 -35
  42. package/dist/components/ListBox/ListboxContext.d.ts.map +0 -1
  43. package/dist/components/ListBox/ListboxContext.js +0 -6
  44. package/dist/components/ListBox/ListboxContext.js.map +0 -1
  45. package/dist/components/ListBox/ListboxItem.d.ts +0 -17
  46. package/dist/components/ListBox/ListboxItem.d.ts.map +0 -1
  47. package/dist/components/ListBox/ListboxItem.js +0 -67
  48. package/dist/components/ListBox/ListboxItem.js.map +0 -1
  49. package/dist/components/ListBox/ListboxKeyhandler.js +0 -154
  50. package/dist/components/ListBox/ListboxKeyhandler.js.map +0 -1
  51. package/dist/components/ListBox/common.d.ts +0 -46
  52. package/dist/components/ListBox/common.d.ts.map +0 -1
  53. package/dist/components/ListBox/common.js +0 -118
  54. package/dist/components/ListBox/common.js.map +0 -1
  55. package/dist/components/ListBox/index.d.ts +0 -21
  56. package/dist/components/ListBox/index.d.ts.map +0 -1
  57. package/dist/components/ListBox/index.js +0 -71
  58. package/dist/components/ListBox/index.js.map +0 -1
  59. package/dist/components/ListBox/listbox.js +0 -46
  60. package/dist/components/ListBox/listbox.js.map +0 -1
  61. package/dist/components/ListBox/operations.js +0 -330
  62. package/dist/components/ListBox/operations.js.map +0 -1
  63. package/dist/components/ListBox/useIndexedChildren.js +0 -25
  64. package/dist/components/ListBox/useIndexedChildren.js.map +0 -1
  65. package/dist/components/ListBox/useListboxAutofocus.js +0 -48
  66. package/dist/components/ListBox/useListboxAutofocus.js.map +0 -1
  67. package/dist/components/ListBox/useListboxContextValue.js +0 -8
  68. package/dist/components/ListBox/useListboxContextValue.js.map +0 -1
  69. package/dist/components/ListBox/useShoutSelectionChange.js +0 -26
  70. package/dist/components/ListBox/useShoutSelectionChange.js.map +0 -1
  71. package/dist/components/ListBox/useStore.js +0 -36
  72. package/dist/components/ListBox/useStore.js.map +0 -1
  73. package/dist/components/ListBox/useUpdateRowCount.js +0 -19
  74. package/dist/components/ListBox/useUpdateRowCount.js.map +0 -1
  75. package/dist/components/SortableList/SortableListHandler.js +0 -161
  76. package/dist/components/SortableList/SortableListHandler.js.map +0 -1
  77. package/dist/components/SortableList/SortableListItem.d.ts +0 -14
  78. package/dist/components/SortableList/SortableListItem.d.ts.map +0 -1
  79. package/dist/components/SortableList/SortableListItem.js +0 -24
  80. package/dist/components/SortableList/SortableListItem.js.map +0 -1
  81. package/dist/components/SortableList/index.d.ts +0 -21
  82. package/dist/components/SortableList/index.d.ts.map +0 -1
  83. package/dist/components/SortableList/index.js +0 -53
  84. package/dist/components/SortableList/index.js.map +0 -1
  85. package/dist/components/Toolbar/ToolbarController.d.ts +0 -24
  86. package/dist/components/Toolbar/ToolbarController.d.ts.map +0 -1
  87. package/dist/components/Toolbar/ToolbarController.js +0 -50
  88. package/dist/components/Toolbar/ToolbarController.js.map +0 -1
  89. package/dist/components/Toolbar/ToolbarIconButton.d.ts +0 -7
  90. package/dist/components/Toolbar/ToolbarIconButton.d.ts.map +0 -1
  91. package/dist/components/Toolbar/ToolbarIconButton.js +0 -108
  92. package/dist/components/Toolbar/ToolbarIconButton.js.map +0 -1
  93. package/dist/components/Toolbar/ToolbarInput.d.ts +0 -7
  94. package/dist/components/Toolbar/ToolbarInput.d.ts.map +0 -1
  95. package/dist/components/Toolbar/ToolbarInput.js +0 -13
  96. package/dist/components/Toolbar/ToolbarInput.js.map +0 -1
  97. package/dist/components/Toolbar/ToolbarSelect.d.ts +0 -7
  98. package/dist/components/Toolbar/ToolbarSelect.d.ts.map +0 -1
  99. package/dist/components/Toolbar/ToolbarSelect.js +0 -17
  100. package/dist/components/Toolbar/ToolbarSelect.js.map +0 -1
  101. package/dist/components/Toolbar/ToolbarSeparator.d.ts +0 -6
  102. package/dist/components/Toolbar/ToolbarSeparator.d.ts.map +0 -1
  103. package/dist/components/Toolbar/ToolbarSeparator.js +0 -9
  104. package/dist/components/Toolbar/ToolbarSeparator.js.map +0 -1
  105. package/dist/components/Toolbar/ToolbarTextButton.d.ts +0 -9
  106. package/dist/components/Toolbar/ToolbarTextButton.d.ts.map +0 -1
  107. package/dist/components/Toolbar/ToolbarTextButton.js +0 -18
  108. package/dist/components/Toolbar/ToolbarTextButton.js.map +0 -1
  109. package/dist/components/Toolbar/index.d.ts +0 -19
  110. package/dist/components/Toolbar/index.d.ts.map +0 -1
  111. package/dist/components/Toolbar/index.js +0 -23
  112. package/dist/components/Toolbar/index.js.map +0 -1
  113. package/dist/components/Toolbar/styles.js +0 -84
  114. package/dist/components/Toolbar/styles.js.map +0 -1
  115. package/dist/components/Toolbar/types.d.ts +0 -39
  116. package/dist/components/Toolbar/types.d.ts.map +0 -1
  117. package/dist/components/accordion/Accordion.d.ts +0 -20
  118. package/dist/components/accordion/Accordion.d.ts.map +0 -1
  119. package/dist/components/accordion/Accordion.js +0 -60
  120. package/dist/components/accordion/Accordion.js.map +0 -1
  121. package/dist/components/accordion/AccordionItem.d.ts +0 -19
  122. package/dist/components/accordion/AccordionItem.d.ts.map +0 -1
  123. package/dist/components/accordion/AccordionItem.js +0 -22
  124. package/dist/components/accordion/AccordionItem.js.map +0 -1
  125. package/dist/components/accordion/AccordionItemButton.d.ts +0 -10
  126. package/dist/components/accordion/AccordionItemButton.d.ts.map +0 -1
  127. package/dist/components/accordion/AccordionItemButton.js +0 -8
  128. package/dist/components/accordion/AccordionItemButton.js.map +0 -1
  129. package/dist/components/accordion/AccordionItemContent.d.ts +0 -7
  130. package/dist/components/accordion/AccordionItemContent.d.ts.map +0 -1
  131. package/dist/components/accordion/AccordionItemContent.js +0 -50
  132. package/dist/components/accordion/AccordionItemContent.js.map +0 -1
  133. package/dist/components/accordion/KeyHandler.js +0 -77
  134. package/dist/components/accordion/KeyHandler.js.map +0 -1
  135. package/dist/components/accordion/context.d.ts +0 -10
  136. package/dist/components/accordion/context.d.ts.map +0 -1
  137. package/dist/components/accordion/context.js +0 -13
  138. package/dist/components/accordion/context.js.map +0 -1
  139. package/dist/components/accordion/defaultElements/Checkbox.js +0 -22
  140. package/dist/components/accordion/defaultElements/Checkbox.js.map +0 -1
  141. package/dist/components/accordion/defaultElements/DefaultAccordionItemButton.d.ts +0 -40
  142. package/dist/components/accordion/defaultElements/DefaultAccordionItemButton.d.ts.map +0 -1
  143. package/dist/components/accordion/defaultElements/DefaultAccordionItemButton.js +0 -79
  144. package/dist/components/accordion/defaultElements/DefaultAccordionItemButton.js.map +0 -1
  145. package/dist/components/accordion/defaultElements/useIsChecked.js +0 -25
  146. package/dist/components/accordion/defaultElements/useIsChecked.js.map +0 -1
  147. package/dist/components/accordion/handler.d.ts +0 -40
  148. package/dist/components/accordion/handler.d.ts.map +0 -1
  149. package/dist/components/accordion/handler.js +0 -118
  150. package/dist/components/accordion/handler.js.map +0 -1
  151. package/dist/components/accordion/index.d.ts +0 -8
  152. package/dist/components/accordion/index.d.ts.map +0 -1
  153. package/dist/components/accordion/types.d.ts +0 -11
  154. package/dist/components/accordion/types.d.ts.map +0 -1
  155. package/dist/components/apia/ApiaDateFilter.js +0 -57
  156. package/dist/components/apia/ApiaDateFilter.js.map +0 -1
  157. package/dist/components/apia/ApiaFilter.d.ts +0 -13
  158. package/dist/components/apia/ApiaFilter.d.ts.map +0 -1
  159. package/dist/components/apia/ApiaFilter.js +0 -128
  160. package/dist/components/apia/ApiaFilter.js.map +0 -1
  161. package/dist/components/buttons/useOtherTagButton.d.ts +0 -28
  162. package/dist/components/buttons/useOtherTagButton.d.ts.map +0 -1
  163. package/dist/components/buttons/useOtherTagButton.js +0 -38
  164. package/dist/components/buttons/useOtherTagButton.js.map +0 -1
  165. package/dist/components/collapsiblePanel/index.d.ts +0 -7
  166. package/dist/components/collapsiblePanel/index.d.ts.map +0 -1
  167. package/dist/components/collapsiblePanel/index.js +0 -130
  168. package/dist/components/collapsiblePanel/index.js.map +0 -1
  169. package/dist/components/collapsiblePanel/styles.js +0 -4
  170. package/dist/components/collapsiblePanel/styles.js.map +0 -1
  171. package/dist/components/collapsiblePanel/types.d.ts +0 -23
  172. package/dist/components/collapsiblePanel/types.d.ts.map +0 -1
  173. package/dist/components/dialogs/AlertModal.d.ts +0 -11
  174. package/dist/components/dialogs/AlertModal.d.ts.map +0 -1
  175. package/dist/components/dialogs/AlertModal.js +0 -42
  176. package/dist/components/dialogs/AlertModal.js.map +0 -1
  177. package/dist/components/dialogs/ConfirmModal.d.ts +0 -25
  178. package/dist/components/dialogs/ConfirmModal.d.ts.map +0 -1
  179. package/dist/components/dialogs/ConfirmModal.js +0 -45
  180. package/dist/components/dialogs/ConfirmModal.js.map +0 -1
  181. package/dist/components/forms/Captcha.d.ts +0 -12
  182. package/dist/components/forms/Captcha.d.ts.map +0 -1
  183. package/dist/components/forms/Captcha.js +0 -66
  184. package/dist/components/forms/Captcha.js.map +0 -1
  185. package/dist/components/forms/Checkbox.d.ts +0 -21
  186. package/dist/components/forms/Checkbox.d.ts.map +0 -1
  187. package/dist/components/forms/Checkbox.js +0 -124
  188. package/dist/components/forms/Checkbox.js.map +0 -1
  189. package/dist/components/forms/DateInput.d.ts +0 -44
  190. package/dist/components/forms/DateInput.d.ts.map +0 -1
  191. package/dist/components/forms/DateInput.js +0 -246
  192. package/dist/components/forms/DateInput.js.map +0 -1
  193. package/dist/components/forms/FieldErrorMessage.d.ts +0 -10
  194. package/dist/components/forms/FieldErrorMessage.d.ts.map +0 -1
  195. package/dist/components/forms/FieldErrorMessage.js +0 -34
  196. package/dist/components/forms/FieldErrorMessage.js.map +0 -1
  197. package/dist/components/forms/FieldLabel.d.ts +0 -40
  198. package/dist/components/forms/FieldLabel.d.ts.map +0 -1
  199. package/dist/components/forms/FieldLabel.js +0 -66
  200. package/dist/components/forms/FieldLabel.js.map +0 -1
  201. package/dist/components/forms/IconInput.d.ts +0 -28
  202. package/dist/components/forms/IconInput.d.ts.map +0 -1
  203. package/dist/components/forms/IconInput.js +0 -80
  204. package/dist/components/forms/IconInput.js.map +0 -1
  205. package/dist/components/forms/NumberInput.d.ts +0 -37
  206. package/dist/components/forms/NumberInput.d.ts.map +0 -1
  207. package/dist/components/forms/NumberInput.js +0 -149
  208. package/dist/components/forms/NumberInput.js.map +0 -1
  209. package/dist/components/forms/RequiredMark.d.ts +0 -14
  210. package/dist/components/forms/RequiredMark.d.ts.map +0 -1
  211. package/dist/components/forms/RequiredMark.js +0 -13
  212. package/dist/components/forms/RequiredMark.js.map +0 -1
  213. package/dist/components/forms/buttons/BaseButton.d.ts +0 -24
  214. package/dist/components/forms/buttons/BaseButton.d.ts.map +0 -1
  215. package/dist/components/forms/buttons/BaseButton.js +0 -58
  216. package/dist/components/forms/buttons/BaseButton.js.map +0 -1
  217. package/dist/components/forms/buttons/IconButton.d.ts +0 -37
  218. package/dist/components/forms/buttons/IconButton.d.ts.map +0 -1
  219. package/dist/components/forms/buttons/IconButton.js +0 -79
  220. package/dist/components/forms/buttons/IconButton.js.map +0 -1
  221. package/dist/components/forms/buttons/SimpleButton.d.ts +0 -21
  222. package/dist/components/forms/buttons/SimpleButton.d.ts.map +0 -1
  223. package/dist/components/forms/buttons/SimpleButton.js +0 -94
  224. package/dist/components/forms/buttons/SimpleButton.js.map +0 -1
  225. package/dist/components/forms/util/style.d.ts +0 -7
  226. package/dist/components/forms/util/style.d.ts.map +0 -1
  227. package/dist/components/forms/util/style.js +0 -17
  228. package/dist/components/forms/util/style.js.map +0 -1
  229. package/dist/components/importComponent.d.ts +0 -11
  230. package/dist/components/importComponent.d.ts.map +0 -1
  231. package/dist/components/importComponent.js +0 -25
  232. package/dist/components/importComponent.js.map +0 -1
  233. package/dist/components/loaders/LinearLoader.d.ts +0 -6
  234. package/dist/components/loaders/LinearLoader.d.ts.map +0 -1
  235. package/dist/components/loaders/LinearLoader.js +0 -33
  236. package/dist/components/loaders/LinearLoader.js.map +0 -1
  237. package/dist/components/loaders/LoaderSpinner.d.ts +0 -10
  238. package/dist/components/loaders/LoaderSpinner.d.ts.map +0 -1
  239. package/dist/components/loaders/LoaderSpinner.js +0 -26
  240. package/dist/components/loaders/LoaderSpinner.js.map +0 -1
  241. package/dist/components/loaders/ProgressBar.d.ts +0 -11
  242. package/dist/components/loaders/ProgressBar.d.ts.map +0 -1
  243. package/dist/components/loaders/ProgressBar.js +0 -39
  244. package/dist/components/loaders/ProgressBar.js.map +0 -1
  245. package/dist/components/modals/CalendarModal.d.ts +0 -13
  246. package/dist/components/modals/CalendarModal.d.ts.map +0 -1
  247. package/dist/components/modals/CalendarModal.js +0 -43
  248. package/dist/components/modals/CalendarModal.js.map +0 -1
  249. package/dist/components/modals/Modal.d.ts +0 -152
  250. package/dist/components/modals/Modal.d.ts.map +0 -1
  251. package/dist/components/modals/Modal.js +0 -17
  252. package/dist/components/modals/Modal.js.map +0 -1
  253. package/dist/components/modals/ModalContext.d.ts +0 -9
  254. package/dist/components/modals/ModalContext.d.ts.map +0 -1
  255. package/dist/components/modals/ModalContext.js +0 -12
  256. package/dist/components/modals/ModalContext.js.map +0 -1
  257. package/dist/components/modals/Overlay.d.ts +0 -21
  258. package/dist/components/modals/Overlay.d.ts.map +0 -1
  259. package/dist/components/modals/Overlay.js +0 -74
  260. package/dist/components/modals/Overlay.js.map +0 -1
  261. package/dist/components/modals/StaticModal.js +0 -203
  262. package/dist/components/modals/StaticModal.js.map +0 -1
  263. package/dist/components/modals/WindowModal.js +0 -8
  264. package/dist/components/modals/WindowModal.js.map +0 -1
  265. package/dist/components/modals/hooks/useModal.d.ts +0 -97
  266. package/dist/components/modals/hooks/useModal.d.ts.map +0 -1
  267. package/dist/components/modals/hooks/useModal.js +0 -73
  268. package/dist/components/modals/hooks/useModal.js.map +0 -1
  269. package/dist/components/modals/layout/Confirm.d.ts +0 -7
  270. package/dist/components/modals/layout/Confirm.d.ts.map +0 -1
  271. package/dist/components/modals/layout/Confirm.js +0 -96
  272. package/dist/components/modals/layout/Confirm.js.map +0 -1
  273. package/dist/components/modals/layout/DialogButtonBar.d.ts +0 -10
  274. package/dist/components/modals/layout/DialogButtonBar.d.ts.map +0 -1
  275. package/dist/components/modals/layout/DialogButtonBar.js +0 -19
  276. package/dist/components/modals/layout/DialogButtonBar.js.map +0 -1
  277. package/dist/components/modals/layout/DialogHeader.d.ts +0 -18
  278. package/dist/components/modals/layout/DialogHeader.d.ts.map +0 -1
  279. package/dist/components/modals/layout/DialogHeader.js +0 -117
  280. package/dist/components/modals/layout/DialogHeader.js.map +0 -1
  281. package/dist/components/responsive/AutoEllipsis.d.ts +0 -21
  282. package/dist/components/responsive/AutoEllipsis.d.ts.map +0 -1
  283. package/dist/components/responsive/AutoEllipsis.js +0 -128
  284. package/dist/components/responsive/AutoEllipsis.js.map +0 -1
  285. package/dist/components/responsive/makeResponsiveComponent.d.ts +0 -38
  286. package/dist/components/responsive/makeResponsiveComponent.d.ts.map +0 -1
  287. package/dist/components/responsive/makeResponsiveComponent.js +0 -88
  288. package/dist/components/responsive/makeResponsiveComponent.js.map +0 -1
  289. package/dist/components/types.d.ts +0 -5
  290. package/dist/components/types.d.ts.map +0 -1
  291. package/dist/components/waiAriaHelpers/typeAhead.d.ts +0 -44
  292. package/dist/components/waiAriaHelpers/typeAhead.d.ts.map +0 -1
  293. package/dist/components/waiAriaHelpers/typeAhead.js +0 -75
  294. package/dist/components/waiAriaHelpers/typeAhead.js.map +0 -1
  295. package/dist/globalFocus.js +0 -95
  296. package/dist/globalFocus.js.map +0 -1
  297. package/dist/hooks/useBodyScrollLock.js +0 -106
  298. package/dist/hooks/useBodyScrollLock.js.map +0 -1
  299. package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.d.ts +0 -18
  300. package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.d.ts.map +0 -1
  301. package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.js +0 -116
  302. package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.js.map +0 -1
  303. package/dist/objects/ApiaUtil/index.d.ts +0 -27
  304. package/dist/objects/ApiaUtil/index.d.ts.map +0 -1
  305. package/dist/objects/ApiaUtil/index.js +0 -89
  306. package/dist/objects/ApiaUtil/index.js.map +0 -1
  307. package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.d.ts +0 -23
  308. package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.d.ts.map +0 -1
  309. package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.js +0 -108
  310. package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.js.map +0 -1
  311. package/dist/objects/ApiaUtil/modals/ApiaUtilModals.d.ts +0 -17
  312. package/dist/objects/ApiaUtil/modals/ApiaUtilModals.d.ts.map +0 -1
  313. package/dist/objects/ApiaUtil/modals/ApiaUtilModals.js +0 -111
  314. package/dist/objects/ApiaUtil/modals/ApiaUtilModals.js.map +0 -1
  315. package/dist/objects/ApiaUtil/modals/OpenModal.d.ts +0 -8
  316. package/dist/objects/ApiaUtil/modals/OpenModal.d.ts.map +0 -1
  317. package/dist/objects/ApiaUtil/modals/OpenModal.js +0 -19
  318. package/dist/objects/ApiaUtil/modals/OpenModal.js.map +0 -1
  319. package/dist/objects/ApiaUtil/mouse/ApiaUtilMouse.d.ts +0 -19
  320. package/dist/objects/ApiaUtil/mouse/ApiaUtilMouse.d.ts.map +0 -1
  321. package/dist/objects/ApiaUtil/mouse/ApiaUtilMouse.js +0 -26
  322. package/dist/objects/ApiaUtil/mouse/ApiaUtilMouse.js.map +0 -1
  323. package/dist/objects/ApiaUtil/notifications/ApiaUtilNotifications.d.ts +0 -14
  324. package/dist/objects/ApiaUtil/notifications/ApiaUtilNotifications.d.ts.map +0 -1
  325. package/dist/objects/ApiaUtil/notifications/ApiaUtilNotifications.js +0 -33
  326. package/dist/objects/ApiaUtil/notifications/ApiaUtilNotifications.js.map +0 -1
  327. package/dist/objects/ApiaUtil/parsers/ApiaUtilParsers.d.ts +0 -23
  328. package/dist/objects/ApiaUtil/parsers/ApiaUtilParsers.d.ts.map +0 -1
  329. package/dist/objects/ApiaUtil/parsers/ApiaUtilParsers.js +0 -79
  330. package/dist/objects/ApiaUtil/parsers/ApiaUtilParsers.js.map +0 -1
  331. package/dist/objects/ApiaUtil/tabs/ApiaUtilCurrentTab.d.ts +0 -33
  332. package/dist/objects/ApiaUtil/tabs/ApiaUtilCurrentTab.d.ts.map +0 -1
  333. package/dist/objects/ApiaUtil/tabs/ApiaUtilCurrentTab.js +0 -50
  334. package/dist/objects/ApiaUtil/tabs/ApiaUtilCurrentTab.js.map +0 -1
  335. package/dist/objects/ApiaUtil/tabs/ApiaUtilTabsController.d.ts +0 -20
  336. package/dist/objects/ApiaUtil/tabs/ApiaUtilTabsController.d.ts.map +0 -1
  337. package/dist/objects/ApiaUtil/tabs/ApiaUtilTabsController.js +0 -37
  338. package/dist/objects/ApiaUtil/tabs/ApiaUtilTabsController.js.map +0 -1
  339. package/dist/objects/ApiaUtil/tabs/util.js +0 -17
  340. package/dist/objects/ApiaUtil/tabs/util.js.map +0 -1
  341. package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltip.d.ts +0 -11
  342. package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltip.d.ts.map +0 -1
  343. package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltip.js +0 -17
  344. package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltip.js.map +0 -1
  345. package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.d.ts +0 -22
  346. package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.d.ts.map +0 -1
  347. package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.js +0 -104
  348. package/dist/objects/ApiaUtil/tooltips/ApiaUtilTooltips.js.map +0 -1
  349. package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.d.ts +0 -13
  350. package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.d.ts.map +0 -1
  351. package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.js +0 -79
  352. package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.js.map +0 -1
  353. package/dist/objects/ApiaUtil/tooltips/tooltip/Tooltip.js +0 -62
  354. package/dist/objects/ApiaUtil/tooltips/tooltip/Tooltip.js.map +0 -1
  355. package/dist/objects/ApiaUtil/tooltips/tooltip/types.d.ts +0 -117
  356. package/dist/objects/ApiaUtil/tooltips/tooltip/types.d.ts.map +0 -1
  357. package/dist/objects/ApiaUtil/tooltips/tooltip/util.js +0 -273
  358. package/dist/objects/ApiaUtil/tooltips/tooltip/util.js.map +0 -1
  359. package/dist/objects/ScreenLocker/index.d.ts +0 -37
  360. package/dist/objects/ScreenLocker/index.d.ts.map +0 -1
  361. package/dist/objects/ScreenLocker/index.js +0 -92
  362. package/dist/objects/ScreenLocker/index.js.map +0 -1
  363. package/dist/tabs/Content.d.ts +0 -7
  364. package/dist/tabs/Content.d.ts.map +0 -1
  365. package/dist/tabs/Content.js +0 -52
  366. package/dist/tabs/Content.js.map +0 -1
  367. package/dist/tabs/ContextMenu.js +0 -77
  368. package/dist/tabs/ContextMenu.js.map +0 -1
  369. package/dist/tabs/Item.js +0 -64
  370. package/dist/tabs/Item.js.map +0 -1
  371. package/dist/tabs/Tabs.d.ts +0 -8
  372. package/dist/tabs/Tabs.d.ts.map +0 -1
  373. package/dist/tabs/Tabs.js +0 -78
  374. package/dist/tabs/Tabs.js.map +0 -1
  375. package/dist/tabs/TabsList.d.ts +0 -8
  376. package/dist/tabs/TabsList.d.ts.map +0 -1
  377. package/dist/tabs/TabsList.js +0 -138
  378. package/dist/tabs/TabsList.js.map +0 -1
  379. package/dist/tabs/renderers/DefaultTabsLabelRenderer.d.ts +0 -6
  380. package/dist/tabs/renderers/DefaultTabsLabelRenderer.d.ts.map +0 -1
  381. package/dist/tabs/renderers/DefaultTabsLabelRenderer.js +0 -71
  382. package/dist/tabs/renderers/DefaultTabsLabelRenderer.js.map +0 -1
  383. package/dist/tabs/tabsController.d.ts +0 -41
  384. package/dist/tabs/tabsController.d.ts.map +0 -1
  385. package/dist/tabs/tabsController.js +0 -303
  386. package/dist/tabs/tabsController.js.map +0 -1
  387. package/dist/tabs/types.d.ts +0 -115
  388. package/dist/tabs/types.d.ts.map +0 -1
  389. package/dist/tabs/useTabsList.js +0 -20
  390. package/dist/tabs/useTabsList.js.map +0 -1
  391. package/dist/tabs/util.js +0 -11
  392. package/dist/tabs/util.js.map +0 -1
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ISimpleButton } from '../forms/buttons/SimpleButton.js';
3
- import '../forms/DateInput.js';
4
- import '../forms/NumberInput.js';
5
-
6
- declare const ToolbarTextButton: (props: ISimpleButton) => React.JSX.Element;
7
-
8
- export { ToolbarTextButton };
9
- //# sourceMappingURL=ToolbarTextButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarTextButton.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,18 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { getVariant } from '@apia/theme';
3
- import { SimpleButton } from '../forms/buttons/SimpleButton.js';
4
-
5
- const ToolbarTextButton = (props) => {
6
- return /* @__PURE__ */ jsx(
7
- SimpleButton,
8
- {
9
- ...props,
10
- className: `toolbar__textButton ${props?.className ?? ""}`,
11
- ...props.variant ? getVariant(props.variant) : null,
12
- children: props.children
13
- }
14
- );
15
- };
16
-
17
- export { ToolbarTextButton };
18
- //# sourceMappingURL=ToolbarTextButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ToolbarTextButton.js","sources":["../../../src/components/Toolbar/ToolbarTextButton.tsx"],"sourcesContent":["import { getVariant } from '@apia/theme';\nimport { ISimpleButton, SimpleButton } from '../forms';\n\nexport const ToolbarTextButton = (props: ISimpleButton) => {\n return (\n <SimpleButton\n {...props}\n className={`toolbar__textButton ${props?.className ?? ''}`}\n {...(props.variant ? getVariant(props.variant) : null)}\n >\n {props.children}\n </SimpleButton>\n );\n};\n"],"names":[],"mappings":";;;;AAGa,MAAA,iBAAA,GAAoB,CAAC,KAAyB,KAAA;AACzD,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,SAAW,EAAA,CAAA,oBAAA,EAAuB,KAAO,EAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MACvD,GAAI,KAAM,CAAA,OAAA,GAAU,UAAW,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,IAAA;AAAA,MAEhD,QAAM,EAAA,KAAA,CAAA,QAAA;AAAA,KAAA;AAAA,GACT,CAAA;AAEJ;;;;"}
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- import { ReactNode } from 'react';
3
- import { ToolbarController } from './ToolbarController.js';
4
- import '../forms/DateInput.js';
5
- import '../forms/NumberInput.js';
6
-
7
- declare const Toolbar: ((props: {
8
- children: ReactNode;
9
- /**
10
- * El controlador permite gestionar el estado de los distintos elementos de
11
- * la toolbar
12
- */
13
- getController?: ((newController: ToolbarController) => unknown) | undefined;
14
- }) => React.JSX.Element) & {
15
- displayName: string;
16
- };
17
-
18
- export { Toolbar, ToolbarController };
19
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,23 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { useMount } from '@apia/util';
3
- import { makeStyledComponent, Box, getVariant } from '@apia/theme';
4
- import { styles } from './styles.js';
5
- import { useMemo } from 'react';
6
- import { ToolbarController } from './ToolbarController.js';
7
-
8
- const Toolbar = makeStyledComponent(
9
- "toolbar",
10
- "layout.components.toolbar",
11
- styles,
12
- ({ children, getController }) => {
13
- const controller = useMemo(() => new ToolbarController(), []);
14
- useMount(() => {
15
- getController?.(controller);
16
- });
17
- return /* @__PURE__ */ jsx(controller.Context, { children: /* @__PURE__ */ jsx(Box, { className: "toolbar", ...getVariant("layout.components.toolbar"), children }) });
18
- },
19
- true
20
- );
21
-
22
- export { Toolbar, ToolbarController };
23
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/components/Toolbar/index.tsx"],"sourcesContent":["import { useMount } from '@apia/util';\nimport { TToolbarIconButton } from './types';\nimport { Box, getVariant, makeStyledComponent } from '@apia/theme';\nimport { styles } from './styles';\nimport { ReactNode, useMemo } from 'react';\nimport { ToolbarController } from './ToolbarController';\nimport { ToolbarTextButton } from './ToolbarTextButton';\nimport { ToolbarIconButton } from './ToolbarIconButton';\nimport { ToolbarInput } from './ToolbarInput';\nimport { ToolbarSeparator } from './ToolbarSeparator';\nimport { ToolbarSelect } from './ToolbarSelect';\n\nconst Toolbar = makeStyledComponent<{\n children: ReactNode;\n /**\n * El controlador permite gestionar el estado de los distintos elementos de\n * la toolbar\n */\n getController?: (newController: ToolbarController) => unknown;\n}>(\n 'toolbar',\n 'layout.components.toolbar',\n styles,\n ({ children, getController }) => {\n const controller = useMemo(() => new ToolbarController(), []);\n\n useMount(() => {\n getController?.(controller);\n });\n\n return (\n <controller.Context>\n <Box className=\"toolbar\" {...getVariant('layout.components.toolbar')}>\n {children}\n </Box>\n </controller.Context>\n );\n },\n true,\n);\n\nexport type { TToolbarIconButton as TToolDefinition };\nexport {\n ToolbarIconButton,\n ToolbarInput,\n ToolbarTextButton,\n Toolbar,\n ToolbarController,\n ToolbarSeparator,\n ToolbarSelect,\n};\n"],"names":[],"mappings":";;;;;;;AAYA,MAAM,OAAU,GAAA,mBAAA;AAAA,EAQd,SAAA;AAAA,EACA,2BAAA;AAAA,EACA,MAAA;AAAA,EACA,CAAC,EAAE,QAAU,EAAA,aAAA,EAAoB,KAAA;AAC/B,IAAA,MAAM,aAAa,OAAQ,CAAA,MAAM,IAAI,iBAAkB,EAAA,EAAG,EAAE,CAAA,CAAA;AAE5D,IAAA,QAAA,CAAS,MAAM;AACb,MAAA,aAAA,GAAgB,UAAU,CAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,UAAA,CAAW,OAAX,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,SAAA,EAAW,GAAG,UAAA,CAAW,2BAA2B,CAAA,EAChE,UACH,CACF,EAAA,CAAA,CAAA;AAAA,GAEJ;AAAA,EACA,IAAA;AACF;;;;"}
@@ -1,84 +0,0 @@
1
- const styles = {
2
- alignItems: "center",
3
- backgroundColor: "palette.background.default",
4
- display: "flex",
5
- gap: "2px",
6
- py: "4px",
7
- px: "8px",
8
- "& > *": {
9
- alignItems: "center",
10
- borderRadius: "4px",
11
- display: "flex",
12
- flexShrink: 0,
13
- justifyContent: "center",
14
- outline: "none !important",
15
- p: 0
16
- },
17
- ".toolbar__textButton": (theme) => ({
18
- variant: "buttons.primary-sm",
19
- background: "transparent",
20
- border: "none",
21
- color: "palette.text.primary",
22
- ...theme.palette.getStatesFromDefinition(
23
- {
24
- backgroundColor: theme.palette.background.default
25
- },
26
- { states: { default: false } }
27
- ),
28
- "&.primary": theme.palette.getStatesFromPath("buttons.primary")
29
- }),
30
- ".toolbar__select": () => ({
31
- padding: "4px",
32
- paddingLeft: "8px",
33
- paddingRight: "32px"
34
- }),
35
- ".toolbar__button": {
36
- border: "none",
37
- borderRadius: "4px",
38
- height: "32px",
39
- width: "32px",
40
- background: "transparent",
41
- svg: {
42
- path: {
43
- fill: "palette.text.primary"
44
- }
45
- },
46
- "&:disabled": {
47
- svg: {
48
- path: {
49
- fill: "palette.border.section"
50
- }
51
- }
52
- }
53
- },
54
- ".fieldLabel": {
55
- display: "flex",
56
- flexDirection: "row",
57
- gap: 3,
58
- alignItems: "center",
59
- justifyContent: "center"
60
- },
61
- ".toolbar__input": {
62
- borderRadius: "4px",
63
- p: 3,
64
- width: "80px"
65
- },
66
- ".toolbar__separator": {
67
- borderLeft: "1px solid",
68
- borderRight: "1px solid",
69
- borderColor: "palette.gray.750",
70
- height: "60%",
71
- width: "3px"
72
- },
73
- ".toggled": (theme) => {
74
- return {
75
- ...theme.palette.getOneState(
76
- { backgroundColor: theme.palette.background.default },
77
- "selected"
78
- )
79
- };
80
- }
81
- };
82
-
83
- export { styles };
84
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sources":["../../../src/components/Toolbar/styles.ts"],"sourcesContent":["import { ThemeUICSSObject } from '@apia/theme';\n\nexport const styles: ThemeUICSSObject = {\n alignItems: 'center',\n backgroundColor: 'palette.background.default',\n display: 'flex',\n gap: '2px',\n py: '4px',\n px: '8px',\n\n '& > *': {\n alignItems: 'center',\n borderRadius: '4px',\n display: 'flex',\n flexShrink: 0,\n justifyContent: 'center',\n outline: 'none !important',\n p: 0,\n },\n\n '.toolbar__textButton': (theme) => ({\n variant: 'buttons.primary-sm',\n background: 'transparent',\n border: 'none',\n color: 'palette.text.primary',\n\n ...theme.palette.getStatesFromDefinition(\n {\n backgroundColor: theme.palette.background.default,\n },\n { states: { default: false } },\n ),\n\n '&.primary': theme.palette.getStatesFromPath('buttons.primary'),\n }),\n\n '.toolbar__select': () => ({\n padding: '4px',\n paddingLeft: '8px',\n paddingRight: '32px',\n }),\n\n '.toolbar__button': {\n border: 'none',\n borderRadius: '4px',\n height: '32px',\n width: '32px',\n background: 'transparent',\n svg: {\n path: {\n fill: 'palette.text.primary',\n },\n },\n\n '&:disabled': {\n svg: {\n path: {\n fill: 'palette.border.section',\n },\n },\n },\n },\n\n '.fieldLabel': {\n display: 'flex',\n flexDirection: 'row',\n gap: 3,\n alignItems: 'center',\n justifyContent: 'center',\n },\n\n '.toolbar__input': {\n borderRadius: '4px',\n p: 3,\n width: '80px',\n },\n\n '.toolbar__separator': {\n borderLeft: '1px solid',\n borderRight: '1px solid',\n borderColor: 'palette.gray.750',\n height: '60%',\n width: '3px',\n },\n\n '.toggled': (theme) => {\n return {\n ...theme.palette.getOneState(\n { backgroundColor: theme.palette.background.default },\n 'selected',\n ),\n };\n },\n};\n"],"names":[],"mappings":"AAEO,MAAM,MAA2B,GAAA;AAAA,EACtC,UAAY,EAAA,QAAA;AAAA,EACZ,eAAiB,EAAA,4BAAA;AAAA,EACjB,OAAS,EAAA,MAAA;AAAA,EACT,GAAK,EAAA,KAAA;AAAA,EACL,EAAI,EAAA,KAAA;AAAA,EACJ,EAAI,EAAA,KAAA;AAAA,EAEJ,OAAS,EAAA;AAAA,IACP,UAAY,EAAA,QAAA;AAAA,IACZ,YAAc,EAAA,KAAA;AAAA,IACd,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,CAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA,iBAAA;AAAA,IACT,CAAG,EAAA,CAAA;AAAA,GACL;AAAA,EAEA,sBAAA,EAAwB,CAAC,KAAW,MAAA;AAAA,IAClC,OAAS,EAAA,oBAAA;AAAA,IACT,UAAY,EAAA,aAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,sBAAA;AAAA,IAEP,GAAG,MAAM,OAAQ,CAAA,uBAAA;AAAA,MACf;AAAA,QACE,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,OAC5C;AAAA,MACA,EAAE,MAAA,EAAQ,EAAE,OAAA,EAAS,OAAQ,EAAA;AAAA,KAC/B;AAAA,IAEA,WAAa,EAAA,KAAA,CAAM,OAAQ,CAAA,iBAAA,CAAkB,iBAAiB,CAAA;AAAA,GAChE,CAAA;AAAA,EAEA,oBAAoB,OAAO;AAAA,IACzB,OAAS,EAAA,KAAA;AAAA,IACT,WAAa,EAAA,KAAA;AAAA,IACb,YAAc,EAAA,MAAA;AAAA,GAChB,CAAA;AAAA,EAEA,kBAAoB,EAAA;AAAA,IAClB,MAAQ,EAAA,MAAA;AAAA,IACR,YAAc,EAAA,KAAA;AAAA,IACd,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,UAAY,EAAA,aAAA;AAAA,IACZ,GAAK,EAAA;AAAA,MACH,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,sBAAA;AAAA,OACR;AAAA,KACF;AAAA,IAEA,YAAc,EAAA;AAAA,MACZ,GAAK,EAAA;AAAA,QACH,IAAM,EAAA;AAAA,UACJ,IAAM,EAAA,wBAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EAEA,aAAe,EAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,GAAK,EAAA,CAAA;AAAA,IACL,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,GAClB;AAAA,EAEA,iBAAmB,EAAA;AAAA,IACjB,YAAc,EAAA,KAAA;AAAA,IACd,CAAG,EAAA,CAAA;AAAA,IACH,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EAEA,qBAAuB,EAAA;AAAA,IACrB,UAAY,EAAA,WAAA;AAAA,IACZ,WAAa,EAAA,WAAA;AAAA,IACb,WAAa,EAAA,kBAAA;AAAA,IACb,MAAQ,EAAA,KAAA;AAAA,IACR,KAAO,EAAA,KAAA;AAAA,GACT;AAAA,EAEA,UAAA,EAAY,CAAC,KAAU,KAAA;AACrB,IAAO,OAAA;AAAA,MACL,GAAG,MAAM,OAAQ,CAAA,WAAA;AAAA,QACf,EAAE,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,WAAW,OAAQ,EAAA;AAAA,QACpD,UAAA;AAAA,OACF;AAAA,KACF,CAAA;AAAA,GACF;AACF;;;;"}
@@ -1,39 +0,0 @@
1
- import { TIconType, TIconName } from '@apia/icons';
2
- import { ToolbarController } from './ToolbarController.js';
3
- import { InputProps } from '@apia/theme';
4
-
5
- type TToolEventState = {
6
- isLoading: boolean;
7
- isToggled: boolean;
8
- };
9
- type TToolbarIconButton = {
10
- action: (props: TToolEventState, controller: ToolbarController) => unknown;
11
- /**
12
- * Si se pasa allowToggle y no se pasa toggled ( ni en true ni en false ),
13
- * entonces el estado de toggle será controlado internamente en el toolbar
14
- */
15
- allowToggle?: boolean;
16
- /**
17
- * Si se desea usar defaultToggled, debería pasarse también allowToggle
18
- */
19
- defaultToggled?: boolean;
20
- disabled?: boolean;
21
- icon: TIconType | TIconName;
22
- id: string;
23
- isLoading?: boolean;
24
- title: string;
25
- iconSize?: 'Xs' | 'Sm' | 'Md' | 'Lg' | 'Xl' | undefined;
26
- /**
27
- * Siempre que se pase toggled, no importa si en true o en false, el
28
- * usuario del toolbar deberá mantener la lógica de persistencia del
29
- * toggle
30
- */
31
- toggled?: boolean;
32
- };
33
- type TToolInput = {
34
- inputProps?: InputProps;
35
- label?: string;
36
- };
37
-
38
- export type { TToolEventState, TToolInput, TToolbarIconButton };
39
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,20 +0,0 @@
1
- import { ReactNode, FC } from 'react';
2
- import { AccordionHandler } from './handler.js';
3
-
4
- interface IAccordionProps {
5
- /**
6
- * Tiempo en ms que dura la animación. Por defecto se usa 150.
7
- */
8
- animationDuration?: number;
9
- children?: ReactNode;
10
- className?: string;
11
- getHandler?: (handler: AccordionHandler) => unknown;
12
- /**
13
- * Por defecto usa la variante layout.common.components.accordion.primary
14
- */
15
- variant?: string;
16
- }
17
- declare const Accordion: FC<IAccordionProps>;
18
-
19
- export { Accordion, type IAccordionProps };
20
- //# sourceMappingURL=Accordion.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,60 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { useMemo, useState, useRef, useEffect } from 'react';
3
- import { AccordionHandler } from './handler.js';
4
- import { KeyHandler } from './KeyHandler.js';
5
- import { shallowEqual } from '@apia/store';
6
- import { uniqueId } from '../ListBox/common.js';
7
-
8
- const Accordion = ({
9
- animationDuration = 150,
10
- children,
11
- className,
12
- getHandler,
13
- variant = "layout.common.components.accordion.primary"
14
- }) => {
15
- const id = useMemo(() => uniqueId(), []);
16
- const [handler] = useState(() => {
17
- return new AccordionHandler(id, {
18
- animationDuration,
19
- children,
20
- getHandler,
21
- variant
22
- });
23
- });
24
- const propsRef = useRef({
25
- animationDuration,
26
- children,
27
- getHandler,
28
- variant
29
- });
30
- if (!shallowEqual(
31
- {
32
- animationDuration,
33
- children,
34
- getHandler,
35
- variant
36
- },
37
- propsRef.current
38
- )) {
39
- propsRef.current = {
40
- animationDuration,
41
- children,
42
- getHandler,
43
- variant
44
- };
45
- handler.updateProps({
46
- animationDuration,
47
- children,
48
- getHandler,
49
- variant
50
- });
51
- }
52
- const Provider = handler.hooks.useAccordionContextProvider();
53
- useEffect(() => {
54
- getHandler?.(handler);
55
- }, [getHandler, handler]);
56
- return /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(KeyHandler, { className: `accordion ${className ?? ""}`, children }) });
57
- };
58
-
59
- export { Accordion };
60
- //# sourceMappingURL=Accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.js","sources":["../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { useRef, FC, ReactNode, useEffect, useState, useMemo } from 'react';\nimport { AccordionHandler } from './handler';\nimport { KeyHandler } from './KeyHandler';\nimport { shallowEqual } from '@apia/store';\nimport { uniqueId } from '../ListBox/common';\n\nexport interface IAccordionProps {\n /**\n * Tiempo en ms que dura la animación. Por defecto se usa 150.\n */\n animationDuration?: number;\n children?: ReactNode;\n className?: string;\n getHandler?: (handler: AccordionHandler) => unknown;\n /**\n * Por defecto usa la variante layout.common.components.accordion.primary\n */\n variant?: string;\n}\n\nexport const Accordion: FC<IAccordionProps> = ({\n animationDuration = 150,\n children,\n className,\n getHandler,\n variant = 'layout.common.components.accordion.primary',\n}) => {\n const id = useMemo(() => uniqueId(), []);\n\n const [handler] = useState(() => {\n return new AccordionHandler(id, {\n animationDuration,\n children,\n getHandler,\n variant,\n });\n });\n const propsRef = useRef({\n animationDuration,\n children,\n getHandler,\n variant,\n });\n if (\n !shallowEqual(\n {\n animationDuration,\n children,\n getHandler,\n variant,\n },\n propsRef.current,\n )\n ) {\n propsRef.current = {\n animationDuration,\n children,\n getHandler,\n variant,\n };\n handler.updateProps({\n animationDuration,\n children,\n getHandler,\n variant,\n });\n }\n\n const Provider = handler.hooks.useAccordionContextProvider();\n\n useEffect(() => {\n getHandler?.(handler);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [getHandler, handler]);\n\n return (\n <Provider>\n <KeyHandler className={`accordion ${className ?? ''}`}>\n {children}\n </KeyHandler>\n </Provider>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAoBO,MAAM,YAAiC,CAAC;AAAA,EAC7C,iBAAoB,GAAA,GAAA;AAAA,EACpB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAU,GAAA,4CAAA;AACZ,CAAM,KAAA;AACJ,EAAA,MAAM,KAAK,OAAQ,CAAA,MAAM,QAAS,EAAA,EAAG,EAAE,CAAA,CAAA;AAEvC,EAAA,MAAM,CAAC,OAAO,CAAI,GAAA,QAAA,CAAS,MAAM;AAC/B,IAAO,OAAA,IAAI,iBAAiB,EAAI,EAAA;AAAA,MAC9B,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AACD,EAAA,MAAM,WAAW,MAAO,CAAA;AAAA,IACtB,iBAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,GACD,CAAA,CAAA;AACD,EAAA,IACE,CAAC,YAAA;AAAA,IACC;AAAA,MACE,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,KACF;AAAA,IACA,QAAS,CAAA,OAAA;AAAA,GAEX,EAAA;AACA,IAAA,QAAA,CAAS,OAAU,GAAA;AAAA,MACjB,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAA,CAAQ,WAAY,CAAA;AAAA,MAClB,iBAAA;AAAA,MACA,QAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,QAAA,GAAW,OAAQ,CAAA,KAAA,CAAM,2BAA4B,EAAA,CAAA;AAE3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,GAAa,OAAO,CAAA,CAAA;AAAA,GAEnB,EAAA,CAAC,UAAY,EAAA,OAAO,CAAC,CAAA,CAAA;AAExB,EACE,uBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,aAAa,SAAa,IAAA,EAAE,CAChD,CAAA,EAAA,QAAA,EACH,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- import { ReactNode } from 'react';
3
- import { TId } from '@apia/util';
4
- import { IAccordionItemButton } from './defaultElements/DefaultAccordionItemButton.js';
5
-
6
- interface IAccordionItemProps {
7
- /**
8
- * Cada elemento del acordeón tiene dos formas de renderizar el botón. O bien
9
- * se pasa un elemento AccordionItemButton como hijo o bien se pasan
10
- * buttonProps. En caso contrario, el elemento no tendrá botón.
11
- */
12
- buttonProps?: IAccordionItemButton;
13
- children?: ReactNode;
14
- id: TId;
15
- }
16
- declare const AccordionItem: ({ children, id, ...props }: IAccordionItemProps) => React.JSX.Element;
17
-
18
- export { AccordionItem, type IAccordionItemProps };
19
- //# sourceMappingURL=AccordionItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,22 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { useRef } from 'react';
3
- import { AccordionItemContent } from './AccordionItemContent.js';
4
- import { useAccordionContext } from './context.js';
5
-
6
- const AccordionItem = ({
7
- children,
8
- id,
9
- ...props
10
- }) => {
11
- const context = useAccordionContext();
12
- const Provider = context.hooks.useItemContextProvider(id);
13
- const hasRegistered = useRef(false);
14
- if (!hasRegistered.current) {
15
- hasRegistered.current = true;
16
- context.registerItem(id, { isChecked: false, isExpanded: false });
17
- }
18
- return /* @__PURE__ */ jsx(Provider, { children: /* @__PURE__ */ jsx(AccordionItemContent, { id, ...props, children }) });
19
- };
20
-
21
- export { AccordionItem };
22
- //# sourceMappingURL=AccordionItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItem.js","sources":["../../../src/components/accordion/AccordionItem.tsx"],"sourcesContent":["import { ReactNode, useRef } from 'react';\nimport { AccordionItemContent } from './AccordionItemContent';\nimport { useAccordionContext } from './context';\nimport { TId } from '@apia/util';\nimport { IAccordionItemButton } from './defaultElements/DefaultAccordionItemButton';\n\nexport interface IAccordionItemProps {\n /**\n * Cada elemento del acordeón tiene dos formas de renderizar el botón. O bien\n * se pasa un elemento AccordionItemButton como hijo o bien se pasan\n * buttonProps. En caso contrario, el elemento no tendrá botón.\n */\n buttonProps?: IAccordionItemButton;\n children?: ReactNode;\n id: TId;\n}\n\nexport const AccordionItem = ({\n children,\n id,\n ...props\n}: IAccordionItemProps) => {\n const context = useAccordionContext();\n const Provider = context.hooks.useItemContextProvider(id);\n const hasRegistered = useRef(false);\n\n if (!hasRegistered.current) {\n hasRegistered.current = true;\n context.registerItem(id, { isChecked: false, isExpanded: false });\n }\n\n return (\n <Provider>\n <AccordionItemContent id={id} {...props}>\n {children}\n </AccordionItemContent>\n </Provider>\n );\n};\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,QAAA;AAAA,EACA,EAAA;AAAA,EACA,GAAG,KAAA;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,UAAU,mBAAoB,EAAA,CAAA;AACpC,EAAA,MAAM,QAAW,GAAA,OAAA,CAAQ,KAAM,CAAA,sBAAA,CAAuB,EAAE,CAAA,CAAA;AACxD,EAAM,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAElC,EAAI,IAAA,CAAC,cAAc,OAAS,EAAA;AAC1B,IAAA,aAAA,CAAc,OAAU,GAAA,IAAA,CAAA;AACxB,IAAA,OAAA,CAAQ,aAAa,EAAI,EAAA,EAAE,WAAW,KAAO,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAAA,GAClE;AAEA,EACE,uBAAA,GAAA,CAAC,YACC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,IAAS,GAAG,KAAA,EAC/B,UACH,CACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { ReactNode } from 'react';
3
-
4
- type TAccordionItemButton = {
5
- children?: ReactNode;
6
- };
7
- declare const AccordionItemButton: ({ children }: TAccordionItemButton) => React.JSX.Element;
8
-
9
- export { AccordionItemButton, type TAccordionItemButton };
10
- //# sourceMappingURL=AccordionItemButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItemButton.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,8 +0,0 @@
1
- import { jsx, Fragment } from '@apia/theme/jsx-runtime';
2
-
3
- const AccordionItemButton = ({ children }) => {
4
- return /* @__PURE__ */ jsx(Fragment, { children });
5
- };
6
-
7
- export { AccordionItemButton };
8
- //# sourceMappingURL=AccordionItemButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItemButton.js","sources":["../../../src/components/accordion/AccordionItemButton.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nexport type TAccordionItemButton = {\n children?: ReactNode;\n};\n\nexport const AccordionItemButton = ({ children }: TAccordionItemButton) => {\n return <>{children}</>;\n};\n"],"names":[],"mappings":";;AAMO,MAAM,mBAAsB,GAAA,CAAC,EAAE,QAAA,EAAqC,KAAA;AACzE,EAAA,uCAAU,QAAS,EAAA,CAAA,CAAA;AACrB;;;;"}
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- import { IAccordionItemProps } from './AccordionItem.js';
3
-
4
- declare const AccordionItemContent: ({ children, buttonProps, }: IAccordionItemProps) => React.JSX.Element;
5
-
6
- export { AccordionItemContent };
7
- //# sourceMappingURL=AccordionItemContent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItemContent.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,50 +0,0 @@
1
- import { jsxs, jsx } from '@apia/theme/jsx-runtime';
2
- import { Children } from 'react';
3
- import { AccordionItemButton } from './AccordionItemButton.js';
4
- import { DefaultAccordionItemButton } from './defaultElements/DefaultAccordionItemButton.js';
5
- import AnimateHeight from 'react-animate-height';
6
- import { useAccordionContext } from './context.js';
7
- import { Box } from '@apia/theme';
8
-
9
- const AccordionItemContent = ({
10
- children,
11
- buttonProps
12
- }) => {
13
- let button = null;
14
- const actualChildren = Children.toArray(children).filter((current) => {
15
- if (typeof current !== "string" && typeof current !== "number") {
16
- const element = current;
17
- if (element.type === AccordionItemButton) {
18
- button = element;
19
- return false;
20
- }
21
- }
22
- return true;
23
- });
24
- if (button === null && buttonProps)
25
- button = /* @__PURE__ */ jsx(DefaultAccordionItemButton, { ...buttonProps });
26
- const handler = useAccordionContext();
27
- const isExpanded = handler.hooks.useItemStateSelector(
28
- (current) => current.isExpanded
29
- );
30
- const duration = handler.hooks.usePropsSelector(
31
- (current) => current.animationDuration
32
- );
33
- const id = handler.hooks.useItemId();
34
- return /* @__PURE__ */ jsxs(Box, { className: "accordion__item", "data-id": id, children: [
35
- button,
36
- /* @__PURE__ */ jsx(
37
- AnimateHeight,
38
- {
39
- className: "accordion__item__content",
40
- height: isExpanded ? "auto" : 0,
41
- duration,
42
- id: `accordion__${handler.id}__${id}`,
43
- children: actualChildren
44
- }
45
- )
46
- ] });
47
- };
48
-
49
- export { AccordionItemContent };
50
- //# sourceMappingURL=AccordionItemContent.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItemContent.js","sources":["../../../src/components/accordion/AccordionItemContent.tsx"],"sourcesContent":["import { Children, ReactElement } from 'react';\nimport { AccordionItemButton } from './AccordionItemButton';\nimport { DefaultAccordionItemButton } from './defaultElements/DefaultAccordionItemButton';\nimport { IAccordionItemProps } from './AccordionItem';\nimport AnimateHeight from 'react-animate-height';\nimport { useAccordionContext } from './context';\nimport { Box } from '@apia/theme';\n\nexport const AccordionItemContent = ({\n children,\n buttonProps,\n}: IAccordionItemProps) => {\n let button = null;\n\n const actualChildren = Children.toArray(children).filter((current) => {\n if (typeof current !== 'string' && typeof current !== 'number') {\n const element = current as ReactElement;\n\n if (element.type === AccordionItemButton) {\n button = element;\n return false;\n }\n }\n return true;\n });\n\n if (button === null && buttonProps)\n button = <DefaultAccordionItemButton {...buttonProps} />;\n\n const handler = useAccordionContext();\n const isExpanded = handler.hooks.useItemStateSelector(\n (current) => current.isExpanded,\n );\n const duration = handler.hooks.usePropsSelector(\n (current) => current.animationDuration,\n );\n const id = handler.hooks.useItemId();\n\n return (\n <Box className=\"accordion__item\" data-id={id}>\n {button}\n <AnimateHeight\n className=\"accordion__item__content\"\n height={isExpanded ? 'auto' : 0}\n duration={duration}\n id={`accordion__${handler.id}__${id}`}\n >\n {actualChildren}\n </AnimateHeight>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,WAAA;AACF,CAA2B,KAAA;AACzB,EAAA,IAAI,MAAS,GAAA,IAAA,CAAA;AAEb,EAAA,MAAM,iBAAiB,QAAS,CAAA,OAAA,CAAQ,QAAQ,CAAE,CAAA,MAAA,CAAO,CAAC,OAAY,KAAA;AACpE,IAAA,IAAI,OAAO,OAAA,KAAY,QAAY,IAAA,OAAO,YAAY,QAAU,EAAA;AAC9D,MAAA,MAAM,OAAU,GAAA,OAAA,CAAA;AAEhB,MAAI,IAAA,OAAA,CAAQ,SAAS,mBAAqB,EAAA;AACxC,QAAS,MAAA,GAAA,OAAA,CAAA;AACT,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AAAA,KACF;AACA,IAAO,OAAA,IAAA,CAAA;AAAA,GACR,CAAA,CAAA;AAED,EAAA,IAAI,WAAW,IAAQ,IAAA,WAAA;AACrB,IAAS,MAAA,mBAAA,GAAA,CAAC,0BAA4B,EAAA,EAAA,GAAG,WAAa,EAAA,CAAA,CAAA;AAExD,EAAA,MAAM,UAAU,mBAAoB,EAAA,CAAA;AACpC,EAAM,MAAA,UAAA,GAAa,QAAQ,KAAM,CAAA,oBAAA;AAAA,IAC/B,CAAC,YAAY,OAAQ,CAAA,UAAA;AAAA,GACvB,CAAA;AACA,EAAM,MAAA,QAAA,GAAW,QAAQ,KAAM,CAAA,gBAAA;AAAA,IAC7B,CAAC,YAAY,OAAQ,CAAA,iBAAA;AAAA,GACvB,CAAA;AACA,EAAM,MAAA,EAAA,GAAK,OAAQ,CAAA,KAAA,CAAM,SAAU,EAAA,CAAA;AAEnC,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,iBAAA,EAAkB,WAAS,EACvC,EAAA,QAAA,EAAA;AAAA,IAAA,MAAA;AAAA,oBACD,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,0BAAA;AAAA,QACV,MAAA,EAAQ,aAAa,MAAS,GAAA,CAAA;AAAA,QAC9B,QAAA;AAAA,QACA,EAAI,EAAA,CAAA,WAAA,EAAc,OAAQ,CAAA,EAAE,KAAK,EAAE,CAAA,CAAA;AAAA,QAElC,QAAA,EAAA,cAAA;AAAA,OAAA;AAAA,KACH;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ;;;;"}
@@ -1,77 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { Box, getVariant } from '@apia/theme';
3
- import { useState, useEffect } from 'react';
4
- import { useAccordionContext } from './context.js';
5
-
6
- const KeyHandler = (props) => {
7
- const [ref, setRef] = useState(null);
8
- const handler = useAccordionContext();
9
- useEffect(() => {
10
- if (ref) {
11
- ref.addEventListener("keydown", (ev) => {
12
- const accordionItem = ev.target?.closest(
13
- ".accordion__item"
14
- );
15
- const accordion = ev.target?.closest(".accordion");
16
- const allItems = [
17
- ...accordion?.querySelectorAll(".accordion__item") ?? []
18
- ];
19
- const currentIndex = allItems.findIndex(
20
- (current) => current === accordionItem
21
- );
22
- if (ev.code === "ArrowDown") {
23
- if (currentIndex < allItems.length - 1) {
24
- ev.preventDefault();
25
- allItems[currentIndex + 1]?.querySelector(
26
- ".accordion__item__button"
27
- )?.focus();
28
- }
29
- } else if (ev.code === "ArrowUp") {
30
- if (currentIndex > 0) {
31
- ev.preventDefault();
32
- allItems[currentIndex - 1]?.querySelector(
33
- ".accordion__item__button"
34
- )?.focus();
35
- }
36
- } else if (ev.code === "ArrowLeft") {
37
- if (allItems[currentIndex]?.querySelector(
38
- '[aria-expanded="true"]'
39
- )) {
40
- ev.preventDefault();
41
- allItems[currentIndex]?.querySelector(
42
- ".accordion__item__button"
43
- )?.click();
44
- }
45
- } else if (ev.code === "ArrowRight") {
46
- if (allItems[currentIndex]?.querySelector(
47
- '[aria-expanded="false"]'
48
- )) {
49
- ev.preventDefault();
50
- allItems[currentIndex]?.querySelector(
51
- ".accordion__item__button"
52
- )?.click();
53
- }
54
- } else if (ev.code === "Space") {
55
- ev.preventDefault();
56
- ev.stopPropagation();
57
- const id = accordionItem.dataset.id;
58
- handler.udpateItem(id, {
59
- isChecked: !handler.itemsState[id].isChecked
60
- });
61
- }
62
- });
63
- }
64
- }, [handler, ref]);
65
- const variant = handler.hooks.usePropsSelector((current) => current.variant);
66
- return /* @__PURE__ */ jsx(
67
- Box,
68
- {
69
- ...props,
70
- ref: setRef,
71
- ...variant ? getVariant(variant) : void 0
72
- }
73
- );
74
- };
75
-
76
- export { KeyHandler };
77
- //# sourceMappingURL=KeyHandler.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"KeyHandler.js","sources":["../../../src/components/accordion/KeyHandler.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@apia/theme';\nimport { useEffect, useState } from 'react';\nimport { useAccordionContext } from './context';\nimport { getVariant } from '@apia/theme';\n\nexport const KeyHandler = (props: BoxProps) => {\n const [ref, setRef] = useState<HTMLDivElement | null>(null);\n const handler = useAccordionContext();\n\n useEffect(() => {\n if (ref) {\n ref.addEventListener('keydown', (ev) => {\n const accordionItem = (ev.target as HTMLElement)?.closest(\n '.accordion__item',\n ) as HTMLElement;\n const accordion = (ev.target as HTMLElement)?.closest('.accordion');\n const allItems = [\n ...(accordion?.querySelectorAll('.accordion__item') ?? []),\n ];\n const currentIndex = allItems.findIndex(\n (current) => current === accordionItem,\n );\n\n if (ev.code === 'ArrowDown') {\n if (currentIndex < allItems.length - 1) {\n ev.preventDefault();\n (\n (allItems[currentIndex + 1] as HTMLElement)?.querySelector(\n '.accordion__item__button',\n ) as HTMLElement\n )?.focus();\n }\n } else if (ev.code === 'ArrowUp') {\n if (currentIndex > 0) {\n ev.preventDefault();\n (\n (allItems[currentIndex - 1] as HTMLElement)?.querySelector(\n '.accordion__item__button',\n ) as HTMLElement\n )?.focus();\n }\n } else if (ev.code === 'ArrowLeft') {\n if (\n (allItems[currentIndex] as HTMLElement)?.querySelector(\n '[aria-expanded=\"true\"]',\n ) as HTMLElement\n ) {\n ev.preventDefault();\n (\n (allItems[currentIndex] as HTMLElement)?.querySelector(\n '.accordion__item__button',\n ) as HTMLElement\n )?.click();\n }\n } else if (ev.code === 'ArrowRight') {\n if (\n (allItems[currentIndex] as HTMLElement)?.querySelector(\n '[aria-expanded=\"false\"]',\n ) as HTMLElement\n ) {\n ev.preventDefault();\n (\n (allItems[currentIndex] as HTMLElement)?.querySelector(\n '.accordion__item__button',\n ) as HTMLElement\n )?.click();\n }\n } else if (ev.code === 'Space') {\n ev.preventDefault();\n ev.stopPropagation();\n const id = accordionItem.dataset.id as string;\n handler.udpateItem(id, {\n isChecked: !handler.itemsState[id].isChecked,\n });\n }\n });\n }\n }, [handler, ref]);\n\n const variant = handler.hooks.usePropsSelector((current) => current.variant);\n\n return (\n <Box\n {...props}\n ref={setRef}\n {...(variant ? getVariant(variant) : undefined)}\n />\n );\n};\n"],"names":[],"mappings":";;;;;AAKa,MAAA,UAAA,GAAa,CAAC,KAAoB,KAAA;AAC7C,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAgC,IAAI,CAAA,CAAA;AAC1D,EAAA,MAAM,UAAU,mBAAoB,EAAA,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,GAAK,EAAA;AACP,MAAI,GAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,CAAC,EAAO,KAAA;AACtC,QAAM,MAAA,aAAA,GAAiB,GAAG,MAAwB,EAAA,OAAA;AAAA,UAChD,kBAAA;AAAA,SACF,CAAA;AACA,QAAA,MAAM,SAAa,GAAA,EAAA,CAAG,MAAwB,EAAA,OAAA,CAAQ,YAAY,CAAA,CAAA;AAClE,QAAA,MAAM,QAAW,GAAA;AAAA,UACf,GAAI,SAAA,EAAW,gBAAiB,CAAA,kBAAkB,KAAK,EAAC;AAAA,SAC1D,CAAA;AACA,QAAA,MAAM,eAAe,QAAS,CAAA,SAAA;AAAA,UAC5B,CAAC,YAAY,OAAY,KAAA,aAAA;AAAA,SAC3B,CAAA;AAEA,QAAI,IAAA,EAAA,CAAG,SAAS,WAAa,EAAA;AAC3B,UAAI,IAAA,YAAA,GAAe,QAAS,CAAA,MAAA,GAAS,CAAG,EAAA;AACtC,YAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,YACG,QAAA,CAAS,YAAe,GAAA,CAAC,CAAmB,EAAA,aAAA;AAAA,cAC3C,0BAAA;AAAA,eAED,KAAM,EAAA,CAAA;AAAA,WACX;AAAA,SACF,MAAA,IAAW,EAAG,CAAA,IAAA,KAAS,SAAW,EAAA;AAChC,UAAA,IAAI,eAAe,CAAG,EAAA;AACpB,YAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,YACG,QAAA,CAAS,YAAe,GAAA,CAAC,CAAmB,EAAA,aAAA;AAAA,cAC3C,0BAAA;AAAA,eAED,KAAM,EAAA,CAAA;AAAA,WACX;AAAA,SACF,MAAA,IAAW,EAAG,CAAA,IAAA,KAAS,WAAa,EAAA;AAClC,UACG,IAAA,QAAA,CAAS,YAAY,CAAmB,EAAA,aAAA;AAAA,YACvC,wBAAA;AAAA,WAEF,EAAA;AACA,YAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,YACG,QAAA,CAAS,YAAY,CAAmB,EAAA,aAAA;AAAA,cACvC,0BAAA;AAAA,eAED,KAAM,EAAA,CAAA;AAAA,WACX;AAAA,SACF,MAAA,IAAW,EAAG,CAAA,IAAA,KAAS,YAAc,EAAA;AACnC,UACG,IAAA,QAAA,CAAS,YAAY,CAAmB,EAAA,aAAA;AAAA,YACvC,yBAAA;AAAA,WAEF,EAAA;AACA,YAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,YACG,QAAA,CAAS,YAAY,CAAmB,EAAA,aAAA;AAAA,cACvC,0BAAA;AAAA,eAED,KAAM,EAAA,CAAA;AAAA,WACX;AAAA,SACF,MAAA,IAAW,EAAG,CAAA,IAAA,KAAS,OAAS,EAAA;AAC9B,UAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,UAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,UAAM,MAAA,EAAA,GAAK,cAAc,OAAQ,CAAA,EAAA,CAAA;AACjC,UAAA,OAAA,CAAQ,WAAW,EAAI,EAAA;AAAA,YACrB,SAAW,EAAA,CAAC,OAAQ,CAAA,UAAA,CAAW,EAAE,CAAE,CAAA,SAAA;AAAA,WACpC,CAAA,CAAA;AAAA,SACH;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,GAAG,CAAC,CAAA,CAAA;AAEjB,EAAA,MAAM,UAAU,OAAQ,CAAA,KAAA,CAAM,iBAAiB,CAAC,OAAA,KAAY,QAAQ,OAAO,CAAA,CAAA;AAE3E,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,GAAK,EAAA,MAAA;AAAA,MACJ,GAAI,OAAA,GAAU,UAAW,CAAA,OAAO,CAAI,GAAA,KAAA,CAAA;AAAA,KAAA;AAAA,GACvC,CAAA;AAEJ;;;;"}
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- import { AccordionHandler } from './handler.js';
3
- import { TId } from '@apia/util';
4
-
5
- declare const AccordionContext: React.Context<AccordionHandler | null>;
6
- declare const AccordionItemContext: React.Context<TId | null>;
7
- declare const useAccordionContext: () => AccordionHandler;
8
-
9
- export { AccordionContext, AccordionItemContext, useAccordionContext };
10
- //# sourceMappingURL=context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,13 +0,0 @@
1
- import { createContext, useContext } from 'react';
2
-
3
- const AccordionContext = createContext(null);
4
- const AccordionItemContext = createContext(null);
5
- const useAccordionContext = () => {
6
- const context = useContext(AccordionContext);
7
- if (!context)
8
- throw new Error("There is no AccordionContext");
9
- return context;
10
- };
11
-
12
- export { AccordionContext, AccordionItemContext, useAccordionContext };
13
- //# sourceMappingURL=context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"context.js","sources":["../../../src/components/accordion/context.ts"],"sourcesContent":["import { TId } from '@apia/util';\nimport { createContext, useContext } from 'react';\nimport { TAccordionHandler } from '.';\n\nexport const AccordionContext = createContext<TAccordionHandler | null>(null);\nexport const AccordionItemContext = createContext<TId | null>(null);\n\nexport const useAccordionContext = () => {\n const context = useContext(AccordionContext);\n if (!context) throw new Error('There is no AccordionContext');\n return context;\n};\n"],"names":[],"mappings":";;AAIa,MAAA,gBAAA,GAAmB,cAAwC,IAAI,EAAA;AAC/D,MAAA,oBAAA,GAAuB,cAA0B,IAAI,EAAA;AAE3D,MAAM,sBAAsB,MAAM;AACvC,EAAM,MAAA,OAAA,GAAU,WAAW,gBAAgB,CAAA,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAA;AAAS,IAAM,MAAA,IAAI,MAAM,8BAA8B,CAAA,CAAA;AAC5D,EAAO,OAAA,OAAA,CAAA;AACT;;;;"}
@@ -1,22 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { Box } from '@apia/theme';
3
- import { Icon } from '@apia/icons';
4
-
5
- const Checkbox = (props) => {
6
- return /* @__PURE__ */ jsx(
7
- Box,
8
- {
9
- className: "accordion__item__button__check",
10
- onClick: (ev) => {
11
- ev.stopPropagation();
12
- ev.preventDefault();
13
- if (!props.disabled)
14
- props.onChange?.(!props.checked);
15
- },
16
- children: props.checked && /* @__PURE__ */ jsx(Icon, { title: "", name: "Check" })
17
- }
18
- );
19
- };
20
-
21
- export { Checkbox };
22
- //# sourceMappingURL=Checkbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../../../src/components/accordion/defaultElements/Checkbox.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\nimport { Icon } from '@apia/icons';\n\nexport interface ICheckbox {\n checked: boolean;\n disabled?: boolean;\n onChange: (checked: boolean) => unknown;\n}\n\nexport const Checkbox = (props: ICheckbox) => {\n return (\n <Box\n className=\"accordion__item__button__check\"\n onClick={(ev) => {\n ev.stopPropagation();\n ev.preventDefault();\n if (!props.disabled) props.onChange?.(!props.checked);\n }}\n >\n {props.checked && <Icon title=\"\" name=\"Check\" />}\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;AASa,MAAA,QAAA,GAAW,CAAC,KAAqB,KAAA;AAC5C,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,gCAAA;AAAA,MACV,OAAA,EAAS,CAAC,EAAO,KAAA;AACf,QAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,QAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,QAAA,IAAI,CAAC,KAAM,CAAA,QAAA;AAAU,UAAM,KAAA,CAAA,QAAA,GAAW,CAAC,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,OACtD;AAAA,MAEC,gBAAM,OAAW,oBAAA,GAAA,CAAC,QAAK,KAAM,EAAA,EAAA,EAAG,MAAK,OAAQ,EAAA,CAAA;AAAA,KAAA;AAAA,GAChD,CAAA;AAEJ;;;;"}