@primer/components 32.1.0-rc.6f5d2b00 → 32.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (1009) hide show
  1. package/package.json +1 -1
  2. package/.changeset/README.md +0 -8
  3. package/.changeset/config.json +0 -10
  4. package/.devcontainer/devcontainer.json +0 -8
  5. package/.eslintrc.json +0 -137
  6. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -38
  7. package/.github/ISSUE_TEMPLATE/new_component_proposal_template.md +0 -41
  8. package/.github/dependabot.yml +0 -18
  9. package/.github/pull_request_template.md +0 -18
  10. package/.github/workflows/check_for_changeset.yml +0 -25
  11. package/.github/workflows/ci.yml +0 -31
  12. package/.github/workflows/deploy_preview.yml +0 -47
  13. package/.github/workflows/deploy_production.yml +0 -70
  14. package/.github/workflows/release.yml +0 -35
  15. package/.github/workflows/release_canary.yml +0 -70
  16. package/.github/workflows/release_candidate.yml +0 -60
  17. package/.github/workflows/size.yml +0 -13
  18. package/.github/workflows/stale.yml +0 -26
  19. package/.gitignore +0 -10
  20. package/.npmrc +0 -4
  21. package/.nvmrc +0 -1
  22. package/.storybook/main.js +0 -9
  23. package/.storybook/preview.js +0 -117
  24. package/.vscode/launch.json +0 -21
  25. package/.vscode/settings.json +0 -13
  26. package/@types/@styled-system/index.d.ts +0 -0
  27. package/@types/@styled-system/prop-types/index.d.ts +0 -1
  28. package/@types/@styled-system/props/index.d.ts +0 -1
  29. package/@types/jest-styled-components/index.d.ts +0 -1
  30. package/CODEOWNERS +0 -2
  31. package/babel-defines.js +0 -13
  32. package/babel.config.js +0 -39
  33. package/contributor-docs/CODE_OF_CONDUCT.md +0 -76
  34. package/contributor-docs/CONTRIBUTING.md +0 -274
  35. package/contributor-docs/adrs/adr-001-typescript.md +0 -23
  36. package/contributor-docs/adrs/adr-002-behavior-isolation.md +0 -108
  37. package/contributor-docs/adrs/adr-003-prop-norms.md +0 -72
  38. package/contributor-docs/behaviors.md +0 -132
  39. package/contributor-docs/component-contents-api-patterns.md +0 -316
  40. package/contributor-docs/principles.md +0 -39
  41. package/docs/.eslintrc +0 -0
  42. package/docs/.gitignore +0 -91
  43. package/docs/components/PropsList.js +0 -5
  44. package/docs/components/State.js +0 -9
  45. package/docs/components/constants.js +0 -34
  46. package/docs/components/index.js +0 -2
  47. package/docs/content/ActionList.mdx +0 -99
  48. package/docs/content/ActionList2.mdx +0 -359
  49. package/docs/content/ActionMenu.mdx +0 -80
  50. package/docs/content/AnchoredOverlay.mdx +0 -37
  51. package/docs/content/Autocomplete.mdx +0 -657
  52. package/docs/content/Avatar.mdx +0 -33
  53. package/docs/content/AvatarStack.mdx +0 -37
  54. package/docs/content/BorderBox.md +0 -46
  55. package/docs/content/Box.mdx +0 -96
  56. package/docs/content/BranchName.md +0 -18
  57. package/docs/content/Breadcrumbs.md +0 -47
  58. package/docs/content/Buttons.md +0 -46
  59. package/docs/content/Checkbox.md +0 -118
  60. package/docs/content/CircleBadge.md +0 -35
  61. package/docs/content/CircleOcticon.md +0 -18
  62. package/docs/content/CounterLabel.md +0 -22
  63. package/docs/content/Details.md +0 -105
  64. package/docs/content/Dialog.md +0 -105
  65. package/docs/content/Dialog2.mdx +0 -180
  66. package/docs/content/Dropdown.md +0 -65
  67. package/docs/content/DropdownMenu.mdx +0 -49
  68. package/docs/content/FilterList.md +0 -37
  69. package/docs/content/FilteredSearch.md +0 -32
  70. package/docs/content/Flash.md +0 -35
  71. package/docs/content/Flex.md +0 -58
  72. package/docs/content/FormGroup.md +0 -38
  73. package/docs/content/Grid.md +0 -59
  74. package/docs/content/Header.md +0 -77
  75. package/docs/content/Heading.md +0 -22
  76. package/docs/content/Label.md +0 -49
  77. package/docs/content/LabelGroup.md +0 -21
  78. package/docs/content/Link.md +0 -28
  79. package/docs/content/Overlay.mdx +0 -85
  80. package/docs/content/Pagehead.md +0 -18
  81. package/docs/content/Pagination.md +0 -178
  82. package/docs/content/PointerBox.md +0 -81
  83. package/docs/content/Popover.md +0 -129
  84. package/docs/content/Portal.mdx +0 -78
  85. package/docs/content/Position.md +0 -100
  86. package/docs/content/ProgressBar.mdx +0 -29
  87. package/docs/content/SelectMenu.md +0 -371
  88. package/docs/content/SelectPanel.mdx +0 -67
  89. package/docs/content/SideNav.md +0 -171
  90. package/docs/content/Spinner.mdx +0 -32
  91. package/docs/content/StateLabel.md +0 -27
  92. package/docs/content/StyledOcticon.md +0 -27
  93. package/docs/content/SubNav.md +0 -100
  94. package/docs/content/TabNav.md +0 -42
  95. package/docs/content/Text.md +0 -31
  96. package/docs/content/TextInput.md +0 -34
  97. package/docs/content/TextInputTokens.mdx +0 -89
  98. package/docs/content/TextInputWithTokens.mdx +0 -211
  99. package/docs/content/Timeline.md +0 -148
  100. package/docs/content/Token.mdx +0 -381
  101. package/docs/content/Tooltip.md +0 -32
  102. package/docs/content/Truncate.md +0 -55
  103. package/docs/content/UnderlineNav.md +0 -45
  104. package/docs/content/anchoredPosition.mdx +0 -163
  105. package/docs/content/core-concepts.md +0 -70
  106. package/docs/content/focusTrap.mdx +0 -103
  107. package/docs/content/focusZone.mdx +0 -145
  108. package/docs/content/getting-started.md +0 -138
  109. package/docs/content/index.md +0 -33
  110. package/docs/content/linting.md +0 -35
  111. package/docs/content/overriding-styles.mdx +0 -82
  112. package/docs/content/philosophy.md +0 -23
  113. package/docs/content/primer-theme.md +0 -89
  114. package/docs/content/ssr.mdx +0 -43
  115. package/docs/content/system-props.mdx +0 -37
  116. package/docs/content/theme-reference.md +0 -16
  117. package/docs/content/theming.md +0 -272
  118. package/docs/content/useOnEscapePress.mdx +0 -56
  119. package/docs/content/useOnOutsideClick.mdx +0 -57
  120. package/docs/content/useOpenAndCloseFocus.mdx +0 -49
  121. package/docs/content/useOverlay.mdx +0 -62
  122. package/docs/content/useSafeTimeout.mdx +0 -32
  123. package/docs/gatsby-config.js +0 -30
  124. package/docs/gatsby-node.js +0 -101
  125. package/docs/package-lock.json +0 -20867
  126. package/docs/package.json +0 -36
  127. package/docs/src/@primer/gatsby-theme-doctocat/components/hero.js +0 -21
  128. package/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js +0 -41
  129. package/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +0 -73
  130. package/docs/src/@primer/gatsby-theme-doctocat/nav.yml +0 -135
  131. package/docs/src/@primer/gatsby-theme-doctocat/primer-components-hero.svg +0 -1411
  132. package/docs/src/component-checklist.js +0 -81
  133. package/docs/src/props.js +0 -77
  134. package/jest.config.js +0 -13
  135. package/lib/__tests__/ActionList.test.d.ts +0 -1
  136. package/lib/__tests__/ActionList.test.js +0 -69
  137. package/lib/__tests__/ActionList.types.test.d.ts +0 -6
  138. package/lib/__tests__/ActionList.types.test.js +0 -69
  139. package/lib/__tests__/ActionList2.test.d.ts +0 -1
  140. package/lib/__tests__/ActionList2.test.js +0 -53
  141. package/lib/__tests__/ActionMenu.test.d.ts +0 -1
  142. package/lib/__tests__/ActionMenu.test.js +0 -151
  143. package/lib/__tests__/AnchoredOverlay.test.d.ts +0 -1
  144. package/lib/__tests__/AnchoredOverlay.test.js +0 -162
  145. package/lib/__tests__/Autocomplete.test.d.ts +0 -1
  146. package/lib/__tests__/Autocomplete.test.js +0 -528
  147. package/lib/__tests__/Avatar.test.d.ts +0 -1
  148. package/lib/__tests__/Avatar.test.js +0 -67
  149. package/lib/__tests__/AvatarStack.test.d.ts +0 -1
  150. package/lib/__tests__/AvatarStack.test.js +0 -71
  151. package/lib/__tests__/BorderBox.test.d.ts +0 -1
  152. package/lib/__tests__/BorderBox.test.js +0 -58
  153. package/lib/__tests__/Box.test.d.ts +0 -1
  154. package/lib/__tests__/Box.test.js +0 -78
  155. package/lib/__tests__/BranchName.test.d.ts +0 -1
  156. package/lib/__tests__/BranchName.test.js +0 -36
  157. package/lib/__tests__/Breadcrumbs.test.d.ts +0 -1
  158. package/lib/__tests__/Breadcrumbs.test.js +0 -40
  159. package/lib/__tests__/Breadcrumbs.types.test.d.ts +0 -3
  160. package/lib/__tests__/Breadcrumbs.types.test.js +0 -25
  161. package/lib/__tests__/BreadcrumbsItem.test.d.ts +0 -1
  162. package/lib/__tests__/BreadcrumbsItem.test.js +0 -49
  163. package/lib/__tests__/Button.test.d.ts +0 -1
  164. package/lib/__tests__/Button.test.js +0 -147
  165. package/lib/__tests__/Caret.test.d.ts +0 -1
  166. package/lib/__tests__/Caret.test.js +0 -52
  167. package/lib/__tests__/Checkbox.test.d.ts +0 -2
  168. package/lib/__tests__/Checkbox.test.js +0 -189
  169. package/lib/__tests__/CircleBadge.test.d.ts +0 -1
  170. package/lib/__tests__/CircleBadge.test.js +0 -83
  171. package/lib/__tests__/CircleBadge.types.test.d.ts +0 -3
  172. package/lib/__tests__/CircleBadge.types.test.js +0 -28
  173. package/lib/__tests__/CircleOcticon.test.d.ts +0 -1
  174. package/lib/__tests__/CircleOcticon.test.js +0 -71
  175. package/lib/__tests__/ConfirmationDialog.test.d.ts +0 -1
  176. package/lib/__tests__/ConfirmationDialog.test.js +0 -134
  177. package/lib/__tests__/CounterLabel.test.d.ts +0 -1
  178. package/lib/__tests__/CounterLabel.test.js +0 -58
  179. package/lib/__tests__/CounterLabel.types.test.d.ts +0 -3
  180. package/lib/__tests__/CounterLabel.types.test.js +0 -28
  181. package/lib/__tests__/Details.test.d.ts +0 -1
  182. package/lib/__tests__/Details.test.js +0 -117
  183. package/lib/__tests__/Dialog.test.d.ts +0 -1
  184. package/lib/__tests__/Dialog.test.js +0 -184
  185. package/lib/__tests__/Dialog.types.test.d.ts +0 -3
  186. package/lib/__tests__/Dialog.types.test.js +0 -28
  187. package/lib/__tests__/Dialog2.types.test.d.ts +0 -3
  188. package/lib/__tests__/Dialog2.types.test.js +0 -31
  189. package/lib/__tests__/Dropdown.test.d.ts +0 -1
  190. package/lib/__tests__/Dropdown.test.js +0 -63
  191. package/lib/__tests__/Dropdown.types.test.d.ts +0 -3
  192. package/lib/__tests__/Dropdown.types.test.js +0 -31
  193. package/lib/__tests__/DropdownMenu.test.d.ts +0 -1
  194. package/lib/__tests__/DropdownMenu.test.js +0 -150
  195. package/lib/__tests__/FilterList.test.d.ts +0 -1
  196. package/lib/__tests__/FilterList.test.js +0 -36
  197. package/lib/__tests__/FilterList.types.test.d.ts +0 -3
  198. package/lib/__tests__/FilterList.types.test.js +0 -27
  199. package/lib/__tests__/FilterListItem.test.d.ts +0 -1
  200. package/lib/__tests__/FilterListItem.test.js +0 -46
  201. package/lib/__tests__/FilteredSearch.test.d.ts +0 -1
  202. package/lib/__tests__/FilteredSearch.test.js +0 -36
  203. package/lib/__tests__/FilteredSearch.types.test.d.ts +0 -3
  204. package/lib/__tests__/FilteredSearch.types.test.js +0 -28
  205. package/lib/__tests__/Flash.test.d.ts +0 -1
  206. package/lib/__tests__/Flash.test.js +0 -62
  207. package/lib/__tests__/Flash.types.test.d.ts +0 -3
  208. package/lib/__tests__/Flash.types.test.js +0 -28
  209. package/lib/__tests__/Flex.test.d.ts +0 -1
  210. package/lib/__tests__/Flex.test.js +0 -74
  211. package/lib/__tests__/FormGroup.test.d.ts +0 -1
  212. package/lib/__tests__/FormGroup.test.js +0 -54
  213. package/lib/__tests__/FormGroup.types.test.d.ts +0 -3
  214. package/lib/__tests__/FormGroup.types.test.js +0 -28
  215. package/lib/__tests__/Grid.test.d.ts +0 -1
  216. package/lib/__tests__/Grid.test.js +0 -104
  217. package/lib/__tests__/Header.test.d.ts +0 -1
  218. package/lib/__tests__/Header.test.js +0 -58
  219. package/lib/__tests__/Header.types.test.d.ts +0 -3
  220. package/lib/__tests__/Header.types.test.js +0 -29
  221. package/lib/__tests__/Heading.test.d.ts +0 -1
  222. package/lib/__tests__/Heading.test.js +0 -109
  223. package/lib/__tests__/KeyPaths.types.test.d.ts +0 -11
  224. package/lib/__tests__/KeyPaths.types.test.js +0 -10
  225. package/lib/__tests__/Label.test.d.ts +0 -1
  226. package/lib/__tests__/Label.test.js +0 -46
  227. package/lib/__tests__/Label.types.test.d.ts +0 -3
  228. package/lib/__tests__/Label.types.test.js +0 -28
  229. package/lib/__tests__/LabelGroup.test.d.ts +0 -1
  230. package/lib/__tests__/LabelGroup.test.js +0 -38
  231. package/lib/__tests__/LabelGroup.types.test.d.ts +0 -3
  232. package/lib/__tests__/LabelGroup.types.test.js +0 -28
  233. package/lib/__tests__/Link.test.d.ts +0 -1
  234. package/lib/__tests__/Link.test.js +0 -76
  235. package/lib/__tests__/Link.types.test.d.ts +0 -3
  236. package/lib/__tests__/Link.types.test.js +0 -28
  237. package/lib/__tests__/Merge.types.test.d.ts +0 -30
  238. package/lib/__tests__/Merge.types.test.js +0 -27
  239. package/lib/__tests__/NewButton.test.d.ts +0 -1
  240. package/lib/__tests__/NewButton.test.js +0 -95
  241. package/lib/__tests__/Overlay.test.d.ts +0 -1
  242. package/lib/__tests__/Overlay.test.js +0 -145
  243. package/lib/__tests__/Overlay.types.test.d.ts +0 -6
  244. package/lib/__tests__/Overlay.types.test.js +0 -73
  245. package/lib/__tests__/Pagehead.test.d.ts +0 -1
  246. package/lib/__tests__/Pagehead.test.js +0 -37
  247. package/lib/__tests__/Pagehead.types.test.d.ts +0 -3
  248. package/lib/__tests__/Pagehead.types.test.js +0 -28
  249. package/lib/__tests__/Pagination/Pagination.test.d.ts +0 -1
  250. package/lib/__tests__/Pagination/Pagination.test.js +0 -47
  251. package/lib/__tests__/Pagination/PaginationModel.test.d.ts +0 -1
  252. package/lib/__tests__/Pagination/PaginationModel.test.js +0 -186
  253. package/lib/__tests__/Pagination.types.test.d.ts +0 -3
  254. package/lib/__tests__/Pagination.types.test.js +0 -33
  255. package/lib/__tests__/PointerBox.test.d.ts +0 -1
  256. package/lib/__tests__/PointerBox.test.js +0 -46
  257. package/lib/__tests__/Popover.test.d.ts +0 -1
  258. package/lib/__tests__/Popover.test.js +0 -66
  259. package/lib/__tests__/Popover.types.test.d.ts +0 -3
  260. package/lib/__tests__/Popover.types.test.js +0 -27
  261. package/lib/__tests__/Portal.test.d.ts +0 -1
  262. package/lib/__tests__/Portal.test.js +0 -124
  263. package/lib/__tests__/Position.test.d.ts +0 -1
  264. package/lib/__tests__/Position.test.js +0 -143
  265. package/lib/__tests__/ProgressBar.test.d.ts +0 -1
  266. package/lib/__tests__/ProgressBar.test.js +0 -68
  267. package/lib/__tests__/SelectMenu.test.d.ts +0 -1
  268. package/lib/__tests__/SelectMenu.test.js +0 -155
  269. package/lib/__tests__/SelectMenu.types.test.d.ts +0 -3
  270. package/lib/__tests__/SelectMenu.types.test.js +0 -47
  271. package/lib/__tests__/SelectPanel.test.d.ts +0 -1
  272. package/lib/__tests__/SelectPanel.test.js +0 -80
  273. package/lib/__tests__/SelectPanel.types.test.d.ts +0 -3
  274. package/lib/__tests__/SelectPanel.types.test.js +0 -44
  275. package/lib/__tests__/SideNav.test.d.ts +0 -1
  276. package/lib/__tests__/SideNav.test.js +0 -71
  277. package/lib/__tests__/SideNav.types.test.d.ts +0 -3
  278. package/lib/__tests__/SideNav.types.test.js +0 -28
  279. package/lib/__tests__/Spinner.test.d.ts +0 -1
  280. package/lib/__tests__/Spinner.test.js +0 -53
  281. package/lib/__tests__/StateLabel.test.d.ts +0 -1
  282. package/lib/__tests__/StateLabel.test.js +0 -71
  283. package/lib/__tests__/StateLabel.types.test.d.ts +0 -3
  284. package/lib/__tests__/StateLabel.types.test.js +0 -28
  285. package/lib/__tests__/StyledOcticon.test.d.ts +0 -1
  286. package/lib/__tests__/StyledOcticon.test.js +0 -40
  287. package/lib/__tests__/StyledOcticon.types.test.d.ts +0 -3
  288. package/lib/__tests__/StyledOcticon.types.test.js +0 -32
  289. package/lib/__tests__/SubNav.test.d.ts +0 -1
  290. package/lib/__tests__/SubNav.test.js +0 -62
  291. package/lib/__tests__/SubNav.types.test.d.ts +0 -3
  292. package/lib/__tests__/SubNav.types.test.js +0 -27
  293. package/lib/__tests__/SubNavLink.test.d.ts +0 -1
  294. package/lib/__tests__/SubNavLink.test.js +0 -49
  295. package/lib/__tests__/TabNav.test.d.ts +0 -1
  296. package/lib/__tests__/TabNav.test.js +0 -49
  297. package/lib/__tests__/TabNav.types.test.d.ts +0 -3
  298. package/lib/__tests__/TabNav.types.test.js +0 -25
  299. package/lib/__tests__/Text.test.d.ts +0 -1
  300. package/lib/__tests__/Text.test.js +0 -105
  301. package/lib/__tests__/TextInput.test.d.ts +0 -1
  302. package/lib/__tests__/TextInput.test.js +0 -78
  303. package/lib/__tests__/TextInputWithTokens.test.d.ts +0 -1
  304. package/lib/__tests__/TextInputWithTokens.test.js +0 -572
  305. package/lib/__tests__/ThemeProvider.test.d.ts +0 -1
  306. package/lib/__tests__/ThemeProvider.test.js +0 -444
  307. package/lib/__tests__/Timeline.test.d.ts +0 -1
  308. package/lib/__tests__/Timeline.test.js +0 -75
  309. package/lib/__tests__/Timeline.types.test.d.ts +0 -3
  310. package/lib/__tests__/Timeline.types.test.js +0 -31
  311. package/lib/__tests__/Token.test.d.ts +0 -1
  312. package/lib/__tests__/Token.test.js +0 -180
  313. package/lib/__tests__/Tooltip.test.d.ts +0 -1
  314. package/lib/__tests__/Tooltip.test.js +0 -69
  315. package/lib/__tests__/Tooltip.types.test.d.ts +0 -3
  316. package/lib/__tests__/Tooltip.types.test.js +0 -28
  317. package/lib/__tests__/Truncate.test.d.ts +0 -1
  318. package/lib/__tests__/Truncate.test.js +0 -63
  319. package/lib/__tests__/Truncate.types.test.d.ts +0 -3
  320. package/lib/__tests__/Truncate.types.test.js +0 -31
  321. package/lib/__tests__/UnderlineNav.test.d.ts +0 -1
  322. package/lib/__tests__/UnderlineNav.test.js +0 -72
  323. package/lib/__tests__/UnderlineNav.types.test.d.ts +0 -3
  324. package/lib/__tests__/UnderlineNav.types.test.js +0 -25
  325. package/lib/__tests__/UnderlineNavLink.test.d.ts +0 -1
  326. package/lib/__tests__/UnderlineNavLink.test.js +0 -51
  327. package/lib/__tests__/behaviors/anchoredPosition.test.d.ts +0 -1
  328. package/lib/__tests__/behaviors/anchoredPosition.test.js +0 -390
  329. package/lib/__tests__/behaviors/focusTrap.test.d.ts +0 -1
  330. package/lib/__tests__/behaviors/focusTrap.test.js +0 -234
  331. package/lib/__tests__/behaviors/focusZone.test.d.ts +0 -1
  332. package/lib/__tests__/behaviors/focusZone.test.js +0 -570
  333. package/lib/__tests__/behaviors/iterateFocusableElements.test.d.ts +0 -1
  334. package/lib/__tests__/behaviors/iterateFocusableElements.test.js +0 -55
  335. package/lib/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +0 -1
  336. package/lib/__tests__/behaviors/scrollIntoViewingArea.test.js +0 -226
  337. package/lib/__tests__/filterObject.test.d.ts +0 -1
  338. package/lib/__tests__/filterObject.test.js +0 -30
  339. package/lib/__tests__/hooks/useAnchoredPosition.test.d.ts +0 -1
  340. package/lib/__tests__/hooks/useAnchoredPosition.test.js +0 -54
  341. package/lib/__tests__/hooks/useOnEscapePress.test.d.ts +0 -1
  342. package/lib/__tests__/hooks/useOnEscapePress.test.js +0 -32
  343. package/lib/__tests__/hooks/useOnOutsideClick.test.d.ts +0 -1
  344. package/lib/__tests__/hooks/useOnOutsideClick.test.js +0 -87
  345. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +0 -1
  346. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.js +0 -60
  347. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +0 -1
  348. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.js +0 -45
  349. package/lib/__tests__/theme.test.d.ts +0 -1
  350. package/lib/__tests__/theme.test.js +0 -36
  351. package/lib/__tests__/themeGet.test.d.ts +0 -1
  352. package/lib/__tests__/themeGet.test.js +0 -25
  353. package/lib/__tests__/useSafeTimeout.test.d.ts +0 -1
  354. package/lib/__tests__/useSafeTimeout.test.js +0 -45
  355. package/lib/__tests__/utils/createSlots.test.d.ts +0 -1
  356. package/lib/__tests__/utils/createSlots.test.js +0 -75
  357. package/lib/stories/ActionList.stories.js +0 -454
  358. package/lib/stories/ActionList2.stories.js +0 -909
  359. package/lib/stories/ActionMenu.stories.js +0 -348
  360. package/lib/stories/AnchoredOverlay.stories.js +0 -127
  361. package/lib/stories/Autocomplete.stories.js +0 -619
  362. package/lib/stories/AvatarStack.stories.js +0 -49
  363. package/lib/stories/Button.stories.js +0 -125
  364. package/lib/stories/Checkbox.stories.js +0 -227
  365. package/lib/stories/ConfirmationDialog.stories.js +0 -119
  366. package/lib/stories/Dialog.stories.js +0 -269
  367. package/lib/stories/DropdownMenu.stories.js +0 -122
  368. package/lib/stories/IssueLabelToken.stories.js +0 -165
  369. package/lib/stories/NewButton.stories.js +0 -230
  370. package/lib/stories/Overlay.stories.js +0 -204
  371. package/lib/stories/Portal.stories.js +0 -104
  372. package/lib/stories/ProfileToken.stories.js +0 -162
  373. package/lib/stories/SelectPanel.stories.js +0 -399
  374. package/lib/stories/TextInput.stories.js +0 -144
  375. package/lib/stories/TextInputWithTokens.stories.js +0 -252
  376. package/lib/stories/ThemeProvider.stories.js +0 -102
  377. package/lib/stories/Token.stories.js +0 -176
  378. package/lib/stories/useAnchoredPosition.stories.js +0 -351
  379. package/lib/stories/useFocusTrap.stories.js +0 -360
  380. package/lib/stories/useFocusZone.stories.js +0 -607
  381. package/lib-esm/__tests__/ActionList.test.d.ts +0 -1
  382. package/lib-esm/__tests__/ActionList.test.js +0 -57
  383. package/lib-esm/__tests__/ActionList.types.test.d.ts +0 -6
  384. package/lib-esm/__tests__/ActionList.types.test.js +0 -45
  385. package/lib-esm/__tests__/ActionList2.test.d.ts +0 -1
  386. package/lib-esm/__tests__/ActionList2.test.js +0 -41
  387. package/lib-esm/__tests__/ActionMenu.test.d.ts +0 -1
  388. package/lib-esm/__tests__/ActionMenu.test.js +0 -139
  389. package/lib-esm/__tests__/AnchoredOverlay.test.d.ts +0 -1
  390. package/lib-esm/__tests__/AnchoredOverlay.test.js +0 -136
  391. package/lib-esm/__tests__/Autocomplete.test.d.ts +0 -1
  392. package/lib-esm/__tests__/Autocomplete.test.js +0 -494
  393. package/lib-esm/__tests__/Avatar.test.d.ts +0 -1
  394. package/lib-esm/__tests__/Avatar.test.js +0 -56
  395. package/lib-esm/__tests__/AvatarStack.test.d.ts +0 -1
  396. package/lib-esm/__tests__/AvatarStack.test.js +0 -58
  397. package/lib-esm/__tests__/BorderBox.test.d.ts +0 -1
  398. package/lib-esm/__tests__/BorderBox.test.js +0 -47
  399. package/lib-esm/__tests__/Box.test.d.ts +0 -1
  400. package/lib-esm/__tests__/Box.test.js +0 -67
  401. package/lib-esm/__tests__/BranchName.test.d.ts +0 -1
  402. package/lib-esm/__tests__/BranchName.test.js +0 -26
  403. package/lib-esm/__tests__/Breadcrumbs.test.d.ts +0 -1
  404. package/lib-esm/__tests__/Breadcrumbs.test.js +0 -30
  405. package/lib-esm/__tests__/Breadcrumbs.types.test.d.ts +0 -3
  406. package/lib-esm/__tests__/Breadcrumbs.types.test.js +0 -12
  407. package/lib-esm/__tests__/BreadcrumbsItem.test.d.ts +0 -1
  408. package/lib-esm/__tests__/BreadcrumbsItem.test.js +0 -39
  409. package/lib-esm/__tests__/Button.test.d.ts +0 -1
  410. package/lib-esm/__tests__/Button.test.js +0 -137
  411. package/lib-esm/__tests__/Caret.test.d.ts +0 -1
  412. package/lib-esm/__tests__/Caret.test.js +0 -42
  413. package/lib-esm/__tests__/Checkbox.test.d.ts +0 -2
  414. package/lib-esm/__tests__/Checkbox.test.js +0 -169
  415. package/lib-esm/__tests__/CircleBadge.test.d.ts +0 -1
  416. package/lib-esm/__tests__/CircleBadge.test.js +0 -70
  417. package/lib-esm/__tests__/CircleBadge.types.test.d.ts +0 -3
  418. package/lib-esm/__tests__/CircleBadge.types.test.js +0 -13
  419. package/lib-esm/__tests__/CircleOcticon.test.d.ts +0 -1
  420. package/lib-esm/__tests__/CircleOcticon.test.js +0 -59
  421. package/lib-esm/__tests__/ConfirmationDialog.test.d.ts +0 -1
  422. package/lib-esm/__tests__/ConfirmationDialog.test.js +0 -113
  423. package/lib-esm/__tests__/CounterLabel.test.d.ts +0 -1
  424. package/lib-esm/__tests__/CounterLabel.test.js +0 -47
  425. package/lib-esm/__tests__/CounterLabel.types.test.d.ts +0 -3
  426. package/lib-esm/__tests__/CounterLabel.types.test.js +0 -13
  427. package/lib-esm/__tests__/Details.test.d.ts +0 -1
  428. package/lib-esm/__tests__/Details.test.js +0 -107
  429. package/lib-esm/__tests__/Dialog.test.d.ts +0 -1
  430. package/lib-esm/__tests__/Dialog.test.js +0 -171
  431. package/lib-esm/__tests__/Dialog.types.test.d.ts +0 -3
  432. package/lib-esm/__tests__/Dialog.types.test.js +0 -13
  433. package/lib-esm/__tests__/Dialog2.types.test.d.ts +0 -3
  434. package/lib-esm/__tests__/Dialog2.types.test.js +0 -16
  435. package/lib-esm/__tests__/Dropdown.test.d.ts +0 -1
  436. package/lib-esm/__tests__/Dropdown.test.js +0 -53
  437. package/lib-esm/__tests__/Dropdown.types.test.d.ts +0 -3
  438. package/lib-esm/__tests__/Dropdown.types.test.js +0 -17
  439. package/lib-esm/__tests__/DropdownMenu.test.d.ts +0 -1
  440. package/lib-esm/__tests__/DropdownMenu.test.js +0 -137
  441. package/lib-esm/__tests__/FilterList.test.d.ts +0 -1
  442. package/lib-esm/__tests__/FilterList.test.js +0 -26
  443. package/lib-esm/__tests__/FilterList.types.test.d.ts +0 -3
  444. package/lib-esm/__tests__/FilterList.types.test.js +0 -13
  445. package/lib-esm/__tests__/FilterListItem.test.d.ts +0 -1
  446. package/lib-esm/__tests__/FilterListItem.test.js +0 -36
  447. package/lib-esm/__tests__/FilteredSearch.test.d.ts +0 -1
  448. package/lib-esm/__tests__/FilteredSearch.test.js +0 -26
  449. package/lib-esm/__tests__/FilteredSearch.types.test.d.ts +0 -3
  450. package/lib-esm/__tests__/FilteredSearch.types.test.js +0 -13
  451. package/lib-esm/__tests__/Flash.test.d.ts +0 -1
  452. package/lib-esm/__tests__/Flash.test.js +0 -51
  453. package/lib-esm/__tests__/Flash.types.test.d.ts +0 -3
  454. package/lib-esm/__tests__/Flash.types.test.js +0 -13
  455. package/lib-esm/__tests__/Flex.test.d.ts +0 -1
  456. package/lib-esm/__tests__/Flex.test.js +0 -64
  457. package/lib-esm/__tests__/FormGroup.test.d.ts +0 -1
  458. package/lib-esm/__tests__/FormGroup.test.js +0 -44
  459. package/lib-esm/__tests__/FormGroup.types.test.d.ts +0 -3
  460. package/lib-esm/__tests__/FormGroup.types.test.js +0 -13
  461. package/lib-esm/__tests__/Grid.test.d.ts +0 -1
  462. package/lib-esm/__tests__/Grid.test.js +0 -94
  463. package/lib-esm/__tests__/Header.test.d.ts +0 -1
  464. package/lib-esm/__tests__/Header.test.js +0 -48
  465. package/lib-esm/__tests__/Header.types.test.d.ts +0 -3
  466. package/lib-esm/__tests__/Header.types.test.js +0 -15
  467. package/lib-esm/__tests__/Heading.test.d.ts +0 -1
  468. package/lib-esm/__tests__/Heading.test.js +0 -99
  469. package/lib-esm/__tests__/KeyPaths.types.test.d.ts +0 -11
  470. package/lib-esm/__tests__/KeyPaths.types.test.js +0 -3
  471. package/lib-esm/__tests__/Label.test.d.ts +0 -1
  472. package/lib-esm/__tests__/Label.test.js +0 -36
  473. package/lib-esm/__tests__/Label.types.test.d.ts +0 -3
  474. package/lib-esm/__tests__/Label.types.test.js +0 -13
  475. package/lib-esm/__tests__/LabelGroup.test.d.ts +0 -1
  476. package/lib-esm/__tests__/LabelGroup.test.js +0 -26
  477. package/lib-esm/__tests__/LabelGroup.types.test.d.ts +0 -3
  478. package/lib-esm/__tests__/LabelGroup.types.test.js +0 -13
  479. package/lib-esm/__tests__/Link.test.d.ts +0 -1
  480. package/lib-esm/__tests__/Link.test.js +0 -66
  481. package/lib-esm/__tests__/Link.types.test.d.ts +0 -3
  482. package/lib-esm/__tests__/Link.types.test.js +0 -13
  483. package/lib-esm/__tests__/Merge.types.test.d.ts +0 -30
  484. package/lib-esm/__tests__/Merge.types.test.js +0 -14
  485. package/lib-esm/__tests__/NewButton.test.d.ts +0 -1
  486. package/lib-esm/__tests__/NewButton.test.js +0 -84
  487. package/lib-esm/__tests__/Overlay.test.d.ts +0 -1
  488. package/lib-esm/__tests__/Overlay.test.js +0 -123
  489. package/lib-esm/__tests__/Overlay.types.test.d.ts +0 -6
  490. package/lib-esm/__tests__/Overlay.types.test.js +0 -49
  491. package/lib-esm/__tests__/Pagehead.test.d.ts +0 -1
  492. package/lib-esm/__tests__/Pagehead.test.js +0 -26
  493. package/lib-esm/__tests__/Pagehead.types.test.d.ts +0 -3
  494. package/lib-esm/__tests__/Pagehead.types.test.js +0 -13
  495. package/lib-esm/__tests__/Pagination/Pagination.test.d.ts +0 -1
  496. package/lib-esm/__tests__/Pagination/Pagination.test.js +0 -35
  497. package/lib-esm/__tests__/Pagination/PaginationModel.test.d.ts +0 -1
  498. package/lib-esm/__tests__/Pagination/PaginationModel.test.js +0 -182
  499. package/lib-esm/__tests__/Pagination.types.test.d.ts +0 -3
  500. package/lib-esm/__tests__/Pagination.types.test.js +0 -18
  501. package/lib-esm/__tests__/PointerBox.test.d.ts +0 -1
  502. package/lib-esm/__tests__/PointerBox.test.js +0 -36
  503. package/lib-esm/__tests__/Popover.test.d.ts +0 -1
  504. package/lib-esm/__tests__/Popover.test.js +0 -53
  505. package/lib-esm/__tests__/Popover.types.test.d.ts +0 -3
  506. package/lib-esm/__tests__/Popover.types.test.js +0 -13
  507. package/lib-esm/__tests__/Portal.test.d.ts +0 -1
  508. package/lib-esm/__tests__/Portal.test.js +0 -104
  509. package/lib-esm/__tests__/Position.test.d.ts +0 -1
  510. package/lib-esm/__tests__/Position.test.js +0 -133
  511. package/lib-esm/__tests__/ProgressBar.test.d.ts +0 -1
  512. package/lib-esm/__tests__/ProgressBar.test.js +0 -58
  513. package/lib-esm/__tests__/SelectMenu.test.d.ts +0 -1
  514. package/lib-esm/__tests__/SelectMenu.test.js +0 -145
  515. package/lib-esm/__tests__/SelectMenu.types.test.d.ts +0 -3
  516. package/lib-esm/__tests__/SelectMenu.types.test.js +0 -33
  517. package/lib-esm/__tests__/SelectPanel.test.d.ts +0 -1
  518. package/lib-esm/__tests__/SelectPanel.test.js +0 -65
  519. package/lib-esm/__tests__/SelectPanel.types.test.d.ts +0 -3
  520. package/lib-esm/__tests__/SelectPanel.types.test.js +0 -29
  521. package/lib-esm/__tests__/SideNav.test.d.ts +0 -1
  522. package/lib-esm/__tests__/SideNav.test.js +0 -60
  523. package/lib-esm/__tests__/SideNav.types.test.d.ts +0 -3
  524. package/lib-esm/__tests__/SideNav.types.test.js +0 -13
  525. package/lib-esm/__tests__/Spinner.test.d.ts +0 -1
  526. package/lib-esm/__tests__/Spinner.test.js +0 -43
  527. package/lib-esm/__tests__/StateLabel.test.d.ts +0 -1
  528. package/lib-esm/__tests__/StateLabel.test.js +0 -61
  529. package/lib-esm/__tests__/StateLabel.types.test.d.ts +0 -3
  530. package/lib-esm/__tests__/StateLabel.types.test.js +0 -13
  531. package/lib-esm/__tests__/StyledOcticon.test.d.ts +0 -1
  532. package/lib-esm/__tests__/StyledOcticon.test.js +0 -29
  533. package/lib-esm/__tests__/StyledOcticon.types.test.d.ts +0 -3
  534. package/lib-esm/__tests__/StyledOcticon.types.test.js +0 -16
  535. package/lib-esm/__tests__/SubNav.test.d.ts +0 -1
  536. package/lib-esm/__tests__/SubNav.test.js +0 -50
  537. package/lib-esm/__tests__/SubNav.types.test.d.ts +0 -3
  538. package/lib-esm/__tests__/SubNav.types.test.js +0 -14
  539. package/lib-esm/__tests__/SubNavLink.test.d.ts +0 -1
  540. package/lib-esm/__tests__/SubNavLink.test.js +0 -39
  541. package/lib-esm/__tests__/TabNav.test.d.ts +0 -1
  542. package/lib-esm/__tests__/TabNav.test.js +0 -39
  543. package/lib-esm/__tests__/TabNav.types.test.d.ts +0 -3
  544. package/lib-esm/__tests__/TabNav.types.test.js +0 -12
  545. package/lib-esm/__tests__/Text.test.d.ts +0 -1
  546. package/lib-esm/__tests__/Text.test.js +0 -93
  547. package/lib-esm/__tests__/TextInput.test.d.ts +0 -1
  548. package/lib-esm/__tests__/TextInput.test.js +0 -68
  549. package/lib-esm/__tests__/TextInputWithTokens.test.d.ts +0 -1
  550. package/lib-esm/__tests__/TextInputWithTokens.test.js +0 -511
  551. package/lib-esm/__tests__/ThemeProvider.test.d.ts +0 -1
  552. package/lib-esm/__tests__/ThemeProvider.test.js +0 -408
  553. package/lib-esm/__tests__/Timeline.test.d.ts +0 -1
  554. package/lib-esm/__tests__/Timeline.test.js +0 -65
  555. package/lib-esm/__tests__/Timeline.types.test.d.ts +0 -3
  556. package/lib-esm/__tests__/Timeline.types.test.js +0 -18
  557. package/lib-esm/__tests__/Token.test.d.ts +0 -1
  558. package/lib-esm/__tests__/Token.test.js +0 -166
  559. package/lib-esm/__tests__/Tooltip.test.d.ts +0 -1
  560. package/lib-esm/__tests__/Tooltip.test.js +0 -59
  561. package/lib-esm/__tests__/Tooltip.types.test.d.ts +0 -3
  562. package/lib-esm/__tests__/Tooltip.types.test.js +0 -13
  563. package/lib-esm/__tests__/Truncate.test.d.ts +0 -1
  564. package/lib-esm/__tests__/Truncate.test.js +0 -53
  565. package/lib-esm/__tests__/Truncate.types.test.d.ts +0 -3
  566. package/lib-esm/__tests__/Truncate.types.test.js +0 -16
  567. package/lib-esm/__tests__/UnderlineNav.test.d.ts +0 -1
  568. package/lib-esm/__tests__/UnderlineNav.test.js +0 -60
  569. package/lib-esm/__tests__/UnderlineNav.types.test.d.ts +0 -3
  570. package/lib-esm/__tests__/UnderlineNav.types.test.js +0 -12
  571. package/lib-esm/__tests__/UnderlineNavLink.test.d.ts +0 -1
  572. package/lib-esm/__tests__/UnderlineNavLink.test.js +0 -41
  573. package/lib-esm/__tests__/behaviors/anchoredPosition.test.d.ts +0 -1
  574. package/lib-esm/__tests__/behaviors/anchoredPosition.test.js +0 -388
  575. package/lib-esm/__tests__/behaviors/focusTrap.test.d.ts +0 -1
  576. package/lib-esm/__tests__/behaviors/focusTrap.test.js +0 -227
  577. package/lib-esm/__tests__/behaviors/focusZone.test.d.ts +0 -1
  578. package/lib-esm/__tests__/behaviors/focusZone.test.js +0 -487
  579. package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.d.ts +0 -1
  580. package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.js +0 -48
  581. package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +0 -1
  582. package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.js +0 -224
  583. package/lib-esm/__tests__/filterObject.test.d.ts +0 -1
  584. package/lib-esm/__tests__/filterObject.test.js +0 -27
  585. package/lib-esm/__tests__/hooks/useAnchoredPosition.test.d.ts +0 -1
  586. package/lib-esm/__tests__/hooks/useAnchoredPosition.test.js +0 -46
  587. package/lib-esm/__tests__/hooks/useOnEscapePress.test.d.ts +0 -1
  588. package/lib-esm/__tests__/hooks/useOnEscapePress.test.js +0 -23
  589. package/lib-esm/__tests__/hooks/useOnOutsideClick.test.d.ts +0 -1
  590. package/lib-esm/__tests__/hooks/useOnOutsideClick.test.js +0 -68
  591. package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +0 -1
  592. package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.js +0 -52
  593. package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +0 -1
  594. package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.js +0 -36
  595. package/lib-esm/__tests__/theme.test.d.ts +0 -1
  596. package/lib-esm/__tests__/theme.test.js +0 -33
  597. package/lib-esm/__tests__/themeGet.test.d.ts +0 -1
  598. package/lib-esm/__tests__/themeGet.test.js +0 -22
  599. package/lib-esm/__tests__/useSafeTimeout.test.d.ts +0 -1
  600. package/lib-esm/__tests__/useSafeTimeout.test.js +0 -39
  601. package/lib-esm/__tests__/utils/createSlots.test.d.ts +0 -1
  602. package/lib-esm/__tests__/utils/createSlots.test.js +0 -67
  603. package/lib-esm/stories/ActionList.stories.js +0 -395
  604. package/lib-esm/stories/ActionList2.stories.js +0 -797
  605. package/lib-esm/stories/ActionMenu.stories.js +0 -303
  606. package/lib-esm/stories/AnchoredOverlay.stories.js +0 -101
  607. package/lib-esm/stories/Autocomplete.stories.js +0 -560
  608. package/lib-esm/stories/AvatarStack.stories.js +0 -32
  609. package/lib-esm/stories/Button.stories.js +0 -86
  610. package/lib-esm/stories/Checkbox.stories.js +0 -197
  611. package/lib-esm/stories/ConfirmationDialog.stories.js +0 -94
  612. package/lib-esm/stories/Dialog.stories.js +0 -244
  613. package/lib-esm/stories/DropdownMenu.stories.js +0 -94
  614. package/lib-esm/stories/IssueLabelToken.stories.js +0 -139
  615. package/lib-esm/stories/NewButton.stories.js +0 -178
  616. package/lib-esm/stories/Overlay.stories.js +0 -173
  617. package/lib-esm/stories/Portal.stories.js +0 -68
  618. package/lib-esm/stories/ProfileToken.stories.js +0 -136
  619. package/lib-esm/stories/SelectPanel.stories.js +0 -334
  620. package/lib-esm/stories/TextInput.stories.js +0 -117
  621. package/lib-esm/stories/TextInputWithTokens.stories.js +0 -210
  622. package/lib-esm/stories/ThemeProvider.stories.js +0 -83
  623. package/lib-esm/stories/Token.stories.js +0 -146
  624. package/lib-esm/stories/useAnchoredPosition.stories.js +0 -313
  625. package/lib-esm/stories/useFocusTrap.stories.js +0 -313
  626. package/lib-esm/stories/useFocusZone.stories.js +0 -562
  627. package/migrating.md +0 -250
  628. package/now.json +0 -17
  629. package/package-lock.json +0 -66509
  630. package/rollup.config.js +0 -36
  631. package/script/build +0 -21
  632. package/script/build-storybook +0 -10
  633. package/script/setup +0 -12
  634. package/src/ActionList/Divider.tsx +0 -25
  635. package/src/ActionList/Group.tsx +0 -45
  636. package/src/ActionList/Header.tsx +0 -74
  637. package/src/ActionList/Item.tsx +0 -480
  638. package/src/ActionList/List.tsx +0 -258
  639. package/src/ActionList/index.ts +0 -21
  640. package/src/ActionList2/Description.tsx +0 -52
  641. package/src/ActionList2/Divider.tsx +0 -24
  642. package/src/ActionList2/Group.tsx +0 -103
  643. package/src/ActionList2/Header.tsx +0 -58
  644. package/src/ActionList2/Item.tsx +0 -246
  645. package/src/ActionList2/LinkItem.tsx +0 -49
  646. package/src/ActionList2/List.tsx +0 -55
  647. package/src/ActionList2/Selection.tsx +0 -60
  648. package/src/ActionList2/Visuals.tsx +0 -76
  649. package/src/ActionList2/index.ts +0 -39
  650. package/src/ActionMenu.tsx +0 -106
  651. package/src/AnchoredOverlay/AnchoredOverlay.tsx +0 -191
  652. package/src/AnchoredOverlay/index.ts +0 -2
  653. package/src/Autocomplete/Autocomplete.tsx +0 -103
  654. package/src/Autocomplete/AutocompleteContext.tsx +0 -19
  655. package/src/Autocomplete/AutocompleteInput.tsx +0 -179
  656. package/src/Autocomplete/AutocompleteMenu.tsx +0 -341
  657. package/src/Autocomplete/AutocompleteOverlay.tsx +0 -68
  658. package/src/Autocomplete/index.ts +0 -2
  659. package/src/Avatar.tsx +0 -46
  660. package/src/AvatarPair.tsx +0 -35
  661. package/src/AvatarStack.tsx +0 -159
  662. package/src/BaseStyles.tsx +0 -53
  663. package/src/BorderBox.tsx +0 -18
  664. package/src/Box.tsx +0 -54
  665. package/src/BranchName.tsx +0 -19
  666. package/src/Breadcrumbs.tsx +0 -101
  667. package/src/Button/Button.tsx +0 -39
  668. package/src/Button/ButtonBase.tsx +0 -39
  669. package/src/Button/ButtonClose.tsx +0 -36
  670. package/src/Button/ButtonDanger.tsx +0 -42
  671. package/src/Button/ButtonGroup.tsx +0 -55
  672. package/src/Button/ButtonInvisible.tsx +0 -31
  673. package/src/Button/ButtonOutline.tsx +0 -42
  674. package/src/Button/ButtonPrimary.tsx +0 -40
  675. package/src/Button/ButtonStyles.tsx +0 -36
  676. package/src/Button/ButtonTableList.tsx +0 -45
  677. package/src/Button/index.ts +0 -16
  678. package/src/Caret.tsx +0 -133
  679. package/src/Checkbox.tsx +0 -75
  680. package/src/CircleBadge.tsx +0 -53
  681. package/src/CircleOcticon.tsx +0 -37
  682. package/src/CounterLabel.tsx +0 -50
  683. package/src/Details.tsx +0 -23
  684. package/src/Dialog/ConfirmationDialog.tsx +0 -184
  685. package/src/Dialog/Dialog.tsx +0 -444
  686. package/src/Dialog.tsx +0 -145
  687. package/src/Dropdown.tsx +0 -154
  688. package/src/DropdownMenu/DropdownButton.tsx +0 -15
  689. package/src/DropdownMenu/DropdownMenu.tsx +0 -115
  690. package/src/DropdownMenu/index.ts +0 -4
  691. package/src/DropdownStyles.ts +0 -128
  692. package/src/FilterList.tsx +0 -75
  693. package/src/FilteredActionList/FilteredActionList.tsx +0 -142
  694. package/src/FilteredActionList/index.ts +0 -2
  695. package/src/FilteredSearch.tsx +0 -27
  696. package/src/Flash.tsx +0 -75
  697. package/src/Flex.tsx +0 -15
  698. package/src/FormGroup.tsx +0 -24
  699. package/src/Grid.tsx +0 -15
  700. package/src/Header.tsx +0 -74
  701. package/src/Heading.tsx +0 -21
  702. package/src/Label.tsx +0 -72
  703. package/src/LabelGroup.tsx +0 -17
  704. package/src/Link.tsx +0 -42
  705. package/src/NewButton/button-counter.tsx +0 -15
  706. package/src/NewButton/button.tsx +0 -283
  707. package/src/NewButton/index.ts +0 -10
  708. package/src/NewButton/types.ts +0 -36
  709. package/src/Overlay.tsx +0 -203
  710. package/src/Pagehead.tsx +0 -16
  711. package/src/Pagination/Pagination.tsx +0 -212
  712. package/src/Pagination/index.ts +0 -4
  713. package/src/Pagination/model.tsx +0 -187
  714. package/src/PointerBox.tsx +0 -31
  715. package/src/Popover.tsx +0 -225
  716. package/src/Portal/Portal.tsx +0 -97
  717. package/src/Portal/index.ts +0 -5
  718. package/src/Position.tsx +0 -63
  719. package/src/ProgressBar.tsx +0 -52
  720. package/src/SelectMenu/SelectMenu.tsx +0 -123
  721. package/src/SelectMenu/SelectMenuContext.tsx +0 -9
  722. package/src/SelectMenu/SelectMenuDivider.tsx +0 -24
  723. package/src/SelectMenu/SelectMenuFilter.tsx +0 -50
  724. package/src/SelectMenu/SelectMenuFooter.tsx +0 -27
  725. package/src/SelectMenu/SelectMenuHeader.tsx +0 -48
  726. package/src/SelectMenu/SelectMenuItem.tsx +0 -136
  727. package/src/SelectMenu/SelectMenuList.tsx +0 -41
  728. package/src/SelectMenu/SelectMenuLoadingAnimation.tsx +0 -25
  729. package/src/SelectMenu/SelectMenuModal.tsx +0 -119
  730. package/src/SelectMenu/SelectMenuTab.tsx +0 -87
  731. package/src/SelectMenu/SelectMenuTabPanel.tsx +0 -29
  732. package/src/SelectMenu/SelectMenuTabs.tsx +0 -43
  733. package/src/SelectMenu/hooks/useKeyboardNav.js +0 -90
  734. package/src/SelectMenu/index.ts +0 -15
  735. package/src/SelectPanel/SelectPanel.tsx +0 -173
  736. package/src/SelectPanel/index.ts +0 -2
  737. package/src/SideNav.tsx +0 -191
  738. package/src/Spinner.tsx +0 -59
  739. package/src/StateLabel.tsx +0 -112
  740. package/src/StyledOcticon.tsx +0 -22
  741. package/src/SubNav.tsx +0 -124
  742. package/src/TabNav.tsx +0 -73
  743. package/src/Text.tsx +0 -13
  744. package/src/TextInput.tsx +0 -68
  745. package/src/TextInputWithTokens.tsx +0 -351
  746. package/src/ThemeProvider.tsx +0 -176
  747. package/src/Timeline.tsx +0 -140
  748. package/src/Token/AvatarToken.tsx +0 -54
  749. package/src/Token/IssueLabelToken.tsx +0 -150
  750. package/src/Token/Token.tsx +0 -126
  751. package/src/Token/TokenBase.tsx +0 -129
  752. package/src/Token/_RemoveTokenButton.tsx +0 -111
  753. package/src/Token/_TokenTextContainer.tsx +0 -47
  754. package/src/Token/index.ts +0 -3
  755. package/src/Tooltip.tsx +0 -263
  756. package/src/Truncate.tsx +0 -31
  757. package/src/UnderlineNav.tsx +0 -107
  758. package/src/_TextInputWrapper.tsx +0 -113
  759. package/src/_UnstyledTextInput.tsx +0 -19
  760. package/src/__tests__/.eslintrc.json +0 -11
  761. package/src/__tests__/ActionList.test.tsx +0 -53
  762. package/src/__tests__/ActionList.types.test.tsx +0 -51
  763. package/src/__tests__/ActionList2.test.tsx +0 -47
  764. package/src/__tests__/ActionMenu.test.tsx +0 -136
  765. package/src/__tests__/AnchoredOverlay.test.tsx +0 -150
  766. package/src/__tests__/Autocomplete.test.tsx +0 -444
  767. package/src/__tests__/Avatar.test.tsx +0 -44
  768. package/src/__tests__/AvatarStack.test.tsx +0 -48
  769. package/src/__tests__/BorderBox.test.tsx +0 -43
  770. package/src/__tests__/Box.test.tsx +0 -42
  771. package/src/__tests__/BranchName.test.tsx +0 -26
  772. package/src/__tests__/Breadcrumbs.test.tsx +0 -27
  773. package/src/__tests__/Breadcrumbs.types.test.tsx +0 -22
  774. package/src/__tests__/BreadcrumbsItem.test.tsx +0 -31
  775. package/src/__tests__/Button.test.tsx +0 -128
  776. package/src/__tests__/Caret.test.tsx +0 -36
  777. package/src/__tests__/Checkbox.test.tsx +0 -155
  778. package/src/__tests__/CircleBadge.test.tsx +0 -66
  779. package/src/__tests__/CircleBadge.types.test.tsx +0 -11
  780. package/src/__tests__/CircleOcticon.test.tsx +0 -50
  781. package/src/__tests__/ConfirmationDialog.test.tsx +0 -120
  782. package/src/__tests__/CounterLabel.test.tsx +0 -50
  783. package/src/__tests__/CounterLabel.types.test.tsx +0 -11
  784. package/src/__tests__/Details.test.tsx +0 -115
  785. package/src/__tests__/Dialog.test.tsx +0 -155
  786. package/src/__tests__/Dialog.types.test.tsx +0 -11
  787. package/src/__tests__/Dialog2.types.test.tsx +0 -11
  788. package/src/__tests__/Dropdown.test.tsx +0 -53
  789. package/src/__tests__/Dropdown.types.test.tsx +0 -21
  790. package/src/__tests__/DropdownMenu.test.tsx +0 -136
  791. package/src/__tests__/FilterList.test.tsx +0 -26
  792. package/src/__tests__/FilterList.types.test.tsx +0 -17
  793. package/src/__tests__/FilterListItem.test.tsx +0 -31
  794. package/src/__tests__/FilteredSearch.test.tsx +0 -26
  795. package/src/__tests__/FilteredSearch.types.test.tsx +0 -11
  796. package/src/__tests__/Flash.test.tsx +0 -45
  797. package/src/__tests__/Flash.types.test.tsx +0 -11
  798. package/src/__tests__/Flex.test.tsx +0 -58
  799. package/src/__tests__/FormGroup.test.tsx +0 -38
  800. package/src/__tests__/FormGroup.types.test.tsx +0 -11
  801. package/src/__tests__/Grid.test.tsx +0 -82
  802. package/src/__tests__/Header.test.tsx +0 -49
  803. package/src/__tests__/Header.types.test.tsx +0 -19
  804. package/src/__tests__/Heading.test.tsx +0 -91
  805. package/src/__tests__/KeyPaths.types.test.ts +0 -14
  806. package/src/__tests__/Label.test.tsx +0 -34
  807. package/src/__tests__/Label.types.test.tsx +0 -11
  808. package/src/__tests__/LabelGroup.test.tsx +0 -30
  809. package/src/__tests__/LabelGroup.types.test.tsx +0 -11
  810. package/src/__tests__/Link.test.tsx +0 -47
  811. package/src/__tests__/Link.types.test.tsx +0 -11
  812. package/src/__tests__/Merge.types.test.ts +0 -39
  813. package/src/__tests__/NewButton.test.tsx +0 -70
  814. package/src/__tests__/Overlay.test.tsx +0 -103
  815. package/src/__tests__/Overlay.types.test.tsx +0 -33
  816. package/src/__tests__/Pagehead.test.tsx +0 -23
  817. package/src/__tests__/Pagehead.types.test.tsx +0 -11
  818. package/src/__tests__/Pagination/Pagination.test.tsx +0 -30
  819. package/src/__tests__/Pagination/PaginationModel.test.tsx +0 -133
  820. package/src/__tests__/Pagination/__snapshots__/Pagination.test.tsx.snap +0 -184
  821. package/src/__tests__/Pagination.types.test.tsx +0 -11
  822. package/src/__tests__/PointerBox.test.tsx +0 -34
  823. package/src/__tests__/Popover.test.tsx +0 -68
  824. package/src/__tests__/Popover.types.test.tsx +0 -17
  825. package/src/__tests__/Portal.test.tsx +0 -103
  826. package/src/__tests__/Position.test.tsx +0 -117
  827. package/src/__tests__/ProgressBar.test.tsx +0 -40
  828. package/src/__tests__/SelectMenu.test.tsx +0 -142
  829. package/src/__tests__/SelectMenu.types.test.tsx +0 -37
  830. package/src/__tests__/SelectPanel.test.tsx +0 -63
  831. package/src/__tests__/SelectPanel.types.test.tsx +0 -31
  832. package/src/__tests__/SideNav.test.tsx +0 -62
  833. package/src/__tests__/SideNav.types.test.tsx +0 -11
  834. package/src/__tests__/Spinner.test.tsx +0 -42
  835. package/src/__tests__/StateLabel.test.tsx +0 -48
  836. package/src/__tests__/StateLabel.types.test.tsx +0 -11
  837. package/src/__tests__/StyledOcticon.test.tsx +0 -26
  838. package/src/__tests__/StyledOcticon.types.test.tsx +0 -12
  839. package/src/__tests__/SubNav.test.tsx +0 -50
  840. package/src/__tests__/SubNav.types.test.tsx +0 -25
  841. package/src/__tests__/SubNavLink.test.tsx +0 -31
  842. package/src/__tests__/TabNav.test.tsx +0 -32
  843. package/src/__tests__/TabNav.types.test.tsx +0 -22
  844. package/src/__tests__/Text.test.tsx +0 -78
  845. package/src/__tests__/TextInput.test.tsx +0 -49
  846. package/src/__tests__/TextInputWithTokens.test.tsx +0 -422
  847. package/src/__tests__/ThemeProvider.test.tsx +0 -441
  848. package/src/__tests__/Timeline.test.tsx +0 -58
  849. package/src/__tests__/Timeline.types.test.tsx +0 -31
  850. package/src/__tests__/Token.test.tsx +0 -118
  851. package/src/__tests__/Tooltip.test.tsx +0 -52
  852. package/src/__tests__/Tooltip.types.test.tsx +0 -11
  853. package/src/__tests__/Truncate.test.tsx +0 -43
  854. package/src/__tests__/Truncate.types.test.tsx +0 -11
  855. package/src/__tests__/UnderlineNav.test.tsx +0 -58
  856. package/src/__tests__/UnderlineNav.types.test.tsx +0 -22
  857. package/src/__tests__/UnderlineNavLink.test.tsx +0 -31
  858. package/src/__tests__/__snapshots__/ActionList.test.tsx.snap +0 -223
  859. package/src/__tests__/__snapshots__/ActionList2.test.tsx.snap +0 -14
  860. package/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap +0 -80
  861. package/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap +0 -232
  862. package/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +0 -3888
  863. package/src/__tests__/__snapshots__/Avatar.test.tsx.snap +0 -19
  864. package/src/__tests__/__snapshots__/AvatarStack.test.tsx.snap +0 -377
  865. package/src/__tests__/__snapshots__/BorderBox.test.tsx.snap +0 -14
  866. package/src/__tests__/__snapshots__/Box.test.tsx.snap +0 -201
  867. package/src/__tests__/__snapshots__/BranchName.test.tsx.snap +0 -17
  868. package/src/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap +0 -29
  869. package/src/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap +0 -79
  870. package/src/__tests__/__snapshots__/Button.test.tsx.snap +0 -840
  871. package/src/__tests__/__snapshots__/Caret.test.tsx.snap +0 -373
  872. package/src/__tests__/__snapshots__/Checkbox.test.tsx.snap +0 -16
  873. package/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap +0 -142
  874. package/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap +0 -65
  875. package/src/__tests__/__snapshots__/ConfirmationDialog.test.tsx.snap +0 -89
  876. package/src/__tests__/__snapshots__/CounterLabel.test.tsx.snap +0 -22
  877. package/src/__tests__/__snapshots__/Details.test.tsx.snap +0 -15
  878. package/src/__tests__/__snapshots__/Dialog.test.tsx.snap +0 -201
  879. package/src/__tests__/__snapshots__/Dropdown.test.tsx.snap +0 -249
  880. package/src/__tests__/__snapshots__/DropdownMenu.test.tsx.snap +0 -107
  881. package/src/__tests__/__snapshots__/FilterList.test.tsx.snap +0 -13
  882. package/src/__tests__/__snapshots__/FilterListItem.test.tsx.snap +0 -80
  883. package/src/__tests__/__snapshots__/FilteredSearch.test.tsx.snap +0 -32
  884. package/src/__tests__/__snapshots__/Flash.test.tsx.snap +0 -32
  885. package/src/__tests__/__snapshots__/Flex.test.tsx.snap +0 -130
  886. package/src/__tests__/__snapshots__/FormGroup.test.tsx.snap +0 -25
  887. package/src/__tests__/__snapshots__/Grid.test.tsx.snap +0 -178
  888. package/src/__tests__/__snapshots__/Header.test.tsx.snap +0 -79
  889. package/src/__tests__/__snapshots__/Heading.test.tsx.snap +0 -13
  890. package/src/__tests__/__snapshots__/Label.test.tsx.snap +0 -73
  891. package/src/__tests__/__snapshots__/LabelGroup.test.tsx.snap +0 -15
  892. package/src/__tests__/__snapshots__/Link.test.tsx.snap +0 -212
  893. package/src/__tests__/__snapshots__/NewButton.test.tsx.snap +0 -305
  894. package/src/__tests__/__snapshots__/Pagehead.test.tsx.snap +0 -15
  895. package/src/__tests__/__snapshots__/PointerBox.test.tsx.snap +0 -174
  896. package/src/__tests__/__snapshots__/Popover.test.tsx.snap +0 -4687
  897. package/src/__tests__/__snapshots__/Position.test.tsx.snap +0 -44
  898. package/src/__tests__/__snapshots__/ProgressBar.test.tsx.snap +0 -53
  899. package/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap +0 -473
  900. package/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap +0 -124
  901. package/src/__tests__/__snapshots__/SideNav.test.tsx.snap +0 -143
  902. package/src/__tests__/__snapshots__/Spinner.test.tsx.snap +0 -33
  903. package/src/__tests__/__snapshots__/StateLabel.test.tsx.snap +0 -395
  904. package/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap +0 -26
  905. package/src/__tests__/__snapshots__/SubNav.test.tsx.snap +0 -44
  906. package/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap +0 -199
  907. package/src/__tests__/__snapshots__/TabNav.test.tsx.snap +0 -58
  908. package/src/__tests__/__snapshots__/Text.test.tsx.snap +0 -7
  909. package/src/__tests__/__snapshots__/TextInput.test.tsx.snap +0 -446
  910. package/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap +0 -6045
  911. package/src/__tests__/__snapshots__/ThemeProvider.test.tsx.snap +0 -15
  912. package/src/__tests__/__snapshots__/Timeline.test.tsx.snap +0 -159
  913. package/src/__tests__/__snapshots__/Token.test.tsx.snap +0 -3811
  914. package/src/__tests__/__snapshots__/Tooltip.test.tsx.snap +0 -227
  915. package/src/__tests__/__snapshots__/Truncate.test.tsx.snap +0 -17
  916. package/src/__tests__/__snapshots__/UnderlineNav.test.tsx.snap +0 -59
  917. package/src/__tests__/__snapshots__/UnderlineNavLink.test.tsx.snap +0 -130
  918. package/src/__tests__/behaviors/anchoredPosition.test.ts +0 -295
  919. package/src/__tests__/behaviors/focusTrap.test.tsx +0 -236
  920. package/src/__tests__/behaviors/focusZone.test.tsx +0 -549
  921. package/src/__tests__/behaviors/iterateFocusableElements.test.tsx +0 -61
  922. package/src/__tests__/behaviors/scrollIntoViewingArea.test.ts +0 -195
  923. package/src/__tests__/filterObject.test.ts +0 -54
  924. package/src/__tests__/hooks/useAnchoredPosition.test.tsx +0 -31
  925. package/src/__tests__/hooks/useOnEscapePress.test.tsx +0 -16
  926. package/src/__tests__/hooks/useOnOutsideClick.test.tsx +0 -48
  927. package/src/__tests__/hooks/useOpenAndCloseFocus.test.tsx +0 -48
  928. package/src/__tests__/hooks/useProvidedStateOrCreate.test.tsx +0 -39
  929. package/src/__tests__/theme.test.ts +0 -41
  930. package/src/__tests__/themeGet.test.ts +0 -15
  931. package/src/__tests__/useSafeTimeout.test.tsx +0 -36
  932. package/src/__tests__/utils/__snapshots__/createSlots.test.tsx.snap +0 -55
  933. package/src/__tests__/utils/createSlots.test.tsx +0 -74
  934. package/src/behaviors/anchoredPosition.ts +0 -442
  935. package/src/behaviors/focusTrap.ts +0 -184
  936. package/src/behaviors/focusZone.ts +0 -713
  937. package/src/behaviors/scrollIntoViewingArea.ts +0 -27
  938. package/src/constants.ts +0 -62
  939. package/src/drafts.ts +0 -10
  940. package/src/hooks/index.ts +0 -11
  941. package/src/hooks/useAnchoredPosition.ts +0 -54
  942. package/src/hooks/useCombinedRefs.ts +0 -40
  943. package/src/hooks/useDetails.tsx +0 -54
  944. package/src/hooks/useDialog.ts +0 -121
  945. package/src/hooks/useFocusTrap.ts +0 -80
  946. package/src/hooks/useFocusZone.ts +0 -64
  947. package/src/hooks/useOnEscapePress.ts +0 -63
  948. package/src/hooks/useOnOutsideClick.tsx +0 -82
  949. package/src/hooks/useOpenAndCloseFocus.ts +0 -32
  950. package/src/hooks/useOverlay.tsx +0 -34
  951. package/src/hooks/useProvidedRefOrCreate.ts +0 -14
  952. package/src/hooks/useProvidedStateOrCreate.ts +0 -27
  953. package/src/hooks/useRenderForcingRef.ts +0 -22
  954. package/src/hooks/useResizeObserver.ts +0 -11
  955. package/src/hooks/useSafeTimeout.ts +0 -38
  956. package/src/hooks/useScrollFlash.ts +0 -21
  957. package/src/index.ts +0 -175
  958. package/src/polyfills/eventListenerSignal.ts +0 -66
  959. package/src/stories/ActionList.stories.tsx +0 -436
  960. package/src/stories/ActionList2.stories.tsx +0 -1291
  961. package/src/stories/ActionMenu.stories.tsx +0 -331
  962. package/src/stories/AnchoredOverlay.stories.tsx +0 -117
  963. package/src/stories/Autocomplete.stories.tsx +0 -655
  964. package/src/stories/AvatarStack.stories.tsx +0 -37
  965. package/src/stories/Button.stories.tsx +0 -92
  966. package/src/stories/Checkbox.stories.tsx +0 -164
  967. package/src/stories/ConfirmationDialog.stories.tsx +0 -105
  968. package/src/stories/Dialog.stories.tsx +0 -240
  969. package/src/stories/DropdownMenu.stories.tsx +0 -84
  970. package/src/stories/IssueLabelToken.stories.tsx +0 -138
  971. package/src/stories/NewButton.stories.tsx +0 -201
  972. package/src/stories/Overlay.stories.tsx +0 -213
  973. package/src/stories/Portal.stories.tsx +0 -109
  974. package/src/stories/ProfileToken.stories.tsx +0 -129
  975. package/src/stories/SelectPanel.stories.tsx +0 -353
  976. package/src/stories/TextInput.stories.tsx +0 -113
  977. package/src/stories/TextInputWithTokens.stories.tsx +0 -155
  978. package/src/stories/ThemeProvider.stories.tsx +0 -104
  979. package/src/stories/Token.stories.tsx +0 -137
  980. package/src/stories/useAnchoredPosition.stories.tsx +0 -332
  981. package/src/stories/useFocusTrap.stories.tsx +0 -400
  982. package/src/stories/useFocusZone.stories.tsx +0 -663
  983. package/src/sx.ts +0 -24
  984. package/src/theme-preval.js +0 -80
  985. package/src/theme.ts +0 -89
  986. package/src/utils/create-slots.tsx +0 -96
  987. package/src/utils/deprecate.tsx +0 -73
  988. package/src/utils/isNumeric.tsx +0 -4
  989. package/src/utils/iterateFocusableElements.ts +0 -121
  990. package/src/utils/ssr.tsx +0 -1
  991. package/src/utils/test-deprecations.tsx +0 -19
  992. package/src/utils/test-helpers.tsx +0 -7
  993. package/src/utils/test-matchers.tsx +0 -109
  994. package/src/utils/testing.tsx +0 -242
  995. package/src/utils/theme.js +0 -64
  996. package/src/utils/types/AriaRole.ts +0 -71
  997. package/src/utils/types/ComponentProps.ts +0 -13
  998. package/src/utils/types/Flatten.ts +0 -4
  999. package/src/utils/types/KeyPaths.ts +0 -10
  1000. package/src/utils/types/MandateProps.ts +0 -19
  1001. package/src/utils/types/Merge.ts +0 -20
  1002. package/src/utils/types/index.ts +0 -5
  1003. package/src/utils/uniqueId.ts +0 -6
  1004. package/src/utils/use-force-update.ts +0 -7
  1005. package/src/utils/useIsomorphicLayoutEffect.ts +0 -10
  1006. package/src/utils/userAgent.ts +0 -7
  1007. package/stats.html +0 -3279
  1008. package/tsconfig.build.json +0 -7
  1009. package/tsconfig.json +0 -20
@@ -1,713 +0,0 @@
1
- import {iterateFocusableElements} from '../utils/iterateFocusableElements'
2
- import {polyfill as eventListenerSignalPolyfill} from '../polyfills/eventListenerSignal'
3
- import {isMacOS} from '../utils/userAgent'
4
- import {uniqueId} from '../utils/uniqueId'
5
-
6
- eventListenerSignalPolyfill()
7
-
8
- export type Direction = 'previous' | 'next' | 'start' | 'end'
9
-
10
- export type FocusMovementKeys =
11
- | 'ArrowLeft'
12
- | 'ArrowDown'
13
- | 'ArrowUp'
14
- | 'ArrowRight'
15
- | 'h'
16
- | 'j'
17
- | 'k'
18
- | 'l'
19
- | 'a'
20
- | 's'
21
- | 'w'
22
- | 'd'
23
- | 'Tab'
24
- | 'Home'
25
- | 'End'
26
- | 'PageUp'
27
- | 'PageDown'
28
-
29
- // eslint-disable-next-line no-shadow
30
- export enum FocusKeys {
31
- // Left and right arrow keys (previous and next, respectively)
32
- ArrowHorizontal = 0b000000001,
33
-
34
- // Up and down arrow keys (previous and next, respectively)
35
- ArrowVertical = 0b000000010,
36
-
37
- // The "J" and "K" keys (next and previous, respectively)
38
- JK = 0b000000100,
39
-
40
- // The "H" and "L" keys (previous and next, respectively)
41
- HL = 0b000001000,
42
-
43
- // The Home and End keys (previous and next, respectively, to end)
44
- HomeAndEnd = 0b000010000,
45
-
46
- // The PgUp and PgDn keys (previous and next, respectively, to end)
47
- PageUpDown = 0b100000000,
48
-
49
- // The "W" and "S" keys (previous and next, respectively)
50
- WS = 0b000100000,
51
-
52
- // The "A" and "D" keys (previous and next, respectively)
53
- AD = 0b001000000,
54
-
55
- // The Tab key (next)
56
- Tab = 0b010000000,
57
-
58
- ArrowAll = FocusKeys.ArrowHorizontal | FocusKeys.ArrowVertical,
59
- HJKL = FocusKeys.HL | FocusKeys.JK,
60
- WASD = FocusKeys.WS | FocusKeys.AD,
61
- All = FocusKeys.ArrowAll |
62
- FocusKeys.HJKL |
63
- FocusKeys.HomeAndEnd |
64
- FocusKeys.PageUpDown |
65
- FocusKeys.WASD |
66
- FocusKeys.Tab
67
- }
68
-
69
- const KEY_TO_BIT = {
70
- ArrowLeft: FocusKeys.ArrowHorizontal,
71
- ArrowDown: FocusKeys.ArrowVertical,
72
- ArrowUp: FocusKeys.ArrowVertical,
73
- ArrowRight: FocusKeys.ArrowHorizontal,
74
- h: FocusKeys.HL,
75
- j: FocusKeys.JK,
76
- k: FocusKeys.JK,
77
- l: FocusKeys.HL,
78
- a: FocusKeys.AD,
79
- s: FocusKeys.WS,
80
- w: FocusKeys.WS,
81
- d: FocusKeys.AD,
82
- Tab: FocusKeys.Tab,
83
- Home: FocusKeys.HomeAndEnd,
84
- End: FocusKeys.HomeAndEnd,
85
- PageUp: FocusKeys.PageUpDown,
86
- PageDown: FocusKeys.PageUpDown
87
- } as {[k in FocusMovementKeys]: FocusKeys}
88
-
89
- const KEY_TO_DIRECTION = {
90
- ArrowLeft: 'previous',
91
- ArrowDown: 'next',
92
- ArrowUp: 'previous',
93
- ArrowRight: 'next',
94
- h: 'previous',
95
- j: 'next',
96
- k: 'previous',
97
- l: 'next',
98
- a: 'previous',
99
- s: 'next',
100
- w: 'previous',
101
- d: 'next',
102
- Tab: 'next',
103
- Home: 'start',
104
- End: 'end',
105
- PageUp: 'start',
106
- PageDown: 'end'
107
- } as {[k in FocusMovementKeys]: Direction}
108
-
109
- /**
110
- * Options that control the behavior of the arrow focus behavior.
111
- */
112
- export interface FocusZoneSettings {
113
- /**
114
- * Choose the behavior applied in cases where focus is currently at either the first or
115
- * last element of the container.
116
- *
117
- * "stop" - do nothing and keep focus where it was
118
- * "wrap" - wrap focus around to the first element from the last, or the last element from the first
119
- *
120
- * Default: "stop"
121
- */
122
- focusOutBehavior?: 'stop' | 'wrap'
123
-
124
- /**
125
- * If set, this will be called to get the next focusable element. If this function
126
- * returns null, we will try to determine the next direction ourselves. Use the
127
- * `bindKeys` option to customize which keys are listened to.
128
- *
129
- * The function can accept a Direction, indicating the direction focus should move,
130
- * the HTMLElement that was previously focused, and lastly the `KeyboardEvent` object
131
- * created by the original `"keydown"` event.
132
- */
133
- getNextFocusable?: (direction: Direction, from: Element | undefined, event: KeyboardEvent) => HTMLElement | undefined
134
-
135
- /**
136
- * Called to decide if a focusable element is allowed to participate in the arrow
137
- * key focus behavior.
138
- *
139
- * By default, all focusable elements within the given container will participate
140
- * in the arrow key focus behavior. If you need to withhold some elements from
141
- * participation, implement this callback to return false for those elements.
142
- */
143
- focusableElementFilter?: (element: HTMLElement) => boolean
144
-
145
- /**
146
- * Bit flags that identify keys that will be bound to. Each available key either
147
- * moves focus to the "next" element or the "previous" element, so it is best
148
- * to only bind the keys that make sense to move focus in your UI. Use the `FocusKeys`
149
- * object to discover supported keys.
150
- *
151
- * Use the bitwise "OR" operator (`|`) to combine key types. For example,
152
- * `FocusKeys.WASD | FocusKeys.HJKL` represents all of W, A, S, D, H, J, K, and L.
153
- *
154
- * A note on FocusKeys.PageUpDown: This behavior does not support paging, so by default
155
- * using these keys will result in the same behavior as Home and End. To override this
156
- * behavior, implement `getNextFocusable`.
157
- *
158
- * The default for this setting is `FocusKeys.ArrowVertical | FocusKeys.HomeAndEnd`, unless
159
- * `getNextFocusable` is provided, in which case `FocusKeys.ArrowAll | FocusKeys.HomeAndEnd`
160
- * is used as the default.
161
- */
162
- bindKeys?: FocusKeys
163
-
164
- /**
165
- * If provided, this signal can be used to disable the behavior and remove any
166
- * event listeners.
167
- */
168
- abortSignal?: AbortSignal
169
-
170
- /**
171
- * If `activeDescendantControl` is supplied, do not move focus or alter `tabindex` on
172
- * any element. Instead, manage `aria-activedescendant` according to the ARIA best
173
- * practices guidelines.
174
- * @see https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant
175
- *
176
- * The given `activeDescendantControl` will be given an `aria-controls` attribute that
177
- * references the ID of the `container`. Additionally, it will be given an
178
- * `aria-activedescendant` attribute that references the ID of the currently-active
179
- * descendant.
180
- *
181
- * This element will retain DOM focus as arrow keys are pressed.
182
- */
183
- activeDescendantControl?: HTMLElement
184
-
185
- /**
186
- * Called each time the active descendant changes. Note that either of the parameters
187
- * may be undefined, e.g. when an element in the container first becomes active, or
188
- * when the controlling element becomes unfocused.
189
- */
190
- onActiveDescendantChanged?: (
191
- newActiveDescendant: HTMLElement | undefined,
192
- previousActiveDescendant: HTMLElement | undefined,
193
- directlyActivated: boolean
194
- ) => void
195
-
196
- /**
197
- * This option allows customization of the behavior that determines which of the
198
- * focusable elements should be focused when focus enters the container via the Tab key.
199
- *
200
- * When set to "first", whenever focus enters the container via Tab, we will focus the
201
- * first focusable element. When set to "previous", the most recently focused element
202
- * will be focused (fallback to first if there was no previous).
203
- *
204
- * The "closest" strategy works like "first", except either the first or the last element
205
- * of the container will be focused, depending on the direction from which focus comes.
206
- *
207
- * If a function is provided, this function should return the HTMLElement intended
208
- * to receive focus. This is useful if you want to focus the currently "selected"
209
- * item or element.
210
- *
211
- * Default: "previous"
212
- *
213
- * For more information, @see https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_general_within
214
- */
215
- focusInStrategy?: 'first' | 'closest' | 'previous' | ((previousFocusedElement: Element) => HTMLElement | undefined)
216
- }
217
-
218
- function getDirection(keyboardEvent: KeyboardEvent) {
219
- const direction = KEY_TO_DIRECTION[keyboardEvent.key as keyof typeof KEY_TO_DIRECTION]
220
- if (keyboardEvent.key === 'Tab' && keyboardEvent.shiftKey) {
221
- return 'previous'
222
- }
223
- const isMac = isMacOS()
224
- if ((isMac && keyboardEvent.metaKey) || (!isMac && keyboardEvent.ctrlKey)) {
225
- if (keyboardEvent.key === 'ArrowLeft' || keyboardEvent.key === 'ArrowUp') {
226
- return 'start'
227
- } else if (keyboardEvent.key === 'ArrowRight' || keyboardEvent.key === 'ArrowDown') {
228
- return 'end'
229
- }
230
- }
231
- return direction
232
- }
233
-
234
- /**
235
- * There are some situations where we do not want various keys to affect focus. This function
236
- * checks for those situations.
237
- * 1. Home and End should not move focus when a text input or textarea is active
238
- * 2. Keys that would normally type characters into an input or navigate a select element should be ignored
239
- * 3. The down arrow sometimes should not move focus when a select is active since that sometimes invokes the dropdown
240
- * 4. Page Up and Page Down within a textarea should not have any effect
241
- * 5. When in a text input or textarea, left should only move focus if the cursor is at the beginning of the input
242
- * 6. When in a text input or textarea, right should only move focus if the cursor is at the end of the input
243
- * 7. When in a textarea, up and down should only move focus if cursor is at the beginning or end, respectively.
244
- * @param keyboardEvent
245
- * @param activeElement
246
- */
247
- function shouldIgnoreFocusHandling(keyboardEvent: KeyboardEvent, activeElement: Element | null) {
248
- const key = keyboardEvent.key
249
-
250
- // Get the number of characters in `key`, accounting for double-wide UTF-16 chars. If keyLength
251
- // is 1, we can assume it's a "printable" character. Otherwise it's likely a control character.
252
- // One exception is the Tab key, which is technically printable, but browsers generally assign
253
- // its function to move focus rather than type a <TAB> character.
254
- const keyLength = [...key].length
255
-
256
- const isTextInput =
257
- (activeElement instanceof HTMLInputElement && activeElement.type === 'text') ||
258
- activeElement instanceof HTMLTextAreaElement
259
-
260
- // If we would normally type a character into an input, ignore
261
- // Also, Home and End keys should never affect focus when in a text input
262
- if (isTextInput && (keyLength === 1 || key === 'Home' || key === 'End')) {
263
- return true
264
- }
265
-
266
- // Some situations we want to ignore with <select> elements
267
- if (activeElement instanceof HTMLSelectElement) {
268
- // Regular typeable characters change the selection, so ignore those
269
- if (keyLength === 1) {
270
- return true
271
- }
272
- // On macOS, bare ArrowDown opens the select, so ignore that
273
- if (key === 'ArrowDown' && isMacOS() && !keyboardEvent.metaKey) {
274
- return true
275
- }
276
- // On other platforms, Alt+ArrowDown opens the select, so ignore that
277
- if (key === 'ArrowDown' && !isMacOS() && keyboardEvent.altKey) {
278
- return true
279
- }
280
- }
281
-
282
- // Ignore page up and page down for textareas
283
- if (activeElement instanceof HTMLTextAreaElement && (key === 'PageUp' || key === 'PageDown')) {
284
- return true
285
- }
286
-
287
- if (isTextInput) {
288
- const textInput = activeElement as HTMLInputElement | HTMLTextAreaElement
289
- const cursorAtStart = textInput.selectionStart === 0 && textInput.selectionEnd === 0
290
- const cursorAtEnd =
291
- textInput.selectionStart === textInput.value.length && textInput.selectionEnd === textInput.value.length
292
-
293
- // When in a text area or text input, only move focus left/right if at beginning/end of the field
294
- if (key === 'ArrowLeft' && !cursorAtStart) {
295
- return true
296
- }
297
- if (key === 'ArrowRight' && !cursorAtEnd) {
298
- return true
299
- }
300
-
301
- // When in a text area, only move focus up/down if at beginning/end of the field
302
- if (textInput instanceof HTMLTextAreaElement) {
303
- if (key === 'ArrowUp' && !cursorAtStart) {
304
- return true
305
- }
306
- if (key === 'ArrowDown' && !cursorAtEnd) {
307
- return true
308
- }
309
- }
310
- }
311
-
312
- return false
313
- }
314
-
315
- export const isActiveDescendantAttribute = 'data-is-active-descendant'
316
- /**
317
- * A value of activated-directly for data-is-active-descendant indicates the descendant was activated
318
- * by a manual user interaction with intent to move active descendant. This usually translates to the
319
- * user pressing one of the bound keys (up/down arrow, etc) to move through the focus zone. This is
320
- * intended to be roughly equivalent to the :focus-visible pseudo-class
321
- **/
322
- export const activeDescendantActivatedDirectly = 'activated-directly'
323
- /**
324
- * A value of activated-indirectly for data-is-active-descendant indicates the descendant was activated
325
- * implicitly, and not by a direct key press. This includes focus zone being created from scratch, focusable
326
- * elements being added/removed, and mouseover events. This is intended to be roughly equivalent
327
- * to :focus:not(:focus-visible)
328
- **/
329
- export const activeDescendantActivatedIndirectly = 'activated-indirectly'
330
- export const hasActiveDescendantAttribute = 'data-has-active-descendant'
331
-
332
- /**
333
- * Sets up the arrow key focus behavior for all focusable elements in the given `container`.
334
- * @param container
335
- * @param settings
336
- * @returns
337
- */
338
- export function focusZone(container: HTMLElement, settings?: FocusZoneSettings): AbortController {
339
- const focusableElements: HTMLElement[] = []
340
- const savedTabIndex = new WeakMap<HTMLElement, string | null>()
341
- const bindKeys =
342
- settings?.bindKeys ??
343
- (settings?.getNextFocusable ? FocusKeys.ArrowAll : FocusKeys.ArrowVertical) | FocusKeys.HomeAndEnd
344
- const focusOutBehavior = settings?.focusOutBehavior ?? 'stop'
345
- const focusInStrategy = settings?.focusInStrategy ?? 'previous'
346
- const activeDescendantControl = settings?.activeDescendantControl
347
- const activeDescendantCallback = settings?.onActiveDescendantChanged
348
- let currentFocusedElement: HTMLElement | undefined
349
-
350
- function getFirstFocusableElement() {
351
- return focusableElements[0] as HTMLElement | undefined
352
- }
353
-
354
- function isActiveDescendantInputFocused() {
355
- return document.activeElement === activeDescendantControl
356
- }
357
-
358
- function updateFocusedElement(to?: HTMLElement, directlyActivated = false) {
359
- const from = currentFocusedElement
360
- currentFocusedElement = to
361
-
362
- if (activeDescendantControl) {
363
- if (to && isActiveDescendantInputFocused()) {
364
- setActiveDescendant(from, to, directlyActivated)
365
- } else {
366
- clearActiveDescendant()
367
- }
368
-
369
- return
370
- }
371
-
372
- if (from && from !== to && savedTabIndex.has(from)) {
373
- from.setAttribute('tabindex', '-1')
374
- }
375
-
376
- to?.setAttribute('tabindex', '0')
377
- }
378
-
379
- function setActiveDescendant(from: HTMLElement | undefined, to: HTMLElement, directlyActivated = false) {
380
- if (!to.id) {
381
- to.setAttribute('id', uniqueId())
382
- }
383
-
384
- if (from && from !== to) {
385
- from.removeAttribute(isActiveDescendantAttribute)
386
- }
387
-
388
- if (
389
- !activeDescendantControl ||
390
- (!directlyActivated && activeDescendantControl.getAttribute('aria-activedescendant') === to.id)
391
- ) {
392
- // prevent active descendant callback from being called repeatedly if the same element is activated (e.g. via mousemove)
393
- return
394
- }
395
-
396
- activeDescendantControl.setAttribute('aria-activedescendant', to.id)
397
- container.setAttribute(hasActiveDescendantAttribute, to.id)
398
- to.setAttribute(
399
- isActiveDescendantAttribute,
400
- directlyActivated ? activeDescendantActivatedDirectly : activeDescendantActivatedIndirectly
401
- )
402
- activeDescendantCallback?.(to, from, directlyActivated)
403
- }
404
-
405
- function clearActiveDescendant(previouslyActiveElement = currentFocusedElement) {
406
- if (focusInStrategy === 'first') {
407
- currentFocusedElement = undefined
408
- }
409
-
410
- activeDescendantControl?.removeAttribute('aria-activedescendant')
411
- container.removeAttribute(hasActiveDescendantAttribute)
412
- previouslyActiveElement?.removeAttribute(isActiveDescendantAttribute)
413
- activeDescendantCallback?.(undefined, previouslyActiveElement, false)
414
- }
415
-
416
- function beginFocusManagement(...elements: HTMLElement[]) {
417
- const filteredElements = elements.filter(e => settings?.focusableElementFilter?.(e) ?? true)
418
- if (filteredElements.length === 0) {
419
- return
420
- }
421
- // Insert all elements atomically. Assume that all passed elements are well-ordered.
422
- const insertIndex = focusableElements.findIndex(
423
- e => (e.compareDocumentPosition(filteredElements[0]) & Node.DOCUMENT_POSITION_PRECEDING) > 0
424
- )
425
- focusableElements.splice(insertIndex === -1 ? focusableElements.length : insertIndex, 0, ...filteredElements)
426
- for (const element of filteredElements) {
427
- // Set tabindex="-1" on all tabbable elements, but save the original
428
- // value in case we need to disable the behavior
429
- if (!savedTabIndex.has(element)) {
430
- savedTabIndex.set(element, element.getAttribute('tabindex'))
431
- }
432
- element.setAttribute('tabindex', '-1')
433
- }
434
-
435
- if (!currentFocusedElement) {
436
- updateFocusedElement(getFirstFocusableElement())
437
- }
438
- }
439
-
440
- function endFocusManagement(...elements: HTMLElement[]) {
441
- for (const element of elements) {
442
- const focusableElementIndex = focusableElements.indexOf(element)
443
- if (focusableElementIndex >= 0) {
444
- focusableElements.splice(focusableElementIndex, 1)
445
- }
446
- const savedIndex = savedTabIndex.get(element)
447
- if (savedIndex !== undefined) {
448
- if (savedIndex === null) {
449
- element.removeAttribute('tabindex')
450
- } else {
451
- element.setAttribute('tabindex', savedIndex)
452
- }
453
- savedTabIndex.delete(element)
454
- }
455
-
456
- // If removing the last-focused element, move focus to the first element in the list.
457
- if (element === currentFocusedElement) {
458
- const nextElementToFocus = getFirstFocusableElement()
459
- updateFocusedElement(nextElementToFocus)
460
- }
461
- }
462
- }
463
-
464
- // Take all tabbable elements within container under management
465
- beginFocusManagement(...iterateFocusableElements(container))
466
-
467
- // Open the first tabbable element for tabbing
468
- updateFocusedElement(getFirstFocusableElement())
469
-
470
- // If the DOM structure of the container changes, make sure we keep our state up-to-date
471
- // with respect to the focusable elements cache and its order
472
- const observer = new MutationObserver(mutations => {
473
- // Perform all removals first, in case element order has simply changed
474
- for (const mutation of mutations) {
475
- for (const removedNode of mutation.removedNodes) {
476
- if (removedNode instanceof HTMLElement) {
477
- endFocusManagement(...iterateFocusableElements(removedNode))
478
- }
479
- }
480
- }
481
- for (const mutation of mutations) {
482
- for (const addedNode of mutation.addedNodes) {
483
- if (addedNode instanceof HTMLElement) {
484
- beginFocusManagement(...iterateFocusableElements(addedNode))
485
- }
486
- }
487
- }
488
- })
489
-
490
- observer.observe(container, {
491
- subtree: true,
492
- childList: true
493
- })
494
-
495
- const controller = new AbortController()
496
- const signal = settings?.abortSignal ?? controller.signal
497
-
498
- signal.addEventListener('abort', () => {
499
- // Clean up any modifications
500
- endFocusManagement(...focusableElements)
501
- })
502
-
503
- let elementIndexFocusedByClick: number | undefined = undefined
504
- container.addEventListener(
505
- 'mousedown',
506
- event => {
507
- // Since focusin is only called when focus changes, we need to make sure the clicked
508
- // element isn't already focused.
509
- if (event.target instanceof HTMLElement && event.target !== document.activeElement) {
510
- elementIndexFocusedByClick = focusableElements.indexOf(event.target)
511
- }
512
- },
513
- {signal}
514
- )
515
-
516
- if (activeDescendantControl) {
517
- container.addEventListener('focusin', event => {
518
- if (event.target instanceof HTMLElement && focusableElements.includes(event.target)) {
519
- // Move focus to the activeDescendantControl if one of the descendants is focused
520
- activeDescendantControl.focus()
521
- updateFocusedElement(event.target)
522
- }
523
- })
524
- container.addEventListener(
525
- 'mousemove',
526
- ({target}) => {
527
- if (!(target instanceof Node)) {
528
- return
529
- }
530
-
531
- const focusableElement = focusableElements.find(element => element.contains(target))
532
-
533
- if (focusableElement) {
534
- updateFocusedElement(focusableElement)
535
- }
536
- },
537
- {signal, capture: true}
538
- )
539
-
540
- // Listeners specifically on the controlling element
541
- activeDescendantControl.addEventListener('focusin', () => {
542
- // Focus moved into the active descendant input. Activate current or first descendant.
543
- if (!currentFocusedElement) {
544
- updateFocusedElement(getFirstFocusableElement())
545
- } else {
546
- setActiveDescendant(undefined, currentFocusedElement)
547
- }
548
- })
549
- activeDescendantControl.addEventListener('focusout', () => {
550
- clearActiveDescendant()
551
- })
552
- } else {
553
- // This is called whenever focus enters an element in the container
554
- container.addEventListener(
555
- 'focusin',
556
- event => {
557
- if (event.target instanceof HTMLElement) {
558
- // If a click initiated the focus movement, we always want to set our internal state
559
- // to reflect the clicked element as the currently focused one.
560
- if (elementIndexFocusedByClick !== undefined) {
561
- if (elementIndexFocusedByClick >= 0) {
562
- if (focusableElements[elementIndexFocusedByClick] !== currentFocusedElement) {
563
- updateFocusedElement(focusableElements[elementIndexFocusedByClick])
564
- }
565
- }
566
- elementIndexFocusedByClick = undefined
567
- } else {
568
- // Set tab indexes and internal state based on the focus handling strategy
569
- if (focusInStrategy === 'previous') {
570
- updateFocusedElement(event.target)
571
- } else if (focusInStrategy === 'closest' || focusInStrategy === 'first') {
572
- if (event.relatedTarget instanceof Element && !container.contains(event.relatedTarget)) {
573
- // Regardless of the previously focused element, if we're coming from outside the
574
- // container, put focus onto the first encountered element (from above, it's The
575
- // first element of the container; from below, it's the last). If the
576
- // focusInStrategy is set to "first", lastKeyboardFocusDirection will always
577
- // be undefined.
578
- const targetElementIndex = lastKeyboardFocusDirection === 'previous' ? focusableElements.length - 1 : 0
579
- const targetElement = focusableElements[targetElementIndex] as HTMLElement | undefined
580
- targetElement?.focus()
581
- return
582
- } else {
583
- updateFocusedElement(event.target)
584
- }
585
- } else if (typeof focusInStrategy === 'function') {
586
- if (event.relatedTarget instanceof Element && !container.contains(event.relatedTarget)) {
587
- const elementToFocus = focusInStrategy(event.relatedTarget)
588
- const requestedFocusElementIndex = elementToFocus ? focusableElements.indexOf(elementToFocus) : -1
589
- if (requestedFocusElementIndex >= 0 && elementToFocus instanceof HTMLElement) {
590
- // Since we are calling focus() this handler will run again synchronously. Therefore,
591
- // we don't want to let this invocation finish since it will clobber the value of
592
- // currentFocusedElement.
593
- elementToFocus.focus()
594
- return
595
- } else {
596
- // eslint-disable-next-line no-console
597
- console.warn('Element requested is not a known focusable element.')
598
- }
599
- } else {
600
- updateFocusedElement(event.target)
601
- }
602
- }
603
- }
604
- }
605
- lastKeyboardFocusDirection = undefined
606
- },
607
- {signal}
608
- )
609
- }
610
-
611
- const keyboardEventRecipient = activeDescendantControl ?? container
612
-
613
- // If the strategy is "closest", we need to capture the direction that the user
614
- // is trying to move focus before our focusin handler is executed.
615
- let lastKeyboardFocusDirection: Direction | undefined = undefined
616
- if (focusInStrategy === 'closest') {
617
- document.addEventListener(
618
- 'keydown',
619
- event => {
620
- if (event.key === 'Tab') {
621
- lastKeyboardFocusDirection = getDirection(event)
622
- }
623
- },
624
- {signal, capture: true}
625
- )
626
- }
627
-
628
- function getCurrentFocusedIndex() {
629
- if (!currentFocusedElement) {
630
- return 0
631
- }
632
-
633
- const focusedIndex = focusableElements.indexOf(currentFocusedElement)
634
- const fallbackIndex = currentFocusedElement === container ? -1 : 0
635
-
636
- return focusedIndex !== -1 ? focusedIndex : fallbackIndex
637
- }
638
-
639
- // "keydown" is the event that triggers DOM focus change, so that is what we use here
640
- keyboardEventRecipient.addEventListener(
641
- 'keydown',
642
- event => {
643
- if (event.key in KEY_TO_DIRECTION) {
644
- const keyBit = KEY_TO_BIT[event.key as keyof typeof KEY_TO_BIT]
645
- // Check if the pressed key (keyBit) is one that is being used for focus (bindKeys)
646
- if (
647
- !event.defaultPrevented &&
648
- (keyBit & bindKeys) > 0 &&
649
- !shouldIgnoreFocusHandling(event, document.activeElement)
650
- ) {
651
- // Moving forward or backward?
652
- const direction = getDirection(event)
653
-
654
- let nextElementToFocus: HTMLElement | undefined = undefined
655
-
656
- // If there is a custom function that retrieves the next focusable element, try calling that first.
657
- if (settings?.getNextFocusable) {
658
- nextElementToFocus = settings.getNextFocusable(direction, document.activeElement ?? undefined, event)
659
- }
660
- if (!nextElementToFocus) {
661
- const lastFocusedIndex = getCurrentFocusedIndex()
662
- let nextFocusedIndex = lastFocusedIndex
663
- if (direction === 'previous') {
664
- nextFocusedIndex -= 1
665
- } else if (direction === 'start') {
666
- nextFocusedIndex = 0
667
- } else if (direction === 'next') {
668
- nextFocusedIndex += 1
669
- } else {
670
- // end
671
- nextFocusedIndex = focusableElements.length - 1
672
- }
673
-
674
- if (nextFocusedIndex < 0) {
675
- // Tab should never cause focus to wrap. Use focusTrap for that behavior.
676
- if (focusOutBehavior === 'wrap' && event.key !== 'Tab') {
677
- nextFocusedIndex = focusableElements.length - 1
678
- } else {
679
- nextFocusedIndex = 0
680
- }
681
- }
682
- if (nextFocusedIndex >= focusableElements.length) {
683
- if (focusOutBehavior === 'wrap' && event.key !== 'Tab') {
684
- nextFocusedIndex = 0
685
- } else {
686
- nextFocusedIndex = focusableElements.length - 1
687
- }
688
- }
689
- if (lastFocusedIndex !== nextFocusedIndex) {
690
- nextElementToFocus = focusableElements[nextFocusedIndex]
691
- }
692
- }
693
-
694
- if (activeDescendantControl) {
695
- updateFocusedElement(nextElementToFocus || currentFocusedElement, true)
696
- } else if (nextElementToFocus) {
697
- lastKeyboardFocusDirection = direction
698
-
699
- // updateFocusedElement will be called implicitly when focus moves, as long as the event isn't prevented somehow
700
- nextElementToFocus.focus()
701
- }
702
- // Tab should always allow escaping from this container, so only
703
- // preventDefault if tab key press already resulted in a focus movement
704
- if (event.key !== 'Tab' || nextElementToFocus) {
705
- event.preventDefault()
706
- }
707
- }
708
- }
709
- },
710
- {signal}
711
- )
712
- return controller
713
- }