@ably/ui 8.7.0-dev.b3aa10e → 8.7.0-dev.bd84e91

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 (102) hide show
  1. package/README.md +16 -5
  2. package/core/.DS_Store +0 -0
  3. package/core/Code/component.css +3 -3
  4. package/core/Code/component.js +1 -1
  5. package/core/Code.jsx +353 -7273
  6. package/core/CompanyAutocomplete/component.js +1 -1
  7. package/core/ConnectStateWrapper.jsx +13 -4
  8. package/core/ContactFooter.jsx +13 -119
  9. package/core/CookieMessage.jsx +21 -293
  10. package/core/CustomerLogos.jsx +11 -115
  11. package/core/DropdownMenu/component.js +1 -0
  12. package/core/DropdownMenu.jsx +313 -0
  13. package/core/DropdownMenuPreview/component.js +6 -0
  14. package/core/DropdownMenuPreview.jsx +6 -0
  15. package/core/FeaturedLink.jsx +10 -116
  16. package/core/Flash.jsx +149 -1531
  17. package/core/Footer/component.css +21 -1
  18. package/core/Footer.jsx +155 -170
  19. package/core/Icon.jsx +9 -114
  20. package/core/Loader.jsx +9 -114
  21. package/core/Logo.jsx +36 -226
  22. package/core/Meganav/component.js +1 -2
  23. package/core/Meganav/component.json +1 -1
  24. package/core/Meganav.jsx +2202 -9546
  25. package/core/MeganavBlogPostsList/component.js +1 -1
  26. package/core/MeganavBlogPostsList.jsx +11 -118
  27. package/core/MeganavContentCompany.jsx +31 -124
  28. package/core/MeganavContentDevelopers.jsx +31 -125
  29. package/core/MeganavContentPlatform.jsx +11 -118
  30. package/core/MeganavContentUseCases.jsx +11 -117
  31. package/core/MeganavControl.jsx +10 -116
  32. package/core/MeganavControlMobileDropdown/component.js +1 -1
  33. package/core/MeganavControlMobileDropdown.jsx +10 -116
  34. package/core/MeganavControlMobilePanelClose.jsx +10 -116
  35. package/core/MeganavControlMobilePanelOpen.jsx +10 -116
  36. package/core/MeganavItemsDesktop.jsx +13 -121
  37. package/core/MeganavItemsMobile.jsx +18 -132
  38. package/core/MeganavItemsSignedIn.jsx +16 -129
  39. package/core/MeganavSearch.jsx +13 -123
  40. package/core/MeganavSearchAutocomplete/component.js +1 -2
  41. package/core/MeganavSearchPanel.jsx +12 -121
  42. package/core/MeganavSearchSuggestions.jsx +11 -118
  43. package/core/Notice/component.js +1 -2
  44. package/core/Notice.jsx +183 -2185
  45. package/core/SignOutLink.jsx +9 -114
  46. package/core/Slider/component.js +1 -1
  47. package/core/Slider.jsx +25 -582
  48. package/core/Uptime.jsx +15 -118
  49. package/core/images/ably-logo.png +0 -0
  50. package/core/images/high-performer-2022.png +0 -0
  51. package/core/images/highest-user-adoption-2022.png +0 -0
  52. package/core/images/users-love-us-2022.png +0 -0
  53. package/core/scripts.js +1 -1
  54. package/core/sprites.svg +42 -1
  55. package/core/styles.css +2 -0
  56. package/package.json +4 -4
  57. package/src/.DS_Store +0 -0
  58. package/src/core/.DS_Store +0 -0
  59. package/src/core/Code/component.css +1 -67
  60. package/src/core/Code/component.js +11 -46
  61. package/src/core/Code/component.jsx +7 -3
  62. package/src/core/CustomerLogos/component.jsx +1 -1
  63. package/src/core/DropdownMenu/component.js +0 -0
  64. package/src/core/DropdownMenu/component.jsx +112 -0
  65. package/src/core/FeatureFooter/component.html.erb +1 -1
  66. package/src/core/Flash/component.jsx +40 -14
  67. package/src/core/Footer/component.css +21 -1
  68. package/src/core/Footer/component.html.erb +118 -56
  69. package/src/core/Footer/component.jsx +125 -50
  70. package/src/core/Logo/component.html.erb +2 -27
  71. package/src/core/Logo/component.jsx +7 -40
  72. package/src/core/Logo/component.rb +15 -6
  73. package/src/core/Meganav/component.html.erb +1 -1
  74. package/src/core/Meganav/component.json +1 -1
  75. package/src/core/Meganav/component.jsx +1 -1
  76. package/src/core/Meganav/component.rb +3 -2
  77. package/src/core/MeganavContentDevelopers/component.html.erb +17 -8
  78. package/src/core/MeganavContentDevelopers/component.jsx +17 -8
  79. package/src/core/MeganavContentUseCases/component.html.erb +1 -1
  80. package/src/core/MeganavContentUseCases/component.jsx +1 -1
  81. package/src/core/MeganavSearchSuggestions/component.html.erb +1 -1
  82. package/src/core/core.rb +12 -4
  83. package/src/core/icons/github.svg +1 -1
  84. package/src/core/icons/google.svg +3 -0
  85. package/src/core/icons/icon-display-chat-col.svg +4 -0
  86. package/src/core/icons/icon-display-integrations-col.svg +8 -0
  87. package/src/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
  88. package/src/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
  89. package/src/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
  90. package/src/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
  91. package/src/core/icons/icon-gui-resources.svg +3 -0
  92. package/src/core/icons/stackoverflow.svg +3 -0
  93. package/src/core/icons/youtube.svg +11 -0
  94. package/src/core/images/ably-logo.png +0 -0
  95. package/src/core/images/high-performer-2022.png +0 -0
  96. package/src/core/images/highest-user-adoption-2022.png +0 -0
  97. package/src/core/images/users-love-us-2022.png +0 -0
  98. package/src/core/styles/properties.css +2 -0
  99. package/src/core/utils/syntax-highlighter-registry.js +61 -0
  100. package/src/core/utils/syntax-highlighter.css +69 -0
  101. package/src/core/utils/syntax-highlighter.js +98 -0
  102. package/tailwind.config.js +1 -0
@@ -1,131 +1,27 @@
1
1
  (function webpackUniversalModuleDefinition(root, factory) {
2
2
  if(typeof exports === 'object' && typeof module === 'object')
3
- module.exports = factory(require("react"));
3
+ module.exports = factory(require("react"), require("prop-types"));
4
4
  else if(typeof define === 'function' && define.amd)
5
- define([], factory);
5
+ define([, ], factory);
6
6
  else {
7
- var a = typeof exports === 'object' ? factory(require("react")) : factory(root[undefined]);
7
+ var a = typeof exports === 'object' ? factory(require("react"), require("prop-types")) : factory(root[undefined], root[undefined]);
8
8
  for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
9
  }
10
- })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__) {
10
+ })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__, __WEBPACK_EXTERNAL_MODULE__3474__) {
11
11
  return /******/ (() => { // webpackBootstrap
12
+ /******/ "use strict";
12
13
  /******/ var __webpack_modules__ = ({
13
14
 
14
- /***/ 2703:
15
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
16
-
17
- "use strict";
18
- /**
19
- * Copyright (c) 2013-present, Facebook, Inc.
20
- *
21
- * This source code is licensed under the MIT license found in the
22
- * LICENSE file in the root directory of this source tree.
23
- */
24
-
25
-
26
-
27
- var ReactPropTypesSecret = __webpack_require__(414);
28
-
29
- function emptyFunction() {}
30
- function emptyFunctionWithReset() {}
31
- emptyFunctionWithReset.resetWarningCache = emptyFunction;
32
-
33
- module.exports = function() {
34
- function shim(props, propName, componentName, location, propFullName, secret) {
35
- if (secret === ReactPropTypesSecret) {
36
- // It is still safe when called from React.
37
- return;
38
- }
39
- var err = new Error(
40
- 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
41
- 'Use PropTypes.checkPropTypes() to call them. ' +
42
- 'Read more at http://fb.me/use-check-prop-types'
43
- );
44
- err.name = 'Invariant Violation';
45
- throw err;
46
- };
47
- shim.isRequired = shim;
48
- function getShim() {
49
- return shim;
50
- };
51
- // Important!
52
- // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
53
- var ReactPropTypes = {
54
- array: shim,
55
- bool: shim,
56
- func: shim,
57
- number: shim,
58
- object: shim,
59
- string: shim,
60
- symbol: shim,
61
-
62
- any: shim,
63
- arrayOf: getShim,
64
- element: shim,
65
- elementType: shim,
66
- instanceOf: getShim,
67
- node: shim,
68
- objectOf: getShim,
69
- oneOf: getShim,
70
- oneOfType: getShim,
71
- shape: getShim,
72
- exact: getShim,
73
-
74
- checkPropTypes: emptyFunctionWithReset,
75
- resetWarningCache: emptyFunction
76
- };
77
-
78
- ReactPropTypes.PropTypes = ReactPropTypes;
79
-
80
- return ReactPropTypes;
81
- };
82
-
83
-
84
- /***/ }),
85
-
86
- /***/ 5697:
87
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
88
-
89
- /**
90
- * Copyright (c) 2013-present, Facebook, Inc.
91
- *
92
- * This source code is licensed under the MIT license found in the
93
- * LICENSE file in the root directory of this source tree.
94
- */
95
-
96
- if (false) { var throwOnDirectAccess, ReactIs; } else {
97
- // By explicitly using `prop-types` you are opting into new production behavior.
98
- // http://fb.me/prop-types-in-prod
99
- module.exports = __webpack_require__(2703)();
100
- }
101
-
102
-
103
- /***/ }),
104
-
105
- /***/ 414:
15
+ /***/ 3474:
106
16
  /***/ ((module) => {
107
17
 
108
- "use strict";
109
- /**
110
- * Copyright (c) 2013-present, Facebook, Inc.
111
- *
112
- * This source code is licensed under the MIT license found in the
113
- * LICENSE file in the root directory of this source tree.
114
- */
115
-
116
-
117
-
118
- var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
119
-
120
- module.exports = ReactPropTypesSecret;
121
-
18
+ module.exports = __WEBPACK_EXTERNAL_MODULE__3474__;
122
19
 
123
20
  /***/ }),
124
21
 
125
22
  /***/ 9281:
126
23
  /***/ ((module) => {
127
24
 
128
- "use strict";
129
25
  module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
130
26
 
131
27
  /***/ })
@@ -199,16 +95,15 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
199
95
  /******/
200
96
  /************************************************************************/
201
97
  var __webpack_exports__ = {};
202
- // This entry need to be wrapped in an IIFE because it need to be in strict mode.
98
+ // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
203
99
  (() => {
204
- "use strict";
205
100
  __webpack_require__.r(__webpack_exports__);
206
101
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
207
102
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
208
103
  /* harmony export */ });
209
104
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
210
105
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
211
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
106
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3474);
212
107
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
213
108
 
214
109
 
@@ -1 +1 @@
1
- !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.AblyUi=e():(t.AblyUi=t.AblyUi||{},t.AblyUi.Core=t.AblyUi.Core||{},t.AblyUi.Core.Slider=e())}(this,(function(){return(()=>{var t={3096:(t,e,n)=>{var r="Expected a function",i=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,u=/^0o[0-7]+$/i,a=parseInt,f="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,l="object"==typeof self&&self&&self.Object===Object&&self,s=f||l||Function("return this")(),d=Object.prototype.toString,v=Math.max,p=Math.min,y=function(){return s.Date.now()};function b(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function h(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==d.call(t)}(t))return NaN;if(b(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=b(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(i,"");var n=c.test(t);return n||u.test(t)?a(t.slice(2),n?2:8):o.test(t)?NaN:+t}t.exports=function(t,e,n){var i=!0,o=!0;if("function"!=typeof t)throw new TypeError(r);return b(n)&&(i="leading"in n?!!n.leading:i,o="trailing"in n?!!n.trailing:o),function(t,e,n){var i,o,c,u,a,f,l=0,s=!1,d=!1,g=!0;if("function"!=typeof t)throw new TypeError(r);function m(e){var n=i,r=o;return i=o=void 0,l=e,u=t.apply(r,n)}function x(t){return l=t,a=setTimeout(j,e),s?m(t):u}function w(t){var n=t-f;return void 0===f||n>=e||n<0||d&&t-l>=c}function j(){var t=y();if(w(t))return T(t);a=setTimeout(j,function(t){var n=e-(t-f);return d?p(n,c-(t-l)):n}(t))}function T(t){return a=void 0,g&&i?m(t):(i=o=void 0,u)}function E(){var t=y(),n=w(t);if(i=arguments,o=this,f=t,n){if(void 0===a)return x(f);if(d)return a=setTimeout(j,e),m(f)}return void 0===a&&(a=setTimeout(j,e)),u}return e=h(e)||0,b(n)&&(s=!!n.leading,c=(d="maxWait"in n)?v(h(n.maxWait)||0,e):c,g="trailing"in n?!!n.trailing:g),E.cancel=function(){void 0!==a&&clearTimeout(a),l=0,i=f=o=a=void 0},E.flush=function(){return void 0===a?u:T(y())},E}(t,e,{leading:i,maxWait:e,trailing:o})}}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var o=e[r]={exports:{}};return t[r](o,o.exports,n),o.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var r={};return(()=>{"use strict";n.d(r,{default:()=>u});var t=n(3096),e=n.n(t),i=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelector("[data-id=".concat(t,"]"))},o=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return e.querySelectorAll("[data-id=".concat(t,"]"))},c=function(t){var e=i("slider-strip",t),n=Array.from(o("slider-slide",t)),r=i("slider-previous",t),c=i("slider-next",t),u=Array.from(o("slider-marker",t)),a=i("slider-controls",t);a.classList.replace("hidden","flex");var f=n.length,l=t.getBoundingClientRect().width,s=n[0].getBoundingClientRect(),d=s.width,v=s.left,p=n[1].getBoundingClientRect().left-v-d,y=(l-d)/2,b=0,h=0,g=function(t){return e.style.transform="translateX(".concat(function(t){return t*-d+y+t*-p}(t),"px)")},m=function(t){u.forEach((function(t){return t.classList.remove("text-active-orange")})),u[t].classList.remove("text-cool-black"),u[t].classList.add("text-active-orange")},x=function(){g(b=b-1<=0?0:b-1),m(b)},w=function(){g(b=b+1>=f?b:b+1),m(b)};return g(0),m(0),r.addEventListener("click",x),e.addEventListener("touchstart",(function(t){var e;h=null===(e=t.touches[0])||void 0===e?void 0:e.clientX})),e.addEventListener("touchend",(function(t){var e,n=(null===(e=t.changedTouches[0])||void 0===e?void 0:e.clientX)-h;Math.abs(n)<20||(n>0?x:w)()})),c.addEventListener("click",w),function(){e.style.transform=null,a.classList.replace("flex","hidden")}};const u=function(t){var n=t.container,r=t.mqEnableThreshold;if(n){var i=r||function(){return!window.matchMedia("(min-width: 48rem)").matches},o=function(){};i()&&(o=c(n)),window.addEventListener("resize",e()((function(){i()?o=c(n):o()}),100))}}})(),r.default})()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("lodash.throttle")):"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t(require("lodash.throttle")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Slider=t(e[void 0]))}(this,(function(e){return(()=>{"use strict";var t={2040:t=>{t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var o={};return(()=>{r.d(o,{default:()=>a});var e=r(2040),t=r.n(e),n=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return t.querySelector("[data-id=".concat(e,"]"))},i=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return t.querySelectorAll("[data-id=".concat(e,"]"))},c=function(e){var t=n("slider-strip",e),r=Array.from(i("slider-slide",e)),o=n("slider-previous",e),c=n("slider-next",e),a=Array.from(i("slider-marker",e)),d=n("slider-controls",e);d.classList.replace("hidden","flex");var l=r.length,s=e.getBoundingClientRect().width,u=r[0].getBoundingClientRect(),f=u.width,v=u.left,h=r[1].getBoundingClientRect().left-v-f,p=(s-f)/2,y=0,m=0,x=function(e){return t.style.transform="translateX(".concat(function(e){return e*-f+p+e*-h}(e),"px)")},b=function(e){a.forEach((function(e){return e.classList.remove("text-active-orange")})),a[e].classList.remove("text-cool-black"),a[e].classList.add("text-active-orange")},g=function(){x(y=y-1<=0?0:y-1),b(y)},L=function(){x(y=y+1>=l?y:y+1),b(y)};return x(0),b(0),o.addEventListener("click",g),t.addEventListener("touchstart",(function(e){var t;m=null===(t=e.touches[0])||void 0===t?void 0:t.clientX})),t.addEventListener("touchend",(function(e){var t,n=(null===(t=e.changedTouches[0])||void 0===t?void 0:t.clientX)-m;Math.abs(n)<20||(n>0?g:L)()})),c.addEventListener("click",L),function(){t.style.transform=null,d.classList.replace("flex","hidden")}};const a=function(e){var n=e.container,r=e.mqEnableThreshold;if(n){var o=r||function(){return!window.matchMedia("(min-width: 48rem)").matches},i=function(){};o()&&(i=c(n)),window.addEventListener("resize",t()((function(){o()?i=c(n):i()}),100))}}})(),o.default})()}));