@primer/components 32.0.1-rc.c4c2c50a → 32.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (1284) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/browser.esm.js +7 -1
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +7 -1
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/ActionList/index.js +23 -12
  7. package/lib/ActionList2/index.js +41 -23
  8. package/lib/AnchoredOverlay/index.js +12 -4
  9. package/lib/Autocomplete/index.js +14 -7
  10. package/lib/Button/index.js +70 -21
  11. package/lib/Checkbox.d.ts +29 -0
  12. package/lib/Checkbox.js +64 -0
  13. package/lib/DropdownMenu/index.js +20 -6
  14. package/lib/DropdownStyles.js +26 -18
  15. package/lib/FilteredActionList/index.js +12 -4
  16. package/lib/NewButton/index.js +12 -5
  17. package/lib/NewButton/types.js +1 -2
  18. package/lib/Overlay.d.ts +5 -3
  19. package/lib/Pagination/index.js +12 -6
  20. package/lib/Portal/index.js +16 -5
  21. package/lib/SelectMenu/hooks/useKeyboardNav.js +96 -80
  22. package/lib/SelectMenu/index.js +14 -7
  23. package/lib/SelectPanel/index.js +12 -4
  24. package/lib/Token/index.js +30 -11
  25. package/lib/behaviors/anchoredPosition.js +234 -205
  26. package/lib/behaviors/focusTrap.js +157 -121
  27. package/lib/behaviors/focusZone.js +509 -434
  28. package/lib/behaviors/scrollIntoViewingArea.js +35 -18
  29. package/lib/constants.js +43 -39
  30. package/lib/drafts.js +30 -20
  31. package/lib/hooks/index.js +60 -16
  32. package/lib/hooks/useAnchoredPosition.js +40 -32
  33. package/lib/hooks/useCombinedRefs.js +36 -32
  34. package/lib/hooks/useDialog.js +96 -72
  35. package/lib/hooks/useFocusTrap.js +60 -43
  36. package/lib/hooks/useFocusZone.js +50 -54
  37. package/lib/hooks/useOnEscapePress.js +36 -25
  38. package/lib/hooks/useOpenAndCloseFocus.js +34 -22
  39. package/lib/hooks/useProvidedRefOrCreate.js +14 -10
  40. package/lib/hooks/useProvidedStateOrCreate.js +16 -13
  41. package/lib/hooks/useRenderForcingRef.js +17 -13
  42. package/lib/hooks/useResizeObserver.js +18 -15
  43. package/lib/hooks/useSafeTimeout.js +30 -22
  44. package/lib/hooks/useScrollFlash.js +23 -16
  45. package/lib/index.d.ts +2 -0
  46. package/lib/index.js +652 -163
  47. package/lib/polyfills/eventListenerSignal.js +45 -37
  48. package/lib/sx.js +22 -10
  49. package/lib/theme-preval.js +3169 -64
  50. package/lib/theme.js +12 -3
  51. package/lib/utils/iterateFocusableElements.js +85 -63
  52. package/lib/utils/theme.js +47 -33
  53. package/lib/utils/types/AriaRole.js +1 -2
  54. package/lib/utils/types/ComponentProps.js +1 -2
  55. package/lib/utils/types/Flatten.js +1 -2
  56. package/lib/utils/types/KeyPaths.js +1 -2
  57. package/lib/utils/types/MandateProps.js +1 -16
  58. package/lib/utils/types/Merge.js +1 -2
  59. package/lib/utils/types/index.js +69 -16
  60. package/lib/utils/uniqueId.js +8 -5
  61. package/lib/utils/use-force-update.js +14 -8
  62. package/lib/utils/useIsomorphicLayoutEffect.js +11 -8
  63. package/lib/utils/userAgent.js +12 -8
  64. package/lib-esm/Checkbox.d.ts +29 -0
  65. package/lib-esm/Checkbox.js +44 -0
  66. package/lib-esm/Overlay.d.ts +5 -3
  67. package/lib-esm/index.d.ts +2 -0
  68. package/lib-esm/index.js +1 -0
  69. package/package.json +2 -3
  70. package/.changeset/README.md +0 -8
  71. package/.changeset/config.json +0 -10
  72. package/.devcontainer/devcontainer.json +0 -8
  73. package/.eslintrc.json +0 -137
  74. package/.github/ISSUE_TEMPLATE/bug_report.md +0 -38
  75. package/.github/ISSUE_TEMPLATE/new_component_proposal_template.md +0 -41
  76. package/.github/dependabot.yml +0 -18
  77. package/.github/pull_request_template.md +0 -18
  78. package/.github/workflows/check_for_changeset.yml +0 -25
  79. package/.github/workflows/ci.yml +0 -34
  80. package/.github/workflows/deploy_preview.yml +0 -47
  81. package/.github/workflows/deploy_production.yml +0 -70
  82. package/.github/workflows/release.yml +0 -35
  83. package/.github/workflows/release_canary.yml +0 -70
  84. package/.github/workflows/release_candidate.yml +0 -60
  85. package/.github/workflows/size.yml +0 -13
  86. package/.github/workflows/stale.yml +0 -26
  87. package/.gitignore +0 -10
  88. package/.npmrc +0 -4
  89. package/.nvmrc +0 -1
  90. package/.storybook/main.js +0 -9
  91. package/.storybook/preview.js +0 -117
  92. package/.vscode/launch.json +0 -21
  93. package/.vscode/settings.json +0 -13
  94. package/@types/@styled-system/index.d.ts +0 -0
  95. package/@types/@styled-system/prop-types/index.d.ts +0 -1
  96. package/@types/@styled-system/props/index.d.ts +0 -1
  97. package/@types/jest-styled-components/index.d.ts +0 -1
  98. package/CODEOWNERS +0 -2
  99. package/babel-defines.js +0 -13
  100. package/babel.config.js +0 -39
  101. package/contributor-docs/CODE_OF_CONDUCT.md +0 -76
  102. package/contributor-docs/CONTRIBUTING.md +0 -274
  103. package/contributor-docs/adrs/adr-001-typescript.md +0 -23
  104. package/contributor-docs/adrs/adr-002-behavior-isolation.md +0 -108
  105. package/contributor-docs/adrs/adr-003-prop-norms.md +0 -72
  106. package/contributor-docs/behaviors.md +0 -132
  107. package/contributor-docs/component-contents-api-patterns.md +0 -316
  108. package/contributor-docs/principles.md +0 -39
  109. package/docs/.eslintrc +0 -0
  110. package/docs/.gitignore +0 -91
  111. package/docs/components/PropsList.js +0 -5
  112. package/docs/components/State.js +0 -9
  113. package/docs/components/constants.js +0 -34
  114. package/docs/components/index.js +0 -2
  115. package/docs/content/ActionList.mdx +0 -99
  116. package/docs/content/ActionList2.mdx +0 -359
  117. package/docs/content/ActionMenu.mdx +0 -80
  118. package/docs/content/AnchoredOverlay.mdx +0 -37
  119. package/docs/content/Autocomplete.mdx +0 -657
  120. package/docs/content/Avatar.mdx +0 -33
  121. package/docs/content/AvatarStack.mdx +0 -37
  122. package/docs/content/BorderBox.md +0 -46
  123. package/docs/content/Box.mdx +0 -96
  124. package/docs/content/BranchName.md +0 -18
  125. package/docs/content/Breadcrumbs.md +0 -47
  126. package/docs/content/Buttons.md +0 -46
  127. package/docs/content/CircleBadge.md +0 -35
  128. package/docs/content/CircleOcticon.md +0 -18
  129. package/docs/content/CounterLabel.md +0 -22
  130. package/docs/content/Details.md +0 -105
  131. package/docs/content/Dialog.md +0 -105
  132. package/docs/content/Dialog2.mdx +0 -180
  133. package/docs/content/Dropdown.md +0 -65
  134. package/docs/content/DropdownMenu.mdx +0 -49
  135. package/docs/content/FilterList.md +0 -37
  136. package/docs/content/FilteredSearch.md +0 -32
  137. package/docs/content/Flash.md +0 -35
  138. package/docs/content/Flex.md +0 -58
  139. package/docs/content/FormGroup.md +0 -38
  140. package/docs/content/Grid.md +0 -59
  141. package/docs/content/Header.md +0 -77
  142. package/docs/content/Heading.md +0 -22
  143. package/docs/content/Label.md +0 -49
  144. package/docs/content/LabelGroup.md +0 -21
  145. package/docs/content/Link.md +0 -28
  146. package/docs/content/Overlay.mdx +0 -85
  147. package/docs/content/Pagehead.md +0 -18
  148. package/docs/content/Pagination.md +0 -178
  149. package/docs/content/PointerBox.md +0 -81
  150. package/docs/content/Popover.md +0 -129
  151. package/docs/content/Portal.mdx +0 -78
  152. package/docs/content/Position.md +0 -100
  153. package/docs/content/ProgressBar.mdx +0 -29
  154. package/docs/content/SelectMenu.md +0 -371
  155. package/docs/content/SelectPanel.mdx +0 -67
  156. package/docs/content/SideNav.md +0 -171
  157. package/docs/content/Spinner.mdx +0 -32
  158. package/docs/content/StateLabel.md +0 -27
  159. package/docs/content/StyledOcticon.md +0 -27
  160. package/docs/content/SubNav.md +0 -100
  161. package/docs/content/TabNav.md +0 -42
  162. package/docs/content/Text.md +0 -31
  163. package/docs/content/TextInput.md +0 -34
  164. package/docs/content/TextInputTokens.mdx +0 -89
  165. package/docs/content/TextInputWithTokens.mdx +0 -211
  166. package/docs/content/Timeline.md +0 -148
  167. package/docs/content/Token.mdx +0 -381
  168. package/docs/content/Tooltip.md +0 -32
  169. package/docs/content/Truncate.md +0 -55
  170. package/docs/content/UnderlineNav.md +0 -45
  171. package/docs/content/anchoredPosition.mdx +0 -163
  172. package/docs/content/core-concepts.md +0 -70
  173. package/docs/content/focusTrap.mdx +0 -103
  174. package/docs/content/focusZone.mdx +0 -145
  175. package/docs/content/getting-started.md +0 -138
  176. package/docs/content/index.md +0 -33
  177. package/docs/content/linting.md +0 -35
  178. package/docs/content/overriding-styles.mdx +0 -82
  179. package/docs/content/philosophy.md +0 -23
  180. package/docs/content/primer-theme.md +0 -89
  181. package/docs/content/ssr.mdx +0 -43
  182. package/docs/content/system-props.mdx +0 -37
  183. package/docs/content/theme-reference.md +0 -16
  184. package/docs/content/theming.md +0 -272
  185. package/docs/content/useOnEscapePress.mdx +0 -56
  186. package/docs/content/useOnOutsideClick.mdx +0 -57
  187. package/docs/content/useOpenAndCloseFocus.mdx +0 -49
  188. package/docs/content/useOverlay.mdx +0 -62
  189. package/docs/content/useSafeTimeout.mdx +0 -32
  190. package/docs/gatsby-config.js +0 -30
  191. package/docs/gatsby-node.js +0 -101
  192. package/docs/package-lock.json +0 -20867
  193. package/docs/package.json +0 -36
  194. package/docs/src/@primer/gatsby-theme-doctocat/components/hero.js +0 -21
  195. package/docs/src/@primer/gatsby-theme-doctocat/components/live-preview-wrapper.js +0 -41
  196. package/docs/src/@primer/gatsby-theme-doctocat/live-code-scope.js +0 -73
  197. package/docs/src/@primer/gatsby-theme-doctocat/nav.yml +0 -133
  198. package/docs/src/@primer/gatsby-theme-doctocat/primer-components-hero.svg +0 -1411
  199. package/docs/src/component-checklist.js +0 -81
  200. package/docs/src/props.js +0 -77
  201. package/jest.config.js +0 -13
  202. package/lib/ActionList/Divider.jsx +0 -29
  203. package/lib/ActionList/Group.jsx +0 -23
  204. package/lib/ActionList/Header.jsx +0 -66
  205. package/lib/ActionList/Item.jsx +0 -288
  206. package/lib/ActionList/List.jsx +0 -138
  207. package/lib/ActionList2/Description.jsx +0 -29
  208. package/lib/ActionList2/Divider.jsx +0 -22
  209. package/lib/ActionList2/Group.jsx +0 -54
  210. package/lib/ActionList2/Header.jsx +0 -36
  211. package/lib/ActionList2/Item.jsx +0 -174
  212. package/lib/ActionList2/LinkItem.jsx +0 -28
  213. package/lib/ActionList2/List.jsx +0 -41
  214. package/lib/ActionList2/Selection.jsx +0 -50
  215. package/lib/ActionList2/Visuals.jsx +0 -48
  216. package/lib/ActionMenu.jsx +0 -73
  217. package/lib/AnchoredOverlay/AnchoredOverlay.jsx +0 -100
  218. package/lib/Autocomplete/Autocomplete.jsx +0 -100
  219. package/lib/Autocomplete/AutocompleteContext.jsx +0 -5
  220. package/lib/Autocomplete/AutocompleteInput.jsx +0 -113
  221. package/lib/Autocomplete/AutocompleteMenu.jsx +0 -190
  222. package/lib/Autocomplete/AutocompleteOverlay.jsx +0 -55
  223. package/lib/Avatar.jsx +0 -34
  224. package/lib/AvatarPair.jsx +0 -29
  225. package/lib/AvatarStack.jsx +0 -151
  226. package/lib/BaseStyles.jsx +0 -65
  227. package/lib/BorderBox.jsx +0 -18
  228. package/lib/Box.jsx +0 -10
  229. package/lib/BranchName.jsx +0 -20
  230. package/lib/Breadcrumbs.jsx +0 -71
  231. package/lib/Button/Button.jsx +0 -40
  232. package/lib/Button/ButtonBase.jsx +0 -33
  233. package/lib/Button/ButtonClose.jsx +0 -53
  234. package/lib/Button/ButtonDanger.jsx +0 -43
  235. package/lib/Button/ButtonGroup.jsx +0 -55
  236. package/lib/Button/ButtonInvisible.jsx +0 -32
  237. package/lib/Button/ButtonOutline.jsx +0 -43
  238. package/lib/Button/ButtonPrimary.jsx +0 -42
  239. package/lib/Button/ButtonStyles.jsx +0 -37
  240. package/lib/Button/ButtonTableList.jsx +0 -46
  241. package/lib/Caret.jsx +0 -93
  242. package/lib/CircleBadge.jsx +0 -42
  243. package/lib/CircleOcticon.jsx +0 -21
  244. package/lib/CounterLabel.jsx +0 -43
  245. package/lib/Details.jsx +0 -21
  246. package/lib/Dialog/ConfirmationDialog.jsx +0 -146
  247. package/lib/Dialog/Dialog.jsx +0 -279
  248. package/lib/Dialog.jsx +0 -129
  249. package/lib/Dropdown.jsx +0 -131
  250. package/lib/DropdownMenu/DropdownButton.jsx +0 -14
  251. package/lib/DropdownMenu/DropdownMenu.jsx +0 -70
  252. package/lib/FilterList.jsx +0 -59
  253. package/lib/FilteredActionList/FilteredActionList.jsx +0 -100
  254. package/lib/FilteredSearch.jsx +0 -28
  255. package/lib/Flash.jsx +0 -69
  256. package/lib/Flex.jsx +0 -15
  257. package/lib/FormGroup.jsx +0 -22
  258. package/lib/Grid.jsx +0 -15
  259. package/lib/Header.jsx +0 -83
  260. package/lib/Heading.jsx +0 -21
  261. package/lib/Label.jsx +0 -82
  262. package/lib/LabelGroup.jsx +0 -18
  263. package/lib/Link.jsx +0 -36
  264. package/lib/NewButton/button-counter.jsx +0 -14
  265. package/lib/NewButton/button.jsx +0 -279
  266. package/lib/Overlay.jsx +0 -154
  267. package/lib/Pagehead.jsx +0 -17
  268. package/lib/Pagination/Pagination.jsx +0 -161
  269. package/lib/Pagination/model.jsx +0 -174
  270. package/lib/PointerBox.jsx +0 -25
  271. package/lib/Popover.jsx +0 -202
  272. package/lib/Portal/Portal.jsx +0 -79
  273. package/lib/Position.jsx +0 -46
  274. package/lib/ProgressBar.jsx +0 -39
  275. package/lib/SelectMenu/SelectMenu.jsx +0 -112
  276. package/lib/SelectMenu/SelectMenuContext.jsx +0 -5
  277. package/lib/SelectMenu/SelectMenuDivider.jsx +0 -42
  278. package/lib/SelectMenu/SelectMenuFilter.jsx +0 -58
  279. package/lib/SelectMenu/SelectMenuFooter.jsx +0 -45
  280. package/lib/SelectMenu/SelectMenuHeader.jsx +0 -42
  281. package/lib/SelectMenu/SelectMenuItem.jsx +0 -142
  282. package/lib/SelectMenu/SelectMenuList.jsx +0 -59
  283. package/lib/SelectMenu/SelectMenuLoadingAnimation.jsx +0 -22
  284. package/lib/SelectMenu/SelectMenuModal.jsx +0 -118
  285. package/lib/SelectMenu/SelectMenuTab.jsx +0 -92
  286. package/lib/SelectMenu/SelectMenuTabPanel.jsx +0 -42
  287. package/lib/SelectMenu/SelectMenuTabs.jsx +0 -57
  288. package/lib/SelectPanel/SelectPanel.jsx +0 -105
  289. package/lib/SideNav.jsx +0 -173
  290. package/lib/Spinner.jsx +0 -35
  291. package/lib/StateLabel.jsx +0 -93
  292. package/lib/StyledOcticon.jsx +0 -18
  293. package/lib/SubNav.jsx +0 -101
  294. package/lib/TabNav.jsx +0 -58
  295. package/lib/Text.jsx +0 -14
  296. package/lib/TextInput.jsx +0 -23
  297. package/lib/TextInputWithTokens.jsx +0 -218
  298. package/lib/ThemeProvider.jsx +0 -130
  299. package/lib/Timeline.jsx +0 -123
  300. package/lib/Token/AvatarToken.jsx +0 -54
  301. package/lib/Token/IssueLabelToken.jsx +0 -125
  302. package/lib/Token/Token.jsx +0 -103
  303. package/lib/Token/TokenBase.jsx +0 -88
  304. package/lib/Token/_RemoveTokenButton.jsx +0 -108
  305. package/lib/Token/_TokenTextContainer.jsx +0 -49
  306. package/lib/Tooltip.jsx +0 -246
  307. package/lib/Truncate.jsx +0 -24
  308. package/lib/UnderlineNav.jsx +0 -88
  309. package/lib/_TextInputWrapper.jsx +0 -120
  310. package/lib/_UnstyledTextInput.jsx +0 -22
  311. package/lib/__tests__/ActionList.test.d.ts +0 -1
  312. package/lib/__tests__/ActionList.test.js +0 -69
  313. package/lib/__tests__/ActionList.test.jsx +0 -49
  314. package/lib/__tests__/ActionList.types.test.d.ts +0 -6
  315. package/lib/__tests__/ActionList.types.test.js +0 -69
  316. package/lib/__tests__/ActionList.types.test.jsx +0 -45
  317. package/lib/__tests__/ActionList2.test.d.ts +0 -1
  318. package/lib/__tests__/ActionList2.test.js +0 -53
  319. package/lib/__tests__/ActionList2.test.jsx +0 -46
  320. package/lib/__tests__/ActionMenu.test.d.ts +0 -1
  321. package/lib/__tests__/ActionMenu.test.js +0 -151
  322. package/lib/__tests__/ActionMenu.test.jsx +0 -124
  323. package/lib/__tests__/AnchoredOverlay.test.d.ts +0 -1
  324. package/lib/__tests__/AnchoredOverlay.test.js +0 -162
  325. package/lib/__tests__/AnchoredOverlay.test.jsx +0 -121
  326. package/lib/__tests__/Autocomplete.test.d.ts +0 -1
  327. package/lib/__tests__/Autocomplete.test.js +0 -528
  328. package/lib/__tests__/Autocomplete.test.jsx +0 -299
  329. package/lib/__tests__/Avatar.test.d.ts +0 -1
  330. package/lib/__tests__/Avatar.test.js +0 -67
  331. package/lib/__tests__/Avatar.test.jsx +0 -42
  332. package/lib/__tests__/AvatarStack.test.d.ts +0 -1
  333. package/lib/__tests__/AvatarStack.test.js +0 -71
  334. package/lib/__tests__/AvatarStack.test.jsx +0 -43
  335. package/lib/__tests__/BorderBox.test.d.ts +0 -1
  336. package/lib/__tests__/BorderBox.test.js +0 -58
  337. package/lib/__tests__/BorderBox.test.jsx +0 -36
  338. package/lib/__tests__/Box.test.d.ts +0 -1
  339. package/lib/__tests__/Box.test.js +0 -78
  340. package/lib/__tests__/Box.test.jsx +0 -41
  341. package/lib/__tests__/BranchName.test.d.ts +0 -1
  342. package/lib/__tests__/BranchName.test.js +0 -36
  343. package/lib/__tests__/BranchName.test.jsx +0 -27
  344. package/lib/__tests__/Breadcrumbs.test.d.ts +0 -1
  345. package/lib/__tests__/Breadcrumbs.test.js +0 -40
  346. package/lib/__tests__/Breadcrumbs.test.jsx +0 -28
  347. package/lib/__tests__/Breadcrumbs.types.test.d.ts +0 -3
  348. package/lib/__tests__/Breadcrumbs.types.test.js +0 -25
  349. package/lib/__tests__/Breadcrumbs.types.test.jsx +0 -24
  350. package/lib/__tests__/BreadcrumbsItem.test.d.ts +0 -1
  351. package/lib/__tests__/BreadcrumbsItem.test.js +0 -49
  352. package/lib/__tests__/BreadcrumbsItem.test.jsx +0 -31
  353. package/lib/__tests__/Button.test.d.ts +0 -1
  354. package/lib/__tests__/Button.test.js +0 -147
  355. package/lib/__tests__/Button.test.jsx +0 -100
  356. package/lib/__tests__/Caret.test.d.ts +0 -1
  357. package/lib/__tests__/Caret.test.js +0 -52
  358. package/lib/__tests__/Caret.test.jsx +0 -37
  359. package/lib/__tests__/CircleBadge.test.d.ts +0 -1
  360. package/lib/__tests__/CircleBadge.test.js +0 -83
  361. package/lib/__tests__/CircleBadge.test.jsx +0 -55
  362. package/lib/__tests__/CircleBadge.types.test.d.ts +0 -3
  363. package/lib/__tests__/CircleBadge.types.test.js +0 -28
  364. package/lib/__tests__/CircleBadge.types.test.jsx +0 -17
  365. package/lib/__tests__/CircleOcticon.test.d.ts +0 -1
  366. package/lib/__tests__/CircleOcticon.test.js +0 -71
  367. package/lib/__tests__/CircleOcticon.test.jsx +0 -45
  368. package/lib/__tests__/ConfirmationDialog.test.d.ts +0 -1
  369. package/lib/__tests__/ConfirmationDialog.test.js +0 -134
  370. package/lib/__tests__/ConfirmationDialog.test.jsx +0 -119
  371. package/lib/__tests__/CounterLabel.test.d.ts +0 -1
  372. package/lib/__tests__/CounterLabel.test.js +0 -58
  373. package/lib/__tests__/CounterLabel.test.jsx +0 -36
  374. package/lib/__tests__/CounterLabel.types.test.d.ts +0 -3
  375. package/lib/__tests__/CounterLabel.types.test.js +0 -28
  376. package/lib/__tests__/CounterLabel.types.test.jsx +0 -17
  377. package/lib/__tests__/Details.test.d.ts +0 -1
  378. package/lib/__tests__/Details.test.js +0 -117
  379. package/lib/__tests__/Details.test.jsx +0 -85
  380. package/lib/__tests__/Dialog.test.d.ts +0 -1
  381. package/lib/__tests__/Dialog.test.js +0 -184
  382. package/lib/__tests__/Dialog.test.jsx +0 -139
  383. package/lib/__tests__/Dialog.types.test.d.ts +0 -3
  384. package/lib/__tests__/Dialog.types.test.js +0 -28
  385. package/lib/__tests__/Dialog.types.test.jsx +0 -17
  386. package/lib/__tests__/Dialog2.types.test.d.ts +0 -3
  387. package/lib/__tests__/Dialog2.types.test.js +0 -31
  388. package/lib/__tests__/Dialog2.types.test.jsx +0 -17
  389. package/lib/__tests__/Dropdown.test.d.ts +0 -1
  390. package/lib/__tests__/Dropdown.test.js +0 -63
  391. package/lib/__tests__/Dropdown.test.jsx +0 -49
  392. package/lib/__tests__/Dropdown.types.test.d.ts +0 -3
  393. package/lib/__tests__/Dropdown.types.test.js +0 -31
  394. package/lib/__tests__/Dropdown.types.test.jsx +0 -25
  395. package/lib/__tests__/DropdownMenu.test.d.ts +0 -1
  396. package/lib/__tests__/DropdownMenu.test.js +0 -150
  397. package/lib/__tests__/DropdownMenu.test.jsx +0 -119
  398. package/lib/__tests__/FilterList.test.d.ts +0 -1
  399. package/lib/__tests__/FilterList.test.js +0 -36
  400. package/lib/__tests__/FilterList.test.jsx +0 -27
  401. package/lib/__tests__/FilterList.types.test.d.ts +0 -3
  402. package/lib/__tests__/FilterList.types.test.js +0 -27
  403. package/lib/__tests__/FilterList.types.test.jsx +0 -21
  404. package/lib/__tests__/FilterListItem.test.d.ts +0 -1
  405. package/lib/__tests__/FilterListItem.test.js +0 -46
  406. package/lib/__tests__/FilterListItem.test.jsx +0 -31
  407. package/lib/__tests__/FilteredSearch.test.d.ts +0 -1
  408. package/lib/__tests__/FilteredSearch.test.js +0 -36
  409. package/lib/__tests__/FilteredSearch.test.jsx +0 -27
  410. package/lib/__tests__/FilteredSearch.types.test.d.ts +0 -3
  411. package/lib/__tests__/FilteredSearch.types.test.js +0 -28
  412. package/lib/__tests__/FilteredSearch.types.test.jsx +0 -17
  413. package/lib/__tests__/Flash.test.d.ts +0 -1
  414. package/lib/__tests__/Flash.test.js +0 -62
  415. package/lib/__tests__/Flash.test.jsx +0 -36
  416. package/lib/__tests__/Flash.types.test.d.ts +0 -3
  417. package/lib/__tests__/Flash.types.test.js +0 -28
  418. package/lib/__tests__/Flash.types.test.jsx +0 -17
  419. package/lib/__tests__/Flex.test.d.ts +0 -1
  420. package/lib/__tests__/Flex.test.js +0 -74
  421. package/lib/__tests__/Flex.test.jsx +0 -51
  422. package/lib/__tests__/FormGroup.test.d.ts +0 -1
  423. package/lib/__tests__/FormGroup.test.js +0 -54
  424. package/lib/__tests__/FormGroup.test.jsx +0 -36
  425. package/lib/__tests__/FormGroup.types.test.d.ts +0 -3
  426. package/lib/__tests__/FormGroup.types.test.js +0 -28
  427. package/lib/__tests__/FormGroup.types.test.jsx +0 -17
  428. package/lib/__tests__/Grid.test.d.ts +0 -1
  429. package/lib/__tests__/Grid.test.js +0 -104
  430. package/lib/__tests__/Grid.test.jsx +0 -69
  431. package/lib/__tests__/Header.test.d.ts +0 -1
  432. package/lib/__tests__/Header.test.js +0 -58
  433. package/lib/__tests__/Header.test.jsx +0 -45
  434. package/lib/__tests__/Header.types.test.d.ts +0 -3
  435. package/lib/__tests__/Header.types.test.js +0 -29
  436. package/lib/__tests__/Header.types.test.jsx +0 -23
  437. package/lib/__tests__/Heading.test.d.ts +0 -1
  438. package/lib/__tests__/Heading.test.js +0 -109
  439. package/lib/__tests__/Heading.test.jsx +0 -71
  440. package/lib/__tests__/KeyPaths.types.test.d.ts +0 -11
  441. package/lib/__tests__/KeyPaths.types.test.js +0 -7
  442. package/lib/__tests__/Label.test.d.ts +0 -1
  443. package/lib/__tests__/Label.test.js +0 -46
  444. package/lib/__tests__/Label.test.jsx +0 -33
  445. package/lib/__tests__/Label.types.test.d.ts +0 -3
  446. package/lib/__tests__/Label.types.test.js +0 -28
  447. package/lib/__tests__/Label.types.test.jsx +0 -17
  448. package/lib/__tests__/LabelGroup.test.d.ts +0 -1
  449. package/lib/__tests__/LabelGroup.test.js +0 -38
  450. package/lib/__tests__/LabelGroup.test.jsx +0 -29
  451. package/lib/__tests__/LabelGroup.types.test.d.ts +0 -3
  452. package/lib/__tests__/LabelGroup.types.test.js +0 -28
  453. package/lib/__tests__/LabelGroup.types.test.jsx +0 -17
  454. package/lib/__tests__/Link.test.d.ts +0 -1
  455. package/lib/__tests__/Link.test.js +0 -76
  456. package/lib/__tests__/Link.test.jsx +0 -43
  457. package/lib/__tests__/Link.types.test.d.ts +0 -3
  458. package/lib/__tests__/Link.types.test.js +0 -28
  459. package/lib/__tests__/Link.types.test.jsx +0 -17
  460. package/lib/__tests__/Merge.types.test.d.ts +0 -30
  461. package/lib/__tests__/Merge.types.test.js +0 -21
  462. package/lib/__tests__/NewButton.test.d.ts +0 -1
  463. package/lib/__tests__/NewButton.test.js +0 -95
  464. package/lib/__tests__/NewButton.test.jsx +0 -61
  465. package/lib/__tests__/Overlay.test.d.ts +0 -1
  466. package/lib/__tests__/Overlay.test.js +0 -145
  467. package/lib/__tests__/Overlay.test.jsx +0 -105
  468. package/lib/__tests__/Overlay.types.test.d.ts +0 -3
  469. package/lib/__tests__/Overlay.types.test.js +0 -35
  470. package/lib/__tests__/Overlay.types.test.jsx +0 -18
  471. package/lib/__tests__/Pagehead.test.d.ts +0 -1
  472. package/lib/__tests__/Pagehead.test.js +0 -37
  473. package/lib/__tests__/Pagehead.test.jsx +0 -25
  474. package/lib/__tests__/Pagehead.types.test.d.ts +0 -3
  475. package/lib/__tests__/Pagehead.types.test.js +0 -28
  476. package/lib/__tests__/Pagehead.types.test.jsx +0 -17
  477. package/lib/__tests__/Pagination/Pagination.test.d.ts +0 -1
  478. package/lib/__tests__/Pagination/Pagination.test.js +0 -47
  479. package/lib/__tests__/Pagination/Pagination.test.jsx +0 -32
  480. package/lib/__tests__/Pagination/PaginationModel.test.d.ts +0 -1
  481. package/lib/__tests__/Pagination/PaginationModel.test.js +0 -186
  482. package/lib/__tests__/Pagination/PaginationModel.test.jsx +0 -118
  483. package/lib/__tests__/Pagination.types.test.d.ts +0 -3
  484. package/lib/__tests__/Pagination.types.test.js +0 -33
  485. package/lib/__tests__/Pagination.types.test.jsx +0 -17
  486. package/lib/__tests__/PointerBox.test.d.ts +0 -1
  487. package/lib/__tests__/PointerBox.test.js +0 -46
  488. package/lib/__tests__/PointerBox.test.jsx +0 -33
  489. package/lib/__tests__/Popover.test.d.ts +0 -1
  490. package/lib/__tests__/Popover.test.js +0 -66
  491. package/lib/__tests__/Popover.test.jsx +0 -58
  492. package/lib/__tests__/Popover.types.test.d.ts +0 -3
  493. package/lib/__tests__/Popover.types.test.js +0 -27
  494. package/lib/__tests__/Popover.types.test.jsx +0 -21
  495. package/lib/__tests__/Portal.test.d.ts +0 -1
  496. package/lib/__tests__/Portal.test.js +0 -124
  497. package/lib/__tests__/Portal.test.jsx +0 -102
  498. package/lib/__tests__/Position.test.d.ts +0 -1
  499. package/lib/__tests__/Position.test.js +0 -143
  500. package/lib/__tests__/Position.test.jsx +0 -96
  501. package/lib/__tests__/ProgressBar.test.d.ts +0 -1
  502. package/lib/__tests__/ProgressBar.test.js +0 -68
  503. package/lib/__tests__/ProgressBar.test.jsx +0 -38
  504. package/lib/__tests__/SelectMenu.test.d.ts +0 -1
  505. package/lib/__tests__/SelectMenu.test.js +0 -155
  506. package/lib/__tests__/SelectMenu.test.jsx +0 -120
  507. package/lib/__tests__/SelectMenu.types.test.d.ts +0 -3
  508. package/lib/__tests__/SelectMenu.types.test.js +0 -47
  509. package/lib/__tests__/SelectMenu.types.test.jsx +0 -41
  510. package/lib/__tests__/SelectPanel.test.d.ts +0 -1
  511. package/lib/__tests__/SelectPanel.test.js +0 -80
  512. package/lib/__tests__/SelectPanel.test.jsx +0 -48
  513. package/lib/__tests__/SideNav.test.d.ts +0 -1
  514. package/lib/__tests__/SideNav.test.js +0 -71
  515. package/lib/__tests__/SideNav.test.jsx +0 -55
  516. package/lib/__tests__/SideNav.types.test.d.ts +0 -3
  517. package/lib/__tests__/SideNav.types.test.js +0 -28
  518. package/lib/__tests__/SideNav.types.test.jsx +0 -17
  519. package/lib/__tests__/Spinner.test.d.ts +0 -1
  520. package/lib/__tests__/Spinner.test.js +0 -53
  521. package/lib/__tests__/Spinner.test.jsx +0 -41
  522. package/lib/__tests__/StateLabel.test.d.ts +0 -1
  523. package/lib/__tests__/StateLabel.test.js +0 -71
  524. package/lib/__tests__/StateLabel.test.jsx +0 -46
  525. package/lib/__tests__/StateLabel.types.test.d.ts +0 -3
  526. package/lib/__tests__/StateLabel.types.test.js +0 -28
  527. package/lib/__tests__/StateLabel.types.test.jsx +0 -17
  528. package/lib/__tests__/StyledOcticon.test.d.ts +0 -1
  529. package/lib/__tests__/StyledOcticon.test.js +0 -40
  530. package/lib/__tests__/StyledOcticon.test.jsx +0 -28
  531. package/lib/__tests__/StyledOcticon.types.test.d.ts +0 -3
  532. package/lib/__tests__/StyledOcticon.types.test.js +0 -32
  533. package/lib/__tests__/StyledOcticon.types.test.jsx +0 -18
  534. package/lib/__tests__/SubNav.test.d.ts +0 -1
  535. package/lib/__tests__/SubNav.test.js +0 -62
  536. package/lib/__tests__/SubNav.test.jsx +0 -47
  537. package/lib/__tests__/SubNav.types.test.d.ts +0 -3
  538. package/lib/__tests__/SubNav.types.test.js +0 -27
  539. package/lib/__tests__/SubNav.types.test.jsx +0 -27
  540. package/lib/__tests__/SubNavLink.test.d.ts +0 -1
  541. package/lib/__tests__/SubNavLink.test.js +0 -49
  542. package/lib/__tests__/SubNavLink.test.jsx +0 -31
  543. package/lib/__tests__/TabNav.test.d.ts +0 -1
  544. package/lib/__tests__/TabNav.test.js +0 -49
  545. package/lib/__tests__/TabNav.test.jsx +0 -32
  546. package/lib/__tests__/TabNav.types.test.d.ts +0 -3
  547. package/lib/__tests__/TabNav.types.test.js +0 -25
  548. package/lib/__tests__/TabNav.types.test.jsx +0 -24
  549. package/lib/__tests__/Text.test.d.ts +0 -1
  550. package/lib/__tests__/Text.test.js +0 -105
  551. package/lib/__tests__/Text.test.jsx +0 -71
  552. package/lib/__tests__/TextInput.test.d.ts +0 -1
  553. package/lib/__tests__/TextInput.test.js +0 -78
  554. package/lib/__tests__/TextInput.test.jsx +0 -45
  555. package/lib/__tests__/TextInputWithTokens.test.d.ts +0 -1
  556. package/lib/__tests__/TextInputWithTokens.test.js +0 -572
  557. package/lib/__tests__/TextInputWithTokens.test.jsx +0 -302
  558. package/lib/__tests__/ThemeProvider.test.d.ts +0 -1
  559. package/lib/__tests__/ThemeProvider.test.js +0 -444
  560. package/lib/__tests__/ThemeProvider.test.jsx +0 -314
  561. package/lib/__tests__/Timeline.test.d.ts +0 -1
  562. package/lib/__tests__/Timeline.test.js +0 -75
  563. package/lib/__tests__/Timeline.test.jsx +0 -51
  564. package/lib/__tests__/Timeline.types.test.d.ts +0 -3
  565. package/lib/__tests__/Timeline.types.test.js +0 -31
  566. package/lib/__tests__/Timeline.types.test.jsx +0 -33
  567. package/lib/__tests__/Token.test.d.ts +0 -1
  568. package/lib/__tests__/Token.test.js +0 -180
  569. package/lib/__tests__/Token.test.jsx +0 -93
  570. package/lib/__tests__/Tooltip.test.d.ts +0 -1
  571. package/lib/__tests__/Tooltip.test.js +0 -69
  572. package/lib/__tests__/Tooltip.test.jsx +0 -46
  573. package/lib/__tests__/Tooltip.types.test.d.ts +0 -3
  574. package/lib/__tests__/Tooltip.types.test.js +0 -28
  575. package/lib/__tests__/Tooltip.types.test.jsx +0 -17
  576. package/lib/__tests__/Truncate.test.d.ts +0 -1
  577. package/lib/__tests__/Truncate.test.js +0 -63
  578. package/lib/__tests__/Truncate.test.jsx +0 -41
  579. package/lib/__tests__/Truncate.types.test.d.ts +0 -3
  580. package/lib/__tests__/Truncate.types.test.js +0 -31
  581. package/lib/__tests__/Truncate.types.test.jsx +0 -17
  582. package/lib/__tests__/UnderlineNav.test.d.ts +0 -1
  583. package/lib/__tests__/UnderlineNav.test.js +0 -72
  584. package/lib/__tests__/UnderlineNav.test.jsx +0 -53
  585. package/lib/__tests__/UnderlineNav.types.test.d.ts +0 -3
  586. package/lib/__tests__/UnderlineNav.types.test.js +0 -25
  587. package/lib/__tests__/UnderlineNav.types.test.jsx +0 -24
  588. package/lib/__tests__/UnderlineNavLink.test.d.ts +0 -1
  589. package/lib/__tests__/UnderlineNavLink.test.js +0 -51
  590. package/lib/__tests__/UnderlineNavLink.test.jsx +0 -31
  591. package/lib/__tests__/behaviors/anchoredPosition.test.d.ts +0 -1
  592. package/lib/__tests__/behaviors/anchoredPosition.test.js +0 -243
  593. package/lib/__tests__/behaviors/focusTrap.test.d.ts +0 -1
  594. package/lib/__tests__/behaviors/focusTrap.test.js +0 -234
  595. package/lib/__tests__/behaviors/focusTrap.test.jsx +0 -184
  596. package/lib/__tests__/behaviors/focusZone.test.d.ts +0 -1
  597. package/lib/__tests__/behaviors/focusZone.test.js +0 -570
  598. package/lib/__tests__/behaviors/focusZone.test.jsx +0 -406
  599. package/lib/__tests__/behaviors/iterateFocusableElements.test.d.ts +0 -1
  600. package/lib/__tests__/behaviors/iterateFocusableElements.test.js +0 -55
  601. package/lib/__tests__/behaviors/iterateFocusableElements.test.jsx +0 -58
  602. package/lib/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +0 -1
  603. package/lib/__tests__/behaviors/scrollIntoViewingArea.test.js +0 -155
  604. package/lib/__tests__/filterObject.test.d.ts +0 -1
  605. package/lib/__tests__/filterObject.test.js +0 -51
  606. package/lib/__tests__/hooks/useAnchoredPosition.test.d.ts +0 -1
  607. package/lib/__tests__/hooks/useAnchoredPosition.test.js +0 -54
  608. package/lib/__tests__/hooks/useAnchoredPosition.test.jsx +0 -29
  609. package/lib/__tests__/hooks/useOnEscapePress.test.d.ts +0 -1
  610. package/lib/__tests__/hooks/useOnEscapePress.test.js +0 -32
  611. package/lib/__tests__/hooks/useOnEscapePress.test.jsx +0 -19
  612. package/lib/__tests__/hooks/useOnOutsideClick.test.d.ts +0 -1
  613. package/lib/__tests__/hooks/useOnOutsideClick.test.js +0 -87
  614. package/lib/__tests__/hooks/useOnOutsideClick.test.jsx +0 -63
  615. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +0 -1
  616. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.js +0 -60
  617. package/lib/__tests__/hooks/useOpenAndCloseFocus.test.jsx +0 -61
  618. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +0 -1
  619. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.js +0 -45
  620. package/lib/__tests__/hooks/useProvidedStateOrCreate.test.jsx +0 -56
  621. package/lib/__tests__/theme.test.d.ts +0 -1
  622. package/lib/__tests__/theme.test.js +0 -35
  623. package/lib/__tests__/themeGet.test.d.ts +0 -1
  624. package/lib/__tests__/themeGet.test.js +0 -14
  625. package/lib/__tests__/useSafeTimeout.test.d.ts +0 -1
  626. package/lib/__tests__/useSafeTimeout.test.js +0 -45
  627. package/lib/__tests__/useSafeTimeout.test.jsx +0 -36
  628. package/lib/__tests__/utils/createSlots.test.d.ts +0 -1
  629. package/lib/__tests__/utils/createSlots.test.js +0 -75
  630. package/lib/__tests__/utils/createSlots.test.jsx +0 -57
  631. package/lib/hooks/useDetails.jsx +0 -39
  632. package/lib/hooks/useOnOutsideClick.jsx +0 -61
  633. package/lib/hooks/useOverlay.jsx +0 -15
  634. package/lib/stories/ActionList.stories.js +0 -454
  635. package/lib/stories/ActionList2.stories.js +0 -909
  636. package/lib/stories/ActionMenu.stories.js +0 -348
  637. package/lib/stories/AnchoredOverlay.stories.js +0 -127
  638. package/lib/stories/Autocomplete.stories.js +0 -619
  639. package/lib/stories/AvatarStack.stories.js +0 -49
  640. package/lib/stories/Button.stories.js +0 -125
  641. package/lib/stories/ConfirmationDialog.stories.js +0 -119
  642. package/lib/stories/Dialog.stories.js +0 -269
  643. package/lib/stories/DropdownMenu.stories.js +0 -122
  644. package/lib/stories/IssueLabelToken.stories.js +0 -165
  645. package/lib/stories/NewButton.stories.js +0 -230
  646. package/lib/stories/Overlay.stories.js +0 -204
  647. package/lib/stories/Portal.stories.js +0 -104
  648. package/lib/stories/ProfileToken.stories.js +0 -162
  649. package/lib/stories/SelectPanel.stories.js +0 -399
  650. package/lib/stories/TextInput.stories.js +0 -144
  651. package/lib/stories/TextInputWithTokens.stories.js +0 -252
  652. package/lib/stories/ThemeProvider.stories.js +0 -102
  653. package/lib/stories/Token.stories.js +0 -176
  654. package/lib/stories/useAnchoredPosition.stories.js +0 -351
  655. package/lib/stories/useFocusTrap.stories.js +0 -360
  656. package/lib/stories/useFocusZone.stories.js +0 -607
  657. package/lib/utils/create-slots.jsx +0 -65
  658. package/lib/utils/deprecate.jsx +0 -59
  659. package/lib/utils/isNumeric.jsx +0 -7
  660. package/lib/utils/ssr.jsx +0 -6
  661. package/lib/utils/test-deprecations.jsx +0 -20
  662. package/lib/utils/test-helpers.jsx +0 -8
  663. package/lib/utils/test-matchers.jsx +0 -100
  664. package/lib/utils/testing.jsx +0 -206
  665. package/lib-esm/__tests__/ActionList.test.d.ts +0 -1
  666. package/lib-esm/__tests__/ActionList.test.js +0 -57
  667. package/lib-esm/__tests__/ActionList.types.test.d.ts +0 -6
  668. package/lib-esm/__tests__/ActionList.types.test.js +0 -45
  669. package/lib-esm/__tests__/ActionList2.test.d.ts +0 -1
  670. package/lib-esm/__tests__/ActionList2.test.js +0 -41
  671. package/lib-esm/__tests__/ActionMenu.test.d.ts +0 -1
  672. package/lib-esm/__tests__/ActionMenu.test.js +0 -139
  673. package/lib-esm/__tests__/AnchoredOverlay.test.d.ts +0 -1
  674. package/lib-esm/__tests__/AnchoredOverlay.test.js +0 -136
  675. package/lib-esm/__tests__/Autocomplete.test.d.ts +0 -1
  676. package/lib-esm/__tests__/Autocomplete.test.js +0 -494
  677. package/lib-esm/__tests__/Avatar.test.d.ts +0 -1
  678. package/lib-esm/__tests__/Avatar.test.js +0 -56
  679. package/lib-esm/__tests__/AvatarStack.test.d.ts +0 -1
  680. package/lib-esm/__tests__/AvatarStack.test.js +0 -58
  681. package/lib-esm/__tests__/BorderBox.test.d.ts +0 -1
  682. package/lib-esm/__tests__/BorderBox.test.js +0 -47
  683. package/lib-esm/__tests__/Box.test.d.ts +0 -1
  684. package/lib-esm/__tests__/Box.test.js +0 -67
  685. package/lib-esm/__tests__/BranchName.test.d.ts +0 -1
  686. package/lib-esm/__tests__/BranchName.test.js +0 -26
  687. package/lib-esm/__tests__/Breadcrumbs.test.d.ts +0 -1
  688. package/lib-esm/__tests__/Breadcrumbs.test.js +0 -30
  689. package/lib-esm/__tests__/Breadcrumbs.types.test.d.ts +0 -3
  690. package/lib-esm/__tests__/Breadcrumbs.types.test.js +0 -12
  691. package/lib-esm/__tests__/BreadcrumbsItem.test.d.ts +0 -1
  692. package/lib-esm/__tests__/BreadcrumbsItem.test.js +0 -39
  693. package/lib-esm/__tests__/Button.test.d.ts +0 -1
  694. package/lib-esm/__tests__/Button.test.js +0 -137
  695. package/lib-esm/__tests__/Caret.test.d.ts +0 -1
  696. package/lib-esm/__tests__/Caret.test.js +0 -42
  697. package/lib-esm/__tests__/CircleBadge.test.d.ts +0 -1
  698. package/lib-esm/__tests__/CircleBadge.test.js +0 -70
  699. package/lib-esm/__tests__/CircleBadge.types.test.d.ts +0 -3
  700. package/lib-esm/__tests__/CircleBadge.types.test.js +0 -13
  701. package/lib-esm/__tests__/CircleOcticon.test.d.ts +0 -1
  702. package/lib-esm/__tests__/CircleOcticon.test.js +0 -59
  703. package/lib-esm/__tests__/ConfirmationDialog.test.d.ts +0 -1
  704. package/lib-esm/__tests__/ConfirmationDialog.test.js +0 -113
  705. package/lib-esm/__tests__/CounterLabel.test.d.ts +0 -1
  706. package/lib-esm/__tests__/CounterLabel.test.js +0 -47
  707. package/lib-esm/__tests__/CounterLabel.types.test.d.ts +0 -3
  708. package/lib-esm/__tests__/CounterLabel.types.test.js +0 -13
  709. package/lib-esm/__tests__/Details.test.d.ts +0 -1
  710. package/lib-esm/__tests__/Details.test.js +0 -107
  711. package/lib-esm/__tests__/Dialog.test.d.ts +0 -1
  712. package/lib-esm/__tests__/Dialog.test.js +0 -171
  713. package/lib-esm/__tests__/Dialog.types.test.d.ts +0 -3
  714. package/lib-esm/__tests__/Dialog.types.test.js +0 -13
  715. package/lib-esm/__tests__/Dialog2.types.test.d.ts +0 -3
  716. package/lib-esm/__tests__/Dialog2.types.test.js +0 -16
  717. package/lib-esm/__tests__/Dropdown.test.d.ts +0 -1
  718. package/lib-esm/__tests__/Dropdown.test.js +0 -53
  719. package/lib-esm/__tests__/Dropdown.types.test.d.ts +0 -3
  720. package/lib-esm/__tests__/Dropdown.types.test.js +0 -17
  721. package/lib-esm/__tests__/DropdownMenu.test.d.ts +0 -1
  722. package/lib-esm/__tests__/DropdownMenu.test.js +0 -137
  723. package/lib-esm/__tests__/FilterList.test.d.ts +0 -1
  724. package/lib-esm/__tests__/FilterList.test.js +0 -26
  725. package/lib-esm/__tests__/FilterList.types.test.d.ts +0 -3
  726. package/lib-esm/__tests__/FilterList.types.test.js +0 -13
  727. package/lib-esm/__tests__/FilterListItem.test.d.ts +0 -1
  728. package/lib-esm/__tests__/FilterListItem.test.js +0 -36
  729. package/lib-esm/__tests__/FilteredSearch.test.d.ts +0 -1
  730. package/lib-esm/__tests__/FilteredSearch.test.js +0 -26
  731. package/lib-esm/__tests__/FilteredSearch.types.test.d.ts +0 -3
  732. package/lib-esm/__tests__/FilteredSearch.types.test.js +0 -13
  733. package/lib-esm/__tests__/Flash.test.d.ts +0 -1
  734. package/lib-esm/__tests__/Flash.test.js +0 -51
  735. package/lib-esm/__tests__/Flash.types.test.d.ts +0 -3
  736. package/lib-esm/__tests__/Flash.types.test.js +0 -13
  737. package/lib-esm/__tests__/Flex.test.d.ts +0 -1
  738. package/lib-esm/__tests__/Flex.test.js +0 -64
  739. package/lib-esm/__tests__/FormGroup.test.d.ts +0 -1
  740. package/lib-esm/__tests__/FormGroup.test.js +0 -44
  741. package/lib-esm/__tests__/FormGroup.types.test.d.ts +0 -3
  742. package/lib-esm/__tests__/FormGroup.types.test.js +0 -13
  743. package/lib-esm/__tests__/Grid.test.d.ts +0 -1
  744. package/lib-esm/__tests__/Grid.test.js +0 -94
  745. package/lib-esm/__tests__/Header.test.d.ts +0 -1
  746. package/lib-esm/__tests__/Header.test.js +0 -48
  747. package/lib-esm/__tests__/Header.types.test.d.ts +0 -3
  748. package/lib-esm/__tests__/Header.types.test.js +0 -15
  749. package/lib-esm/__tests__/Heading.test.d.ts +0 -1
  750. package/lib-esm/__tests__/Heading.test.js +0 -99
  751. package/lib-esm/__tests__/KeyPaths.types.test.d.ts +0 -11
  752. package/lib-esm/__tests__/KeyPaths.types.test.js +0 -3
  753. package/lib-esm/__tests__/Label.test.d.ts +0 -1
  754. package/lib-esm/__tests__/Label.test.js +0 -36
  755. package/lib-esm/__tests__/Label.types.test.d.ts +0 -3
  756. package/lib-esm/__tests__/Label.types.test.js +0 -13
  757. package/lib-esm/__tests__/LabelGroup.test.d.ts +0 -1
  758. package/lib-esm/__tests__/LabelGroup.test.js +0 -26
  759. package/lib-esm/__tests__/LabelGroup.types.test.d.ts +0 -3
  760. package/lib-esm/__tests__/LabelGroup.types.test.js +0 -13
  761. package/lib-esm/__tests__/Link.test.d.ts +0 -1
  762. package/lib-esm/__tests__/Link.test.js +0 -66
  763. package/lib-esm/__tests__/Link.types.test.d.ts +0 -3
  764. package/lib-esm/__tests__/Link.types.test.js +0 -13
  765. package/lib-esm/__tests__/Merge.types.test.d.ts +0 -30
  766. package/lib-esm/__tests__/Merge.types.test.js +0 -14
  767. package/lib-esm/__tests__/NewButton.test.d.ts +0 -1
  768. package/lib-esm/__tests__/NewButton.test.js +0 -84
  769. package/lib-esm/__tests__/Overlay.test.d.ts +0 -1
  770. package/lib-esm/__tests__/Overlay.test.js +0 -123
  771. package/lib-esm/__tests__/Overlay.types.test.d.ts +0 -3
  772. package/lib-esm/__tests__/Overlay.types.test.js +0 -20
  773. package/lib-esm/__tests__/Pagehead.test.d.ts +0 -1
  774. package/lib-esm/__tests__/Pagehead.test.js +0 -26
  775. package/lib-esm/__tests__/Pagehead.types.test.d.ts +0 -3
  776. package/lib-esm/__tests__/Pagehead.types.test.js +0 -13
  777. package/lib-esm/__tests__/Pagination/Pagination.test.d.ts +0 -1
  778. package/lib-esm/__tests__/Pagination/Pagination.test.js +0 -35
  779. package/lib-esm/__tests__/Pagination/PaginationModel.test.d.ts +0 -1
  780. package/lib-esm/__tests__/Pagination/PaginationModel.test.js +0 -182
  781. package/lib-esm/__tests__/Pagination.types.test.d.ts +0 -3
  782. package/lib-esm/__tests__/Pagination.types.test.js +0 -18
  783. package/lib-esm/__tests__/PointerBox.test.d.ts +0 -1
  784. package/lib-esm/__tests__/PointerBox.test.js +0 -36
  785. package/lib-esm/__tests__/Popover.test.d.ts +0 -1
  786. package/lib-esm/__tests__/Popover.test.js +0 -53
  787. package/lib-esm/__tests__/Popover.types.test.d.ts +0 -3
  788. package/lib-esm/__tests__/Popover.types.test.js +0 -13
  789. package/lib-esm/__tests__/Portal.test.d.ts +0 -1
  790. package/lib-esm/__tests__/Portal.test.js +0 -104
  791. package/lib-esm/__tests__/Position.test.d.ts +0 -1
  792. package/lib-esm/__tests__/Position.test.js +0 -133
  793. package/lib-esm/__tests__/ProgressBar.test.d.ts +0 -1
  794. package/lib-esm/__tests__/ProgressBar.test.js +0 -58
  795. package/lib-esm/__tests__/SelectMenu.test.d.ts +0 -1
  796. package/lib-esm/__tests__/SelectMenu.test.js +0 -145
  797. package/lib-esm/__tests__/SelectMenu.types.test.d.ts +0 -3
  798. package/lib-esm/__tests__/SelectMenu.types.test.js +0 -33
  799. package/lib-esm/__tests__/SelectPanel.test.d.ts +0 -1
  800. package/lib-esm/__tests__/SelectPanel.test.js +0 -65
  801. package/lib-esm/__tests__/SideNav.test.d.ts +0 -1
  802. package/lib-esm/__tests__/SideNav.test.js +0 -60
  803. package/lib-esm/__tests__/SideNav.types.test.d.ts +0 -3
  804. package/lib-esm/__tests__/SideNav.types.test.js +0 -13
  805. package/lib-esm/__tests__/Spinner.test.d.ts +0 -1
  806. package/lib-esm/__tests__/Spinner.test.js +0 -43
  807. package/lib-esm/__tests__/StateLabel.test.d.ts +0 -1
  808. package/lib-esm/__tests__/StateLabel.test.js +0 -61
  809. package/lib-esm/__tests__/StateLabel.types.test.d.ts +0 -3
  810. package/lib-esm/__tests__/StateLabel.types.test.js +0 -13
  811. package/lib-esm/__tests__/StyledOcticon.test.d.ts +0 -1
  812. package/lib-esm/__tests__/StyledOcticon.test.js +0 -29
  813. package/lib-esm/__tests__/StyledOcticon.types.test.d.ts +0 -3
  814. package/lib-esm/__tests__/StyledOcticon.types.test.js +0 -16
  815. package/lib-esm/__tests__/SubNav.test.d.ts +0 -1
  816. package/lib-esm/__tests__/SubNav.test.js +0 -50
  817. package/lib-esm/__tests__/SubNav.types.test.d.ts +0 -3
  818. package/lib-esm/__tests__/SubNav.types.test.js +0 -14
  819. package/lib-esm/__tests__/SubNavLink.test.d.ts +0 -1
  820. package/lib-esm/__tests__/SubNavLink.test.js +0 -39
  821. package/lib-esm/__tests__/TabNav.test.d.ts +0 -1
  822. package/lib-esm/__tests__/TabNav.test.js +0 -39
  823. package/lib-esm/__tests__/TabNav.types.test.d.ts +0 -3
  824. package/lib-esm/__tests__/TabNav.types.test.js +0 -12
  825. package/lib-esm/__tests__/Text.test.d.ts +0 -1
  826. package/lib-esm/__tests__/Text.test.js +0 -93
  827. package/lib-esm/__tests__/TextInput.test.d.ts +0 -1
  828. package/lib-esm/__tests__/TextInput.test.js +0 -68
  829. package/lib-esm/__tests__/TextInputWithTokens.test.d.ts +0 -1
  830. package/lib-esm/__tests__/TextInputWithTokens.test.js +0 -511
  831. package/lib-esm/__tests__/ThemeProvider.test.d.ts +0 -1
  832. package/lib-esm/__tests__/ThemeProvider.test.js +0 -408
  833. package/lib-esm/__tests__/Timeline.test.d.ts +0 -1
  834. package/lib-esm/__tests__/Timeline.test.js +0 -65
  835. package/lib-esm/__tests__/Timeline.types.test.d.ts +0 -3
  836. package/lib-esm/__tests__/Timeline.types.test.js +0 -18
  837. package/lib-esm/__tests__/Token.test.d.ts +0 -1
  838. package/lib-esm/__tests__/Token.test.js +0 -166
  839. package/lib-esm/__tests__/Tooltip.test.d.ts +0 -1
  840. package/lib-esm/__tests__/Tooltip.test.js +0 -59
  841. package/lib-esm/__tests__/Tooltip.types.test.d.ts +0 -3
  842. package/lib-esm/__tests__/Tooltip.types.test.js +0 -13
  843. package/lib-esm/__tests__/Truncate.test.d.ts +0 -1
  844. package/lib-esm/__tests__/Truncate.test.js +0 -53
  845. package/lib-esm/__tests__/Truncate.types.test.d.ts +0 -3
  846. package/lib-esm/__tests__/Truncate.types.test.js +0 -16
  847. package/lib-esm/__tests__/UnderlineNav.test.d.ts +0 -1
  848. package/lib-esm/__tests__/UnderlineNav.test.js +0 -60
  849. package/lib-esm/__tests__/UnderlineNav.types.test.d.ts +0 -3
  850. package/lib-esm/__tests__/UnderlineNav.types.test.js +0 -12
  851. package/lib-esm/__tests__/UnderlineNavLink.test.d.ts +0 -1
  852. package/lib-esm/__tests__/UnderlineNavLink.test.js +0 -41
  853. package/lib-esm/__tests__/behaviors/anchoredPosition.test.d.ts +0 -1
  854. package/lib-esm/__tests__/behaviors/anchoredPosition.test.js +0 -388
  855. package/lib-esm/__tests__/behaviors/focusTrap.test.d.ts +0 -1
  856. package/lib-esm/__tests__/behaviors/focusTrap.test.js +0 -227
  857. package/lib-esm/__tests__/behaviors/focusZone.test.d.ts +0 -1
  858. package/lib-esm/__tests__/behaviors/focusZone.test.js +0 -487
  859. package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.d.ts +0 -1
  860. package/lib-esm/__tests__/behaviors/iterateFocusableElements.test.js +0 -48
  861. package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.d.ts +0 -1
  862. package/lib-esm/__tests__/behaviors/scrollIntoViewingArea.test.js +0 -224
  863. package/lib-esm/__tests__/filterObject.test.d.ts +0 -1
  864. package/lib-esm/__tests__/filterObject.test.js +0 -27
  865. package/lib-esm/__tests__/hooks/useAnchoredPosition.test.d.ts +0 -1
  866. package/lib-esm/__tests__/hooks/useAnchoredPosition.test.js +0 -46
  867. package/lib-esm/__tests__/hooks/useOnEscapePress.test.d.ts +0 -1
  868. package/lib-esm/__tests__/hooks/useOnEscapePress.test.js +0 -23
  869. package/lib-esm/__tests__/hooks/useOnOutsideClick.test.d.ts +0 -1
  870. package/lib-esm/__tests__/hooks/useOnOutsideClick.test.js +0 -68
  871. package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.d.ts +0 -1
  872. package/lib-esm/__tests__/hooks/useOpenAndCloseFocus.test.js +0 -52
  873. package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.d.ts +0 -1
  874. package/lib-esm/__tests__/hooks/useProvidedStateOrCreate.test.js +0 -36
  875. package/lib-esm/__tests__/theme.test.d.ts +0 -1
  876. package/lib-esm/__tests__/theme.test.js +0 -33
  877. package/lib-esm/__tests__/themeGet.test.d.ts +0 -1
  878. package/lib-esm/__tests__/themeGet.test.js +0 -22
  879. package/lib-esm/__tests__/useSafeTimeout.test.d.ts +0 -1
  880. package/lib-esm/__tests__/useSafeTimeout.test.js +0 -39
  881. package/lib-esm/__tests__/utils/createSlots.test.d.ts +0 -1
  882. package/lib-esm/__tests__/utils/createSlots.test.js +0 -67
  883. package/lib-esm/stories/ActionList.stories.js +0 -395
  884. package/lib-esm/stories/ActionList2.stories.js +0 -797
  885. package/lib-esm/stories/ActionMenu.stories.js +0 -303
  886. package/lib-esm/stories/AnchoredOverlay.stories.js +0 -101
  887. package/lib-esm/stories/Autocomplete.stories.js +0 -560
  888. package/lib-esm/stories/AvatarStack.stories.js +0 -32
  889. package/lib-esm/stories/Button.stories.js +0 -86
  890. package/lib-esm/stories/ConfirmationDialog.stories.js +0 -94
  891. package/lib-esm/stories/Dialog.stories.js +0 -244
  892. package/lib-esm/stories/DropdownMenu.stories.js +0 -94
  893. package/lib-esm/stories/IssueLabelToken.stories.js +0 -139
  894. package/lib-esm/stories/NewButton.stories.js +0 -178
  895. package/lib-esm/stories/Overlay.stories.js +0 -173
  896. package/lib-esm/stories/Portal.stories.js +0 -68
  897. package/lib-esm/stories/ProfileToken.stories.js +0 -136
  898. package/lib-esm/stories/SelectPanel.stories.js +0 -334
  899. package/lib-esm/stories/TextInput.stories.js +0 -117
  900. package/lib-esm/stories/TextInputWithTokens.stories.js +0 -210
  901. package/lib-esm/stories/ThemeProvider.stories.js +0 -83
  902. package/lib-esm/stories/Token.stories.js +0 -146
  903. package/lib-esm/stories/useAnchoredPosition.stories.js +0 -313
  904. package/lib-esm/stories/useFocusTrap.stories.js +0 -313
  905. package/lib-esm/stories/useFocusZone.stories.js +0 -562
  906. package/migrating.md +0 -250
  907. package/now.json +0 -17
  908. package/package-lock.json +0 -66509
  909. package/rollup.config.js +0 -36
  910. package/script/build +0 -21
  911. package/script/build-storybook +0 -10
  912. package/script/setup +0 -12
  913. package/src/ActionList/Divider.tsx +0 -25
  914. package/src/ActionList/Group.tsx +0 -45
  915. package/src/ActionList/Header.tsx +0 -74
  916. package/src/ActionList/Item.tsx +0 -480
  917. package/src/ActionList/List.tsx +0 -258
  918. package/src/ActionList/index.ts +0 -21
  919. package/src/ActionList2/Description.tsx +0 -52
  920. package/src/ActionList2/Divider.tsx +0 -24
  921. package/src/ActionList2/Group.tsx +0 -103
  922. package/src/ActionList2/Header.tsx +0 -58
  923. package/src/ActionList2/Item.tsx +0 -246
  924. package/src/ActionList2/LinkItem.tsx +0 -49
  925. package/src/ActionList2/List.tsx +0 -55
  926. package/src/ActionList2/Selection.tsx +0 -60
  927. package/src/ActionList2/Visuals.tsx +0 -76
  928. package/src/ActionList2/index.ts +0 -39
  929. package/src/ActionMenu.tsx +0 -106
  930. package/src/AnchoredOverlay/AnchoredOverlay.tsx +0 -191
  931. package/src/AnchoredOverlay/index.ts +0 -2
  932. package/src/Autocomplete/Autocomplete.tsx +0 -103
  933. package/src/Autocomplete/AutocompleteContext.tsx +0 -19
  934. package/src/Autocomplete/AutocompleteInput.tsx +0 -179
  935. package/src/Autocomplete/AutocompleteMenu.tsx +0 -341
  936. package/src/Autocomplete/AutocompleteOverlay.tsx +0 -68
  937. package/src/Autocomplete/index.ts +0 -2
  938. package/src/Avatar.tsx +0 -46
  939. package/src/AvatarPair.tsx +0 -35
  940. package/src/AvatarStack.tsx +0 -159
  941. package/src/BaseStyles.tsx +0 -53
  942. package/src/BorderBox.tsx +0 -18
  943. package/src/Box.tsx +0 -54
  944. package/src/BranchName.tsx +0 -19
  945. package/src/Breadcrumbs.tsx +0 -101
  946. package/src/Button/Button.tsx +0 -39
  947. package/src/Button/ButtonBase.tsx +0 -39
  948. package/src/Button/ButtonClose.tsx +0 -36
  949. package/src/Button/ButtonDanger.tsx +0 -42
  950. package/src/Button/ButtonGroup.tsx +0 -55
  951. package/src/Button/ButtonInvisible.tsx +0 -31
  952. package/src/Button/ButtonOutline.tsx +0 -42
  953. package/src/Button/ButtonPrimary.tsx +0 -40
  954. package/src/Button/ButtonStyles.tsx +0 -36
  955. package/src/Button/ButtonTableList.tsx +0 -45
  956. package/src/Button/index.ts +0 -16
  957. package/src/Caret.tsx +0 -133
  958. package/src/CircleBadge.tsx +0 -53
  959. package/src/CircleOcticon.tsx +0 -37
  960. package/src/CounterLabel.tsx +0 -50
  961. package/src/Details.tsx +0 -23
  962. package/src/Dialog/ConfirmationDialog.tsx +0 -184
  963. package/src/Dialog/Dialog.tsx +0 -444
  964. package/src/Dialog.tsx +0 -145
  965. package/src/Dropdown.tsx +0 -154
  966. package/src/DropdownMenu/DropdownButton.tsx +0 -15
  967. package/src/DropdownMenu/DropdownMenu.tsx +0 -115
  968. package/src/DropdownMenu/index.ts +0 -4
  969. package/src/DropdownStyles.ts +0 -128
  970. package/src/FilterList.tsx +0 -75
  971. package/src/FilteredActionList/FilteredActionList.tsx +0 -142
  972. package/src/FilteredActionList/index.ts +0 -2
  973. package/src/FilteredSearch.tsx +0 -27
  974. package/src/Flash.tsx +0 -75
  975. package/src/Flex.tsx +0 -15
  976. package/src/FormGroup.tsx +0 -24
  977. package/src/Grid.tsx +0 -15
  978. package/src/Header.tsx +0 -74
  979. package/src/Heading.tsx +0 -21
  980. package/src/Label.tsx +0 -72
  981. package/src/LabelGroup.tsx +0 -17
  982. package/src/Link.tsx +0 -42
  983. package/src/NewButton/button-counter.tsx +0 -15
  984. package/src/NewButton/button.tsx +0 -283
  985. package/src/NewButton/index.ts +0 -10
  986. package/src/NewButton/types.ts +0 -36
  987. package/src/Overlay.tsx +0 -200
  988. package/src/Pagehead.tsx +0 -16
  989. package/src/Pagination/Pagination.tsx +0 -212
  990. package/src/Pagination/index.ts +0 -4
  991. package/src/Pagination/model.tsx +0 -187
  992. package/src/PointerBox.tsx +0 -31
  993. package/src/Popover.tsx +0 -225
  994. package/src/Portal/Portal.tsx +0 -97
  995. package/src/Portal/index.ts +0 -5
  996. package/src/Position.tsx +0 -63
  997. package/src/ProgressBar.tsx +0 -52
  998. package/src/SelectMenu/SelectMenu.tsx +0 -123
  999. package/src/SelectMenu/SelectMenuContext.tsx +0 -9
  1000. package/src/SelectMenu/SelectMenuDivider.tsx +0 -24
  1001. package/src/SelectMenu/SelectMenuFilter.tsx +0 -50
  1002. package/src/SelectMenu/SelectMenuFooter.tsx +0 -27
  1003. package/src/SelectMenu/SelectMenuHeader.tsx +0 -48
  1004. package/src/SelectMenu/SelectMenuItem.tsx +0 -136
  1005. package/src/SelectMenu/SelectMenuList.tsx +0 -41
  1006. package/src/SelectMenu/SelectMenuLoadingAnimation.tsx +0 -25
  1007. package/src/SelectMenu/SelectMenuModal.tsx +0 -119
  1008. package/src/SelectMenu/SelectMenuTab.tsx +0 -87
  1009. package/src/SelectMenu/SelectMenuTabPanel.tsx +0 -29
  1010. package/src/SelectMenu/SelectMenuTabs.tsx +0 -43
  1011. package/src/SelectMenu/hooks/useKeyboardNav.js +0 -90
  1012. package/src/SelectMenu/index.ts +0 -15
  1013. package/src/SelectPanel/SelectPanel.tsx +0 -173
  1014. package/src/SelectPanel/index.ts +0 -2
  1015. package/src/SideNav.tsx +0 -191
  1016. package/src/Spinner.tsx +0 -59
  1017. package/src/StateLabel.tsx +0 -112
  1018. package/src/StyledOcticon.tsx +0 -22
  1019. package/src/SubNav.tsx +0 -124
  1020. package/src/TabNav.tsx +0 -73
  1021. package/src/Text.tsx +0 -13
  1022. package/src/TextInput.tsx +0 -68
  1023. package/src/TextInputWithTokens.tsx +0 -351
  1024. package/src/ThemeProvider.tsx +0 -176
  1025. package/src/Timeline.tsx +0 -140
  1026. package/src/Token/AvatarToken.tsx +0 -54
  1027. package/src/Token/IssueLabelToken.tsx +0 -150
  1028. package/src/Token/Token.tsx +0 -126
  1029. package/src/Token/TokenBase.tsx +0 -129
  1030. package/src/Token/_RemoveTokenButton.tsx +0 -111
  1031. package/src/Token/_TokenTextContainer.tsx +0 -47
  1032. package/src/Token/index.ts +0 -3
  1033. package/src/Tooltip.tsx +0 -263
  1034. package/src/Truncate.tsx +0 -31
  1035. package/src/UnderlineNav.tsx +0 -107
  1036. package/src/_TextInputWrapper.tsx +0 -113
  1037. package/src/_UnstyledTextInput.tsx +0 -19
  1038. package/src/__tests__/.eslintrc.json +0 -11
  1039. package/src/__tests__/ActionList.test.tsx +0 -53
  1040. package/src/__tests__/ActionList.types.test.tsx +0 -51
  1041. package/src/__tests__/ActionList2.test.tsx +0 -47
  1042. package/src/__tests__/ActionMenu.test.tsx +0 -136
  1043. package/src/__tests__/AnchoredOverlay.test.tsx +0 -150
  1044. package/src/__tests__/Autocomplete.test.tsx +0 -444
  1045. package/src/__tests__/Avatar.test.tsx +0 -44
  1046. package/src/__tests__/AvatarStack.test.tsx +0 -48
  1047. package/src/__tests__/BorderBox.test.tsx +0 -43
  1048. package/src/__tests__/Box.test.tsx +0 -42
  1049. package/src/__tests__/BranchName.test.tsx +0 -26
  1050. package/src/__tests__/Breadcrumbs.test.tsx +0 -27
  1051. package/src/__tests__/Breadcrumbs.types.test.tsx +0 -22
  1052. package/src/__tests__/BreadcrumbsItem.test.tsx +0 -31
  1053. package/src/__tests__/Button.test.tsx +0 -128
  1054. package/src/__tests__/Caret.test.tsx +0 -36
  1055. package/src/__tests__/CircleBadge.test.tsx +0 -66
  1056. package/src/__tests__/CircleBadge.types.test.tsx +0 -11
  1057. package/src/__tests__/CircleOcticon.test.tsx +0 -50
  1058. package/src/__tests__/ConfirmationDialog.test.tsx +0 -120
  1059. package/src/__tests__/CounterLabel.test.tsx +0 -50
  1060. package/src/__tests__/CounterLabel.types.test.tsx +0 -11
  1061. package/src/__tests__/Details.test.tsx +0 -115
  1062. package/src/__tests__/Dialog.test.tsx +0 -155
  1063. package/src/__tests__/Dialog.types.test.tsx +0 -11
  1064. package/src/__tests__/Dialog2.types.test.tsx +0 -11
  1065. package/src/__tests__/Dropdown.test.tsx +0 -53
  1066. package/src/__tests__/Dropdown.types.test.tsx +0 -21
  1067. package/src/__tests__/DropdownMenu.test.tsx +0 -136
  1068. package/src/__tests__/FilterList.test.tsx +0 -26
  1069. package/src/__tests__/FilterList.types.test.tsx +0 -17
  1070. package/src/__tests__/FilterListItem.test.tsx +0 -31
  1071. package/src/__tests__/FilteredSearch.test.tsx +0 -26
  1072. package/src/__tests__/FilteredSearch.types.test.tsx +0 -11
  1073. package/src/__tests__/Flash.test.tsx +0 -45
  1074. package/src/__tests__/Flash.types.test.tsx +0 -11
  1075. package/src/__tests__/Flex.test.tsx +0 -58
  1076. package/src/__tests__/FormGroup.test.tsx +0 -38
  1077. package/src/__tests__/FormGroup.types.test.tsx +0 -11
  1078. package/src/__tests__/Grid.test.tsx +0 -82
  1079. package/src/__tests__/Header.test.tsx +0 -49
  1080. package/src/__tests__/Header.types.test.tsx +0 -19
  1081. package/src/__tests__/Heading.test.tsx +0 -91
  1082. package/src/__tests__/KeyPaths.types.test.ts +0 -14
  1083. package/src/__tests__/Label.test.tsx +0 -34
  1084. package/src/__tests__/Label.types.test.tsx +0 -11
  1085. package/src/__tests__/LabelGroup.test.tsx +0 -30
  1086. package/src/__tests__/LabelGroup.types.test.tsx +0 -11
  1087. package/src/__tests__/Link.test.tsx +0 -47
  1088. package/src/__tests__/Link.types.test.tsx +0 -11
  1089. package/src/__tests__/Merge.types.test.ts +0 -39
  1090. package/src/__tests__/NewButton.test.tsx +0 -70
  1091. package/src/__tests__/Overlay.test.tsx +0 -103
  1092. package/src/__tests__/Overlay.types.test.tsx +0 -18
  1093. package/src/__tests__/Pagehead.test.tsx +0 -23
  1094. package/src/__tests__/Pagehead.types.test.tsx +0 -11
  1095. package/src/__tests__/Pagination/Pagination.test.tsx +0 -30
  1096. package/src/__tests__/Pagination/PaginationModel.test.tsx +0 -133
  1097. package/src/__tests__/Pagination/__snapshots__/Pagination.test.tsx.snap +0 -184
  1098. package/src/__tests__/Pagination.types.test.tsx +0 -11
  1099. package/src/__tests__/PointerBox.test.tsx +0 -34
  1100. package/src/__tests__/Popover.test.tsx +0 -68
  1101. package/src/__tests__/Popover.types.test.tsx +0 -17
  1102. package/src/__tests__/Portal.test.tsx +0 -103
  1103. package/src/__tests__/Position.test.tsx +0 -117
  1104. package/src/__tests__/ProgressBar.test.tsx +0 -40
  1105. package/src/__tests__/SelectMenu.test.tsx +0 -142
  1106. package/src/__tests__/SelectMenu.types.test.tsx +0 -37
  1107. package/src/__tests__/SelectPanel.test.tsx +0 -63
  1108. package/src/__tests__/SideNav.test.tsx +0 -62
  1109. package/src/__tests__/SideNav.types.test.tsx +0 -11
  1110. package/src/__tests__/Spinner.test.tsx +0 -42
  1111. package/src/__tests__/StateLabel.test.tsx +0 -48
  1112. package/src/__tests__/StateLabel.types.test.tsx +0 -11
  1113. package/src/__tests__/StyledOcticon.test.tsx +0 -26
  1114. package/src/__tests__/StyledOcticon.types.test.tsx +0 -12
  1115. package/src/__tests__/SubNav.test.tsx +0 -50
  1116. package/src/__tests__/SubNav.types.test.tsx +0 -25
  1117. package/src/__tests__/SubNavLink.test.tsx +0 -31
  1118. package/src/__tests__/TabNav.test.tsx +0 -32
  1119. package/src/__tests__/TabNav.types.test.tsx +0 -22
  1120. package/src/__tests__/Text.test.tsx +0 -78
  1121. package/src/__tests__/TextInput.test.tsx +0 -49
  1122. package/src/__tests__/TextInputWithTokens.test.tsx +0 -422
  1123. package/src/__tests__/ThemeProvider.test.tsx +0 -441
  1124. package/src/__tests__/Timeline.test.tsx +0 -58
  1125. package/src/__tests__/Timeline.types.test.tsx +0 -31
  1126. package/src/__tests__/Token.test.tsx +0 -118
  1127. package/src/__tests__/Tooltip.test.tsx +0 -52
  1128. package/src/__tests__/Tooltip.types.test.tsx +0 -11
  1129. package/src/__tests__/Truncate.test.tsx +0 -43
  1130. package/src/__tests__/Truncate.types.test.tsx +0 -11
  1131. package/src/__tests__/UnderlineNav.test.tsx +0 -58
  1132. package/src/__tests__/UnderlineNav.types.test.tsx +0 -22
  1133. package/src/__tests__/UnderlineNavLink.test.tsx +0 -31
  1134. package/src/__tests__/__snapshots__/ActionList.test.tsx.snap +0 -223
  1135. package/src/__tests__/__snapshots__/ActionList2.test.tsx.snap +0 -14
  1136. package/src/__tests__/__snapshots__/ActionMenu.test.tsx.snap +0 -80
  1137. package/src/__tests__/__snapshots__/AnchoredOverlay.test.tsx.snap +0 -232
  1138. package/src/__tests__/__snapshots__/Autocomplete.test.tsx.snap +0 -3888
  1139. package/src/__tests__/__snapshots__/Avatar.test.tsx.snap +0 -19
  1140. package/src/__tests__/__snapshots__/AvatarStack.test.tsx.snap +0 -377
  1141. package/src/__tests__/__snapshots__/BorderBox.test.tsx.snap +0 -14
  1142. package/src/__tests__/__snapshots__/Box.test.tsx.snap +0 -201
  1143. package/src/__tests__/__snapshots__/BranchName.test.tsx.snap +0 -17
  1144. package/src/__tests__/__snapshots__/Breadcrumbs.test.tsx.snap +0 -29
  1145. package/src/__tests__/__snapshots__/BreadcrumbsItem.test.tsx.snap +0 -79
  1146. package/src/__tests__/__snapshots__/Button.test.tsx.snap +0 -840
  1147. package/src/__tests__/__snapshots__/Caret.test.tsx.snap +0 -373
  1148. package/src/__tests__/__snapshots__/CircleBadge.test.tsx.snap +0 -142
  1149. package/src/__tests__/__snapshots__/CircleOcticon.test.tsx.snap +0 -65
  1150. package/src/__tests__/__snapshots__/ConfirmationDialog.test.tsx.snap +0 -89
  1151. package/src/__tests__/__snapshots__/CounterLabel.test.tsx.snap +0 -22
  1152. package/src/__tests__/__snapshots__/Details.test.tsx.snap +0 -15
  1153. package/src/__tests__/__snapshots__/Dialog.test.tsx.snap +0 -201
  1154. package/src/__tests__/__snapshots__/Dropdown.test.tsx.snap +0 -249
  1155. package/src/__tests__/__snapshots__/DropdownMenu.test.tsx.snap +0 -107
  1156. package/src/__tests__/__snapshots__/FilterList.test.tsx.snap +0 -13
  1157. package/src/__tests__/__snapshots__/FilterListItem.test.tsx.snap +0 -80
  1158. package/src/__tests__/__snapshots__/FilteredSearch.test.tsx.snap +0 -32
  1159. package/src/__tests__/__snapshots__/Flash.test.tsx.snap +0 -32
  1160. package/src/__tests__/__snapshots__/Flex.test.tsx.snap +0 -130
  1161. package/src/__tests__/__snapshots__/FormGroup.test.tsx.snap +0 -25
  1162. package/src/__tests__/__snapshots__/Grid.test.tsx.snap +0 -178
  1163. package/src/__tests__/__snapshots__/Header.test.tsx.snap +0 -79
  1164. package/src/__tests__/__snapshots__/Heading.test.tsx.snap +0 -13
  1165. package/src/__tests__/__snapshots__/Label.test.tsx.snap +0 -73
  1166. package/src/__tests__/__snapshots__/LabelGroup.test.tsx.snap +0 -15
  1167. package/src/__tests__/__snapshots__/Link.test.tsx.snap +0 -212
  1168. package/src/__tests__/__snapshots__/NewButton.test.tsx.snap +0 -305
  1169. package/src/__tests__/__snapshots__/Pagehead.test.tsx.snap +0 -15
  1170. package/src/__tests__/__snapshots__/PointerBox.test.tsx.snap +0 -174
  1171. package/src/__tests__/__snapshots__/Popover.test.tsx.snap +0 -4687
  1172. package/src/__tests__/__snapshots__/Position.test.tsx.snap +0 -44
  1173. package/src/__tests__/__snapshots__/ProgressBar.test.tsx.snap +0 -53
  1174. package/src/__tests__/__snapshots__/SelectMenu.test.tsx.snap +0 -473
  1175. package/src/__tests__/__snapshots__/SelectPanel.test.tsx.snap +0 -124
  1176. package/src/__tests__/__snapshots__/SideNav.test.tsx.snap +0 -143
  1177. package/src/__tests__/__snapshots__/Spinner.test.tsx.snap +0 -33
  1178. package/src/__tests__/__snapshots__/StateLabel.test.tsx.snap +0 -395
  1179. package/src/__tests__/__snapshots__/StyledOcticon.test.tsx.snap +0 -26
  1180. package/src/__tests__/__snapshots__/SubNav.test.tsx.snap +0 -44
  1181. package/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap +0 -199
  1182. package/src/__tests__/__snapshots__/TabNav.test.tsx.snap +0 -58
  1183. package/src/__tests__/__snapshots__/Text.test.tsx.snap +0 -7
  1184. package/src/__tests__/__snapshots__/TextInput.test.tsx.snap +0 -446
  1185. package/src/__tests__/__snapshots__/TextInputWithTokens.test.tsx.snap +0 -6045
  1186. package/src/__tests__/__snapshots__/ThemeProvider.test.tsx.snap +0 -15
  1187. package/src/__tests__/__snapshots__/Timeline.test.tsx.snap +0 -159
  1188. package/src/__tests__/__snapshots__/Token.test.tsx.snap +0 -3811
  1189. package/src/__tests__/__snapshots__/Tooltip.test.tsx.snap +0 -227
  1190. package/src/__tests__/__snapshots__/Truncate.test.tsx.snap +0 -17
  1191. package/src/__tests__/__snapshots__/UnderlineNav.test.tsx.snap +0 -59
  1192. package/src/__tests__/__snapshots__/UnderlineNavLink.test.tsx.snap +0 -130
  1193. package/src/__tests__/behaviors/anchoredPosition.test.ts +0 -295
  1194. package/src/__tests__/behaviors/focusTrap.test.tsx +0 -236
  1195. package/src/__tests__/behaviors/focusZone.test.tsx +0 -549
  1196. package/src/__tests__/behaviors/iterateFocusableElements.test.tsx +0 -61
  1197. package/src/__tests__/behaviors/scrollIntoViewingArea.test.ts +0 -195
  1198. package/src/__tests__/filterObject.test.ts +0 -54
  1199. package/src/__tests__/hooks/useAnchoredPosition.test.tsx +0 -31
  1200. package/src/__tests__/hooks/useOnEscapePress.test.tsx +0 -16
  1201. package/src/__tests__/hooks/useOnOutsideClick.test.tsx +0 -48
  1202. package/src/__tests__/hooks/useOpenAndCloseFocus.test.tsx +0 -48
  1203. package/src/__tests__/hooks/useProvidedStateOrCreate.test.tsx +0 -39
  1204. package/src/__tests__/theme.test.ts +0 -41
  1205. package/src/__tests__/themeGet.test.ts +0 -15
  1206. package/src/__tests__/useSafeTimeout.test.tsx +0 -36
  1207. package/src/__tests__/utils/__snapshots__/createSlots.test.tsx.snap +0 -55
  1208. package/src/__tests__/utils/createSlots.test.tsx +0 -74
  1209. package/src/behaviors/anchoredPosition.ts +0 -442
  1210. package/src/behaviors/focusTrap.ts +0 -184
  1211. package/src/behaviors/focusZone.ts +0 -713
  1212. package/src/behaviors/scrollIntoViewingArea.ts +0 -27
  1213. package/src/constants.ts +0 -62
  1214. package/src/drafts.ts +0 -10
  1215. package/src/hooks/index.ts +0 -11
  1216. package/src/hooks/useAnchoredPosition.ts +0 -54
  1217. package/src/hooks/useCombinedRefs.ts +0 -40
  1218. package/src/hooks/useDetails.tsx +0 -54
  1219. package/src/hooks/useDialog.ts +0 -121
  1220. package/src/hooks/useFocusTrap.ts +0 -80
  1221. package/src/hooks/useFocusZone.ts +0 -64
  1222. package/src/hooks/useOnEscapePress.ts +0 -63
  1223. package/src/hooks/useOnOutsideClick.tsx +0 -82
  1224. package/src/hooks/useOpenAndCloseFocus.ts +0 -32
  1225. package/src/hooks/useOverlay.tsx +0 -34
  1226. package/src/hooks/useProvidedRefOrCreate.ts +0 -14
  1227. package/src/hooks/useProvidedStateOrCreate.ts +0 -27
  1228. package/src/hooks/useRenderForcingRef.ts +0 -22
  1229. package/src/hooks/useResizeObserver.ts +0 -11
  1230. package/src/hooks/useSafeTimeout.ts +0 -38
  1231. package/src/hooks/useScrollFlash.ts +0 -21
  1232. package/src/index.ts +0 -172
  1233. package/src/polyfills/eventListenerSignal.ts +0 -66
  1234. package/src/stories/ActionList.stories.tsx +0 -436
  1235. package/src/stories/ActionList2.stories.tsx +0 -1291
  1236. package/src/stories/ActionMenu.stories.tsx +0 -331
  1237. package/src/stories/AnchoredOverlay.stories.tsx +0 -117
  1238. package/src/stories/Autocomplete.stories.tsx +0 -655
  1239. package/src/stories/AvatarStack.stories.tsx +0 -37
  1240. package/src/stories/Button.stories.tsx +0 -92
  1241. package/src/stories/ConfirmationDialog.stories.tsx +0 -105
  1242. package/src/stories/Dialog.stories.tsx +0 -240
  1243. package/src/stories/DropdownMenu.stories.tsx +0 -84
  1244. package/src/stories/IssueLabelToken.stories.tsx +0 -138
  1245. package/src/stories/NewButton.stories.tsx +0 -201
  1246. package/src/stories/Overlay.stories.tsx +0 -213
  1247. package/src/stories/Portal.stories.tsx +0 -109
  1248. package/src/stories/ProfileToken.stories.tsx +0 -129
  1249. package/src/stories/SelectPanel.stories.tsx +0 -353
  1250. package/src/stories/TextInput.stories.tsx +0 -113
  1251. package/src/stories/TextInputWithTokens.stories.tsx +0 -155
  1252. package/src/stories/ThemeProvider.stories.tsx +0 -104
  1253. package/src/stories/Token.stories.tsx +0 -137
  1254. package/src/stories/useAnchoredPosition.stories.tsx +0 -332
  1255. package/src/stories/useFocusTrap.stories.tsx +0 -400
  1256. package/src/stories/useFocusZone.stories.tsx +0 -663
  1257. package/src/sx.ts +0 -24
  1258. package/src/theme-preval.js +0 -80
  1259. package/src/theme.ts +0 -89
  1260. package/src/utils/create-slots.tsx +0 -96
  1261. package/src/utils/deprecate.tsx +0 -73
  1262. package/src/utils/isNumeric.tsx +0 -4
  1263. package/src/utils/iterateFocusableElements.ts +0 -121
  1264. package/src/utils/ssr.tsx +0 -1
  1265. package/src/utils/test-deprecations.tsx +0 -19
  1266. package/src/utils/test-helpers.tsx +0 -7
  1267. package/src/utils/test-matchers.tsx +0 -109
  1268. package/src/utils/testing.tsx +0 -242
  1269. package/src/utils/theme.js +0 -64
  1270. package/src/utils/types/AriaRole.ts +0 -71
  1271. package/src/utils/types/ComponentProps.ts +0 -13
  1272. package/src/utils/types/Flatten.ts +0 -4
  1273. package/src/utils/types/KeyPaths.ts +0 -10
  1274. package/src/utils/types/MandateProps.ts +0 -19
  1275. package/src/utils/types/Merge.ts +0 -20
  1276. package/src/utils/types/index.ts +0 -5
  1277. package/src/utils/uniqueId.ts +0 -6
  1278. package/src/utils/use-force-update.ts +0 -7
  1279. package/src/utils/useIsomorphicLayoutEffect.ts +0 -10
  1280. package/src/utils/userAgent.ts +0 -7
  1281. package/stats.html +0 -3279
  1282. package/tsconfig.base.json +0 -20
  1283. package/tsconfig.build.json +0 -7
  1284. package/tsconfig.json +0 -7
@@ -1,909 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.SimpleListStory = SimpleListStory;
7
- exports.WithIcon = WithIcon;
8
- exports.WithAvatar = WithAvatar;
9
- exports.WithDescription = WithDescription;
10
- exports.SingleSelectListStory = SingleSelectListStory;
11
- exports.MultiSelectListStory = MultiSelectListStory;
12
- exports.DisabledStory = DisabledStory;
13
- exports.GroupsStory = GroupsStory;
14
- exports.ActionsStory = ActionsStory;
15
- exports.ComplexListInsetVariantStory = ComplexListInsetVariantStory;
16
- exports.ComplexListFullVariantStory = ComplexListFullVariantStory;
17
- exports.LinkItemStory = LinkItemStory;
18
- exports.DOMPropsStory = DOMPropsStory;
19
- exports.CustomItemChildren = CustomItemChildren;
20
- exports.SizeStressTestingStory = SizeStressTestingStory;
21
- exports.AllCombinations = AllCombinations;
22
- exports.ConditionalChildren = ConditionalChildren;
23
- exports.NestedChildren = NestedChildren;
24
- exports.ChildWithInternalState = ChildWithInternalState;
25
- exports.ChildWithSideEffects = ChildWithSideEffects;
26
- exports.WithSx = WithSx;
27
- exports.MemexGroupBy = MemexGroupBy;
28
- exports.MemexSortable = MemexSortable;
29
- exports.AsyncListStory = AsyncListStory;
30
- exports.InsideOverlay = InsideOverlay;
31
- exports.default = void 0;
32
-
33
- var _octiconsReact = require("@primer/octicons-react");
34
-
35
- var _react = _interopRequireWildcard(require("react"));
36
-
37
- var _styledComponents = _interopRequireDefault(require("styled-components"));
38
-
39
- var _reactDnd = require("react-dnd");
40
-
41
- var _reactDndHtml5Backend = require("react-dnd-html5-backend");
42
-
43
- var _2 = require("..");
44
-
45
- var _ActionList2 = require("../ActionList2");
46
-
47
- var _Header = require("../ActionList/Header");
48
-
49
- var _BaseStyles = _interopRequireDefault(require("../BaseStyles"));
50
-
51
- var _Avatar = _interopRequireDefault(require("../Avatar"));
52
-
53
- var _Button = require("../Button");
54
-
55
- var _TextInput = _interopRequireDefault(require("../TextInput"));
56
-
57
- var _Spinner = _interopRequireDefault(require("../Spinner"));
58
-
59
- var _Box = _interopRequireDefault(require("../Box"));
60
-
61
- var _AnchoredOverlay = require("../AnchoredOverlay");
62
-
63
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
64
-
65
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
66
-
67
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
68
-
69
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
70
-
71
- const ActionList = Object.assign(_ActionList2.ActionList, {
72
- Header: _Header.Header
73
- });
74
- const meta = {
75
- title: 'Composite components/ActionList2',
76
- component: ActionList,
77
- decorators: [Story => /*#__PURE__*/_react.default.createElement(_2.ThemeProvider, null, /*#__PURE__*/_react.default.createElement(_BaseStyles.default, null, /*#__PURE__*/_react.default.createElement(Story, null)))],
78
- parameters: {
79
- controls: {
80
- disable: true
81
- }
82
- }
83
- };
84
- var _default = meta;
85
- exports.default = _default;
86
-
87
- const ErsatzOverlay = _styledComponents.default.div.withConfig({
88
- displayName: "ActionList2stories__ErsatzOverlay",
89
- componentId: "f9cezu-0"
90
- })(["border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 8px 24px rgba(149,157,165,0.2);overflow:hidden;max-width:", ";"], ({
91
- maxWidth
92
- }) => maxWidth || 'none');
93
-
94
- function SimpleListStory() {
95
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Simple List"), /*#__PURE__*/_react.default.createElement(ActionList, null, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "Copy link"), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "Quote reply"), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "Edit comment"), /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), /*#__PURE__*/_react.default.createElement(ActionList.Item, {
96
- variant: "danger"
97
- }, "Delete file")));
98
- }
99
-
100
- SimpleListStory.storyName = 'Simple List';
101
-
102
- function WithIcon() {
103
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "With Icon"), /*#__PURE__*/_react.default.createElement(ActionList, null, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.LinkIcon, null)), "github.com/primer"), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.LawIcon, null)), "MIT License"), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null)), "256 stars"), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.RepoForkedIcon, null)), "3 forks"), /*#__PURE__*/_react.default.createElement(ActionList.Item, {
104
- variant: "danger"
105
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.AlertIcon, null)), "4 vulnerabilities")));
106
- }
107
-
108
- WithIcon.storyName = 'With Icon';
109
- const users = [{
110
- login: 'pksjce',
111
- name: 'Pavithra Kodmad'
112
- }, {
113
- login: 'jfuchs',
114
- name: 'Jonathan Fuchs'
115
- }, {
116
- login: 'colebemis',
117
- name: 'Cole Bemis'
118
- }, {
119
- login: 'mperrotti',
120
- name: 'Mike Perrotti'
121
- }, {
122
- login: 'dgreif',
123
- name: 'Dusty Greif'
124
- }, {
125
- login: 'smockle',
126
- name: 'Clay Miller'
127
- }, {
128
- login: 'siddharthkp',
129
- name: 'Siddharth Kshetrapal'
130
- }];
131
-
132
- function WithAvatar() {
133
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "With Avatar"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, null, users.map(user => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
134
- key: user.login
135
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
136
- src: `https://github.com/${user.login}.png`
137
- })), user.login)))));
138
- }
139
-
140
- WithAvatar.storyName = 'With Avatar';
141
- const labels = [{
142
- name: 'blocked',
143
- color: '#86181d',
144
- description: 'Someone or something is preventing this from moving forward'
145
- }, {
146
- name: 'dependencies',
147
- color: '#0366d6',
148
- description: 'Pull requests that update a dependency file'
149
- }, {
150
- name: 'duplicate',
151
- color: '#cfd3d7',
152
- description: 'This issue or pull request already exists'
153
- }, {
154
- name: 'good first issue',
155
- color: '#7057ff',
156
- description: 'Good for newcomers'
157
- }];
158
-
159
- const LabelColor = ({
160
- color
161
- }) => /*#__PURE__*/_react.default.createElement(_Box.default, {
162
- sx: {
163
- backgroundColor: color,
164
- width: '14px',
165
- height: '14px',
166
- borderRadius: 3
167
- }
168
- });
169
-
170
- LabelColor.displayName = "LabelColor";
171
-
172
- function WithDescription() {
173
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "With Description & Dividers"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
174
- showDividers: true
175
- }, users.map(user => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
176
- key: user.login
177
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
178
- src: `https://github.com/${user.login}.png`
179
- })), user.login, /*#__PURE__*/_react.default.createElement(ActionList.Description, null, user.name))), /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), labels.map((label, index) => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
180
- key: index
181
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(LabelColor, {
182
- color: label.color
183
- })), label.name, /*#__PURE__*/_react.default.createElement(ActionList.Description, {
184
- variant: "block"
185
- }, label.description))))));
186
- }
187
-
188
- WithDescription.storyName = 'With Description & Dividers';
189
- const projects = [{
190
- name: 'Primer Backlog',
191
- scope: 'GitHub'
192
- }, {
193
- name: 'Accessibility',
194
- scope: 'GitHub'
195
- }, {
196
- name: 'Octicons',
197
- scope: 'github/primer'
198
- }, {
199
- name: 'Primer React',
200
- scope: 'github/primer'
201
- }];
202
-
203
- function SingleSelectListStory() {
204
- const [selectedIndex, setSelectedIndex] = _react.default.useState(1);
205
-
206
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Single Select List"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
207
- selectionVariant: "single",
208
- showDividers: true,
209
- role: "listbox",
210
- "aria-label": "Select a project"
211
- }, projects.map((project, index) => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
212
- key: index,
213
- role: "option",
214
- selected: index === selectedIndex,
215
- onSelect: () => setSelectedIndex(index)
216
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.TableIcon, null)), project.name, /*#__PURE__*/_react.default.createElement(ActionList.Description, {
217
- variant: "block"
218
- }, project.scope))))));
219
- }
220
-
221
- SingleSelectListStory.storyName = 'Single Select';
222
-
223
- function MultiSelectListStory() {
224
- const [assignees, setAssignees] = _react.default.useState(users.slice(0, 2));
225
-
226
- const toggleAssignee = assignee => {
227
- const assigneeIndex = assignees.findIndex(a => a.login === assignee.login);
228
- if (assigneeIndex === -1) setAssignees([...assignees, assignee]);else setAssignees(assignees.filter((_, index) => index !== assigneeIndex));
229
- };
230
-
231
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Multi Select List"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
232
- selectionVariant: "multiple",
233
- showDividers: true,
234
- role: "listbox",
235
- "aria-label": "Select assignees"
236
- }, users.map(user => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
237
- role: "option",
238
- key: user.login,
239
- selected: Boolean(assignees.find(assignee => assignee.login === user.login)),
240
- onSelect: () => toggleAssignee(user)
241
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
242
- src: `https://github.com/${user.login}.png`
243
- })), user.login, /*#__PURE__*/_react.default.createElement(ActionList.Description, null, user.name))))));
244
- }
245
-
246
- MultiSelectListStory.storyName = 'Multi Select';
247
-
248
- function DisabledStory() {
249
- const [selectedIndex, setSelectedIndex] = _react.default.useState(0);
250
-
251
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Disabled Items"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
252
- selectionVariant: "single",
253
- showDividers: true,
254
- role: "listbox",
255
- "aria-label": "Select a project"
256
- }, projects.map((project, index) => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
257
- key: index,
258
- role: "option",
259
- selected: index === selectedIndex,
260
- onSelect: () => setSelectedIndex(index),
261
- disabled: index === 1
262
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.TableIcon, null)), project.name, /*#__PURE__*/_react.default.createElement(ActionList.Description, {
263
- variant: "block"
264
- }, project.scope))))));
265
- }
266
-
267
- DisabledStory.storyName = 'Disabled Items';
268
-
269
- function GroupsStory() {
270
- const [assignees, setAssignees] = _react.default.useState(users.slice(0, 1));
271
-
272
- const toggleAssignee = assignee => {
273
- const assigneeIndex = assignees.findIndex(a => a.login === assignee.login);
274
- if (assigneeIndex === -1) setAssignees([...assignees, assignee]);else setAssignees(assignees.filter((_, index) => index !== assigneeIndex));
275
- };
276
-
277
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Groups"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
278
- selectionVariant: "multiple",
279
- showDividers: true,
280
- "aria-label": "Select reviewers"
281
- }, /*#__PURE__*/_react.default.createElement(ActionList.Group, {
282
- title: "Suggestions",
283
- variant: "filled",
284
- role: "listbox"
285
- }, users.slice(0, 2).map(user => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
286
- key: user.login,
287
- role: "option",
288
- selected: Boolean(assignees.find(assignee => assignee.login === user.login)),
289
- onSelect: () => toggleAssignee(user)
290
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
291
- src: `https://github.com/${user.login}.png`
292
- })), user.login, /*#__PURE__*/_react.default.createElement(ActionList.Description, null, user.name), /*#__PURE__*/_react.default.createElement(ActionList.Description, {
293
- variant: "block"
294
- }, "Recently edited these files")))), /*#__PURE__*/_react.default.createElement(ActionList.Group, {
295
- title: "Everyone",
296
- variant: "filled",
297
- role: "listbox"
298
- }, users.slice(2).map(user => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
299
- role: "option",
300
- key: user.login,
301
- selected: Boolean(assignees.find(assignee => assignee.login === user.login)),
302
- onSelect: () => toggleAssignee(user)
303
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
304
- src: `https://github.com/${user.login}.png`
305
- })), user.login, /*#__PURE__*/_react.default.createElement(ActionList.Description, null, user.name)))))));
306
- }
307
-
308
- GroupsStory.storyName = 'Groups';
309
-
310
- function ActionsStory() {
311
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Actions"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
312
- showDividers: true
313
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ServerIcon, null)), "Open current Codespace", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
314
- variant: "block"
315
- }, "Your existing Codespace will be opened to its previous state, and you'll be asked to manually switch to new-branch.")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.PlusCircleIcon, null)), "Create new Codespace", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
316
- variant: "block"
317
- }, "Create a brand new Codespace with a fresh image and checkout this branch.")))));
318
- }
319
-
320
- ActionsStory.storyName = 'Actions';
321
-
322
- function ComplexListInsetVariantStory() {
323
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Complex List"), /*#__PURE__*/_react.default.createElement("h2", null, "Inset Variant"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
324
- showDividers: true
325
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.TypographyIcon, null)), "Rename"), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.VersionsIcon, null)), "Duplicate", /*#__PURE__*/_react.default.createElement(ActionList.Description, null, "Create a copy")), /*#__PURE__*/_react.default.createElement(ActionList.Group, {
326
- title: "Live query",
327
- variant: "filled"
328
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, {
329
- style: {
330
- color: 'rebeccapurple'
331
- }
332
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.SearchIcon, null)), "repo:github/memex,github/github")), /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), /*#__PURE__*/_react.default.createElement(ActionList.Group, {
333
- title: "Layout",
334
- variant: "subtle"
335
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.NoteIcon, null)), "Table", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
336
- variant: "block"
337
- }, "Information-dense table optimized for operations across teams")), /*#__PURE__*/_react.default.createElement(ActionList.Item, {
338
- role: "listitem"
339
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ProjectIcon, null)), "Board", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
340
- variant: "block"
341
- }, "Kanban-style board focused on visual states"))), /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), /*#__PURE__*/_react.default.createElement(ActionList.Group, null, /*#__PURE__*/_react.default.createElement(ActionList.Item, {
342
- style: {
343
- fontWeight: 'bold'
344
- }
345
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.FilterIcon, null)), "Save sort and filters to current view"), /*#__PURE__*/_react.default.createElement(ActionList.Item, {
346
- style: {
347
- fontWeight: 'bold'
348
- }
349
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.FilterIcon, null)), "Save sort and filters to new view")), /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), /*#__PURE__*/_react.default.createElement(ActionList.Group, {
350
- sx: {
351
- backgroundColor: 'accent.emphasis'
352
- }
353
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, {
354
- sx: {
355
- color: 'white'
356
- }
357
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, {
358
- sx: {
359
- color: 'white'
360
- }
361
- }, /*#__PURE__*/_react.default.createElement(_octiconsReact.GearIcon, null)), "View settings")))));
362
- }
363
-
364
- ComplexListInsetVariantStory.storyName = 'Complex List — Inset Variant';
365
-
366
- function ComplexListFullVariantStory() {
367
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Complex List"), /*#__PURE__*/_react.default.createElement("h2", null, "Full Variant"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
368
- variant: "full"
369
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.TypographyIcon, null)), "Rename"), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.VersionsIcon, null)), "Duplicate", /*#__PURE__*/_react.default.createElement(ActionList.Description, null, "Create a copy")), /*#__PURE__*/_react.default.createElement(ActionList.Group, {
370
- title: "Live query",
371
- variant: "filled"
372
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, {
373
- style: {
374
- color: 'rebeccapurple'
375
- }
376
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.SearchIcon, null)), "repo:github/memex,github/github")), /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), /*#__PURE__*/_react.default.createElement(ActionList.Group, {
377
- title: "Layout",
378
- variant: "subtle"
379
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.NoteIcon, null)), "Table", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
380
- variant: "block"
381
- }, "Information-dense table optimized for operations across teams")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ProjectIcon, null)), "Board", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
382
- variant: "block"
383
- }, "Kanban-style board focused on visual states"))), /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), /*#__PURE__*/_react.default.createElement(ActionList.Group, null, /*#__PURE__*/_react.default.createElement(ActionList.Item, {
384
- style: {
385
- fontWeight: 'bold'
386
- }
387
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.FilterIcon, null)), "Save sort and filters to current view"), /*#__PURE__*/_react.default.createElement(ActionList.Item, {
388
- style: {
389
- fontWeight: 'bold'
390
- }
391
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.FilterIcon, null)), "Save sort and filters to new view")), /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), /*#__PURE__*/_react.default.createElement(ActionList.Group, {
392
- sx: {
393
- backgroundColor: 'accent.emphasis'
394
- }
395
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, {
396
- sx: {
397
- color: 'white'
398
- }
399
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, {
400
- sx: {
401
- color: 'white'
402
- }
403
- }, /*#__PURE__*/_react.default.createElement(_octiconsReact.GearIcon, null)), "View settings")))));
404
- }
405
-
406
- ComplexListFullVariantStory.storyName = 'Complex List — Full Variant';
407
- const ReactRouterLikeLink = /*#__PURE__*/(0, _react.forwardRef)(({
408
- to,
409
- ...props
410
- }, ref) => {
411
- // eslint-disable-next-line jsx-a11y/anchor-has-content
412
- return /*#__PURE__*/_react.default.createElement("a", _extends({
413
- ref: ref,
414
- href: to
415
- }, props));
416
- });
417
- const NextJSLikeLink = /*#__PURE__*/(0, _react.forwardRef)(({
418
- href,
419
- children
420
- }, ref) => {
421
- const child = _react.default.Children.only(children);
422
-
423
- const childProps = {
424
- ref,
425
- href
426
- };
427
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.isValidElement(child) ? /*#__PURE__*/_react.default.cloneElement(child, childProps) : null);
428
- });
429
-
430
- function LinkItemStory() {
431
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "List with LinkItem"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
432
- showDividers: true
433
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.XIcon, null)), "not a link, just an Item for comparison"), /*#__PURE__*/_react.default.createElement(ActionList.LinkItem, {
434
- href: "https://github.com/primer"
435
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.LinkIcon, null)), "ActionList.LinkItem"), /*#__PURE__*/_react.default.createElement(ActionList.LinkItem, {
436
- href: "https://github.com/primer",
437
- target: "_blank",
438
- rel: "noopener noreferrer"
439
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.LinkIcon, null)), "ActionList.LinkItem with anchor attributes"), /*#__PURE__*/_react.default.createElement(ActionList.LinkItem, {
440
- as: ReactRouterLikeLink,
441
- to: "?path=/story/composite-components-actionlist2--simple-list-story"
442
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.LinkIcon, null)), "as ReactRouterLink"), /*#__PURE__*/_react.default.createElement(NextJSLikeLink, {
443
- href: "?path=/story/composite-components-actionlist2--simple-list-story"
444
- }, /*#__PURE__*/_react.default.createElement(ActionList.LinkItem, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.LinkIcon, null)), "NextJS style Link")), /*#__PURE__*/_react.default.createElement(ActionList.LinkItem, {
445
- href: "?path=/story/composite-components-actionlist2--simple-list-story"
446
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.LinkIcon, null)), "ActionList.LinkItem with everything", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
447
- variant: "inline"
448
- }, "inline description"), /*#__PURE__*/_react.default.createElement(ActionList.Description, {
449
- variant: "block"
450
- }, "Block description"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, "\u2318 + L")))));
451
- }
452
-
453
- LinkItemStory.storyName = 'List with LinkItem';
454
-
455
- function DOMPropsStory() {
456
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Simple List"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, null, /*#__PURE__*/_react.default.createElement(ActionList.Item, {
457
- id: "something",
458
- onClick: event => alert(`Id is '${event.target.id}'`)
459
- }, "Has an id"))));
460
- }
461
-
462
- DOMPropsStory.storyName = 'List an item input including DOM props';
463
-
464
- function CustomItemChildren() {
465
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Custom Item Children"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, null, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ArrowRightIcon, null)), /*#__PURE__*/_react.default.createElement(_2.Label, {
466
- outline: true,
467
- borderColor: "success.emphasis"
468
- }, "Choose this one"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ArrowLeftIcon, null))))));
469
- }
470
-
471
- CustomItemChildren.storyName = 'Custom Item Children';
472
-
473
- function SizeStressTestingStory() {
474
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Size Stress Testing"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, {
475
- maxWidth: "300px"
476
- }, /*#__PURE__*/_react.default.createElement(ActionList, {
477
- showDividers: true
478
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ArrowRightIcon, null)), "Block Description. Long text should wrap", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
479
- variant: "block"
480
- }, "This description is long, but it is block so it wraps"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ArrowLeftIcon, null))), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ArrowRightIcon, null)), "Inline Description", /*#__PURE__*/_react.default.createElement(ActionList.Description, null, "This description gets truncated because it is inline"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ArrowLeftIcon, null))), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ArrowRightIcon, null)), "Really long text without a description should wrap so it wraps", /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.ArrowLeftIcon, null))))));
481
- }
482
-
483
- SizeStressTestingStory.storyName = 'Size Stress Testing';
484
-
485
- function AllCombinations() {
486
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "All Possible Combinations"), /*#__PURE__*/_react.default.createElement("code", null, "dynamic features: L = Leading Visual, I = Inline Description, B = Block Description, T = Trailing Visual"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("code", null, "16 possible combinations"), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, {
487
- maxWidth: "300px"
488
- }, /*#__PURE__*/_react.default.createElement(ActionList, {
489
- showDividers: true
490
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null)), "The everything bagel", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
491
- variant: "inline"
492
- }, "inline description"), /*#__PURE__*/_react.default.createElement(ActionList.Description, {
493
- variant: "block"
494
- }, "Block description"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null))), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "none of them, only text"), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null)), "only L"), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "only I", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
495
- variant: "inline"
496
- }, "inline description")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "only B", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
497
- variant: "block"
498
- }, "Block description")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "only T", /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null))), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null)), "L + I", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
499
- variant: "inline"
500
- }, "inline description")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null)), "L + B", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
501
- variant: "block"
502
- }, "Block description")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null)), "L + T", /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null))), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "I + B", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
503
- variant: "inline"
504
- }, "inline description"), /*#__PURE__*/_react.default.createElement(ActionList.Description, {
505
- variant: "block"
506
- }, "Block description")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "I + T", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
507
- variant: "inline"
508
- }, "inline description"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null))), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "B + T", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
509
- variant: "block"
510
- }, "Block description"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null))), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null)), "L + I + B", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
511
- variant: "inline"
512
- }, "inline description"), /*#__PURE__*/_react.default.createElement(ActionList.Description, {
513
- variant: "block"
514
- }, "Block description")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null)), "L + I + T", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
515
- variant: "inline"
516
- }, "inline description"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null))), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null)), "L + B + T", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
517
- variant: "block"
518
- }, "Block description"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null))), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "I + B + T", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
519
- variant: "inline"
520
- }, "inline description"), /*#__PURE__*/_react.default.createElement(ActionList.Description, {
521
- variant: "block"
522
- }, "Block description"), /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.StarIcon, null))))));
523
- }
524
-
525
- AllCombinations.storyName = 'All Combinations';
526
- const teams = [{
527
- id: '5025661',
528
- type: 'team',
529
- slug: 'github/primer-reviewers',
530
- name: 'Primer Reviewers',
531
- members: 20
532
- }, {
533
- id: '1929972',
534
- type: 'team',
535
- slug: 'github/design-infrastructure',
536
- name: 'Design Infrastructure',
537
- members: 20
538
- }];
539
-
540
- function ConditionalChildren() {
541
- const potentialReviewers = [...teams, ...users];
542
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Conditional Children"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
543
- showDividers: true
544
- }, potentialReviewers.map((reviewer, index) => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
545
- key: index
546
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, reviewer.type === 'team' ? /*#__PURE__*/_react.default.createElement(_Avatar.default, {
547
- src: `https://avatars.githubusercontent.com/t/${reviewer.id}`
548
- }) : /*#__PURE__*/_react.default.createElement(_Avatar.default, {
549
- src: `https://avatars.githubusercontent.com/${reviewer.login}`
550
- })), reviewer.login || reviewer.slug, reviewer.type === 'team' ? /*#__PURE__*/_react.default.createElement(ActionList.Description, {
551
- variant: "block"
552
- }, reviewer.name) : /*#__PURE__*/_react.default.createElement(ActionList.Description, null, reviewer.name), reviewer.type === 'team' && /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.PeopleIcon, null), reviewer.members))))));
553
- }
554
-
555
- ConditionalChildren.storyName = 'Conditional Children';
556
-
557
- function NestedChildren() {
558
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Nested Children"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
559
- showDividers: true
560
- }, /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement("ul", {
561
- id: "i like extra lists",
562
- style: {
563
- paddingInlineStart: 0
564
- }
565
- }, users.map(user => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
566
- key: user.login
567
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
568
- src: `https://avatars.githubusercontent.com/${user.login}`
569
- })), user.login, /*#__PURE__*/_react.default.createElement(ReviewerDescription, {
570
- user: user
571
- }))))))));
572
- }
573
-
574
- NestedChildren.storyName = 'Nested Children';
575
-
576
- const ReviewerDescription = ({
577
- user
578
- }) => {
579
- const usersRecentlyEditedFile = users.slice(0, 2);
580
-
581
- if (usersRecentlyEditedFile.find(u => u.login === user.login)) {
582
- return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(ActionList.Description, null, user.name), /*#__PURE__*/_react.default.createElement(ActionList.Description, {
583
- variant: "block"
584
- }, "Recently edited this file"));
585
- } else {
586
- return /*#__PURE__*/_react.default.createElement(ActionList.Description, null, user.name);
587
- }
588
- };
589
-
590
- function ChildWithInternalState() {
591
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Child with internal state - broken"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
592
- showDividers: true
593
- }, users.map(user => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
594
- key: user.login
595
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
596
- src: `https://avatars.githubusercontent.com/${user.login}`
597
- })), user.login, /*#__PURE__*/_react.default.createElement(StatefulChild, null, user.name))))));
598
- }
599
-
600
- ChildWithInternalState.storyName = 'Child with internal state';
601
-
602
- const StatefulChild = props => {
603
- const [nameVisible, setNameVisibility] = _react.default.useState(false);
604
-
605
- const toggle = () => {
606
- setNameVisibility(!nameVisible);
607
- };
608
- /** once description is registered, it cannot be unregistered, only updated. */
609
-
610
-
611
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonInvisible, {
612
- onClick: toggle,
613
- sx: {
614
- fontSize: 0,
615
- paddingY: 0
616
- }
617
- }, nameVisible ? 'Hide name' : 'Show name'), nameVisible && /*#__PURE__*/_react.default.createElement(ActionList.Description, null, props.children));
618
- };
619
-
620
- function ChildWithSideEffects() {
621
- const user = users[0];
622
-
623
- const [selected, setSelected] = _react.default.useState(true);
624
-
625
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Child with side effects"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
626
- selectionVariant: "multiple",
627
- role: "listbox",
628
- "aria-label": "Select assignees"
629
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, {
630
- selected: selected,
631
- onSelect: () => setSelected(!selected),
632
- role: "option"
633
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
634
- src: `https://avatars.githubusercontent.com/${user.login}`
635
- })), user.login, /*#__PURE__*/_react.default.createElement(SideEffectDescription, null)))));
636
- }
637
-
638
- ChildWithSideEffects.storyName = 'Child with side effects';
639
-
640
- const SideEffectDescription = () => {
641
- const [seconds, setSeconds] = _react.default.useState(0);
642
-
643
- _react.default.useEffect(() => {
644
- const fn = () => setSeconds(s => s + 1);
645
-
646
- const interval = window.setInterval(fn, 1000);
647
- return () => window.clearInterval(interval);
648
- }, []);
649
-
650
- return /*#__PURE__*/_react.default.createElement(ActionList.Description, null, seconds, " seconds passed");
651
- };
652
-
653
- SideEffectDescription.displayName = "SideEffectDescription";
654
-
655
- function WithSx() {
656
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "With sx prop"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, {
657
- sx: {
658
- paddingTop: 4
659
- }
660
- }, /*#__PURE__*/_react.default.createElement(ActionList.Item, {
661
- sx: {
662
- backgroundColor: 'accent.subtle'
663
- }
664
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, {
665
- sx: {
666
- color: 'accent.emphasis'
667
- }
668
- }, /*#__PURE__*/_react.default.createElement(_octiconsReact.LinkIcon, null)), "github.com/primer", /*#__PURE__*/_react.default.createElement(ActionList.Description, {
669
- sx: {
670
- paddingLeft: 4,
671
- color: 'accent.emphasis'
672
- }
673
- }, "all items support sx prop")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.LawIcon, null)), "MIT License"), /*#__PURE__*/_react.default.createElement(ActionList.Item, {
674
- variant: "danger",
675
- sx: {
676
- borderLeft: '2px solid',
677
- borderColor: 'danger.emphasis',
678
- borderTopLeftRadius: 0,
679
- borderBottomLeftRadius: 0
680
- }
681
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.AlertIcon, null)), "4 vulnerabilities"))));
682
- }
683
-
684
- WithSx.storyName = 'With sx';
685
-
686
- function MemexGroupBy() {
687
- const [selectedIndex, setSelectedIndex] = _react.default.useState(1);
688
-
689
- const options = [{
690
- text: 'Status',
691
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.IssueOpenedIcon, null)
692
- }, {
693
- text: 'Stage',
694
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.TableIcon, null)
695
- }, {
696
- text: 'Assignee',
697
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.PeopleIcon, null)
698
- }, {
699
- text: 'Team',
700
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.TypographyIcon, null)
701
- }, {
702
- text: 'Estimate',
703
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.NumberIcon, null)
704
- }, {
705
- text: 'Due Date',
706
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.CalendarIcon, null)
707
- }];
708
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Memex GroupBy List"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(ActionList, null, /*#__PURE__*/_react.default.createElement(ActionList.Group, {
709
- title: "Group by",
710
- selectionVariant: "single"
711
- }, options.map((option, index) => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
712
- key: index,
713
- selected: index === selectedIndex,
714
- onSelect: () => setSelectedIndex(index)
715
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, option.icon), option.text))), typeof selectedIndex === 'number' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), /*#__PURE__*/_react.default.createElement(ActionList.Item, {
716
- onSelect: () => setSelectedIndex(null)
717
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.XIcon, null)), "Clear Group by")))));
718
- }
719
-
720
- MemexGroupBy.storyName = 'Memex GroupBy List';
721
-
722
- function MemexSortable() {
723
- const [options, setOptions] = _react.default.useState([{
724
- text: 'Status',
725
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.IssueOpenedIcon, null),
726
- selected: true
727
- }, {
728
- text: 'Stage',
729
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.TableIcon, null),
730
- selected: true
731
- }, {
732
- text: 'Assignee',
733
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.PeopleIcon, null),
734
- selected: true
735
- }, {
736
- text: 'Team',
737
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.TypographyIcon, null),
738
- selected: true
739
- }, {
740
- text: 'Estimate',
741
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.NumberIcon, null),
742
- selected: false
743
- }, {
744
- text: 'Due Date',
745
- icon: /*#__PURE__*/_react.default.createElement(_octiconsReact.CalendarIcon, null),
746
- selected: false
747
- }]);
748
-
749
- const toggle = text => {
750
- setOptions(options.map(option => {
751
- if (option.text === text) option.selected = !option.selected;
752
- return option;
753
- }));
754
- };
755
-
756
- const reorder = ({
757
- optionToMove,
758
- moveAfterOption
759
- }) => {
760
- setOptions(currentOptions => {
761
- const newOptions = [...currentOptions]; // remove option to move
762
-
763
- const currentPosition = newOptions.findIndex(o => o.text === optionToMove.text);
764
- newOptions.splice(currentPosition, 1); // add it after the provided element
765
-
766
- const newPosition = newOptions.findIndex(o => o.text === moveAfterOption.text) + 1;
767
- newOptions.splice(newPosition, 0, optionToMove);
768
- return newOptions;
769
- });
770
- };
771
-
772
- const visibleOptions = options.filter(option => option.selected);
773
- const hiddenOptions = options.filter(option => !option.selected);
774
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Memex Sortable List"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(_reactDnd.DndProvider, {
775
- backend: _reactDndHtml5Backend.HTML5Backend
776
- }, /*#__PURE__*/_react.default.createElement(ActionList, {
777
- selectionVariant: "multiple"
778
- }, /*#__PURE__*/_react.default.createElement(ActionList.Group, {
779
- title: "Visible fields (can be reordered)"
780
- }, visibleOptions.map(option => /*#__PURE__*/_react.default.createElement(SortableItem, {
781
- key: option.text,
782
- option: option,
783
- onSelect: () => toggle(option.text),
784
- reorder: reorder
785
- }))), /*#__PURE__*/_react.default.createElement(ActionList.Group, {
786
- title: "Hidden fields",
787
- selectionVariant:
788
- /** selectionVariant override on Group: disable selection if there are no options */
789
- hiddenOptions.length ? 'multiple' : false
790
- }, hiddenOptions.map((option, index) => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
791
- key: index,
792
- selected: option.selected,
793
- onSelect: () => toggle(option.text)
794
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, option.icon), option.text)), hiddenOptions.length === 0 && /*#__PURE__*/_react.default.createElement(ActionList.Item, {
795
- disabled: true
796
- }, "No hidden fields"))))));
797
- }
798
-
799
- MemexSortable.storyName = 'Memex Sortable List';
800
-
801
- const SortableItem = ({
802
- option,
803
- onSelect,
804
- reorder
805
- }) => {
806
- const [{
807
- isDragging
808
- }, dragRef] = (0, _reactDnd.useDrag)(() => ({
809
- type: 'ITEM',
810
- item: option,
811
- collect: monitor => {
812
- return {
813
- isDragging: monitor.isDragging()
814
- };
815
- }
816
- }));
817
- const [{
818
- isOver
819
- }, dropRef] = (0, _reactDnd.useDrop)(() => ({
820
- accept: 'ITEM',
821
- collect: monitor => {
822
- return {
823
- isOver: monitor.isOver()
824
- };
825
- },
826
- drop: optionDropped => {
827
- reorder({
828
- optionToMove: optionDropped,
829
- moveAfterOption: option
830
- });
831
- }
832
- }));
833
- return /*#__PURE__*/_react.default.createElement(ActionList.Item, {
834
- ref: element => dragRef(element) && dropRef(element) // merge refs
835
- ,
836
- selected: option.selected,
837
- onSelect: onSelect,
838
- sx: {
839
- opacity: isDragging ? 0.5 : 1,
840
- boxShadow: isOver ? theme => `0px 2px 0 0px ${theme.colors.accent.emphasis}` : undefined,
841
- borderRadius: isOver ? 0 : 2
842
- }
843
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, option.icon), option.text);
844
- };
845
-
846
- SortableItem.displayName = "SortableItem";
847
- const repos = ['primer/primer-markdown', 'primer/octicons', 'primer/css', 'primer/primer-layout', 'primer/primer-alerts', 'primer/primer-avatars', 'primer/react', 'primer/primitives'];
848
-
849
- function AsyncListStory() {
850
- const [results, setResults] = _react.default.useState(repos.slice(0, 6));
851
-
852
- const [loading, setLoading] = _react.default.useState(false); // eslint-disable-next-line @typescript-eslint/no-explicit-any
853
-
854
-
855
- const filter = async event => {
856
- setLoading(true);
857
- const filteredResults = await filterSlowly(event.target.value);
858
- setResults(filteredResults);
859
- setLoading(false);
860
- };
861
-
862
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Async List Items"), /*#__PURE__*/_react.default.createElement(ErsatzOverlay, null, /*#__PURE__*/_react.default.createElement(_TextInput.default, {
863
- onChange: filter,
864
- placeholder: "Search repositories, showing 6 by default",
865
- sx: {
866
- m: 2,
867
- mb: 0,
868
- width: 'calc(100% - 16px)'
869
- }
870
- }), /*#__PURE__*/_react.default.createElement(ActionList, {
871
- sx: {
872
- height: 208,
873
- overflow: 'auto'
874
- }
875
- }, loading ? /*#__PURE__*/_react.default.createElement(_Box.default, {
876
- sx: {
877
- display: 'flex',
878
- justifyContent: 'center',
879
- pt: 2
880
- }
881
- }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null)) : results.map(name => /*#__PURE__*/_react.default.createElement(ActionList.Item, {
882
- key: name
883
- }, /*#__PURE__*/_react.default.createElement(ActionList.LeadingVisual, null, /*#__PURE__*/_react.default.createElement(_octiconsReact.RepoIcon, null)), name)))));
884
- }
885
-
886
- AsyncListStory.storyName = 'Async List Options';
887
-
888
- const filterSlowly = async query => {
889
- // sleep for 1s before returning results
890
- await new Promise(resolve => setTimeout(resolve, 1000));
891
- return await repos.filter(name => name.includes(query));
892
- };
893
-
894
- function InsideOverlay() {
895
- const [open, setOpen] = _react.default.useState(false);
896
-
897
- const toggle = () => setOpen(!open);
898
-
899
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("h1", null, "Inside Overlay"), /*#__PURE__*/_react.default.createElement(_AnchoredOverlay.AnchoredOverlay, {
900
- open: open,
901
- onOpen: toggle,
902
- onClose: toggle,
903
- renderAnchor: props => /*#__PURE__*/_react.default.createElement("button", props, "toggle overlay")
904
- }, /*#__PURE__*/_react.default.createElement(ActionList, null, /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "Use your arrow keys", /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, "\u2193")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "keep going", /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, "\u2193")), /*#__PURE__*/_react.default.createElement(ActionList.Item, null, "more more", /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, "\u2193")), /*#__PURE__*/_react.default.createElement(ActionList.Divider, null), /*#__PURE__*/_react.default.createElement(ActionList.Item, {
905
- variant: "danger"
906
- }, "now go up!", /*#__PURE__*/_react.default.createElement(ActionList.TrailingVisual, null, "\u2191")))));
907
- }
908
-
909
- InsideOverlay.storyName = 'Inside Overlay';