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

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 (69) 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 +11 -115
  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/MeganavContentWhyAbly/component.js +22 -0
  27. package/core/MeganavContentWhyAbly.jsx +3279 -0
  28. package/core/MeganavControl.jsx +10 -116
  29. package/core/MeganavControlMobileDropdown/component.js +1 -1
  30. package/core/MeganavControlMobileDropdown.jsx +10 -116
  31. package/core/MeganavControlMobilePanelClose.jsx +10 -116
  32. package/core/MeganavControlMobilePanelOpen.jsx +10 -116
  33. package/core/MeganavItemsDesktop.jsx +13 -121
  34. package/core/MeganavItemsMobile.jsx +18 -132
  35. package/core/MeganavItemsSignedIn.jsx +16 -129
  36. package/core/MeganavSearch.jsx +13 -123
  37. package/core/MeganavSearchAutocomplete/component.js +1 -2
  38. package/core/MeganavSearchPanel.jsx +12 -121
  39. package/core/MeganavSearchSuggestions.jsx +11 -118
  40. package/core/Notice/component.js +1 -2
  41. package/core/Notice.jsx +62 -2136
  42. package/core/SignOutLink.jsx +9 -114
  43. package/core/Slider/component.js +1 -1
  44. package/core/Slider.jsx +25 -582
  45. package/core/Uptime.jsx +15 -118
  46. package/core/scripts.js +1 -1
  47. package/core/sprites.svg +21 -0
  48. package/core/styles.css +2 -0
  49. package/package.json +4 -4
  50. package/src/core/Code/component.css +1 -67
  51. package/src/core/Code/component.js +11 -46
  52. package/src/core/Code/component.jsx +7 -3
  53. package/src/core/CustomerLogos/component.jsx +1 -1
  54. package/src/core/DropdownMenu/component.js +0 -0
  55. package/src/core/DropdownMenu/component.jsx +114 -0
  56. package/src/core/FeatureFooter/component.html.erb +1 -1
  57. package/src/core/MeganavContentDevelopers/component.html.erb +9 -0
  58. package/src/core/MeganavContentDevelopers/component.jsx +9 -0
  59. package/src/core/MeganavContentUseCases/component.html.erb +1 -1
  60. package/src/core/MeganavContentUseCases/component.jsx +1 -1
  61. package/src/core/MeganavSearchSuggestions/component.html.erb +1 -1
  62. package/src/core/icons/google.svg +3 -0
  63. package/src/core/icons/icon-display-integrations-col.svg +8 -0
  64. package/src/core/icons/stackoverflow.svg +3 -0
  65. package/src/core/icons/youtube.svg +11 -0
  66. package/src/core/styles/properties.css +2 -0
  67. package/src/core/utils/syntax-highlighter-registry.js +61 -0
  68. package/src/core/utils/syntax-highlighter.css +69 -0
  69. package/src/core/utils/syntax-highlighter.js +98 -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})()}));