@ably/ui 8.7.0-dev.1719082 → 8.7.0-dev.1d4d2fa

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 (46) hide show
  1. package/core/CompanyAutocomplete/component.js +2 -1
  2. package/core/CompanyAutocomplete/component.js.LICENSE.txt +1 -0
  3. package/core/Footer.jsx +15 -20
  4. package/core/Meganav/component.json +1 -1
  5. package/core/Meganav.jsx +363 -766
  6. package/core/MeganavBlogPostsList/component.js +2 -1
  7. package/core/MeganavBlogPostsList/component.js.LICENSE.txt +1 -0
  8. package/core/MeganavContentCompany.jsx +295 -710
  9. package/core/MeganavContentDevelopers.jsx +14 -2
  10. package/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +1 -1
  11. package/core/{MeganavContentPlatform.jsx → MeganavContentProducts.jsx} +10 -10
  12. package/core/MeganavContentUseCases.jsx +1 -1
  13. package/core/MeganavItemsDesktop.jsx +2 -2
  14. package/core/MeganavItemsMobile.jsx +1 -1
  15. package/core/Uptime.jsx +289 -704
  16. package/core/images/best-support-2023.svg +1 -0
  17. package/core/images/fastest-implementation-2023.svg +1 -0
  18. package/core/images/high-performer-2023.svg +1 -0
  19. package/core/images/highest-user-adoption-2023.svg +1 -0
  20. package/core/scripts.js +2 -1
  21. package/core/scripts.js.LICENSE.txt +1 -0
  22. package/core/sprites.svg +29 -0
  23. package/package.json +5 -5
  24. package/src/core/Footer/component.html.erb +8 -13
  25. package/src/core/Footer/component.jsx +10 -18
  26. package/src/core/Meganav/component.json +1 -1
  27. package/src/core/Meganav/component.jsx +2 -2
  28. package/src/core/Meganav/component.rb +4 -4
  29. package/src/core/MeganavContentDevelopers/component.html.erb +10 -1
  30. package/src/core/MeganavContentDevelopers/component.jsx +10 -1
  31. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.html.erb +10 -10
  32. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.jsx +10 -10
  33. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.rb +1 -1
  34. package/src/core/MeganavContentUseCases/component.html.erb +1 -1
  35. package/src/core/MeganavContentUseCases/component.jsx +1 -1
  36. package/src/core/MeganavItemsDesktop/component.jsx +1 -1
  37. package/src/core/MeganavItemsDesktop/component.rb +1 -1
  38. package/src/core/core.rb +8 -4
  39. package/src/core/icons/icon-display-asset-tracking-col.svg +18 -0
  40. package/src/core/icons/icon-display-examples-col.svg +11 -0
  41. package/src/core/icons/icon-social-x.svg +3 -0
  42. package/src/core/images/best-support-2023.svg +1 -0
  43. package/src/core/images/fastest-implementation-2023.svg +1 -0
  44. package/src/core/images/high-performer-2023.svg +1 -0
  45. package/src/core/images/highest-user-adoption-2023.svg +1 -0
  46. /package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +0 -0
@@ -213,13 +213,25 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
213
213
  className: "ui-meganav-media-heading"
214
214
  }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
215
215
  className: "ui-meganav-media-copy"
216
- }, "Find out more about Ably integrations. ")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
216
+ }, "Find out more about Ably integrations. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
217
+ href: absUrl("/examples"),
218
+ className: "ui-meganav-media-with-image group"
219
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
220
+ name: "icon-display-examples-col",
221
+ size: "2.5rem"
222
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
223
+ className: "flex flex-col justify-center"
224
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
225
+ className: "ui-meganav-media-heading"
226
+ }, "Live examples"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
227
+ className: "ui-meganav-media-copy"
228
+ }, "Discover our features and their use cases.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
217
229
  className: "col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
218
230
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
219
231
  className: "md:mt-40",
220
232
  "aria-labelledby": "meganav-developers-panel-explore"
221
233
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
222
- href: absUrl("/download"),
234
+ href: absUrl("/docs/sdks"),
223
235
  className: "ui-meganav-media-with-image group"
224
236
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
225
237
  name: "icon-display-sdks-col",
@@ -1 +1 @@
1
- !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavContentPlatform=o())}(this,(()=>({}.default)));
1
+ !function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.MeganavContentProducts=o())}(this,(()=>({}.default)));
@@ -211,7 +211,7 @@ __webpack_require__.r(__webpack_exports__);
211
211
 
212
212
 
213
213
 
214
- var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
214
+ var MeganavContentProducts = function MeganavContentProducts(_ref) {
215
215
  var paths = _ref.paths,
216
216
  absUrl = _ref.absUrl;
217
217
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -241,10 +241,10 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
241
241
  className: "col-span-full md:col-span-4 pt-24 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
242
242
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
243
243
  className: "ui-meganav-overline",
244
- id: "meganav-platform-panel-list-examples"
244
+ id: "meganav-products-panel-list-examples"
245
245
  }, "Products"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
246
246
  className: "mb-16",
247
- "aria-labelledby": "meganav-platform-panel-list-examples"
247
+ "aria-labelledby": "meganav-products-panel-list-examples"
248
248
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
249
249
  href: absUrl("/solutions/channels"),
250
250
  className: "group ui-meganav-media"
@@ -264,16 +264,16 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
264
264
  className: "group ui-meganav-media"
265
265
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
266
266
  className: "ui-meganav-media-heading"
267
- }, "LiveSync (Beta)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
267
+ }, "LiveSync (Pre release)"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
268
268
  className: "ui-meganav-media-copy"
269
- }, "Build stateful interactive applications."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
269
+ }, "Keep clients in sync with any relational database."))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
270
270
  className: "col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0 bg-white"
271
271
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
272
272
  className: "ui-meganav-overline",
273
- id: "meganav-platform-panel-list-our-technology"
274
- }, "Our technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
273
+ id: "meganav-products-panel-list-our-technology"
274
+ }, "Technology"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
275
275
  className: "mb-16",
276
- "aria-labelledby": "meganav-platform-panel-list-our-technology"
276
+ "aria-labelledby": "meganav-products-panel-list-our-technology"
277
277
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
278
278
  href: absUrl("/four-pillars-of-dependability#performance"),
279
279
  className: "ui-meganav-media group"
@@ -317,14 +317,14 @@ var MeganavContentPlatform = function MeganavContentPlatform(_ref) {
317
317
  }));
318
318
  };
319
319
 
320
- MeganavContentPlatform.propTypes = {
320
+ MeganavContentProducts.propTypes = {
321
321
  paths: prop_types__WEBPACK_IMPORTED_MODULE_1___default().shape({
322
322
  ablyStack: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
323
323
  iconSprites: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
324
324
  }),
325
325
  absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
326
326
  };
327
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentPlatform);
327
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavContentProducts);
328
328
  })();
329
329
 
330
330
  /******/ return __webpack_exports__;
@@ -241,7 +241,7 @@ var MeganavContentUseCases = function MeganavContentUseCases(_ref) {
241
241
  href: absUrl("/solutions/asset-tracking"),
242
242
  className: "ui-meganav-media-with-image group"
243
243
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
244
- name: "icon-display-kafka-at-the-edge-col",
244
+ name: "icon-display-asset-tracking-col",
245
245
  size: "2.5rem"
246
246
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
247
247
  className: "flex flex-col justify-center"
@@ -128,7 +128,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
128
128
  /***/ 3166:
129
129
  /***/ ((module) => {
130
130
 
131
- module.exports = JSON.parse('{"h":[{"label":"Platform","shortLabel":"Platform","id":"platform-panel","component":"MeganavContentPlatform"},{"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"}]}');
131
+ 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"}]}');
132
132
 
133
133
  /***/ })
134
134
 
@@ -228,7 +228,7 @@ var MeganavDesktopItems = function MeganavDesktopItems(_ref) {
228
228
  "data-id": "meganav-items-desktop"
229
229
  }, _Meganav_component_json__WEBPACK_IMPORTED_MODULE_2__/* .panels.map */ .h.map(function (panel) {
230
230
  var PanelComponent = panels[panel.component];
231
- var bgCSS = ["platform-panel", "use-cases-panel"].includes(panel.id) ? "ui-meganav-panel-split-bg" : "";
231
+ var bgCSS = ["products-panel", "use-cases-panel"].includes(panel.id) ? "ui-meganav-panel-split-bg" : "";
232
232
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
233
233
  className: "ui-meganav-item",
234
234
  key: panel.id
@@ -401,7 +401,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
401
401
  /***/ 3166:
402
402
  /***/ ((module) => {
403
403
 
404
- module.exports = JSON.parse('{"h":[{"label":"Platform","shortLabel":"Platform","id":"platform-panel","component":"MeganavContentPlatform"},{"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"}]}');
404
+ 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"}]}');
405
405
 
406
406
  /***/ })
407
407