@ably/ui 8.6.0 → 8.7.0-dev.05d9441

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 (173) hide show
  1. package/README.md +23 -12
  2. package/core/Code/component.css +5 -3
  3. package/core/Code/component.js +1 -1
  4. package/core/Code.jsx +373 -7273
  5. package/core/CompanyAutocomplete/component.js +1 -1
  6. package/core/ConnectStateWrapper/component.js +1 -1
  7. package/core/ConnectStateWrapper.jsx +16 -7
  8. package/core/ContactFooter/component.js +1 -1
  9. package/core/ContactFooter.jsx +20 -126
  10. package/core/CookieMessage/component.js +1 -1
  11. package/core/CookieMessage.jsx +24 -296
  12. package/core/CustomerLogos/component.js +1 -1
  13. package/core/CustomerLogos.jsx +18 -120
  14. package/core/DropdownMenu/component.js +1 -0
  15. package/core/DropdownMenu.jsx +313 -0
  16. package/core/FeatureFooter/component.js +1 -1
  17. package/core/FeaturedLink/component.css +1 -1
  18. package/core/FeaturedLink/component.js +1 -1
  19. package/core/FeaturedLink.jsx +15 -121
  20. package/core/Flash/component.js +1 -1
  21. package/core/Flash.jsx +157 -1538
  22. package/core/Footer/component.css +23 -3
  23. package/core/Footer/component.js +1 -1
  24. package/core/Footer.jsx +175 -195
  25. package/core/Icon/component.js +1 -1
  26. package/core/Icon.jsx +12 -117
  27. package/core/Loader/component.js +1 -1
  28. package/core/Loader.jsx +12 -117
  29. package/core/Logo/component.js +1 -1
  30. package/core/Logo.jsx +38 -228
  31. package/core/Meganav/component.css +7 -9
  32. package/core/Meganav/component.js +1 -2
  33. package/core/Meganav/component.json +2 -2
  34. package/core/Meganav.jsx +2233 -9543
  35. package/core/MeganavBlogPostsList/component.js +1 -1
  36. package/core/MeganavBlogPostsList.jsx +18 -125
  37. package/core/MeganavContentCompany/component.js +1 -1
  38. package/core/MeganavContentCompany.jsx +60 -141
  39. package/core/MeganavContentDevelopers/component.js +1 -1
  40. package/core/MeganavContentDevelopers.jsx +66 -135
  41. package/core/{MeganavContentPlatform → MeganavContentProducts}/component.js +1 -1
  42. package/core/{MeganavContentPlatform.jsx → MeganavContentProducts.jsx} +40 -171
  43. package/core/MeganavContentUseCases/component.js +1 -1
  44. package/core/MeganavContentUseCases.jsx +75 -161
  45. package/core/MeganavControl/component.js +1 -1
  46. package/core/MeganavControl.jsx +15 -121
  47. package/core/MeganavControlMobileDropdown/component.js +1 -1
  48. package/core/MeganavControlMobileDropdown.jsx +16 -122
  49. package/core/MeganavControlMobilePanelClose/component.js +1 -1
  50. package/core/MeganavControlMobilePanelClose.jsx +15 -121
  51. package/core/MeganavControlMobilePanelOpen/component.js +1 -1
  52. package/core/MeganavControlMobilePanelOpen.jsx +15 -121
  53. package/core/MeganavItemsDesktop/component.js +1 -1
  54. package/core/MeganavItemsDesktop.jsx +22 -130
  55. package/core/MeganavItemsMobile/component.js +1 -1
  56. package/core/MeganavItemsMobile.jsx +44 -158
  57. package/core/MeganavItemsSignedIn/component.js +1 -1
  58. package/core/MeganavItemsSignedIn.jsx +38 -151
  59. package/core/MeganavSearch/component.js +1 -1
  60. package/core/MeganavSearch.jsx +28 -138
  61. package/core/MeganavSearchAutocomplete/component.js +1 -2
  62. package/core/MeganavSearchAutocomplete.jsx +4 -4
  63. package/core/MeganavSearchPanel/component.js +1 -1
  64. package/core/MeganavSearchPanel.jsx +24 -133
  65. package/core/MeganavSearchSuggestions/component.js +1 -1
  66. package/core/MeganavSearchSuggestions.jsx +18 -125
  67. package/core/Notice/component.js +1 -2
  68. package/core/Notice.jsx +195 -2196
  69. package/core/Showcase/component.js +1 -1
  70. package/core/Showcase.jsx +1 -1
  71. package/core/SignOutLink/component.js +1 -1
  72. package/core/SignOutLink.jsx +12 -117
  73. package/core/Slider/component.js +1 -1
  74. package/core/Slider.jsx +31 -588
  75. package/core/Uptime/component.js +1 -1
  76. package/core/Uptime.jsx +24 -127
  77. package/core/fonts/jetBrains-mono.css +3 -0
  78. package/core/fonts/manrope.css +3 -0
  79. package/core/images/ably-logo.png +0 -0
  80. package/core/images/best-support-2023.svg +1 -0
  81. package/core/images/fastest-implementation-2023.svg +1 -0
  82. package/core/images/high-performer-2022.png +0 -0
  83. package/core/images/high-performer-2023.svg +1 -0
  84. package/core/images/highest-user-adoption-2022.png +0 -0
  85. package/core/images/highest-user-adoption-2023.svg +1 -0
  86. package/core/images/users-love-us-2022.png +0 -0
  87. package/core/scripts.js +1 -1
  88. package/core/sprites.svg +150 -1
  89. package/core/styles.css +228 -106
  90. package/package.json +6 -6
  91. package/reset/scripts.js +1 -1
  92. package/reset/styles.css +1 -11
  93. package/src/core/Code/component.css +1 -67
  94. package/src/core/Code/component.js +11 -46
  95. package/src/core/Code/component.jsx +7 -3
  96. package/src/core/CustomerLogos/component.html.erb +2 -2
  97. package/src/core/CustomerLogos/component.jsx +3 -2
  98. package/src/core/CustomerLogos/component.rb +2 -1
  99. package/src/core/DropdownMenu/component.jsx +112 -0
  100. package/src/core/FeatureFooter/component.html.erb +4 -4
  101. package/src/core/FeaturedLink/component.css +1 -1
  102. package/src/core/Flash/component.jsx +42 -18
  103. package/src/core/Footer/component.css +23 -3
  104. package/src/core/Footer/component.html.erb +122 -65
  105. package/src/core/Footer/component.jsx +130 -63
  106. package/src/core/Logo/component.html.erb +2 -27
  107. package/src/core/Logo/component.jsx +7 -40
  108. package/src/core/Logo/component.rb +15 -6
  109. package/src/core/Meganav/component.css +7 -7
  110. package/src/core/Meganav/component.html.erb +1 -1
  111. package/src/core/Meganav/component.json +2 -2
  112. package/src/core/Meganav/component.jsx +3 -3
  113. package/src/core/Meganav/component.rb +7 -6
  114. package/src/core/MeganavContentCompany/component.html.erb +9 -0
  115. package/src/core/MeganavContentCompany/component.jsx +9 -0
  116. package/src/core/MeganavContentDevelopers/component.html.erb +36 -11
  117. package/src/core/MeganavContentDevelopers/component.jsx +38 -10
  118. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.html.erb +16 -34
  119. package/src/core/MeganavContentProducts/component.js +0 -0
  120. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.jsx +19 -40
  121. package/src/core/{MeganavContentPlatform → MeganavContentProducts}/component.rb +1 -1
  122. package/src/core/MeganavContentUseCases/component.html.erb +48 -35
  123. package/src/core/MeganavContentUseCases/component.jsx +47 -35
  124. package/src/core/MeganavItemsDesktop/component.jsx +1 -1
  125. package/src/core/MeganavItemsDesktop/component.rb +1 -1
  126. package/src/core/MeganavSearchSuggestions/component.html.erb +1 -1
  127. package/src/core/Notice/component.html.erb +2 -2
  128. package/src/core/Notice/component.jsx +2 -2
  129. package/src/core/core.rb +16 -4
  130. package/src/core/fonts/jetBrains-mono.css +3 -0
  131. package/src/core/fonts/manrope.css +3 -0
  132. package/src/core/icons/github.svg +1 -1
  133. package/src/core/icons/google.svg +3 -0
  134. package/src/core/icons/icon-display-asset-tracking-col.svg +18 -0
  135. package/src/core/icons/icon-display-chat-col.svg +4 -0
  136. package/src/core/icons/icon-display-data-broadcast-col.svg +26 -0
  137. package/src/core/icons/icon-display-data-synchronization-col.svg +14 -0
  138. package/src/core/icons/icon-display-events-col.svg +13 -0
  139. package/src/core/icons/icon-display-examples-col.svg +11 -0
  140. package/src/core/icons/icon-display-integrations-col.svg +8 -0
  141. package/src/core/icons/icon-display-kafka-at-the-edge-col.svg +8 -0
  142. package/src/core/icons/icon-display-push-notifications-col.svg +6 -0
  143. package/src/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
  144. package/src/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
  145. package/src/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
  146. package/src/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
  147. package/src/core/icons/icon-gui-link.svg +4 -0
  148. package/src/core/icons/icon-gui-resources.svg +3 -0
  149. package/src/core/icons/icon-multi-user-spaces-col.svg +13 -0
  150. package/src/core/icons/icon-social-x.svg +3 -0
  151. package/src/core/icons/icon-tech-apachekafka.svg +3 -0
  152. package/src/core/icons/stackoverflow.svg +3 -0
  153. package/src/core/icons/youtube.svg +11 -0
  154. package/src/core/images/ably-logo.png +0 -0
  155. package/src/core/images/best-support-2023.svg +1 -0
  156. package/src/core/images/fastest-implementation-2023.svg +1 -0
  157. package/src/core/images/high-performer-2022.png +0 -0
  158. package/src/core/images/high-performer-2023.svg +1 -0
  159. package/src/core/images/highest-user-adoption-2022.png +0 -0
  160. package/src/core/images/highest-user-adoption-2023.svg +1 -0
  161. package/src/core/images/users-love-us-2022.png +0 -0
  162. package/src/core/styles/buttons.css +5 -5
  163. package/src/core/styles/forms.css +5 -5
  164. package/src/core/styles/properties.css +155 -45
  165. package/src/core/styles/text.css +63 -45
  166. package/src/core/utils/syntax-highlighter-registry.js +63 -0
  167. package/src/core/utils/syntax-highlighter.css +71 -0
  168. package/src/core/utils/syntax-highlighter.js +103 -0
  169. package/tailwind.config.js +144 -49
  170. package/core/Meganav/component.js.LICENSE.txt +0 -7
  171. package/core/MeganavSearchAutocomplete/component.js.LICENSE.txt +0 -7
  172. package/core/Notice/component.js.LICENSE.txt +0 -9
  173. /package/src/core/{MeganavContentPlatform → DropdownMenu}/component.js +0 -0
@@ -0,0 +1,313 @@
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
+ /***/ 9008:
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
+ var _excluded = ["name", "size", "color", "additionalCSS"];
26
+
27
+ 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); }
28
+
29
+ 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; }
30
+
31
+ 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; }
32
+
33
+
34
+
35
+
36
+ var Icon = function Icon(_ref) {
37
+ var name = _ref.name,
38
+ _ref$size = _ref.size,
39
+ size = _ref$size === void 0 ? "0.75rem" : _ref$size,
40
+ _ref$color = _ref.color,
41
+ color = _ref$color === void 0 ? "" : _ref$color,
42
+ _ref$additionalCSS = _ref.additionalCSS,
43
+ additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
44
+ additionalAttributes = _objectWithoutProperties(_ref, _excluded);
45
+
46
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
47
+ className: "".concat(color, " ").concat(additionalCSS),
48
+ style: {
49
+ width: size,
50
+ height: size
51
+ }
52
+ }, additionalAttributes), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
53
+ xlinkHref: "#sprite-".concat(name)
54
+ }));
55
+ };
56
+
57
+ Icon.propTypes = {
58
+ name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
59
+ size: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
60
+ color: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
61
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
62
+ };
63
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
64
+
65
+ /***/ }),
66
+
67
+ /***/ 6073:
68
+ /***/ ((module) => {
69
+
70
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
71
+
72
+ /***/ }),
73
+
74
+ /***/ 5225:
75
+ /***/ ((module) => {
76
+
77
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
78
+
79
+ /***/ })
80
+
81
+ /******/ });
82
+ /************************************************************************/
83
+ /******/ // The module cache
84
+ /******/ var __webpack_module_cache__ = {};
85
+ /******/
86
+ /******/ // The require function
87
+ /******/ function __webpack_require__(moduleId) {
88
+ /******/ // Check if module is in cache
89
+ /******/ var cachedModule = __webpack_module_cache__[moduleId];
90
+ /******/ if (cachedModule !== undefined) {
91
+ /******/ return cachedModule.exports;
92
+ /******/ }
93
+ /******/ // Create a new module (and put it into the cache)
94
+ /******/ var module = __webpack_module_cache__[moduleId] = {
95
+ /******/ // no module.id needed
96
+ /******/ // no module.loaded needed
97
+ /******/ exports: {}
98
+ /******/ };
99
+ /******/
100
+ /******/ // Execute the module function
101
+ /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
102
+ /******/
103
+ /******/ // Return the exports of the module
104
+ /******/ return module.exports;
105
+ /******/ }
106
+ /******/
107
+ /************************************************************************/
108
+ /******/ /* webpack/runtime/compat get default export */
109
+ /******/ (() => {
110
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
111
+ /******/ __webpack_require__.n = (module) => {
112
+ /******/ var getter = module && module.__esModule ?
113
+ /******/ () => (module['default']) :
114
+ /******/ () => (module);
115
+ /******/ __webpack_require__.d(getter, { a: getter });
116
+ /******/ return getter;
117
+ /******/ };
118
+ /******/ })();
119
+ /******/
120
+ /******/ /* webpack/runtime/define property getters */
121
+ /******/ (() => {
122
+ /******/ // define getter functions for harmony exports
123
+ /******/ __webpack_require__.d = (exports, definition) => {
124
+ /******/ for(var key in definition) {
125
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
126
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
127
+ /******/ }
128
+ /******/ }
129
+ /******/ };
130
+ /******/ })();
131
+ /******/
132
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
133
+ /******/ (() => {
134
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
135
+ /******/ })();
136
+ /******/
137
+ /******/ /* webpack/runtime/make namespace object */
138
+ /******/ (() => {
139
+ /******/ // define __esModule on exports
140
+ /******/ __webpack_require__.r = (exports) => {
141
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
142
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
143
+ /******/ }
144
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
145
+ /******/ };
146
+ /******/ })();
147
+ /******/
148
+ /************************************************************************/
149
+ var __webpack_exports__ = {};
150
+ // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
151
+ (() => {
152
+ __webpack_require__.r(__webpack_exports__);
153
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
154
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
155
+ /* harmony export */ });
156
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
157
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
158
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
159
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
160
+ /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
161
+ function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
162
+
163
+ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
164
+
165
+ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
166
+
167
+ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
168
+
169
+ function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
170
+
171
+ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
172
+
173
+
174
+
175
+
176
+ var DropdownMenuContext = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.createContext)();
177
+
178
+ var DropdownMenu = function DropdownMenu(_ref) {
179
+ var children = _ref.children;
180
+
181
+ var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
182
+ _useState2 = _slicedToArray(_useState, 2),
183
+ isOpen = _useState2[0],
184
+ setOpen = _useState2[1];
185
+
186
+ var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
187
+ (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
188
+ var clickHandler = function clickHandler(e) {
189
+ var _ref$current;
190
+
191
+ if (ref !== null && ref !== void 0 && (_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(e.target)) return;
192
+ setOpen(false);
193
+ };
194
+
195
+ document.addEventListener("click", clickHandler);
196
+ return function () {
197
+ document.removeEventListener("click", clickHandler);
198
+ };
199
+ }, []);
200
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DropdownMenuContext.Provider, {
201
+ value: {
202
+ isOpen: isOpen,
203
+ setOpen: setOpen
204
+ }
205
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
206
+ id: "dropdown-menu",
207
+ className: "relative",
208
+ ref: ref
209
+ }, children));
210
+ };
211
+
212
+ DropdownMenu.propTypes = {
213
+ children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
214
+ };
215
+
216
+ var Trigger = function Trigger(_ref2) {
217
+ var children = _ref2.children,
218
+ _ref2$additionalTrigg = _ref2.additionalTriggerCSS,
219
+ additionalTriggerCSS = _ref2$additionalTrigg === void 0 ? "" : _ref2$additionalTrigg;
220
+
221
+ var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(DropdownMenuContext),
222
+ isOpen = _useContext.isOpen,
223
+ setOpen = _useContext.setOpen;
224
+
225
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
226
+ id: "menu-trigger",
227
+ onClick: function onClick() {
228
+ return setOpen(!isOpen);
229
+ },
230
+ className: "".concat(additionalTriggerCSS, " flex items-center p-8 ml-8 group hover:text-gui-hover hover:bg-light-grey active:text-gui-active focus:text-gui-focus focus:outline-none rounded-lg")
231
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("span", {
232
+ className: "leading-normal"
233
+ }, children), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
234
+ name: "icon-gui-disclosure-arrow",
235
+ color: "text-cool-black",
236
+ size: "1.25rem",
237
+ additionalCSS: "transform rotate-90 group-hover:text-gui-hover group-active:text-gui-active group-focus:text-gui-focus"
238
+ }));
239
+ };
240
+
241
+ Trigger.propTypes = {
242
+ children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
243
+ additionalTriggerCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
244
+ };
245
+
246
+ var Content = function Content(_ref3) {
247
+ var children = _ref3.children,
248
+ _ref3$anchorPosition = _ref3.anchorPosition,
249
+ anchorPosition = _ref3$anchorPosition === void 0 ? "right" : _ref3$anchorPosition,
250
+ additionalContentCSS = _ref3.additionalContentCSS;
251
+
252
+ var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(DropdownMenuContext),
253
+ isOpen = _useContext2.isOpen;
254
+
255
+ if (!isOpen) {
256
+ return null;
257
+ }
258
+
259
+ var anchorPositionClasses = anchorPosition === "right" ? "right-0" : "left-0";
260
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
261
+ id: "menu-content",
262
+ className: "".concat(additionalContentCSS, " absolute p-8 z-10 border border-mid-grey bg-white rounded shadow-container ").concat(anchorPositionClasses),
263
+ style: {
264
+ minWidth: 275,
265
+ top: 44
266
+ }
267
+ }, children);
268
+ };
269
+
270
+ Content.propTypes = {
271
+ children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
272
+ anchorPosition: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
273
+ additionalContentCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
274
+ };
275
+
276
+ var Link = function Link(_ref4) {
277
+ var url = _ref4.url,
278
+ title = _ref4.title,
279
+ subtitle = _ref4.subtitle,
280
+ iconName = _ref4.iconName,
281
+ children = _ref4.children;
282
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
283
+ href: url,
284
+ className: "menu-link group block p-8 hover:bg-light-grey hover:text-cool-black rounded"
285
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
286
+ className: "mb-4"
287
+ }, title, iconName ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
288
+ name: iconName,
289
+ size: "1rem",
290
+ color: "text-cool-black",
291
+ additionalCSS: "align-middle ml-8 relative -top-1 -left-4"
292
+ }) : null), subtitle ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
293
+ className: "text-p3 mb-16 text-dark-grey"
294
+ }, subtitle) : null, children);
295
+ };
296
+
297
+ Link.propTypes = {
298
+ url: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
299
+ title: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
300
+ subtitle: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
301
+ iconName: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
302
+ children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
303
+ };
304
+ DropdownMenu.Trigger = Trigger;
305
+ DropdownMenu.Content = Content;
306
+ DropdownMenu.Link = Link;
307
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DropdownMenu);
308
+ })();
309
+
310
+ /******/ return __webpack_exports__;
311
+ /******/ })()
312
+ ;
313
+ });
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.FeatureFooter=t())}(this,(function(){return(()=>{"use strict";var e={d:(t,n)=>{for(var o in n)e.o(n,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:n[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};e.d(t,{default:()=>a});var n=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document;return t.querySelector("[data-id=".concat(e,"]"))};function o(e,t){e.disabled=!1,e.innerText=t}function r(e,t){e.disabled=!0,e.innerText=t}var i=30;const a=function(){return function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).dataId,t=n(e),a=n("open-chat-widget",t),d=a.dataset.enabledLabel,u=a.dataset.disabledLabel;if(e&&t){var c,l=n("open-chat-widget",t),f=function e(t){var n,r,a=null===(n=window)||void 0===n||null===(r=n.HubSpotConversations)||void 0===r?void 0:r.widget,u=document.querySelector("#hubspot-messages-iframe-container");c=function(e){e.preventDefault(),a.open()},a&&u?(l.addEventListener("click",c),o(l,d)):--i&&setTimeout((function(){return e(100)}),t)};return r(l,u),f(0),function(){r(l,u),l.removeEventListener("click",c)}}}({dataId:"feature-footer"})};return t.default})()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.FeatureFooter=t())}(this,(()=>(()=>{"use strict";var e={d:(t,o)=>{for(var n in o)e.o(o,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:o[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},t={};e.d(t,{default:()=>i});var o=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))};function n(e,t){e.disabled=!0,e.innerText=t}var r=30;const i=function(){return function(){var e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}).dataId,t=o(e),i=o("open-chat-widget",t),a=i.dataset.enabledLabel,d=i.dataset.disabledLabel;if(e&&t){var u,c=o("open-chat-widget",t);return n(c,d),function e(t){var o,n,i,d,l=null===(o=window)||void 0===o||null===(n=o.HubSpotConversations)||void 0===n?void 0:n.widget,f=document.querySelector("#hubspot-messages-iframe-container");u=function(e){e.preventDefault(),l.open()},l&&f?(c.addEventListener("click",u),d=a,(i=c).disabled=!1,i.innerText=d):--r&&setTimeout((function(){return e(100)}),t)}(0),function(){n(c,d),c.removeEventListener("click",u)}}}({dataId:"feature-footer"})};return t.default})()));
@@ -1,6 +1,6 @@
1
1
  @layer components {
2
2
  .ui-featured-link {
3
- @apply font-sans font-medium block;
3
+ @apply font-sans font-bold block;
4
4
  @apply text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus;
5
5
  }
6
6
 
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.FeaturedLink=t())}(this,(function(){return(()=>{"use strict";var e={};return e.default})()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.FeaturedLink=t())}(this,(()=>(()=>{"use strict";var e={};return e.default})()));
@@ -1,26 +1,26 @@
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, (__WEBPACK_EXTERNAL_MODULE__5225__, __WEBPACK_EXTERNAL_MODULE__6073__) => {
11
11
  return /******/ (() => { // webpackBootstrap
12
+ /******/ "use strict";
12
13
  /******/ var __webpack_modules__ = ({
13
14
 
14
15
  /***/ 9008:
15
16
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
16
17
 
17
- "use strict";
18
18
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
19
19
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
20
20
  /* harmony export */ });
21
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
21
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
22
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__(5697);
23
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
24
24
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
25
  var _excluded = ["name", "size", "color", "additionalCSS"];
26
26
 
@@ -64,122 +64,17 @@ Icon.propTypes = {
64
64
 
65
65
  /***/ }),
66
66
 
67
- /***/ 2703:
68
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
69
-
70
- "use strict";
71
- /**
72
- * Copyright (c) 2013-present, Facebook, Inc.
73
- *
74
- * This source code is licensed under the MIT license found in the
75
- * LICENSE file in the root directory of this source tree.
76
- */
77
-
78
-
79
-
80
- var ReactPropTypesSecret = __webpack_require__(414);
81
-
82
- function emptyFunction() {}
83
- function emptyFunctionWithReset() {}
84
- emptyFunctionWithReset.resetWarningCache = emptyFunction;
85
-
86
- module.exports = function() {
87
- function shim(props, propName, componentName, location, propFullName, secret) {
88
- if (secret === ReactPropTypesSecret) {
89
- // It is still safe when called from React.
90
- return;
91
- }
92
- var err = new Error(
93
- 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
94
- 'Use PropTypes.checkPropTypes() to call them. ' +
95
- 'Read more at http://fb.me/use-check-prop-types'
96
- );
97
- err.name = 'Invariant Violation';
98
- throw err;
99
- };
100
- shim.isRequired = shim;
101
- function getShim() {
102
- return shim;
103
- };
104
- // Important!
105
- // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
106
- var ReactPropTypes = {
107
- array: shim,
108
- bool: shim,
109
- func: shim,
110
- number: shim,
111
- object: shim,
112
- string: shim,
113
- symbol: shim,
114
-
115
- any: shim,
116
- arrayOf: getShim,
117
- element: shim,
118
- elementType: shim,
119
- instanceOf: getShim,
120
- node: shim,
121
- objectOf: getShim,
122
- oneOf: getShim,
123
- oneOfType: getShim,
124
- shape: getShim,
125
- exact: getShim,
126
-
127
- checkPropTypes: emptyFunctionWithReset,
128
- resetWarningCache: emptyFunction
129
- };
130
-
131
- ReactPropTypes.PropTypes = ReactPropTypes;
132
-
133
- return ReactPropTypes;
134
- };
135
-
136
-
137
- /***/ }),
138
-
139
- /***/ 5697:
140
- /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
141
-
142
- /**
143
- * Copyright (c) 2013-present, Facebook, Inc.
144
- *
145
- * This source code is licensed under the MIT license found in the
146
- * LICENSE file in the root directory of this source tree.
147
- */
148
-
149
- if (false) { var throwOnDirectAccess, ReactIs; } else {
150
- // By explicitly using `prop-types` you are opting into new production behavior.
151
- // http://fb.me/prop-types-in-prod
152
- module.exports = __webpack_require__(2703)();
153
- }
154
-
155
-
156
- /***/ }),
157
-
158
- /***/ 414:
67
+ /***/ 6073:
159
68
  /***/ ((module) => {
160
69
 
161
- "use strict";
162
- /**
163
- * Copyright (c) 2013-present, Facebook, Inc.
164
- *
165
- * This source code is licensed under the MIT license found in the
166
- * LICENSE file in the root directory of this source tree.
167
- */
168
-
169
-
170
-
171
- var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
172
-
173
- module.exports = ReactPropTypesSecret;
174
-
70
+ module.exports = __WEBPACK_EXTERNAL_MODULE__6073__;
175
71
 
176
72
  /***/ }),
177
73
 
178
- /***/ 9281:
74
+ /***/ 5225:
179
75
  /***/ ((module) => {
180
76
 
181
- "use strict";
182
- module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
77
+ module.exports = __WEBPACK_EXTERNAL_MODULE__5225__;
183
78
 
184
79
  /***/ })
185
80
 
@@ -252,16 +147,15 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
252
147
  /******/
253
148
  /************************************************************************/
254
149
  var __webpack_exports__ = {};
255
- // This entry need to be wrapped in an IIFE because it need to be in strict mode.
150
+ // This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
256
151
  (() => {
257
- "use strict";
258
152
  __webpack_require__.r(__webpack_exports__);
259
153
  /* harmony export */ __webpack_require__.d(__webpack_exports__, {
260
154
  /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
261
155
  /* harmony export */ });
262
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
156
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5225);
263
157
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
264
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
158
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6073);
265
159
  /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
266
160
  /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
267
161
 
@@ -283,7 +177,7 @@ var FeaturedLink = function FeaturedLink(_ref) {
283
177
  style: {
284
178
  "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
285
179
  }
286
- }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
180
+ }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__["default"], {
287
181
  name: "icon-gui-link-arrow",
288
182
  size: "calc(var(--featured-link-icon-size) * 1.25)",
289
183
  color: iconColor,
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Flash=t())}(this,(function(){return(()=>{"use strict";var e={};return e.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.Flash=o())}(this,(()=>(()=>{"use strict";var e={};return e.default})()));