@ably/ui 7.9.4 → 7.10.0-dev.45e131a

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 (55) hide show
  1. package/core/Meganav/component.css +5 -1
  2. package/core/Meganav/component.js +1 -1
  3. package/core/Meganav.jsx +251 -23
  4. package/core/MeganavContentWhyAbly.jsx +1 -1
  5. package/core/MeganavControl.jsx +5 -3
  6. package/core/MeganavControlMobileDropdown/component.js +1 -1
  7. package/core/MeganavItemsDesktop.jsx +5 -3
  8. package/core/MeganavItemsMobile.jsx +146 -10
  9. package/core/MeganavItemsSignedIn.jsx +229 -7
  10. package/core/MeganavSearch/component.js +1 -0
  11. package/core/MeganavSearch.jsx +474 -0
  12. package/core/MeganavSearchPanel/component.js +1 -0
  13. package/core/MeganavSearchPanel.jsx +426 -0
  14. package/core/MeganavSearchSuggestions/component.js +1 -0
  15. package/core/MeganavSearchSuggestions.jsx +366 -0
  16. package/core/fonts/.DS_Store +0 -0
  17. package/core/images/.DS_Store +0 -0
  18. package/core/styles.css +2 -15
  19. package/package.json +1 -1
  20. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/log/.keep +0 -0
  21. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/.keep +0 -0
  22. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/pids/.keep +0 -0
  23. package/src/.DS_Store +0 -0
  24. package/src/core/.DS_Store +0 -0
  25. package/src/core/Meganav/component.css +5 -1
  26. package/src/core/Meganav/component.html.erb +10 -5
  27. package/src/core/Meganav/component.jsx +12 -5
  28. package/src/core/MeganavContentWhyAbly/component.html.erb +1 -1
  29. package/src/core/MeganavContentWhyAbly/component.jsx +1 -1
  30. package/src/core/MeganavControl/component.html.erb +2 -2
  31. package/src/core/MeganavControl/component.jsx +3 -2
  32. package/src/core/MeganavControl/component.rb +3 -1
  33. package/src/core/MeganavControlMobileDropdown/component.js +22 -0
  34. package/src/core/MeganavItemsMobile/component.html.erb +12 -1
  35. package/src/core/MeganavItemsMobile/component.jsx +14 -1
  36. package/src/core/MeganavItemsSignedIn/component.html.erb +5 -1
  37. package/src/core/MeganavItemsSignedIn/component.jsx +7 -2
  38. package/src/core/MeganavSearch/component.html.erb +14 -0
  39. package/src/core/MeganavSearch/component.js +0 -0
  40. package/src/core/MeganavSearch/component.jsx +32 -0
  41. package/src/core/MeganavSearch/component.rb +13 -0
  42. package/src/core/MeganavSearchPanel/component.html.erb +20 -0
  43. package/src/core/MeganavSearchPanel/component.js +0 -0
  44. package/src/core/MeganavSearchPanel/component.jsx +36 -0
  45. package/src/core/MeganavSearchPanel/component.rb +13 -0
  46. package/src/core/MeganavSearchSuggestions/component.html.erb +22 -0
  47. package/src/core/MeganavSearchSuggestions/component.js +0 -0
  48. package/src/core/MeganavSearchSuggestions/component.jsx +49 -0
  49. package/src/core/MeganavSearchSuggestions/component.rb +18 -0
  50. package/src/core/fonts/.DS_Store +0 -0
  51. package/src/core/images/.DS_Store +0 -0
  52. package/src/core/styles/properties.css +2 -0
  53. package/src/core/styles.components.css +0 -15
  54. package/src/reset/.DS_Store +0 -0
  55. package/tailwind.config.js +2 -0
@@ -0,0 +1,474 @@
1
+ (function webpackUniversalModuleDefinition(root, factory) {
2
+ if(typeof exports === 'object' && typeof module === 'object')
3
+ module.exports = factory(require("react"));
4
+ else if(typeof define === 'function' && define.amd)
5
+ define([], factory);
6
+ else {
7
+ var a = typeof exports === 'object' ? factory(require("react")) : factory(root[undefined]);
8
+ for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
9
+ }
10
+ })(this, function(__WEBPACK_EXTERNAL_MODULE__9281__) {
11
+ return /******/ (() => { // webpackBootstrap
12
+ /******/ var __webpack_modules__ = ({
13
+
14
+ /***/ 5751:
15
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
16
+
17
+ "use strict";
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__(9281);
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);
24
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
25
+ /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
26
+
27
+
28
+
29
+
30
+ var FeaturedLink = function FeaturedLink(_ref) {
31
+ var url = _ref.url,
32
+ _ref$textSize = _ref.textSize,
33
+ textSize = _ref$textSize === void 0 ? "text-menu3" : _ref$textSize,
34
+ _ref$iconColor = _ref.iconColor,
35
+ iconColor = _ref$iconColor === void 0 ? "text-cool-black" : _ref$iconColor,
36
+ _ref$flush = _ref.flush,
37
+ flush = _ref$flush === void 0 ? false : _ref$flush,
38
+ children = _ref.children;
39
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
40
+ href: url,
41
+ className: "ui-featured-link ".concat(textSize, " ").concat(flush ? "" : "py-8", " "),
42
+ style: {
43
+ "--featured-link-icon-size": "var(".concat(textSize.replace("text", "--fs"), ")")
44
+ }
45
+ }, children, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
46
+ name: "icon-gui-link-arrow",
47
+ size: "calc(var(--featured-link-icon-size) * 1.25)",
48
+ color: iconColor,
49
+ additionalCSS: "ui-featured-link-icon"
50
+ }));
51
+ };
52
+
53
+ FeaturedLink.propTypes = {
54
+ url: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
55
+ children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
56
+ textSize: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
57
+ iconColor: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
58
+ flush: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
59
+ };
60
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FeaturedLink);
61
+
62
+ /***/ }),
63
+
64
+ /***/ 9008:
65
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
66
+
67
+ "use strict";
68
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
69
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
70
+ /* harmony export */ });
71
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
72
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
73
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
74
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
75
+ var _excluded = ["name", "size", "color", "additionalCSS"];
76
+
77
+ 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); }
78
+
79
+ 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; }
80
+
81
+ 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; }
82
+
83
+
84
+
85
+
86
+ var Icon = function Icon(_ref) {
87
+ var name = _ref.name,
88
+ _ref$size = _ref.size,
89
+ size = _ref$size === void 0 ? "0.75rem" : _ref$size,
90
+ _ref$color = _ref.color,
91
+ color = _ref$color === void 0 ? "" : _ref$color,
92
+ _ref$additionalCSS = _ref.additionalCSS,
93
+ additionalCSS = _ref$additionalCSS === void 0 ? "" : _ref$additionalCSS,
94
+ additionalAttributes = _objectWithoutProperties(_ref, _excluded);
95
+
96
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("svg", _extends({
97
+ className: "".concat(color, " ").concat(additionalCSS),
98
+ style: {
99
+ width: size,
100
+ height: size
101
+ }
102
+ }, additionalAttributes), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("use", {
103
+ xlinkHref: "#sprite-".concat(name)
104
+ }));
105
+ };
106
+
107
+ Icon.propTypes = {
108
+ name: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string.isRequired),
109
+ size: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
110
+ color: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
111
+ additionalCSS: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string)
112
+ };
113
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Icon);
114
+
115
+ /***/ }),
116
+
117
+ /***/ 6569:
118
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
119
+
120
+ "use strict";
121
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
122
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
123
+ /* harmony export */ });
124
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
125
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
126
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
127
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
128
+ /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
129
+ /* harmony import */ var _MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8926);
130
+
131
+
132
+
133
+
134
+
135
+ var MeganavSearchPanel = function MeganavSearchPanel(_ref) {
136
+ var absUrl = _ref.absUrl;
137
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("section", {
138
+ className: "ui-meganav-content grid-cols-12"
139
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
140
+ className: "col-span-8"
141
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
142
+ className: "mb-32"
143
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("form", {
144
+ className: "flex items-start",
145
+ action: absUrl("/search"),
146
+ method: "get"
147
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
148
+ className: "relative w-full"
149
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
150
+ name: "icon-gui-search",
151
+ color: "text-cool-black",
152
+ size: "1.5rem",
153
+ additionalCSS: "absolute top-12 left-16"
154
+ }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
155
+ type: "search",
156
+ name: "q",
157
+ className: "ui-input pl-48 h-48",
158
+ placeholder: "Search"
159
+ })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
160
+ type: "submit",
161
+ className: "ui-btn-secondary ml-8 sm:ml-16 md:ml-24 xl:ml-32"
162
+ }, "Search")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
163
+ className: "col-span-12"
164
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchSuggestions_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
165
+ displaySupportLink: true,
166
+ absUrl: absUrl
167
+ })));
168
+ };
169
+
170
+ MeganavSearchPanel.propTypes = {
171
+ absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
172
+ };
173
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavSearchPanel);
174
+
175
+ /***/ }),
176
+
177
+ /***/ 8926:
178
+ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
179
+
180
+ "use strict";
181
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
182
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
183
+ /* harmony export */ });
184
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
185
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
186
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
187
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
188
+ /* harmony import */ var _FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5751);
189
+
190
+
191
+
192
+
193
+ var MeganavSearchSuggestions = function MeganavSearchSuggestions(_ref) {
194
+ var absUrl = _ref.absUrl,
195
+ displaySupportLink = _ref.displaySupportLink;
196
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
197
+ className: "ui-text-overline2 text-cool-black py-12"
198
+ }, "Popular pages"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
199
+ className: "flex justify-between items-center overflow-x-scroll"
200
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
201
+ className: "flex"
202
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
203
+ className: "py-12 pr-8 flex-shrink-0"
204
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
205
+ href: absUrl("/docs/how-ably-works"),
206
+ className: "ui-text-p2 ui-link"
207
+ }, "How does Ably work?")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
208
+ className: "py-12 px-8 flex-shrink-0"
209
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
210
+ href: absUrl("/docs/quick-start-guide"),
211
+ className: "ui-text-p2 ui-link"
212
+ }, "Quickstart guide")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
213
+ className: "py-12 px-8 flex-shrink-0"
214
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
215
+ href: absUrl("/docs/core-features/pubsub"),
216
+ className: "ui-text-p2 ui-link"
217
+ }, "Publish/Subscribe Messaging")), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
218
+ className: "py-12 pl-8 flex-shrink-0"
219
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
220
+ href: absUrl("/platform"),
221
+ className: "ui-text-p2 ui-link"
222
+ }, "Platform"))), displaySupportLink ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_FeaturedLink_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
223
+ url: absUrl("/support"),
224
+ textSize: "text-p2"
225
+ }, "Support") : null));
226
+ };
227
+
228
+ MeganavSearchSuggestions.propTypes = {
229
+ absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func),
230
+ displaySupportLink: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
231
+ };
232
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavSearchSuggestions);
233
+
234
+ /***/ }),
235
+
236
+ /***/ 2703:
237
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
238
+
239
+ "use strict";
240
+ /**
241
+ * Copyright (c) 2013-present, Facebook, Inc.
242
+ *
243
+ * This source code is licensed under the MIT license found in the
244
+ * LICENSE file in the root directory of this source tree.
245
+ */
246
+
247
+
248
+
249
+ var ReactPropTypesSecret = __webpack_require__(414);
250
+
251
+ function emptyFunction() {}
252
+ function emptyFunctionWithReset() {}
253
+ emptyFunctionWithReset.resetWarningCache = emptyFunction;
254
+
255
+ module.exports = function() {
256
+ function shim(props, propName, componentName, location, propFullName, secret) {
257
+ if (secret === ReactPropTypesSecret) {
258
+ // It is still safe when called from React.
259
+ return;
260
+ }
261
+ var err = new Error(
262
+ 'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
263
+ 'Use PropTypes.checkPropTypes() to call them. ' +
264
+ 'Read more at http://fb.me/use-check-prop-types'
265
+ );
266
+ err.name = 'Invariant Violation';
267
+ throw err;
268
+ };
269
+ shim.isRequired = shim;
270
+ function getShim() {
271
+ return shim;
272
+ };
273
+ // Important!
274
+ // Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
275
+ var ReactPropTypes = {
276
+ array: shim,
277
+ bool: shim,
278
+ func: shim,
279
+ number: shim,
280
+ object: shim,
281
+ string: shim,
282
+ symbol: shim,
283
+
284
+ any: shim,
285
+ arrayOf: getShim,
286
+ element: shim,
287
+ elementType: shim,
288
+ instanceOf: getShim,
289
+ node: shim,
290
+ objectOf: getShim,
291
+ oneOf: getShim,
292
+ oneOfType: getShim,
293
+ shape: getShim,
294
+ exact: getShim,
295
+
296
+ checkPropTypes: emptyFunctionWithReset,
297
+ resetWarningCache: emptyFunction
298
+ };
299
+
300
+ ReactPropTypes.PropTypes = ReactPropTypes;
301
+
302
+ return ReactPropTypes;
303
+ };
304
+
305
+
306
+ /***/ }),
307
+
308
+ /***/ 5697:
309
+ /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
310
+
311
+ /**
312
+ * Copyright (c) 2013-present, Facebook, Inc.
313
+ *
314
+ * This source code is licensed under the MIT license found in the
315
+ * LICENSE file in the root directory of this source tree.
316
+ */
317
+
318
+ if (false) { var throwOnDirectAccess, ReactIs; } else {
319
+ // By explicitly using `prop-types` you are opting into new production behavior.
320
+ // http://fb.me/prop-types-in-prod
321
+ module.exports = __webpack_require__(2703)();
322
+ }
323
+
324
+
325
+ /***/ }),
326
+
327
+ /***/ 414:
328
+ /***/ ((module) => {
329
+
330
+ "use strict";
331
+ /**
332
+ * Copyright (c) 2013-present, Facebook, Inc.
333
+ *
334
+ * This source code is licensed under the MIT license found in the
335
+ * LICENSE file in the root directory of this source tree.
336
+ */
337
+
338
+
339
+
340
+ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
341
+
342
+ module.exports = ReactPropTypesSecret;
343
+
344
+
345
+ /***/ }),
346
+
347
+ /***/ 9281:
348
+ /***/ ((module) => {
349
+
350
+ "use strict";
351
+ module.exports = __WEBPACK_EXTERNAL_MODULE__9281__;
352
+
353
+ /***/ })
354
+
355
+ /******/ });
356
+ /************************************************************************/
357
+ /******/ // The module cache
358
+ /******/ var __webpack_module_cache__ = {};
359
+ /******/
360
+ /******/ // The require function
361
+ /******/ function __webpack_require__(moduleId) {
362
+ /******/ // Check if module is in cache
363
+ /******/ var cachedModule = __webpack_module_cache__[moduleId];
364
+ /******/ if (cachedModule !== undefined) {
365
+ /******/ return cachedModule.exports;
366
+ /******/ }
367
+ /******/ // Create a new module (and put it into the cache)
368
+ /******/ var module = __webpack_module_cache__[moduleId] = {
369
+ /******/ // no module.id needed
370
+ /******/ // no module.loaded needed
371
+ /******/ exports: {}
372
+ /******/ };
373
+ /******/
374
+ /******/ // Execute the module function
375
+ /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
376
+ /******/
377
+ /******/ // Return the exports of the module
378
+ /******/ return module.exports;
379
+ /******/ }
380
+ /******/
381
+ /************************************************************************/
382
+ /******/ /* webpack/runtime/compat get default export */
383
+ /******/ (() => {
384
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
385
+ /******/ __webpack_require__.n = (module) => {
386
+ /******/ var getter = module && module.__esModule ?
387
+ /******/ () => (module['default']) :
388
+ /******/ () => (module);
389
+ /******/ __webpack_require__.d(getter, { a: getter });
390
+ /******/ return getter;
391
+ /******/ };
392
+ /******/ })();
393
+ /******/
394
+ /******/ /* webpack/runtime/define property getters */
395
+ /******/ (() => {
396
+ /******/ // define getter functions for harmony exports
397
+ /******/ __webpack_require__.d = (exports, definition) => {
398
+ /******/ for(var key in definition) {
399
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
400
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
401
+ /******/ }
402
+ /******/ }
403
+ /******/ };
404
+ /******/ })();
405
+ /******/
406
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
407
+ /******/ (() => {
408
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
409
+ /******/ })();
410
+ /******/
411
+ /******/ /* webpack/runtime/make namespace object */
412
+ /******/ (() => {
413
+ /******/ // define __esModule on exports
414
+ /******/ __webpack_require__.r = (exports) => {
415
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
416
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
417
+ /******/ }
418
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
419
+ /******/ };
420
+ /******/ })();
421
+ /******/
422
+ /************************************************************************/
423
+ var __webpack_exports__ = {};
424
+ // This entry need to be wrapped in an IIFE because it need to be in strict mode.
425
+ (() => {
426
+ "use strict";
427
+ __webpack_require__.r(__webpack_exports__);
428
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
429
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
430
+ /* harmony export */ });
431
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
432
+ /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
433
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5697);
434
+ /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
435
+ /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9008);
436
+ /* harmony import */ var _MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6569);
437
+
438
+
439
+
440
+
441
+
442
+ var MeganavSearch = function MeganavSearch(_ref) {
443
+ var absUrl = _ref.absUrl;
444
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
445
+ type: "button",
446
+ "data-id": "meganav-control",
447
+ className: "h-64 w-24 px-24 pr-48 py-20",
448
+ "aria-expanded": "false",
449
+ "aria-controls": "panel-search",
450
+ "aria-label": "Show Search Panel"
451
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
452
+ name: "icon-gui-search",
453
+ color: "text-cool-black",
454
+ size: "1.5rem",
455
+ additionalCSS: ""
456
+ })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
457
+ className: "ui-meganav-panel invisible",
458
+ id: "panel-search",
459
+ "data-id": "meganav-panel"
460
+ }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_MeganavSearchPanel_component_jsx__WEBPACK_IMPORTED_MODULE_3__.default, {
461
+ absUrl: absUrl
462
+ })));
463
+ };
464
+
465
+ MeganavSearch.propTypes = {
466
+ absUrl: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().func)
467
+ };
468
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MeganavSearch);
469
+ })();
470
+
471
+ /******/ return __webpack_exports__;
472
+ /******/ })()
473
+ ;
474
+ });
@@ -0,0 +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.MeganavSearchPanel=o())}(this,(function(){return{}.default}));