@ably/ui 13.2.2 → 14.0.0-dev.fbce38f

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (402) hide show
  1. package/README.md +25 -152
  2. package/core/Accordion/component.js +1 -0
  3. package/core/Code/component.css +1 -72
  4. package/core/Code/component.js +1 -1
  5. package/core/ConnectStateWrapper/component.js +1 -1
  6. package/core/ContactFooter/component.css +7 -10
  7. package/core/ContactFooter/component.js +1 -1
  8. package/core/CookieMessage/component.css +10 -13
  9. package/core/CookieMessage/component.js +1 -1
  10. package/core/CustomerLogos/component.js +1 -1
  11. package/core/DropdownMenu/component.js +1 -1
  12. package/core/FeaturedLink/component.js +1 -1
  13. package/core/Flash/component.css +19 -22
  14. package/core/Flash/component.js +1 -1
  15. package/core/Footer/component.css +22 -25
  16. package/core/Footer/component.js +1 -1
  17. package/core/Icon/component.js +1 -1
  18. package/core/Loader/component.js +1 -1
  19. package/core/Logo/component.js +1 -1
  20. package/core/Meganav/component.css +103 -106
  21. package/core/Meganav/component.js +1 -1
  22. package/core/MeganavBlogPostsList/component.js +1 -2
  23. package/core/MeganavContentCompany/component.js +1 -1
  24. package/core/MeganavContentDevelopers/component.js +1 -1
  25. package/core/MeganavContentProducts/component.js +1 -1
  26. package/core/MeganavContentUseCases/component.js +1 -1
  27. package/core/MeganavControl/component.js +1 -1
  28. package/core/MeganavControlMobileDropdown/component.js +1 -1
  29. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  30. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  31. package/core/MeganavItemsDesktop/component.js +1 -1
  32. package/core/MeganavItemsMobile/component.js +1 -1
  33. package/core/MeganavItemsSignedIn/component.js +1 -1
  34. package/core/MeganavSearch/component.js +1 -1
  35. package/core/MeganavSearchAutocomplete/component.js +1 -1
  36. package/core/MeganavSearchPanel/component.js +1 -1
  37. package/core/MeganavSearchSuggestions/component.js +1 -1
  38. package/core/Notice/component.css +4 -7
  39. package/core/Notice/component.js +1 -1
  40. package/core/SignOutLink/component.js +1 -1
  41. package/core/Slider/component.css +4 -7
  42. package/core/Slider/component.js +1 -1
  43. package/core/Table/Table.js +1 -0
  44. package/core/Table/TableCell.js +1 -0
  45. package/core/Table/TableRow.js +1 -0
  46. package/core/Table/index.js +1 -0
  47. package/core/Table/stories/data.js +1 -0
  48. package/core/Tooltip/component.js +1 -0
  49. package/core/css.js +1 -0
  50. package/core/dom-query.js +1 -0
  51. package/core/hubspot-chat-toggle.js +1 -0
  52. package/core/icons/discord.svg +10 -0
  53. package/core/icons/facebook.svg +4 -0
  54. package/core/icons/github.svg +3 -0
  55. package/core/icons/glassdoor.svg +3 -0
  56. package/core/icons/google.svg +3 -0
  57. package/core/icons/icon-display-48hrs.svg +3 -0
  58. package/core/icons/icon-display-about-ably-col.svg +4 -0
  59. package/core/icons/icon-display-api-keys.svg +3 -0
  60. package/core/icons/icon-display-api.svg +3 -0
  61. package/core/icons/icon-display-asset-tracking-col.svg +18 -0
  62. package/core/icons/icon-display-browser.svg +10 -0
  63. package/core/icons/icon-display-calendar.svg +3 -0
  64. package/core/icons/icon-display-call-mobile.svg +3 -0
  65. package/core/icons/icon-display-careers-col.svg +9 -0
  66. package/core/icons/icon-display-case-studies-col.svg +5 -0
  67. package/core/icons/icon-display-chat-col.svg +4 -0
  68. package/core/icons/icon-display-chat-stack-col.svg +4 -0
  69. package/core/icons/icon-display-chat-stack.svg +4 -0
  70. package/core/icons/icon-display-cloud-servers.svg +3 -0
  71. package/core/icons/icon-display-compare-tech-col.svg +9 -0
  72. package/core/icons/icon-display-customers-col.svg +15 -0
  73. package/core/icons/icon-display-data-broadcast-col.svg +26 -0
  74. package/core/icons/icon-display-data-synchronization-col.svg +14 -0
  75. package/core/icons/icon-display-docs-col.svg +7 -0
  76. package/core/icons/icon-display-documentation.svg +3 -0
  77. package/core/icons/icon-display-events-col.svg +13 -0
  78. package/core/icons/icon-display-examples-col.svg +11 -0
  79. package/core/icons/icon-display-gdpr.svg +3 -0
  80. package/core/icons/icon-display-general-comms.svg +3 -0
  81. package/core/icons/icon-display-hipaa.svg +10 -0
  82. package/core/icons/icon-display-integrations-col.svg +8 -0
  83. package/core/icons/icon-display-it-support-access.svg +3 -0
  84. package/core/icons/icon-display-it-support-helpdesk.svg +3 -0
  85. package/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  86. package/core/icons/icon-display-laptop.svg +10 -0
  87. package/core/icons/icon-display-lightbulb-col.svg +10 -0
  88. package/core/icons/icon-display-live-chat.svg +3 -0
  89. package/core/icons/icon-display-map-pin.svg +3 -0
  90. package/core/icons/icon-display-message.svg +3 -0
  91. package/core/icons/icon-display-padlock-closed.svg +3 -0
  92. package/core/icons/icon-display-platform.svg +22 -0
  93. package/core/icons/icon-display-play.svg +3 -0
  94. package/core/icons/icon-display-privacy-shield-framework.svg +7 -0
  95. package/core/icons/icon-display-push-notifications-col.svg +6 -0
  96. package/core/icons/icon-display-quickstart-guides-col.svg +8 -0
  97. package/core/icons/icon-display-resources-col.svg +21 -0
  98. package/core/icons/icon-display-sdks-col.svg +11 -0
  99. package/core/icons/icon-display-servers.svg +3 -0
  100. package/core/icons/icon-display-shopping-cart.svg +10 -0
  101. package/core/icons/icon-display-sla.svg +3 -0
  102. package/core/icons/icon-display-soc2-type2.svg +3 -0
  103. package/core/icons/icon-display-tech-account-comms.svg +3 -0
  104. package/core/icons/icon-display-tutorials-demos-col.svg +25 -0
  105. package/core/icons/icon-display-virtual-events-col.svg +12 -0
  106. package/core/icons/icon-display-virtual-events.svg +12 -0
  107. package/core/icons/icon-gui-ably-badge.svg +3 -0
  108. package/core/icons/icon-gui-arrow-bidirectional-horizontal.svg +3 -0
  109. package/core/icons/icon-gui-arrow-bidirectional-vertical.svg +3 -0
  110. package/core/icons/icon-gui-arrow-down.svg +3 -0
  111. package/core/icons/icon-gui-arrow-left.svg +3 -0
  112. package/core/icons/icon-gui-arrow-right.svg +3 -0
  113. package/core/icons/icon-gui-arrow-up.svg +3 -0
  114. package/core/icons/icon-gui-burger-menu.svg +5 -0
  115. package/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
  116. package/core/icons/icon-gui-check-circled-fill.svg +4 -0
  117. package/core/icons/icon-gui-check-circled.svg +3 -0
  118. package/core/icons/icon-gui-checklist-checked.svg +3 -0
  119. package/core/icons/icon-gui-clock.svg +3 -0
  120. package/core/icons/icon-gui-close.svg +3 -0
  121. package/core/icons/icon-gui-copy.svg +10 -0
  122. package/core/icons/icon-gui-cross-circled-fill.svg +4 -0
  123. package/core/icons/icon-gui-cross-circled.svg +3 -0
  124. package/core/icons/icon-gui-dash-circled.svg +3 -0
  125. package/core/icons/icon-gui-disclosure-arrow.svg +3 -0
  126. package/core/icons/icon-gui-document-generic.svg +3 -0
  127. package/core/icons/icon-gui-enlarge.svg +3 -0
  128. package/core/icons/icon-gui-external-link.svg +3 -0
  129. package/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
  130. package/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
  131. package/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
  132. package/core/icons/icon-gui-history.svg +3 -0
  133. package/core/icons/icon-gui-info.svg +3 -0
  134. package/core/icons/icon-gui-link-arrow.svg +3 -0
  135. package/core/icons/icon-gui-link.svg +4 -0
  136. package/core/icons/icon-gui-live-chat.svg +3 -0
  137. package/core/icons/icon-gui-minus.svg +3 -0
  138. package/core/icons/icon-gui-plus.svg +3 -0
  139. package/core/icons/icon-gui-quote-marks-solid.svg +3 -0
  140. package/core/icons/icon-gui-refresh.svg +10 -0
  141. package/core/icons/icon-gui-resources.svg +3 -0
  142. package/core/icons/icon-gui-search.svg +3 -0
  143. package/core/icons/icon-gui-tick.svg +3 -0
  144. package/core/icons/icon-gui-warning.svg +5 -0
  145. package/core/icons/icon-live-updates-results-metrics-col.svg +26 -0
  146. package/core/icons/icon-multi-user-spaces-col.svg +13 -0
  147. package/core/icons/icon-social-x.svg +3 -0
  148. package/core/icons/icon-tech-apachekafka.svg +3 -0
  149. package/core/icons/linkedin.svg +3 -0
  150. package/core/icons/quote.svg +3 -0
  151. package/core/icons/stackoverflow.svg +3 -0
  152. package/core/icons/twitter.svg +3 -0
  153. package/core/icons/youtube.svg +11 -0
  154. package/core/icons.js +1 -0
  155. package/core/load-sprites.js +1 -0
  156. package/core/react-renderer.js +1 -0
  157. package/core/remote-blogs-posts.js +1 -0
  158. package/core/remote-data-store.js +1 -0
  159. package/core/remote-data-util.js +1 -0
  160. package/core/remote-session-data.js +1 -0
  161. package/core/scripts.js +1 -2
  162. package/core/sprites.svg +1 -525
  163. package/core/styles/buttons.css +122 -0
  164. package/core/styles/forms.css +62 -0
  165. package/core/styles/layout.css +19 -0
  166. package/core/styles/properties.css +276 -0
  167. package/core/styles/text.css +166 -0
  168. package/core/styles.base.css +1 -0
  169. package/core/styles.components.css +33 -0
  170. package/core/styles.css +2 -699
  171. package/core/url-base.js +1 -0
  172. package/core/utils/syntax-highlighter-registry.js +1 -0
  173. package/core/utils/syntax-highlighter.css +67 -0
  174. package/core/utils/syntax-highlighter.js +1 -0
  175. package/package.json +39 -34
  176. package/reset/scripts.js +1 -1
  177. package/reset/styles/normalize.css +353 -0
  178. package/reset/styles/reset.css +129 -0
  179. package/reset/styles.css +2 -477
  180. package/src/core/Accordion/Accordion.stories.tsx +39 -0
  181. package/src/core/Accordion/component.tsx +147 -0
  182. package/src/core/Code/Code.stories.tsx +71 -0
  183. package/src/core/Code/component.tsx +45 -0
  184. package/src/core/ConnectStateWrapper/{component.jsx → component.tsx} +7 -3
  185. package/src/core/ContactFooter/ContactFooter.stories.tsx +11 -0
  186. package/src/core/ContactFooter/component.css +7 -9
  187. package/src/core/ContactFooter/component.tsx +92 -0
  188. package/src/core/CookieMessage/CookieMessage.stories.tsx +12 -0
  189. package/src/core/CookieMessage/component.css +10 -12
  190. package/src/core/CookieMessage/{component.jsx → component.tsx} +15 -10
  191. package/src/core/CustomerLogos/CustomerLogos.stories.tsx +43 -0
  192. package/src/core/CustomerLogos/component.tsx +35 -0
  193. package/src/core/DropdownMenu/DropdownMenu.stories.tsx +48 -0
  194. package/src/core/DropdownMenu/{component.jsx → component.tsx} +64 -36
  195. package/src/core/FeaturedLink/FeaturedLink.stories.tsx +43 -0
  196. package/src/core/FeaturedLink/{component.jsx → component.tsx} +28 -17
  197. package/src/core/Flash/Flash.stories.tsx +37 -0
  198. package/src/core/Flash/component.css +19 -21
  199. package/src/core/Flash/{component.jsx → component.tsx} +78 -39
  200. package/src/core/Footer/Footer.stories.tsx +26 -0
  201. package/src/core/Footer/component.css +22 -24
  202. package/src/core/Footer/{component.jsx → component.tsx} +237 -70
  203. package/src/core/Icon/Icon.stories.tsx +150 -0
  204. package/src/core/Icon/component.tsx +26 -0
  205. package/src/core/Loader/Loader.stories.tsx +21 -0
  206. package/src/core/Loader/{component.jsx → component.tsx} +11 -8
  207. package/src/core/Logo/Logo.stories.tsx +12 -0
  208. package/src/core/Logo/component.tsx +29 -0
  209. package/src/core/Meganav/Meganav.stories.tsx +86 -0
  210. package/src/core/Meganav/component.css +103 -105
  211. package/src/core/Meganav/component.js +6 -7
  212. package/src/core/Meganav/component.tsx +228 -0
  213. package/src/core/MeganavBlogPostsList/{component.jsx → component.tsx} +15 -14
  214. package/src/core/MeganavContentCompany/{component.jsx → component.tsx} +82 -33
  215. package/src/core/MeganavContentDevelopers/{component.jsx → component.tsx} +98 -34
  216. package/src/core/MeganavContentProducts/component.tsx +165 -0
  217. package/src/core/MeganavContentUseCases/component.tsx +244 -0
  218. package/src/core/MeganavControl/{component.jsx → component.tsx} +18 -12
  219. package/src/core/MeganavControlMobileDropdown/{component.jsx → component.tsx} +3 -7
  220. package/src/core/MeganavControlMobilePanelClose/{component.jsx → component.tsx} +16 -9
  221. package/src/core/MeganavControlMobilePanelOpen/component.tsx +32 -0
  222. package/src/core/MeganavItemsDesktop/component.tsx +68 -0
  223. package/src/core/MeganavItemsMobile/component.tsx +197 -0
  224. package/src/core/MeganavItemsSignedIn/{component.jsx → component.tsx} +59 -23
  225. package/src/core/MeganavSearch/component.tsx +36 -0
  226. package/src/core/MeganavSearchAutocomplete/component.tsx +12 -0
  227. package/src/core/MeganavSearchPanel/component.tsx +52 -0
  228. package/src/core/MeganavSearchSuggestions/component.tsx +62 -0
  229. package/src/core/Notice/component.css +4 -6
  230. package/src/core/Notice/component.js +1 -1
  231. package/src/core/Notice/component.tsx +104 -0
  232. package/src/core/SignOutLink/component.tsx +51 -0
  233. package/src/core/Slider/Slider.stories.tsx +45 -0
  234. package/src/core/Slider/component.css +4 -6
  235. package/src/core/Slider/component.tsx +112 -0
  236. package/src/core/Table/Table.tsx +30 -0
  237. package/src/core/Table/TableCell.tsx +84 -0
  238. package/src/core/Table/TableRow.tsx +25 -0
  239. package/src/core/Table/index.ts +24 -0
  240. package/src/core/Table/stories/Table.stories.tsx +12 -0
  241. package/src/core/Table/stories/data.tsx +113 -0
  242. package/src/core/Tooltip/Tooltip.stories.tsx +27 -0
  243. package/src/core/Tooltip/component.tsx +60 -0
  244. package/src/core/icons.js +6 -0
  245. package/src/core/{react-renderer.js → react-renderer.tsx} +9 -7
  246. package/src/core/styles/buttons.css +121 -123
  247. package/src/core/styles/forms.css +49 -51
  248. package/src/core/styles/layout.css +14 -16
  249. package/src/core/styles/properties.css +250 -259
  250. package/src/core/styles/text.css +165 -167
  251. package/src/core/styles.components.css +22 -24
  252. package/src/core/utils/syntax-highlighter.css +55 -59
  253. package/src/pages/Buttons.mdx +121 -0
  254. package/src/pages/Chips.mdx +136 -0
  255. package/src/pages/Colour.mdx +23 -0
  256. package/src/pages/Forms.mdx +173 -0
  257. package/src/pages/Layout.mdx +58 -0
  258. package/src/pages/Typography.mdx +206 -0
  259. package/src/pages/utils.ts +70 -0
  260. package/tailwind.config.js +1 -7
  261. package/tailwind.extend.js +1 -1
  262. package/core/.gitignore +0 -1
  263. package/core/Code.jsx +0 -684
  264. package/core/CompanyAutocomplete/component.css +0 -46
  265. package/core/CompanyAutocomplete/component.js +0 -2
  266. package/core/CompanyAutocomplete/component.js.LICENSE.txt +0 -1
  267. package/core/ConnectStateWrapper.jsx +0 -222
  268. package/core/ContactFooter.jsx +0 -342
  269. package/core/CookieMessage.jsx +0 -204
  270. package/core/CustomerLogos.jsx +0 -144
  271. package/core/DropdownMenu.jsx +0 -313
  272. package/core/FeatureFooter/component.css +0 -13
  273. package/core/FeatureFooter/component.js +0 -1
  274. package/core/FeaturedLink.jsx +0 -236
  275. package/core/Flash.jsx +0 -622
  276. package/core/Footer.jsx +0 -587
  277. package/core/Icon.jsx +0 -152
  278. package/core/Loader.jsx +0 -154
  279. package/core/Logo.jsx +0 -147
  280. package/core/Meganav.jsx +0 -4146
  281. package/core/MeganavBlogPostsList/component.js.LICENSE.txt +0 -1
  282. package/core/MeganavBlogPostsList.jsx +0 -291
  283. package/core/MeganavContentCompany.jsx +0 -1053
  284. package/core/MeganavContentDevelopers.jsx +0 -334
  285. package/core/MeganavContentProducts.jsx +0 -368
  286. package/core/MeganavContentUseCases.jsx +0 -341
  287. package/core/MeganavControl.jsx +0 -199
  288. package/core/MeganavControlMobileDropdown.jsx +0 -197
  289. package/core/MeganavControlMobilePanelClose.jsx +0 -198
  290. package/core/MeganavControlMobilePanelOpen.jsx +0 -193
  291. package/core/MeganavItemsDesktop.jsx +0 -279
  292. package/core/MeganavItemsMobile.jsx +0 -684
  293. package/core/MeganavItemsSignedIn.jsx +0 -638
  294. package/core/MeganavSearch.jsx +0 -429
  295. package/core/MeganavSearchAutocomplete.jsx +0 -117
  296. package/core/MeganavSearchPanel.jsx +0 -381
  297. package/core/MeganavSearchSuggestions.jsx +0 -294
  298. package/core/Notice.jsx +0 -914
  299. package/core/Showcase/component.css +0 -31
  300. package/core/Showcase/component.js +0 -1
  301. package/core/Showcase.jsx +0 -17
  302. package/core/SignOutLink.jsx +0 -157
  303. package/core/Slider.jsx +0 -400
  304. package/core/Uptime/component.css +0 -128
  305. package/core/Uptime/component.js +0 -1
  306. package/core/Uptime.jsx +0 -890
  307. package/core/scripts.js.LICENSE.txt +0 -1
  308. package/preview/tmp/.keep +0 -0
  309. package/preview/tmp/pids/.keep +0 -0
  310. package/reset/.gitignore +0 -1
  311. package/src/core/Code/component.html.erb +0 -3
  312. package/src/core/Code/component.jsx +0 -31
  313. package/src/core/Code/component.rb +0 -12
  314. package/src/core/CompanyAutocomplete/component.css +0 -45
  315. package/src/core/CompanyAutocomplete/component.js +0 -204
  316. package/src/core/ContactFooter/component.html.erb +0 -32
  317. package/src/core/ContactFooter/component.jsx +0 -66
  318. package/src/core/ContactFooter/component.rb +0 -13
  319. package/src/core/CustomerLogos/component.html.erb +0 -9
  320. package/src/core/CustomerLogos/component.jsx +0 -28
  321. package/src/core/CustomerLogos/component.rb +0 -14
  322. package/src/core/FeatureFooter/component.css +0 -12
  323. package/src/core/FeatureFooter/component.html.erb +0 -54
  324. package/src/core/FeatureFooter/component.js +0 -7
  325. package/src/core/FeatureFooter/component.rb +0 -30
  326. package/src/core/FeaturedLink/component.html.erb +0 -15
  327. package/src/core/FeaturedLink/component.rb +0 -21
  328. package/src/core/Footer/component.html.erb +0 -256
  329. package/src/core/Footer/component.rb +0 -14
  330. package/src/core/Icon/component.html.erb +0 -3
  331. package/src/core/Icon/component.jsx +0 -19
  332. package/src/core/Icon/component.rb +0 -25
  333. package/src/core/Loader/component.html.erb +0 -18
  334. package/src/core/Loader/component.rb +0 -19
  335. package/src/core/Logo/component.html.erb +0 -3
  336. package/src/core/Logo/component.jsx +0 -20
  337. package/src/core/Logo/component.rb +0 -31
  338. package/src/core/Meganav/component.html.erb +0 -31
  339. package/src/core/Meganav/component.jsx +0 -123
  340. package/src/core/Meganav/component.rb +0 -60
  341. package/src/core/MeganavBlogPostsList/component.html.erb +0 -5
  342. package/src/core/MeganavBlogPostsList/component.rb +0 -13
  343. package/src/core/MeganavContentCompany/component.html.erb +0 -90
  344. package/src/core/MeganavContentCompany/component.rb +0 -14
  345. package/src/core/MeganavContentDevelopers/component.html.erb +0 -129
  346. package/src/core/MeganavContentDevelopers/component.rb +0 -13
  347. package/src/core/MeganavContentProducts/component.html.erb +0 -83
  348. package/src/core/MeganavContentProducts/component.jsx +0 -105
  349. package/src/core/MeganavContentProducts/component.rb +0 -14
  350. package/src/core/MeganavContentUseCases/component.html.erb +0 -135
  351. package/src/core/MeganavContentUseCases/component.jsx +0 -147
  352. package/src/core/MeganavContentUseCases/component.rb +0 -13
  353. package/src/core/MeganavControl/component.html.erb +0 -6
  354. package/src/core/MeganavControl/component.rb +0 -20
  355. package/src/core/MeganavControlMobileDropdown/component.html.erb +0 -7
  356. package/src/core/MeganavControlMobileDropdown/component.rb +0 -11
  357. package/src/core/MeganavControlMobilePanelClose/component.html.erb +0 -12
  358. package/src/core/MeganavControlMobilePanelClose/component.rb +0 -12
  359. package/src/core/MeganavControlMobilePanelOpen/component.html.erb +0 -7
  360. package/src/core/MeganavControlMobilePanelOpen/component.jsx +0 -25
  361. package/src/core/MeganavControlMobilePanelOpen/component.rb +0 -9
  362. package/src/core/MeganavItemsDesktop/component.html.erb +0 -17
  363. package/src/core/MeganavItemsDesktop/component.jsx +0 -49
  364. package/src/core/MeganavItemsDesktop/component.rb +0 -23
  365. package/src/core/MeganavItemsMobile/component.html.erb +0 -75
  366. package/src/core/MeganavItemsMobile/component.jsx +0 -137
  367. package/src/core/MeganavItemsMobile/component.rb +0 -21
  368. package/src/core/MeganavItemsSignedIn/component.html.erb +0 -53
  369. package/src/core/MeganavItemsSignedIn/component.rb +0 -33
  370. package/src/core/MeganavSearch/component.html.erb +0 -15
  371. package/src/core/MeganavSearch/component.jsx +0 -33
  372. package/src/core/MeganavSearch/component.rb +0 -13
  373. package/src/core/MeganavSearchAutocomplete/component.html.erb +0 -6
  374. package/src/core/MeganavSearchAutocomplete/component.jsx +0 -14
  375. package/src/core/MeganavSearchAutocomplete/component.rb +0 -6
  376. package/src/core/MeganavSearchPanel/component.html.erb +0 -22
  377. package/src/core/MeganavSearchPanel/component.jsx +0 -39
  378. package/src/core/MeganavSearchPanel/component.rb +0 -13
  379. package/src/core/MeganavSearchSuggestions/component.html.erb +0 -22
  380. package/src/core/MeganavSearchSuggestions/component.jsx +0 -49
  381. package/src/core/MeganavSearchSuggestions/component.rb +0 -18
  382. package/src/core/Notice/component.html.erb +0 -16
  383. package/src/core/Notice/component.jsx +0 -71
  384. package/src/core/Notice/component.rb +0 -29
  385. package/src/core/Showcase/component.css +0 -30
  386. package/src/core/Showcase/component.html.erb +0 -76
  387. package/src/core/Showcase/component.js +0 -180
  388. package/src/core/Showcase/component.jsx +0 -0
  389. package/src/core/Showcase/component.rb +0 -190
  390. package/src/core/SignOutLink/component.html.erb +0 -1
  391. package/src/core/SignOutLink/component.jsx +0 -32
  392. package/src/core/SignOutLink/component.rb +0 -17
  393. package/src/core/Slider/component.html.erb +0 -28
  394. package/src/core/Slider/component.jsx +0 -86
  395. package/src/core/Slider/component.rb +0 -38
  396. package/src/core/Uptime/component.css +0 -127
  397. package/src/core/Uptime/component.html.erb +0 -0
  398. package/src/core/Uptime/component.js +0 -1
  399. package/src/core/Uptime/component.jsx +0 -183
  400. package/src/core/Uptime/component.rb +0 -7
  401. package/src/core/core.rb +0 -81
  402. /package/{preview/log/.keep → src/core/Accordion/component.js} +0 -0
@@ -1,684 +0,0 @@
1
- (function webpackUniversalModuleDefinition(root, factory) {
2
- if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("react"), require("prop-types"));
4
- else if(typeof define === 'function' && define.amd)
5
- define([, ], factory);
6
- else {
7
- var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
8
- for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
- }
10
- })(this, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
- return /******/ (() => { // webpackBootstrap
12
- /******/ "use strict";
13
- /******/ var __webpack_modules__ = ({
14
-
15
- /***/ 5751:
16
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
17
-
18
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
20
- /* harmony export */ });
21
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
22
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
23
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
- 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); }
27
-
28
-
29
-
30
- // When generating links with target=_blank, we only add `noreferrer` to
31
- // links that don't start with `/`, so we can continue tracking referrers
32
- // across our own domains
33
-
34
- var buildTargetAndRel = function buildTargetAndRel(url, newWindow) {
35
- var props = {};
36
-
37
- if (newWindow) {
38
- props.target = "_blank";
39
-
40
- if (url.startsWith("/") && !url.startsWith("//")) {
41
- props.rel = "noopener";
42
- } else {
43
- props.rel = "noopenner noreferrer";
44
- }
45
- }
46
-
47
- return props;
48
- };
49
-
50
- var FeaturedLink = function FeaturedLink(_ref) {
51
- var url = _ref.url,
52
- _ref$textSize = _ref.textSize,
53
- textSize = _ref$textSize === void 0 ? "text-p2" : _ref$textSize,
54
- _ref$iconColor = _ref.iconColor,
55
- iconColor = _ref$iconColor === void 0 ? "text-cool-black" : _ref$iconColor,
56
- _ref$flush = _ref.flush,
57
- flush = _ref$flush === void 0 ? false : _ref$flush,
58
- _ref$reverse = _ref.reverse,
59
- reverse = _ref$reverse === void 0 ? false : _ref$reverse,
60
- _ref$additionalCSS = _ref.additionalCSS,
61
- additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
62
- _ref$newWindow = _ref.newWindow,
63
- newWindow = _ref$newWindow === void 0 ? false : _ref$newWindow,
64
- children = _ref.children;
65
- var targetAndRel = buildTargetAndRel(url, newWindow);
66
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", _extends({
67
- href: url,
68
- className: "font-sans font-bold block text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus group ui-".concat(textSize, " ").concat(flush ? "" : "py-8", " ").concat(additionalCSS),
69
- style: {
70
- "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
71
- }
72
- }, targetAndRel), reverse ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
73
- name: "icon-gui-link-arrow",
74
- size: "calc(var(--featured-link-icon-size) * 1.25)",
75
- color: iconColor,
76
- additionalCSS: "align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180"
77
- }), children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
78
- name: "icon-gui-link-arrow",
79
- size: "calc(var(--featured-link-icon-size) * 1.25)",
80
- color: iconColor,
81
- additionalCSS: "align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0"
82
- })));
83
- };
84
-
85
- FeaturedLink.propTypes = {
86
- url: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
87
- children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
88
- textSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
89
- iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
90
- flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
91
- reverse: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
92
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
93
- newWindow: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
94
- };
95
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
96
-
97
- /***/ }),
98
-
99
- /***/ 9008:
100
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
101
-
102
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
103
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
104
- /* harmony export */ });
105
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
106
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
107
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
108
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
109
- var _excluded = ["name", "size", "color", "additionalCSS"];
110
-
111
- 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); }
112
-
113
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
114
-
115
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
116
-
117
-
118
-
119
-
120
- var Icon = function Icon(_ref) {
121
- var name = _ref.name,
122
- _ref$size = _ref.size,
123
- size = _ref$size === void 0 ? "0.75rem" : _ref$size,
124
- _ref$color = _ref.color,
125
- color = _ref$color === void 0 ? "" : _ref$color,
126
- _ref$additionalCSS = _ref.additionalCSS,
127
- additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
128
- additionalAttributes = _objectWithoutProperties(_ref, _excluded);
129
-
130
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
131
- className: "".concat(color, " ").concat(additionalCSS),
132
- style: {
133
- width: size,
134
- height: size
135
- }
136
- }, additionalAttributes), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
137
- xlinkHref: "#sprite-".concat(name)
138
- }));
139
- };
140
-
141
- Icon.propTypes = {
142
- name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
143
- size: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
144
- color: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
145
- additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
146
- };
147
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
148
-
149
- /***/ }),
150
-
151
- /***/ 8746:
152
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
153
-
154
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
155
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
156
- /* harmony export */ });
157
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
158
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
159
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
160
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
161
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
162
-
163
-
164
-
165
-
166
- var MeganavControlMobileDropdown = function MeganavControlMobileDropdown(_ref) {
167
- var theme = _ref.theme;
168
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
169
- type: "button",
170
- className: "block ml-24 mr-0 px-0 py-16 hover:text-gui-hover focus:text-gui-focus focus:outline-none",
171
- "data-id": "meganav-control-mobile-dropdown",
172
- "aria-expanded": "false",
173
- "aria-controls": "meganav-mobile-dropdown"
174
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
175
- name: "icon-gui-burger-menu",
176
- size: "1.5rem",
177
- color: theme.mobileMenuColor,
178
- additionalCSS: "transition-colors",
179
- "data-id": "meganav-control-mobile-dropdown-menu"
180
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
181
- name: "icon-gui-close",
182
- size: "1.5rem",
183
- color: theme.mobileMenuColor,
184
- additionalCSS: "transition-colors hidden",
185
- "data-id": "meganav-control-mobile-dropdown-close"
186
- }));
187
- };
188
-
189
- MeganavControlMobileDropdown.propTypes = {
190
- theme: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)
191
- };
192
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavControlMobileDropdown);
193
-
194
- /***/ }),
195
-
196
- /***/ 5598:
197
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
198
-
199
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
200
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
201
- /* harmony export */ });
202
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
203
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
204
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
205
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
206
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
207
-
208
-
209
-
210
-
211
- var MeganavControlMobilePanelClose = function MeganavControlMobilePanelClose(_ref) {
212
- var ariaControls = _ref.ariaControls,
213
- _ref$displayHr = _ref.displayHr,
214
- displayHr = _ref$displayHr === void 0 ? true : _ref$displayHr;
215
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
216
- className: "mx-24 md:mx-32"
217
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
218
- type: "button",
219
- className: "ui-meganav-mobile-link text-gui-default mb-16",
220
- "data-id": "meganav-control-mobile-panel-close",
221
- "aria-expanded": "false",
222
- "aria-controls": ariaControls,
223
- "aria-label": "Hide panel"
224
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
225
- name: "icon-gui-disclosure-arrow",
226
- color: "text-cool-black",
227
- size: "1.5rem",
228
- additionalCSS: "relative -top-1 transform rotate-180"
229
- }), "Back"), displayHr ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("hr", {
230
- className: "ui-meganav-hr"
231
- }) : null);
232
- };
233
-
234
- MeganavControlMobilePanelClose.propTypes = {
235
- ariaControls: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
236
- displayHr: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
237
- };
238
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavControlMobilePanelClose);
239
-
240
- /***/ }),
241
-
242
- /***/ 7806:
243
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
244
-
245
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
246
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
247
- /* harmony export */ });
248
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
249
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
250
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
251
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
252
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
253
-
254
-
255
-
256
-
257
- var MeganavControlMobilePanelOpen = function MeganavControlMobilePanelOpen(_ref) {
258
- var ariaControls = _ref.ariaControls,
259
- children = _ref.children;
260
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
261
- type: "button",
262
- className: "ui-meganav-mobile-link",
263
- "data-id": "meganav-control-mobile-panel-open",
264
- "aria-expanded": "false",
265
- "aria-controls": ariaControls,
266
- "aria-label": "Show ".concat(children)
267
- }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
268
- name: "icon-gui-disclosure-arrow",
269
- color: "text-cool-black",
270
- size: "1.5rem",
271
- additionalCSS: "relative -top-1 ml-auto float-right"
272
- }));
273
- };
274
-
275
- MeganavControlMobilePanelOpen.propTypes = {
276
- ariaControls: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
277
- children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
278
- };
279
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavControlMobilePanelOpen);
280
-
281
- /***/ }),
282
-
283
- /***/ 3833:
284
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
285
-
286
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
287
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
288
- /* harmony export */ });
289
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
290
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
291
-
292
-
293
- var MeganavSearchAutocomplete = function MeganavSearchAutocomplete() {
294
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
295
- className: "absolute w-full mt-8 z-10 hidden shadow-container rounded-lg bg-white border border-mid-grey",
296
- "data-id": "meganav-search-autocomplete-container"
297
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ol", {
298
- className: "m-16",
299
- "data-id": "meganav-search-autocomplete-list"
300
- }));
301
- };
302
-
303
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavSearchAutocomplete);
304
-
305
- /***/ }),
306
-
307
- /***/ 8926:
308
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
309
-
310
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
311
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
312
- /* harmony export */ });
313
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
314
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
315
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
316
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
317
- /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
318
-
319
-
320
-
321
-
322
- var MeganavSearchSuggestions = function MeganavSearchSuggestions(_ref) {
323
- var absUrl = _ref.absUrl,
324
- displaySupportLink = _ref.displaySupportLink;
325
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
326
- className: "ui-text-overline2 text-cool-black py-12"
327
- }, "Popular pages"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
328
- className: "flex justify-between items-center overflow-hidden"
329
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
330
- className: "flex transition-transform"
331
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
332
- className: "py-12 pr-8 flex-shrink-0"
333
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
334
- href: absUrl("/docs/how-ably-works"),
335
- className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
336
- }, "How does Ably work?")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
337
- className: "py-12 px-8 flex-shrink-0"
338
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
339
- href: absUrl("/docs/quick-start-guide"),
340
- className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
341
- }, "Quickstart guide")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
342
- className: "py-12 px-8 flex-shrink-0"
343
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
344
- href: absUrl("/docs/core-features/pubsub"),
345
- className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
346
- }, "Publish/Subscribe Messaging")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
347
- className: "py-12 pl-8 flex-shrink-0"
348
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
349
- href: absUrl("/platform"),
350
- className: "ui-text-p2 hover:text-gui-hover active:text-gui-active focus:text-gui-focus"
351
- }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
352
- url: absUrl("/support"),
353
- textSize: "text-p2"
354
- }, "Support") : null));
355
- };
356
-
357
- MeganavSearchSuggestions.propTypes = {
358
- absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
359
- displaySupportLink: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
360
- };
361
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavSearchSuggestions);
362
-
363
- /***/ }),
364
-
365
- /***/ 1866:
366
- /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
367
-
368
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
369
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
370
- /* harmony export */ });
371
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
372
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
373
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
374
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
375
-
376
-
377
-
378
- var SignOutLink = function SignOutLink(_ref) {
379
- var token = _ref.token,
380
- href = _ref.href,
381
- text = _ref.text,
382
- children = _ref.children,
383
- absUrl = _ref.absUrl;
384
- var formRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
385
-
386
- var onClick = function onClick(e) {
387
- formRef.current.submit();
388
- e.preventDefault();
389
- };
390
-
391
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("form", {
392
- ref: formRef,
393
- method: "post",
394
- action: absUrl(href),
395
- className: "hidden"
396
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
397
- name: "_method",
398
- value: "delete",
399
- type: "hidden"
400
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
401
- name: "authenticity_token",
402
- value: token,
403
- type: "hidden"
404
- })), children({
405
- href: href,
406
- text: text,
407
- onClick: onClick
408
- }));
409
- };
410
-
411
- SignOutLink.propTypes = {
412
- token: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
413
- href: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
414
- text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
415
- children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
416
- absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
417
- };
418
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SignOutLink);
419
-
420
- /***/ }),
421
-
422
- /***/ 6073:
423
- /***/ ((module) => {
424
-
425
- module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
426
-
427
- /***/ }),
428
-
429
- /***/ 5225:
430
- /***/ ((module) => {
431
-
432
- module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
433
-
434
- /***/ }),
435
-
436
- /***/ 3166:
437
- /***/ ((module) => {
438
-
439
- module.exports = JSON.parse('{"h":[{"label":"Products","shortLabel":"Products","id":"products-panel","component":"MeganavContentProducts"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
440
-
441
- /***/ })
442
-
443
- /******/ });
444
- /************************************************************************/
445
- /******/ // The module cache
446
- /******/ var __webpack_module_cache__ = {};
447
- /******/
448
- /******/ // The require function
449
- /******/ function __webpack_require__(moduleId) {
450
- /******/ // Check if module is in cache
451
- /******/ var cachedModule = __webpack_module_cache__[moduleId];
452
- /******/ if (cachedModule !== undefined) {
453
- /******/ return cachedModule.exports;
454
- /******/ }
455
- /******/ // Create a new module (and put it into the cache)
456
- /******/ var module = __webpack_module_cache__[moduleId] = {
457
- /******/ // no module.id needed
458
- /******/ // no module.loaded needed
459
- /******/ exports: {}
460
- /******/ };
461
- /******/
462
- /******/ // Execute the module function
463
- /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
464
- /******/
465
- /******/ // Return the exports of the module
466
- /******/ return module.exports;
467
- /******/ }
468
- /******/
469
- /************************************************************************/
470
- /******/ /* webpack/runtime/compat get default export */
471
- /******/ (() => {
472
- /******/ // getDefaultExport function for compatibility with non-harmony modules
473
- /******/ __webpack_require__.n = (module) => {
474
- /******/ var getter = module && module.__esModule ?
475
- /******/ () => (module['default']) :
476
- /******/ () => (module);
477
- /******/ __webpack_require__.d(getter, { a: getter });
478
- /******/ return getter;
479
- /******/ };
480
- /******/ })();
481
- /******/
482
- /******/ /* webpack/runtime/define property getters */
483
- /******/ (() => {
484
- /******/ // define getter functions for harmony exports
485
- /******/ __webpack_require__.d = (exports, definition) => {
486
- /******/ for(var key in definition) {
487
- /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
488
- /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
489
- /******/ }
490
- /******/ }
491
- /******/ };
492
- /******/ })();
493
- /******/
494
- /******/ /* webpack/runtime/hasOwnProperty shorthand */
495
- /******/ (() => {
496
- /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
497
- /******/ })();
498
- /******/
499
- /******/ /* webpack/runtime/make namespace object */
500
- /******/ (() => {
501
- /******/ // define __esModule on exports
502
- /******/ __webpack_require__.r = (exports) => {
503
- /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
504
- /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
505
- /******/ }
506
- /******/ Object.defineProperty(exports, '__esModule', { value: true });
507
- /******/ };
508
- /******/ })();
509
- /******/
510
- /************************************************************************/
511
- var __webpack_exports__ = {};
512
- // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
513
- (() => {
514
- __webpack_require__.r(__webpack_exports__);
515
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
516
- /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
517
- /* harmony export */ });
518
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
519
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
520
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
521
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
522
- /* harmony import */ var _SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1866);
523
- /* harmony import */ var _MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8926);
524
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9008);
525
- /* harmony import */ var _Meganav_component_json__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(3166);
526
- /* harmony import */ var _MeganavControlMobileDropdown_component_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(8746);
527
- /* harmony import */ var _MeganavControlMobilePanelClose_component_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(5598);
528
- /* harmony import */ var _MeganavControlMobilePanelOpen_component_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(7806);
529
- /* harmony import */ var _MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(3833);
530
- 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); }
531
-
532
-
533
-
534
-
535
-
536
-
537
-
538
-
539
-
540
-
541
-
542
-
543
- var MeganavItemsMobile = function MeganavItemsMobile(_ref) {
544
- var panels = _ref.panels,
545
- paths = _ref.paths,
546
- sessionState = _ref.sessionState,
547
- theme = _ref.theme,
548
- loginLink = _ref.loginLink,
549
- absUrl = _ref.absUrl;
550
- var classNames = "ui-meganav-link ".concat(theme.textColor);
551
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
552
- className: "flex md:hidden",
553
- "data-id": "meganav-items-mobile"
554
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, sessionState.signedIn && sessionState.logOut ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_SignOutLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({
555
- absUrl: absUrl
556
- }, sessionState.logOut), function (_ref2) {
557
- var text = _ref2.text,
558
- href = _ref2.href,
559
- onClick = _ref2.onClick;
560
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
561
- onClick: onClick,
562
- href: absUrl(href),
563
- className: classNames,
564
- "data-id": "meganav-link"
565
- }, text);
566
- }) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
567
- href: absUrl(loginLink),
568
- className: classNames,
569
- "data-id": "meganav-link"
570
- }, "Login")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
571
- className: "ui-meganav-item"
572
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobileDropdown_component_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
573
- theme: theme
574
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
575
- className: "ui-meganav-mobile-dropdown invisible",
576
- id: "meganav-mobile-dropdown",
577
- "data-id": "meganav-mobile-dropdown"
578
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
579
- className: "pt-24 pb-16 ui-grid-px bg-white"
580
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("form", {
581
- className: "mb-16",
582
- action: absUrl("/search"),
583
- method: "get"
584
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
585
- className: "relative w-full"
586
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
587
- name: "icon-gui-search",
588
- color: "text-cool-black",
589
- size: "1.5rem",
590
- additionalCSS: "absolute top-12 left-16 hover:text-gui-hover"
591
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
592
- type: "button",
593
- className: "absolute top-12 right-16 p-0 focus:outline-gui-focus m-0 md:hidden invisible",
594
- "data-id": "meganav-search-input-clear"
595
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_4__["default"], {
596
- name: "icon-gui-cross-circled-fill",
597
- color: "text-dark-grey",
598
- size: "1.5rem",
599
- additionalCSS: ""
600
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
601
- type: "search",
602
- name: "q",
603
- className: "ui-input px-48 h-48",
604
- style: {
605
- maxWidth: "none"
606
- },
607
- placeholder: "Search",
608
- autoComplete: "off",
609
- "data-id": "meganav-mobile-search-input"
610
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchAutocomplete_component_jsx__WEBPACK_IMPORTED_MODULE_9__["default"], null))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
611
- className: "max-h-0 overflow-hidden transition-all",
612
- "data-id": "meganav-mobile-search-suggestions"
613
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
614
- absUrl: absUrl,
615
- displaySupportLink: false
616
- })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
617
- className: "mb-16",
618
- "data-id": "meganav-mobile-panel-controls"
619
- }, _Meganav_component_json__WEBPACK_IMPORTED_MODULE_5__/* .panels.map */ .h.map(function (panel) {
620
- var PanelComponent = panels[panel.component];
621
- var displayHr = ["company-panel", "developers-panel"].includes(panel.id);
622
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
623
- className: "ui-meganav-mobile-item",
624
- key: "".concat(panel.id, "-mobile")
625
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobilePanelOpen_component_jsx__WEBPACK_IMPORTED_MODULE_8__["default"], {
626
- ariaControls: "".concat(panel.id, "-mobile")
627
- }, panel.label), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
628
- className: "ui-meganav-panel-mobile hidden",
629
- id: "".concat(panel.id, "-mobile"),
630
- "data-scroll-lock-scrollable": true
631
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavControlMobilePanelClose_component_jsx__WEBPACK_IMPORTED_MODULE_7__["default"], {
632
- ariaControls: "".concat(panel.id, "-mobile"),
633
- displayHr: displayHr
634
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PanelComponent, {
635
- paths: paths,
636
- absUrl: absUrl
637
- })));
638
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
639
- href: absUrl("/pricing"),
640
- className: "ui-meganav-mobile-link"
641
- }, "Pricing"))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("hr", {
642
- className: "ui-meganav-hr mb-20"
643
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
644
- className: "flex justify-between items-center mb-16"
645
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
646
- href: absUrl("/contact"),
647
- className: "text-menu2 font-medium block ml-0 mr-8 lg:mx-12 p-0 hover:text-gui-hover focus:text-gui-focus focus:outline-none"
648
- }, "Contact us"), sessionState.signedIn && sessionState.account ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
649
- href: absUrl(sessionState.account.links.dashboard.href),
650
- className: "ui-btn-secondary"
651
- }, "Dashboard") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
652
- href: absUrl("/sign-up"),
653
- className: "ui-btn"
654
- }, "Sign up free"))))));
655
- };
656
-
657
- MeganavItemsMobile.propTypes = {
658
- panels: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
659
- paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
660
- iconSprites: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
661
- }),
662
- sessionState: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
663
- theme: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
664
- loginLink: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
665
- absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
666
- };
667
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().memo(MeganavItemsMobile, function (oldState, newState) {
668
- var pathsOld = oldState.pathsOld,
669
- themeOld = oldState.themeOld;
670
- var pathsNew = newState.pathsNew,
671
- themeNew = newState.themeNew;
672
-
673
- if (pathsOld === pathsNew && themeOld === themeNew && Object.keys(newState.sessionState || {}).length === 0) {
674
- return true;
675
- } else {
676
- return false;
677
- }
678
- }));
679
- })();
680
-
681
- /******/ return __webpack_exports__;
682
- /******/ })()
683
- ;
684
- });