@ably/ui 8.9.0 → 9.0.0

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 (64) hide show
  1. package/README.md +1 -1
  2. package/core/Code/component.css +3 -3
  3. package/core/Code/component.js +1 -1
  4. package/core/Code.jsx +353 -7273
  5. package/core/CompanyAutocomplete/component.js +1 -1
  6. package/core/ConnectStateWrapper.jsx +13 -4
  7. package/core/ContactFooter.jsx +13 -119
  8. package/core/CookieMessage.jsx +21 -293
  9. package/core/CustomerLogos.jsx +9 -114
  10. package/core/DropdownMenu/component.js +1 -0
  11. package/core/DropdownMenu.jsx +317 -0
  12. package/core/FeaturedLink.jsx +10 -116
  13. package/core/Flash.jsx +29 -1483
  14. package/core/Footer.jsx +17 -123
  15. package/core/Icon.jsx +9 -114
  16. package/core/Loader.jsx +9 -114
  17. package/core/Logo.jsx +13 -118
  18. package/core/Meganav/component.js +1 -2
  19. package/core/Meganav.jsx +2844 -10177
  20. package/core/MeganavBlogPostsList/component.js +1 -1
  21. package/core/MeganavBlogPostsList.jsx +11 -118
  22. package/core/MeganavContentCompany.jsx +31 -124
  23. package/core/MeganavContentDevelopers.jsx +23 -117
  24. package/core/MeganavContentPlatform.jsx +11 -118
  25. package/core/MeganavContentUseCases.jsx +11 -117
  26. package/core/MeganavControl.jsx +10 -116
  27. package/core/MeganavControlMobileDropdown/component.js +1 -1
  28. package/core/MeganavControlMobileDropdown.jsx +10 -116
  29. package/core/MeganavControlMobilePanelClose.jsx +10 -116
  30. package/core/MeganavControlMobilePanelOpen.jsx +10 -116
  31. package/core/MeganavItemsDesktop.jsx +13 -121
  32. package/core/MeganavItemsMobile.jsx +18 -132
  33. package/core/MeganavItemsSignedIn.jsx +16 -129
  34. package/core/MeganavSearch.jsx +13 -123
  35. package/core/MeganavSearchAutocomplete/component.js +1 -2
  36. package/core/MeganavSearchPanel.jsx +12 -121
  37. package/core/MeganavSearchSuggestions.jsx +11 -118
  38. package/core/Notice/component.js +1 -2
  39. package/core/Notice.jsx +62 -2136
  40. package/core/SignOutLink.jsx +9 -114
  41. package/core/Slider/component.js +1 -1
  42. package/core/Slider.jsx +25 -582
  43. package/core/Uptime.jsx +15 -118
  44. package/core/scripts.js +1 -1
  45. package/core/sprites.svg +7 -0
  46. package/package.json +4 -4
  47. package/src/core/Code/component.css +1 -67
  48. package/src/core/Code/component.js +11 -46
  49. package/src/core/Code/component.jsx +7 -3
  50. package/src/core/DropdownMenu/component.js +0 -0
  51. package/src/core/DropdownMenu/component.jsx +114 -0
  52. package/src/core/FeatureFooter/component.html.erb +1 -1
  53. package/src/core/MeganavContentDevelopers/component.html.erb +9 -0
  54. package/src/core/MeganavContentDevelopers/component.jsx +9 -0
  55. package/src/core/MeganavContentUseCases/component.html.erb +1 -1
  56. package/src/core/MeganavContentUseCases/component.jsx +1 -1
  57. package/src/core/MeganavSearchSuggestions/component.html.erb +1 -1
  58. package/src/core/icons/icon-display-integrations-col.svg +8 -0
  59. package/src/core/utils/syntax-highlighter-registry.js +61 -0
  60. package/src/core/utils/syntax-highlighter.css +69 -0
  61. package/src/core/utils/syntax-highlighter.js +98 -0
  62. package/core/Meganav/component.js.LICENSE.txt +0 -7
  63. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  64. package/core/Notice/component.js.LICENSE.txt +0 -9
@@ -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})()}));