@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
package/dist/tabs/Item.js DELETED
@@ -1,64 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import { useUpdateEffect } from 'ahooks';
3
- import React__default from 'react';
4
- import { shallowEqual } from 'react-redux';
5
- import { useTabsContext } from './util.js';
6
- import { usePropsSelector, getSpecificParent } from '@apia/util';
7
- import { DefaultTabsLabelRenderer } from './renderers/DefaultTabsLabelRenderer.js';
8
- import { SimpleButton } from '../components/forms/buttons/SimpleButton.js';
9
-
10
- const Item = ({ tabId }) => {
11
- const { handler, id, onCloseTab, onOpenTab } = useTabsContext();
12
- const tab = usePropsSelector(tabId, {
13
- propsStore: handler.propsStore,
14
- comparator: shallowEqual
15
- });
16
- const Renderer = React__default.useMemo(
17
- () => tab.labelRenderer ?? null,
18
- [tab.labelRenderer]
19
- );
20
- const ref = React__default.useRef({});
21
- useUpdateEffect(() => {
22
- if (tab.isFocused) {
23
- ref.current?.focus({
24
- preventScroll: true
25
- });
26
- }
27
- }, [tab.isFocused]);
28
- React__default.useEffect(() => {
29
- if (tab.isOpen) {
30
- const scrollParent = getSpecificParent(
31
- ref.current,
32
- (current) => current.classList.contains("tabs__list")
33
- );
34
- scrollParent?.scroll({
35
- left: ref.current.offsetLeft - 100
36
- });
37
- }
38
- }, [tab.isOpen]);
39
- const handleOpen = React__default.useCallback(() => onOpenTab(tab), [onOpenTab, tab]);
40
- const buttonProps = {
41
- className: `tabs__item__wrapper ${tab.isOpen ? "open" : ""} ${tab.isDisabled ? "disabled" : ""}`,
42
- title: tab.title ?? tab.label,
43
- onMouseDown: React__default.useCallback(
44
- (ev) => {
45
- if (ev.button === 1) {
46
- onCloseTab(tab);
47
- } else if (ev.button === 0)
48
- handleOpen();
49
- },
50
- [handleOpen, onCloseTab, tab]
51
- ),
52
- "aria-controls": `tabpanel-${id}-${tab.id}`,
53
- "aria-selected": tab.isOpen ?? false,
54
- id: `tab-${id}-${tab.id}`,
55
- tabIndex: tab.isFocused ? 0 : -1,
56
- role: "tab",
57
- variant: "inherit"
58
- };
59
- return /* @__PURE__ */ jsx(SimpleButton, { "data-id": tabId, ref, ...buttonProps, children: Renderer ? /* @__PURE__ */ jsx(Renderer, { tab }) : /* @__PURE__ */ jsx(DefaultTabsLabelRenderer, { tab }) });
60
- };
61
- var Item$1 = Item;
62
-
63
- export { Item$1 as default };
64
- //# sourceMappingURL=Item.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Item.js","sources":["../../src/tabs/Item.tsx"],"sourcesContent":["import { useUpdateEffect } from 'ahooks';\nimport React from 'react';\nimport { shallowEqual } from 'react-redux';\nimport { TTab, TTabsItem } from './types';\nimport { useTabsContext } from './util';\nimport { getSpecificParent, usePropsSelector } from '@apia/util';\nimport { SimpleButton } from '../components';\nimport { DefaultTabsLabelRenderer } from './renderers/DefaultTabsLabelRenderer';\n\nconst Item = ({ tabId }: TTabsItem) => {\n const { handler, id, onCloseTab, onOpenTab } = useTabsContext();\n\n const tab = usePropsSelector<TTab, TTab>(tabId, {\n propsStore: handler.propsStore,\n comparator: shallowEqual,\n });\n\n const Renderer = React.useMemo(\n () => tab.labelRenderer ?? null,\n [tab.labelRenderer],\n );\n\n const ref = React.useRef<HTMLButtonElement>({} as HTMLButtonElement);\n useUpdateEffect(() => {\n if (tab.isFocused) {\n ref.current?.focus({\n preventScroll: true,\n });\n }\n }, [tab.isFocused]);\n React.useEffect(() => {\n if (tab.isOpen) {\n const scrollParent = getSpecificParent(ref.current, (current) =>\n current.classList.contains('tabs__list'),\n ) as HTMLElement;\n\n scrollParent?.scroll({\n left: ref.current.offsetLeft - 100,\n });\n }\n }, [tab.isOpen]);\n\n const handleOpen = React.useCallback(() => onOpenTab(tab), [onOpenTab, tab]);\n const buttonProps = {\n className: `tabs__item__wrapper ${tab.isOpen ? 'open' : ''} ${\n tab.isDisabled ? 'disabled' : ''\n }`,\n title: tab.title ?? tab.label,\n onMouseDown: React.useCallback(\n (ev: React.MouseEvent) => {\n if (ev.button === 1) {\n onCloseTab(tab);\n } else if (ev.button === 0) handleOpen();\n },\n [handleOpen, onCloseTab, tab],\n ),\n 'aria-controls': `tabpanel-${id}-${tab.id}`,\n 'aria-selected': tab.isOpen ?? false,\n id: `tab-${id}-${tab.id}`,\n tabIndex: tab.isFocused ? 0 : -1,\n role: 'tab',\n variant: 'inherit',\n };\n\n return (\n <SimpleButton data-id={tabId} ref={ref} {...buttonProps}>\n {Renderer ? (\n <Renderer tab={tab} />\n ) : (\n <DefaultTabsLabelRenderer tab={tab} />\n )}\n </SimpleButton>\n );\n};\n\nexport default Item;\n"],"names":["React"],"mappings":"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"}
@@ -1,8 +0,0 @@
1
- import React__default from 'react';
2
- import { BoxProps } from '@apia/theme';
3
- import { TTabs } from './types.js';
4
-
5
- declare const Tabs: <AdditionalPropsType extends Record<string, unknown> = Record<string, unknown>>({ id, onCloseTab, onOpenTab, onRequestClose, className, orientation, getHandler, initialTabs, isMultiple, onKeyDown, ...props }: TTabs<AdditionalPropsType> & Omit<BoxProps, 'id' | 'as' | 'role'>, ref: React__default.ForwardedRef<HTMLDivElement>) => React__default.JSX.Element;
6
-
7
- export { Tabs };
8
- //# sourceMappingURL=Tabs.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tabs.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/dist/tabs/Tabs.js DELETED
@@ -1,78 +0,0 @@
1
- import { jsx } from '@apia/theme/jsx-runtime';
2
- import React__default from 'react';
3
- import { Box } from '@apia/theme';
4
- import TabsController from './tabsController.js';
5
- import { TabsContext } from './util.js';
6
- import { useMount } from '@apia/util';
7
-
8
- const NonForwardedTabs = ({
9
- id,
10
- onCloseTab,
11
- onOpenTab,
12
- onRequestClose,
13
- className,
14
- orientation,
15
- getHandler,
16
- initialTabs,
17
- isMultiple,
18
- onKeyDown,
19
- ...props
20
- }, ref) => {
21
- const [handler, setHandler] = React__default.useState({});
22
- useMount(() => {
23
- const newHandler = new TabsController(String(id), {
24
- id,
25
- onCloseTab,
26
- onOpenTab,
27
- onRequestClose,
28
- orientation,
29
- initialTabs,
30
- isMultiple
31
- });
32
- setHandler(newHandler);
33
- getHandler?.(newHandler);
34
- });
35
- const Context = React__default.useMemo(() => {
36
- return TabsContext;
37
- }, []);
38
- return /* @__PURE__ */ jsx(
39
- Context.Provider,
40
- {
41
- value: React__default.useMemo(
42
- () => ({
43
- handler,
44
- id,
45
- onCloseTab(tab) {
46
- void handler.closeTab(tab.id);
47
- },
48
- onOpenTab(tab) {
49
- handler.openTab(tab.id, !isMultiple);
50
- onOpenTab?.(tab);
51
- },
52
- orientation: orientation ?? "horizontal"
53
- }),
54
- [handler, id, isMultiple, onOpenTab, orientation]
55
- ),
56
- children: /* @__PURE__ */ jsx(
57
- Box,
58
- {
59
- ...props,
60
- onKeyDown: React__default.useCallback(
61
- (ev) => {
62
- onKeyDown?.(ev);
63
- handler.handleKeyDown(ev);
64
- },
65
- [handler, onKeyDown]
66
- ),
67
- ref
68
- }
69
- )
70
- }
71
- );
72
- };
73
- const Tabs = React__default.forwardRef(
74
- NonForwardedTabs
75
- );
76
-
77
- export { Tabs };
78
- //# sourceMappingURL=Tabs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Tabs.js","sources":["../../src/tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps } from '@apia/theme';\nimport TabsController from './tabsController';\nimport { TTabs, TTabsContext } from './types';\nimport { TabsContext } from './util';\nimport { useMount } from '@apia/util';\n\nconst NonForwardedTabs = <\n AdditionalPropsType extends Record<string, unknown> = Record<string, unknown>,\n>(\n {\n id,\n onCloseTab,\n onOpenTab,\n onRequestClose,\n className,\n orientation,\n getHandler,\n initialTabs,\n isMultiple,\n onKeyDown,\n ...props\n }: TTabs<AdditionalPropsType> & Omit<BoxProps, 'id' | 'as' | 'role'>,\n ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n const [handler, setHandler] = React.useState<\n TabsController<AdditionalPropsType>\n >({} as TabsController<AdditionalPropsType>);\n\n useMount(() => {\n const newHandler = new TabsController<AdditionalPropsType>(String(id), {\n id,\n onCloseTab,\n onOpenTab,\n onRequestClose,\n orientation,\n initialTabs,\n isMultiple,\n });\n setHandler(newHandler);\n getHandler?.(newHandler);\n });\n\n const Context = React.useMemo(() => {\n return TabsContext as React.Context<TTabsContext<AdditionalPropsType>>;\n }, []);\n\n return (\n <Context.Provider\n value={React.useMemo(\n () => ({\n handler,\n id,\n onCloseTab(tab) {\n void handler.closeTab(tab.id);\n },\n onOpenTab(tab) {\n handler.openTab(tab.id, !isMultiple);\n onOpenTab?.(tab);\n },\n orientation: orientation ?? 'horizontal',\n }),\n [handler, id, isMultiple, onOpenTab, orientation],\n )}\n >\n <Box\n {...props}\n onKeyDown={React.useCallback(\n (ev: React.KeyboardEvent<HTMLDivElement>) => {\n onKeyDown?.(ev);\n handler.handleKeyDown(ev);\n },\n [handler, onKeyDown],\n )}\n ref={ref}\n />\n </Context.Provider>\n );\n};\n\nexport const Tabs = React.forwardRef<HTMLDivElement, TTabs>(\n NonForwardedTabs,\n) as unknown as typeof NonForwardedTabs;\n"],"names":["React"],"mappings":";;;;;;;AAOA,MAAM,mBAAmB,CAGvB;AAAA,EACE,EAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAA,EACA,GACG,KAAA;AACH,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAIA,cAAM,CAAA,QAAA,CAElC,EAAyC,CAAA,CAAA;AAE3C,EAAA,QAAA,CAAS,MAAM;AACb,IAAA,MAAM,UAAa,GAAA,IAAI,cAAoC,CAAA,MAAA,CAAO,EAAE,CAAG,EAAA;AAAA,MACrE,EAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAA;AAAA,MACA,UAAA;AAAA,KACD,CAAA,CAAA;AACD,IAAA,UAAA,CAAW,UAAU,CAAA,CAAA;AACrB,IAAA,UAAA,GAAa,UAAU,CAAA,CAAA;AAAA,GACxB,CAAA,CAAA;AAED,EAAM,MAAA,OAAA,GAAUA,cAAM,CAAA,OAAA,CAAQ,MAAM;AAClC,IAAO,OAAA,WAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AAEL,EACE,uBAAA,GAAA;AAAA,IAAC,OAAQ,CAAA,QAAA;AAAA,IAAR;AAAA,MACC,OAAOA,cAAM,CAAA,OAAA;AAAA,QACX,OAAO;AAAA,UACL,OAAA;AAAA,UACA,EAAA;AAAA,UACA,WAAW,GAAK,EAAA;AACd,YAAK,KAAA,OAAA,CAAQ,QAAS,CAAA,GAAA,CAAI,EAAE,CAAA,CAAA;AAAA,WAC9B;AAAA,UACA,UAAU,GAAK,EAAA;AACb,YAAA,OAAA,CAAQ,OAAQ,CAAA,GAAA,CAAI,EAAI,EAAA,CAAC,UAAU,CAAA,CAAA;AACnC,YAAA,SAAA,GAAY,GAAG,CAAA,CAAA;AAAA,WACjB;AAAA,UACA,aAAa,WAAe,IAAA,YAAA;AAAA,SAC9B,CAAA;AAAA,QACA,CAAC,OAAA,EAAS,EAAI,EAAA,UAAA,EAAY,WAAW,WAAW,CAAA;AAAA,OAClD;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACE,GAAG,KAAA;AAAA,UACJ,WAAWA,cAAM,CAAA,WAAA;AAAA,YACf,CAAC,EAA4C,KAAA;AAC3C,cAAA,SAAA,GAAY,EAAE,CAAA,CAAA;AACd,cAAA,OAAA,CAAQ,cAAc,EAAE,CAAA,CAAA;AAAA,aAC1B;AAAA,YACA,CAAC,SAAS,SAAS,CAAA;AAAA,WACrB;AAAA,UACA,GAAA;AAAA,SAAA;AAAA,OACF;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,CAAA,CAAA;AAEO,MAAM,OAAOA,cAAM,CAAA,UAAA;AAAA,EACxB,gBAAA;AACF;;;;"}
@@ -1,8 +0,0 @@
1
- import React__default from 'react';
2
-
3
- declare const TabsList: ({ arrowsBehavior, }: {
4
- arrowsBehavior?: "open" | "focus" | undefined;
5
- }) => React__default.JSX.Element;
6
-
7
- export { TabsList };
8
- //# sourceMappingURL=TabsList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsList.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,138 +0,0 @@
1
- import { jsxs, jsx, Fragment } from '@apia/theme/jsx-runtime';
2
- import React__default from 'react';
3
- import { Box, getVariant } from '@apia/theme';
4
- import ContextMenu from './ContextMenu.js';
5
- import Item from './Item.js';
6
- import useTabsList from './useTabsList.js';
7
- import { useTabsContext } from './util.js';
8
- import { isChild, getSpecificParent, getLabel } from '@apia/util';
9
- import { IconButton } from '../components/forms/buttons/IconButton.js';
10
-
11
- const TabsList = ({
12
- arrowsBehavior = "focus"
13
- }) => {
14
- const { id, orientation, handler } = useTabsContext();
15
- const tabs = useTabsList();
16
- const fixedTabs = React__default.useMemo(
17
- () => (tabs ?? []).filter((current) => current.isFixed),
18
- [tabs]
19
- );
20
- const nonFixedTabs = React__default.useMemo(
21
- () => (tabs ?? []).filter((current) => !current.isFixed),
22
- [tabs]
23
- );
24
- const [showScrollButtons, setShowScrollButtons] = React__default.useState(true);
25
- const [ref, setRef] = React__default.useState(null);
26
- React__default.useEffect(() => {
27
- if (ref) {
28
- const observer = new MutationObserver(([{ addedNodes }]) => {
29
- const fixedTabsElement = ref.querySelector(".tabsList__fixedTabs");
30
- const hasFixedTabsScroll = (fixedTabsElement?.clientWidth ?? 0) < (fixedTabsElement?.scrollWidth ?? 0);
31
- const nonFixedTabsElement = ref.querySelector(".tabs__list");
32
- const hasFixedNonTabsScroll = (nonFixedTabsElement?.clientWidth ?? 0) < (nonFixedTabsElement?.scrollWidth ?? 0);
33
- setShowScrollButtons(hasFixedTabsScroll || hasFixedNonTabsScroll);
34
- if (addedNodes) {
35
- ref.querySelector(".tabs__list").scrollLeft = 9999999;
36
- }
37
- });
38
- observer.observe(ref, { childList: true, subtree: true });
39
- return () => {
40
- observer.disconnect();
41
- };
42
- }
43
- return () => {
44
- };
45
- }, [ref]);
46
- const onClickPrev = React__default.useCallback(() => {
47
- if (arrowsBehavior === "focus")
48
- handler.focusPreviousTab();
49
- if (arrowsBehavior === "open")
50
- handler.openPreviousTab();
51
- }, [arrowsBehavior, handler]);
52
- const onClickNext = React__default.useCallback(() => {
53
- if (arrowsBehavior === "focus")
54
- handler.focusNextTab();
55
- if (arrowsBehavior === "open")
56
- handler.openNextTab();
57
- }, [arrowsBehavior, handler]);
58
- const [anchorPoint, setAnchorPoint] = React__default.useState({ x: 0, y: 0 });
59
- const [isOpen, setIsOpen] = React__default.useState(false);
60
- const [targetId, setTargetId] = React__default.useState("");
61
- return /* @__PURE__ */ jsxs(
62
- Box,
63
- {
64
- id: `tabsList-${id}`,
65
- className: "tabsList__wrapper",
66
- role: "tablist",
67
- ...getVariant("layout.common.tabs.primary"),
68
- ref: setRef,
69
- onBlur: React__default.useCallback((ev) => {
70
- if (!isChild(
71
- ev.relatedTarget,
72
- (current) => current.classList.contains("tabsList__wrapper")
73
- )) ;
74
- }, []),
75
- children: [
76
- /* @__PURE__ */ jsx(Box, { className: "tabsList__fixedTabs", children: fixedTabs.map((current) => /* @__PURE__ */ jsx(Item, { tabId: current.id }, current.id)) }),
77
- /* @__PURE__ */ jsx(
78
- ContextMenu,
79
- {
80
- anchorPoint,
81
- isOpen,
82
- onClose: React__default.useCallback(() => setIsOpen(false), []),
83
- targetId
84
- }
85
- ),
86
- /* @__PURE__ */ jsx(
87
- Box,
88
- {
89
- className: `noScrollbar tabs__list ${orientation === "vertical" ? "vertical" : ""}`,
90
- onContextMenu: React__default.useCallback((e) => {
91
- const tabElement = getSpecificParent(
92
- e.target,
93
- (current) => current.classList.contains("tabs__item__wrapper")
94
- );
95
- if (tabElement) {
96
- e.preventDefault();
97
- e.stopPropagation();
98
- setTargetId(tabElement.dataset.id);
99
- setAnchorPoint({ x: e.clientX, y: e.clientY });
100
- setIsOpen(true);
101
- }
102
- }, []),
103
- children: nonFixedTabs.map((current) => /* @__PURE__ */ jsx(Item, { tabId: current.id }, current.id))
104
- }
105
- ),
106
- showScrollButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
107
- /* @__PURE__ */ jsx(
108
- IconButton,
109
- {
110
- "aria-label": getLabel("lblTogglePrevTab").text,
111
- className: "tabs__switch__left",
112
- icon: "ArrowLeft",
113
- iconSize: "Xs",
114
- onClick: onClickPrev,
115
- title: getLabel("lblTogglePrevTab").text,
116
- ...getVariant("icon-primary")
117
- }
118
- ),
119
- /* @__PURE__ */ jsx(
120
- IconButton,
121
- {
122
- "aria-label": getLabel("lblToggleNextTab").text,
123
- className: "tabs__switch__right",
124
- icon: "ArrowRight",
125
- iconSize: "Xs",
126
- onClick: onClickNext,
127
- title: getLabel("lblToggleNextTab").text,
128
- ...getVariant("icon-primary")
129
- }
130
- )
131
- ] })
132
- ]
133
- }
134
- );
135
- };
136
-
137
- export { TabsList };
138
- //# sourceMappingURL=TabsList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsList.js","sources":["../../src/tabs/TabsList.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, getVariant } from '@apia/theme';\nimport ContextMenu from './ContextMenu';\nimport Item from './Item';\nimport useTabsList from './useTabsList';\nimport { useTabsContext } from './util';\nimport { TId, getLabel, getSpecificParent, isChild } from '@apia/util';\nimport { IconButton } from '../components';\n\nexport const TabsList = ({\n arrowsBehavior = 'focus',\n}: {\n arrowsBehavior?: 'open' | 'focus';\n}) => {\n const { id, orientation, handler } = useTabsContext();\n const tabs = useTabsList();\n\n const fixedTabs = React.useMemo(\n () => (tabs ?? []).filter((current) => current.isFixed),\n [tabs],\n );\n const nonFixedTabs = React.useMemo(\n () => (tabs ?? []).filter((current) => !current.isFixed),\n [tabs],\n );\n\n const [showScrollButtons, setShowScrollButtons] = React.useState(true);\n\n const [ref, setRef] = React.useState<HTMLDivElement | null>(null);\n React.useEffect(() => {\n if (ref) {\n const observer = new MutationObserver(([{ addedNodes }]) => {\n const fixedTabsElement = ref.querySelector('.tabsList__fixedTabs');\n const hasFixedTabsScroll =\n (fixedTabsElement?.clientWidth ?? 0) <\n (fixedTabsElement?.scrollWidth ?? 0);\n const nonFixedTabsElement = ref.querySelector('.tabs__list');\n const hasFixedNonTabsScroll =\n (nonFixedTabsElement?.clientWidth ?? 0) <\n (nonFixedTabsElement?.scrollWidth ?? 0);\n\n setShowScrollButtons(hasFixedTabsScroll || hasFixedNonTabsScroll);\n\n if (addedNodes) {\n (\n ref.querySelector('.tabs__list') as HTMLElement\n ).scrollLeft = 9999999;\n }\n });\n observer.observe(ref, { childList: true, subtree: true });\n return () => {\n observer.disconnect();\n };\n }\n\n return () => {};\n }, [ref]);\n\n const onClickPrev = React.useCallback(() => {\n if (arrowsBehavior === 'focus') handler.focusPreviousTab();\n if (arrowsBehavior === 'open') handler.openPreviousTab();\n }, [arrowsBehavior, handler]);\n\n const onClickNext = React.useCallback(() => {\n if (arrowsBehavior === 'focus') handler.focusNextTab();\n if (arrowsBehavior === 'open') handler.openNextTab();\n }, [arrowsBehavior, handler]);\n\n const [anchorPoint, setAnchorPoint] = React.useState({ x: 0, y: 0 });\n const [isOpen, setIsOpen] = React.useState(false);\n const [targetId, setTargetId] = React.useState<TId>('');\n\n return (\n <Box\n id={`tabsList-${id}`}\n className=\"tabsList__wrapper\"\n role=\"tablist\"\n {...getVariant('layout.common.tabs.primary')}\n ref={setRef}\n onBlur={React.useCallback((ev: React.FocusEvent) => {\n if (\n !isChild(ev.relatedTarget as HTMLElement, (current) =>\n current.classList.contains('tabsList__wrapper'),\n )\n ) {\n }\n }, [])}\n >\n <Box className=\"tabsList__fixedTabs\">\n {fixedTabs.map((current) => (\n <Item key={current.id} tabId={current.id} />\n ))}\n </Box>\n <ContextMenu\n anchorPoint={anchorPoint}\n isOpen={isOpen}\n onClose={React.useCallback(() => setIsOpen(false), [])}\n targetId={targetId}\n />\n <Box\n className={`noScrollbar tabs__list ${\n orientation === 'vertical' ? 'vertical' : ''\n }`}\n onContextMenu={React.useCallback((e: React.MouseEvent) => {\n const tabElement = getSpecificParent(\n e.target as HTMLElement,\n (current) => current.classList.contains('tabs__item__wrapper'),\n );\n if (tabElement) {\n e.preventDefault();\n e.stopPropagation();\n setTargetId(tabElement.dataset.id as string);\n setAnchorPoint({ x: e.clientX, y: e.clientY });\n setIsOpen(true);\n }\n }, [])}\n >\n {nonFixedTabs.map((current) => (\n <Item key={current.id} tabId={current.id} />\n ))}\n </Box>\n {showScrollButtons && (\n <>\n <IconButton\n aria-label={getLabel('lblTogglePrevTab').text}\n className=\"tabs__switch__left\"\n icon=\"ArrowLeft\"\n iconSize=\"Xs\"\n onClick={onClickPrev}\n title={getLabel('lblTogglePrevTab').text}\n {...getVariant('icon-primary')}\n />\n <IconButton\n aria-label={getLabel('lblToggleNextTab').text}\n className=\"tabs__switch__right\"\n icon=\"ArrowRight\"\n iconSize=\"Xs\"\n onClick={onClickNext}\n title={getLabel('lblToggleNextTab').text}\n {...getVariant('icon-primary')}\n />\n </>\n )}\n </Box>\n );\n};\n"],"names":["React"],"mappings":"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"}
@@ -1,6 +0,0 @@
1
- import { TTabRenderer } from '../types.js';
2
-
3
- declare const DefaultTabsLabelRenderer: TTabRenderer;
4
-
5
- export { DefaultTabsLabelRenderer };
6
- //# sourceMappingURL=DefaultTabsLabelRenderer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DefaultTabsLabelRenderer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,71 +0,0 @@
1
- import { jsxs, Fragment, jsx } from '@apia/theme/jsx-runtime';
2
- import React__default from 'react';
3
- import { useTabsContext } from '../util.js';
4
- import { isIconName, Icon } from '@apia/icons';
5
- import { getLabel } from '@apia/util';
6
- import { IconButton } from '../../components/forms/buttons/IconButton.js';
7
- import { SimpleButton } from '../../components/forms/buttons/SimpleButton.js';
8
-
9
- function makeIcon(name) {
10
- return function IconComponent() {
11
- return /* @__PURE__ */ jsx(Icon, { title: "", name });
12
- };
13
- }
14
- const DefaultTabsLabelRenderer = ({ tab }) => {
15
- const { onCloseTab } = useTabsContext();
16
- const ActualIcon = React__default.useMemo(() => {
17
- if (tab.icon) {
18
- if (isIconName(tab.icon)) {
19
- return makeIcon(tab.icon);
20
- }
21
- return tab.icon;
22
- }
23
- return function C() {
24
- return null;
25
- };
26
- }, [tab.icon]);
27
- const handleClose = React__default.useCallback(
28
- (ev) => {
29
- ev.preventDefault();
30
- ev.stopPropagation();
31
- onCloseTab(tab);
32
- },
33
- [onCloseTab, tab]
34
- );
35
- return /* @__PURE__ */ jsxs(Fragment, { children: [
36
- tab.isIconTab ? /* @__PURE__ */ jsx(
37
- IconButton,
38
- {
39
- className: "tabs__item__button",
40
- as: "div",
41
- icon: tab.icon,
42
- variant: "null",
43
- iconSize: "Sm",
44
- size: "Lg"
45
- }
46
- ) : /* @__PURE__ */ jsxs(SimpleButton, { className: "tabs__item__button", as: "div", variant: "null", children: [
47
- /* @__PURE__ */ jsx(ActualIcon, {}),
48
- tab.label
49
- ] }),
50
- tab.isClosable && /* @__PURE__ */ jsx(
51
- IconButton,
52
- {
53
- as: "div",
54
- onMouseDown: (e) => {
55
- e.stopPropagation();
56
- e.preventDefault();
57
- },
58
- onClick: handleClose,
59
- className: "tabs__item__close",
60
- icon: "Close",
61
- variant: "null",
62
- title: getLabel("lblCloseSpecificTab", { text: { TOK1: tab.label } }).text,
63
- size: "Lg",
64
- iconSize: "Sm"
65
- }
66
- )
67
- ] });
68
- };
69
-
70
- export { DefaultTabsLabelRenderer };
71
- //# sourceMappingURL=DefaultTabsLabelRenderer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DefaultTabsLabelRenderer.js","sources":["../../../src/tabs/renderers/DefaultTabsLabelRenderer.tsx"],"sourcesContent":["import React, { MouseEvent } from 'react';\nimport { TTabRenderer } from '../types';\nimport { useTabsContext } from '../util';\nimport { Icon, TIconName, isIconName } from '@apia/icons';\nimport { IconButton, SimpleButton } from '../../components';\nimport { getLabel } from '@apia/util';\n\nfunction makeIcon(name: TIconName) {\n return function IconComponent() {\n return <Icon title=\"\" name={name} />;\n };\n}\n\nexport const DefaultTabsLabelRenderer: TTabRenderer = ({ tab }) => {\n const { onCloseTab } = useTabsContext();\n const ActualIcon = React.useMemo(() => {\n if (tab.icon) {\n if (isIconName(tab.icon)) {\n return makeIcon(tab.icon);\n }\n return tab.icon;\n }\n return function C() {\n return null;\n };\n }, [tab.icon]);\n\n const handleClose = React.useCallback(\n (ev: MouseEvent) => {\n ev.preventDefault();\n ev.stopPropagation();\n onCloseTab(tab);\n },\n [onCloseTab, tab],\n );\n\n return (\n <>\n {tab.isIconTab ? (\n <IconButton\n className=\"tabs__item__button\"\n as=\"div\"\n icon={tab.icon as TIconName}\n variant=\"null\"\n iconSize=\"Sm\"\n size=\"Lg\"\n />\n ) : (\n <SimpleButton className=\"tabs__item__button\" as=\"div\" variant=\"null\">\n <ActualIcon />\n {tab.label}\n </SimpleButton>\n )}\n\n {tab.isClosable && (\n <IconButton\n as=\"div\"\n onMouseDown={(e) => {\n e.stopPropagation();\n e.preventDefault();\n }}\n onClick={handleClose}\n className=\"tabs__item__close\"\n icon=\"Close\"\n variant=\"null\"\n title={\n getLabel('lblCloseSpecificTab', { text: { TOK1: tab.label } }).text\n }\n size=\"Lg\"\n iconSize=\"Sm\"\n />\n )}\n </>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAOA,SAAS,SAAS,IAAiB,EAAA;AACjC,EAAA,OAAO,SAAS,aAAgB,GAAA;AAC9B,IAAA,uBAAQ,GAAA,CAAA,IAAA,EAAA,EAAK,KAAM,EAAA,EAAA,EAAG,IAAY,EAAA,CAAA,CAAA;AAAA,GACpC,CAAA;AACF,CAAA;AAEO,MAAM,wBAAyC,GAAA,CAAC,EAAE,GAAA,EAAU,KAAA;AACjE,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,cAAe,EAAA,CAAA;AACtC,EAAM,MAAA,UAAA,GAAaA,cAAM,CAAA,OAAA,CAAQ,MAAM;AACrC,IAAA,IAAI,IAAI,IAAM,EAAA;AACZ,MAAI,IAAA,UAAA,CAAW,GAAI,CAAA,IAAI,CAAG,EAAA;AACxB,QAAO,OAAA,QAAA,CAAS,IAAI,IAAI,CAAA,CAAA;AAAA,OAC1B;AACA,MAAA,OAAO,GAAI,CAAA,IAAA,CAAA;AAAA,KACb;AACA,IAAA,OAAO,SAAS,CAAI,GAAA;AAClB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT,CAAA;AAAA,GACC,EAAA,CAAC,GAAI,CAAA,IAAI,CAAC,CAAA,CAAA;AAEb,EAAA,MAAM,cAAcA,cAAM,CAAA,WAAA;AAAA,IACxB,CAAC,EAAmB,KAAA;AAClB,MAAA,EAAA,CAAG,cAAe,EAAA,CAAA;AAClB,MAAA,EAAA,CAAG,eAAgB,EAAA,CAAA;AACnB,MAAA,UAAA,CAAW,GAAG,CAAA,CAAA;AAAA,KAChB;AAAA,IACA,CAAC,YAAY,GAAG,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,GAAA,CAAI,SACH,mBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,oBAAA;AAAA,QACV,EAAG,EAAA,KAAA;AAAA,QACH,MAAM,GAAI,CAAA,IAAA;AAAA,QACV,OAAQ,EAAA,MAAA;AAAA,QACR,QAAS,EAAA,IAAA;AAAA,QACT,IAAK,EAAA,IAAA;AAAA,OAAA;AAAA,KACP,wBAEC,YAAa,EAAA,EAAA,SAAA,EAAU,sBAAqB,EAAG,EAAA,KAAA,EAAM,SAAQ,MAC5D,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,MACX,GAAI,CAAA,KAAA;AAAA,KACP,EAAA,CAAA;AAAA,IAGD,IAAI,UACH,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,KAAA;AAAA,QACH,WAAA,EAAa,CAAC,CAAM,KAAA;AAClB,UAAA,CAAA,CAAE,eAAgB,EAAA,CAAA;AAClB,UAAA,CAAA,CAAE,cAAe,EAAA,CAAA;AAAA,SACnB;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,QACT,SAAU,EAAA,mBAAA;AAAA,QACV,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,MAAA;AAAA,QACR,KAAA,EACE,QAAS,CAAA,qBAAA,EAAuB,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,GAAI,CAAA,KAAA,EAAQ,EAAC,CAAE,CAAA,IAAA;AAAA,QAEjE,IAAK,EAAA,IAAA;AAAA,QACL,QAAS,EAAA,IAAA;AAAA,OAAA;AAAA,KACX;AAAA,GAEJ,EAAA,CAAA,CAAA;AAEJ;;;;"}
@@ -1,41 +0,0 @@
1
- import React__default from 'react';
2
- import { TTab, TTabsListState, TTabs } from './types.js';
3
- import { PropsStore, TId } from '@apia/util';
4
-
5
- declare class TabsController<AdditionalPropsType extends Record<string, unknown> = Record<string, unknown>, TabType extends TTab<AdditionalPropsType> = TTab<AdditionalPropsType>> {
6
- #private;
7
- private props;
8
- propsStore: PropsStore<TTab<AdditionalPropsType>>;
9
- stateKey: string;
10
- get stateStore(): PropsStore<TTabsListState>;
11
- get activeTabs(): TId[];
12
- get tabsList(): TId[];
13
- constructor(name: string, props: TTabs<AdditionalPropsType>, initialTabs?: TabType[]);
14
- /**
15
- * Obviamente agrega un tab al listado de tabs
16
- */
17
- append(tab: Omit<TabType, 'tabAdditionalProps'> & Partial<Pick<TabType, 'tabAdditionalProps'>>): void;
18
- closeAll(closeFixedTabsAsWell?: boolean, force?: boolean): Promise<void>;
19
- closeToRight(targetId: TId): Promise<void>;
20
- closeToLeft(targetId: TId): Promise<void>;
21
- closeOthers(targetId: TId): Promise<void>;
22
- closeTab(tabId: TId, force?: boolean): Promise<boolean>;
23
- focusNextTab(): TId | null;
24
- focusPreviousTab(): TId | null;
25
- focusTab(tabId: TId): void;
26
- getTabById(tabId: TId): TTab<AdditionalPropsType>;
27
- getTabElement(tabId: TId): Element | null;
28
- handleKeyDown(ev: React__default.KeyboardEvent): void;
29
- openNextTab(): TId | null;
30
- openPreviousTab(): TId | null;
31
- get state(): TTabsListState;
32
- /**
33
- * Se utiliza para hacer que el tab aparezca visible en el listado
34
- *
35
- * @param justThis Normalmente las tabs se abren de a una, pero si este parámetro se pasa en false, es posible abrir más de una a la vez.
36
- */
37
- openTab(tabId: TId, justThis?: boolean): void;
38
- }
39
-
40
- export { TabsController as default };
41
- //# sourceMappingURL=tabsController.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tabsController.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}