@ably/ui 8.7.0-dev.9b0589d → 8.7.0-dev.ad9b89d

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 (66) hide show
  1. package/README.md +8 -1
  2. package/core/.DS_Store +0 -0
  3. package/core/DropdownMenu.jsx +0 -4
  4. package/core/{MeganavContentWhyAbly → DropdownMenuPreview}/component.js +0 -0
  5. package/core/{MeganavContentWhyAbly.jsx → DropdownMenuPreview.jsx} +0 -0
  6. package/core/Flash.jsx +129 -57
  7. package/core/Footer/component.css +20 -0
  8. package/core/Footer.jsx +137 -46
  9. package/core/Logo.jsx +28 -113
  10. package/core/Meganav/component.json +1 -1
  11. package/core/Meganav.jsx +176 -187
  12. package/core/MeganavContentDevelopers.jsx +12 -12
  13. package/core/MeganavItemsDesktop.jsx +1 -1
  14. package/core/MeganavItemsMobile.jsx +1 -1
  15. package/core/Notice/component.js +1 -1
  16. package/core/Notice.jsx +130 -58
  17. package/core/images/ably-logo.png +0 -0
  18. package/core/images/high-performer-2022.png +0 -0
  19. package/core/images/highest-user-adoption-2022.png +0 -0
  20. package/core/images/users-love-us-2022.png +0 -0
  21. package/core/sprites.svg +35 -1
  22. package/core/styles.css +2 -0
  23. package/package.json +1 -1
  24. package/src/.DS_Store +0 -0
  25. package/src/core/.DS_Store +0 -0
  26. package/src/core/DropdownMenu/component.jsx +0 -2
  27. package/src/core/FeatureFooter/component.html.erb +1 -1
  28. package/src/core/Flash/component.jsx +40 -14
  29. package/src/core/Footer/component.css +20 -0
  30. package/src/core/Footer/component.html.erb +116 -54
  31. package/src/core/Footer/component.jsx +124 -49
  32. package/src/core/Logo/component.html.erb +2 -27
  33. package/src/core/Logo/component.jsx +7 -40
  34. package/src/core/Logo/component.rb +15 -6
  35. package/src/core/Meganav/component.html.erb +1 -1
  36. package/src/core/Meganav/component.json +1 -1
  37. package/src/core/Meganav/component.jsx +1 -1
  38. package/src/core/Meganav/component.rb +3 -2
  39. package/src/core/MeganavContentDevelopers/component.html.erb +12 -12
  40. package/src/core/MeganavContentDevelopers/component.jsx +12 -12
  41. package/src/core/core.rb +12 -4
  42. package/src/core/icons/github.svg +1 -1
  43. package/src/core/icons/google.svg +3 -0
  44. package/src/core/icons/icon-display-chat-col.svg +4 -0
  45. package/src/core/icons/icon-gui-check-circled-fill-black.svg +4 -0
  46. package/src/core/icons/icon-gui-filter-flow-step-1.svg +5 -0
  47. package/src/core/icons/icon-gui-filter-flow-step-2.svg +5 -0
  48. package/src/core/icons/icon-gui-filter-flow-step-3.svg +5 -0
  49. package/src/core/icons/icon-gui-resources.svg +3 -0
  50. package/src/core/icons/stackoverflow.svg +3 -0
  51. package/src/core/icons/youtube.svg +11 -0
  52. package/src/core/images/ably-logo.png +0 -0
  53. package/src/core/images/high-performer-2022.png +0 -0
  54. package/src/core/images/highest-user-adoption-2022.png +0 -0
  55. package/src/core/images/users-love-us-2022.png +0 -0
  56. package/src/core/styles/properties.css +2 -0
  57. package/tailwind.config.js +1 -0
  58. package/core/fonts/.DS_Store +0 -0
  59. package/core/images/.DS_Store +0 -0
  60. package/core/scripts.js.LICENSE.txt +0 -32
  61. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/log/.keep +0 -0
  62. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/.keep +0 -0
  63. package/preview/vendor/bundle/ruby/3.0.0/bundler/gems/ably-ui-abffd210ec0f/preview/tmp/pids/.keep +0 -0
  64. package/src/core/fonts/.DS_Store +0 -0
  65. package/src/core/images/.DS_Store +0 -0
  66. package/src/reset/.DS_Store +0 -0
@@ -190,30 +190,30 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
190
190
  }, "Documentation"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
191
191
  className: "ui-meganav-media-copy"
192
192
  }, "Technical guides to help you build with Ably.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
193
- href: absUrl("/docs/key-concepts"),
193
+ href: absUrl("/docs/quick-start-guide"),
194
194
  className: "ui-meganav-media-with-image group"
195
195
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
196
- name: "icon-display-lightbulb-col",
196
+ name: "icon-display-quickstart-guides-col",
197
197
  size: "2.5rem"
198
198
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
199
199
  className: "flex flex-col justify-center"
200
200
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
201
201
  className: "ui-meganav-media-heading"
202
- }, "Concepts"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
202
+ }, "Quickstart guides"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
203
203
  className: "ui-meganav-media-copy"
204
- }, "Read about core Ably platform concepts.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
205
- href: absUrl("/docs/quick-start-guide"),
204
+ }, "Documentation to help you get started quickly.")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
205
+ href: absUrl("/integrations"),
206
206
  className: "ui-meganav-media-with-image group"
207
207
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
208
- name: "icon-display-quickstart-guides-col",
208
+ name: "icon-display-integrations-col",
209
209
  size: "2.5rem"
210
210
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
211
211
  className: "flex flex-col justify-center"
212
212
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
213
213
  className: "ui-meganav-media-heading"
214
- }, "Quickstart guides"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
214
+ }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
215
215
  className: "ui-meganav-media-copy"
216
- }, "Documentation to help you get started quickly.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
216
+ }, "Find out more about Ably integrations. ")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
217
217
  className: "col-span-full md:col-span-4 pb-8 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
218
218
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
219
219
  className: "md:mt-40",
@@ -243,18 +243,18 @@ var MeganavContentDevelopers = function MeganavContentDevelopers(_ref) {
243
243
  }, "Tutorials & Demos"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
244
244
  className: "ui-meganav-media-copy"
245
245
  }, "Get stuck in with our hands-on resources. ")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
246
- href: absUrl("/integrations"),
246
+ href: absUrl("/reference-guide-chat"),
247
247
  className: "ui-meganav-media-with-image group"
248
248
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_2__.default, {
249
- name: "icon-display-integrations-col",
249
+ name: "icon-display-chat-col",
250
250
  size: "2.5rem"
251
251
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
252
252
  className: "flex flex-col justify-center"
253
253
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
254
254
  className: "ui-meganav-media-heading"
255
- }, "Integrations"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
255
+ }, "Chat apps reference guide"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
256
256
  className: "ui-meganav-media-copy"
257
- }, "Find out more about Ably integrations. ")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
257
+ }, "Learn how to build chat apps with Ably.")))))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
258
258
  className: "col-span-full md:col-span-4 pt-8 pb-24 md:py-24 lg:py-32 px-24 sm:px-32 md:px-0"
259
259
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("h3", {
260
260
  className: "ui-meganav-overline uppercase",
@@ -114,7 +114,7 @@ MeganavControl.propTypes = {
114
114
  /***/ 3379:
115
115
  /***/ ((module) => {
116
116
 
117
- module.exports = JSON.parse('{"h":[{"label":"Platform","shortLabel":"Platform","id":"platform-panel","component":"MeganavContentPlatform"},{"label":"Use Cases & Solutions","shortLabel":"Use Cases","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
117
+ module.exports = JSON.parse('{"h":[{"label":"Platform","shortLabel":"Platform","id":"platform-panel","component":"MeganavContentPlatform"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
118
118
 
119
119
  /***/ }),
120
120
 
@@ -387,7 +387,7 @@ SignOutLink.propTypes = {
387
387
  /***/ 3379:
388
388
  /***/ ((module) => {
389
389
 
390
- module.exports = JSON.parse('{"h":[{"label":"Platform","shortLabel":"Platform","id":"platform-panel","component":"MeganavContentPlatform"},{"label":"Use Cases & Solutions","shortLabel":"Use Cases","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
390
+ module.exports = JSON.parse('{"h":[{"label":"Platform","shortLabel":"Platform","id":"platform-panel","component":"MeganavContentPlatform"},{"label":"Solutions","shortLabel":"Solutions","id":"use-cases-panel","component":"MeganavContentUseCases"},{"label":"Company","shortLabel":"Company","id":"company-panel","component":"MeganavContentCompany"},{"label":"Developers","shortLabel":"Developers","id":"developers-panel","component":"MeganavContentDevelopers"}]}');
391
391
 
392
392
  /***/ }),
393
393
 
@@ -1 +1 @@
1
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):"function"==typeof define&&define.amd?define([,,,,,],t):"object"==typeof exports?exports.AblyUi=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Notice=t(e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0]))}(this,(function(e,t,r,n,o,i){return(()=>{"use strict";var c={6357:t=>{t.exports=e},9349:e=>{e.exports=t},2040:e=>{e.exports=r},3474:e=>{e.exports=n},9281:e=>{e.exports=o},5044:e=>{e.exports=i}},a={};function u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return c[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l={};return(()=>{u.d(l,{default:()=>U});var e=u(9349),t=u.n(e),r=u(2040),n=u.n(r),o=u(9281),i=u.n(o),c=u(6357),a=u.n(c),s=u(3474),f=u.n(s);u(5044);var p=["name","size","color","additionalCSS"];function d(){return d=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},d.apply(this,arguments)}var y=function(e){var t=e.name,r=e.size,n=void 0===r?"0.75rem":r,o=e.color,c=void 0===o?"":o,a=e.additionalCSS,u=void 0===a?"":a,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,p);return i().createElement("svg",d({className:"".concat(c," ").concat(u),style:{width:n,height:n}},l),i().createElement("use",{xlinkHref:"#sprite-".concat(t)}))};y.propTypes={name:f().string.isRequired,size:f().string,color:f().string,additionalCSS:f().string};const b=y;function m(){return m=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},m.apply(this,arguments)}function v(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=r){var n,o,i=[],c=!0,a=!1;try{for(r=r.call(e);!(c=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{c||null==r.return||r.return()}finally{if(a)throw o}}return i}}(e,t)||w(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function O(e){return function(e){if(Array.isArray(e))return j(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||w(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,t){if(e){if("string"==typeof e)return j(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?j(e,t):void 0}}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var x="ui-flashes",S={items:[]},E=(h({},"flashes",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:S,t=arguments.length>1?arguments[1]:void 0;if("flash/push"===t.type){var r=Array.isArray(t.payload)?t.payload:[t.payload];return{items:[].concat(O(e.items),O(r))}}return e})),{type:f().oneOf(["error","success","notice","info","alert"]),content:f().string}),P={error:"bg-gui-error",success:"bg-zingy-green",notice:"bg-electric-cyan",info:"bg-electric-cyan",alert:"bg-active-orange"},A={error:"text-white",success:"text-cool-black",notice:"text-cool-black",info:"text-cool-black",alert:"text-white"},k=["success","info","notice"],q=function(e){var t=e.type,r=e.content,n=(0,o.useRef)(null),c=g((0,o.useState)(!1),2),u=c[0],l=c[1],s=g((0,o.useState)(0),2),f=s[0],p=s[1],d=g((0,o.useState)(!1),2),y=d[0],m=d[1];(0,o.useEffect)((function(){return m(!0)}),[]),(0,o.useEffect)((function(){k.includes(t)&&setTimeout((function(){h()}),8e3)}),[u]);var v,h=function(){n.current&&p(n.current.getBoundingClientRect().height),setTimeout((function(){return l(!0)}),0)},O=y&&!u;v=f&&!u?{height:"".concat(f,"px")}:u?{height:0,marginTop:0,zIndex:-1}:{};var w=a().sanitize(r,{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method","rel"]}),j={notice:"icon-gui-ably-badge",success:"icon-gui-tick",error:"icon-gui-warning",alert:"icon-gui-warning"},x={notice:"text-cool-black",success:"text-cool-black",error:"text-white",alert:"text-white"};return i().createElement("div",{className:"ui-flash-message ui-grid-px ".concat(O?"ui-flash-message-enter":""),style:v,ref:n,"data-id":"ui-flash"},i().createElement("div",{className:"".concat(P[t]," p-32 flex align-center rounded shadow-container-subtle")},j[t]&&i().createElement(b,{name:j[t],color:x[t],size:"1.5rem",additionalCSS:"mr-16 self-baseline"}),i().createElement("p",{className:"ui-flash-text ".concat(A[t]),dangerouslySetInnerHTML:{__html:w}}),i().createElement("button",{type:"button",className:"p-0 ml-auto self-start focus:outline-none",onClick:h},i().createElement(b,{name:"icon-gui-close",color:x[t],size:"1.5rem",additionalCSS:"transition-colors"}))))};q.propTypes=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?v(Object(r),!0).forEach((function(t){h(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):v(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({},E);var T=function(e){var t=e.flashes,r=(null==t?void 0:t.items)||[];return i().createElement("div",{className:"ui-flash","data-id":x},r.map((function(e){return i().createElement(q,m({key:e.type},e))})))};T.propTypes={flashes:f().shape({items:f().arrayOf(f().shape(E))})};function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function L(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}f().arrayOf(f().arrayOf(f().string));var z=function(e){var t=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))}(x);t&&(t.style.marginTop=e?"4rem":null)},D=function(e){window.matchMedia("(min-width: 65rem)").matches?e.style.display=null:e.style.display="none"},I=function(e){e.style.maxHeight=0,e.style.overflow="hidden",z(!1)},N=function(e){e.style.maxHeight=null,e.style.overflow=null,z(!0)};const U=function(e){var r=e.bannerContainer,o=e.cookieId,i=e.noticeId,c=e.options;if("undefined"==typeof window)return function(){};if(!r)return console.warn("A Notice component was initited but no notice container was found."),function(){};if(function(e,r){return(t().get(e)||"").includes(r)}(o,i))return function(){};D(r),N(r);var a=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){L(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({collapse:!0},c),u=a.collapse?function(e){window.scrollY>5&&I(e);var t=n()((function(){window.scrollY>5?I(e):e.style.overflow&&N(e)}),100);return document.addEventListener("scroll",t),function(){return document.removeEventListener("scroll",t)}}(r):function(){},l=function(e,r,n,o){var i=e.querySelector("button");if(!i)return function(){};var c=function(){r&&n&&function(e,r){var n=t().get(e)||"";t().set(e,"".concat(n.replace("".concat(r,","),"")+r,","),{expires:90})}(r,n),I(e),o()};return i.addEventListener("click",c),function(){return document.removeEventListener("click",c)}}(r,o,i,u),s=function(e){var t=n()((function(){D(e)}),100);return window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}(r);return function(){[l,u,s].forEach((function(e){return e()}))}}})(),l.default})()}));
1
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):"function"==typeof define&&define.amd?define([,,,,,],t):"object"==typeof exports?exports.AblyUi=t(require("dompurify"),require("js-cookie"),require("lodash.throttle"),require("prop-types"),require("react"),require("redux")):(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Notice=t(e[void 0],e[void 0],e[void 0],e[void 0],e[void 0],e[void 0]))}(this,(function(e,t,r,n,o,i){return(()=>{"use strict";var c={6357:t=>{t.exports=e},9349:e=>{e.exports=t},2040:e=>{e.exports=r},3474:e=>{e.exports=n},9281:e=>{e.exports=o},5044:e=>{e.exports=i}},a={};function u(e){var t=a[e];if(void 0!==t)return t.exports;var r=a[e]={exports:{}};return c[e](r,r.exports,u),r.exports}u.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return u.d(t,{a:t}),t},u.d=(e,t)=>{for(var r in t)u.o(t,r)&&!u.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);var l={};return(()=>{u.d(l,{default:()=>M});var e=u(9349),t=u.n(e),r=u(2040),n=u.n(r),o=u(9281),i=u.n(o),c=u(6357),a=u.n(c),s=u(3474),f=u.n(s);let p=(e=21)=>{let t="",r=e;for(;r--;)t+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[64*Math.random()|0];return t};u(5044);var d=["name","size","color","additionalCSS"];function y(){return y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},y.apply(this,arguments)}var m=function(e){var t=e.name,r=e.size,n=void 0===r?"0.75rem":r,o=e.color,c=void 0===o?"":o,a=e.additionalCSS,u=void 0===a?"":a,l=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,d);return i().createElement("svg",y({className:"".concat(c," ").concat(u),style:{width:n,height:n}},l),i().createElement("use",{xlinkHref:"#sprite-".concat(t)}))};m.propTypes={name:f().string.isRequired,size:f().string,color:f().string,additionalCSS:f().string};const b=m;function v(){return v=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},v.apply(this,arguments)}function h(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){w(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function O(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=r){var n,o,i=[],c=!0,a=!1;try{for(r=r.call(e);!(c=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);c=!0);}catch(e){a=!0,o=e}finally{try{c||null==r.return||r.return()}finally{if(a)throw o}}return i}}(e,t)||x(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(e){return function(e){if(Array.isArray(e))return S(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||x(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e,t){if(e){if("string"==typeof e)return S(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?S(e,t):void 0}}function S(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var E="ui-flashes",P={items:[]},A=(w({},"flashes",(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:P,t=arguments.length>1?arguments[1]:void 0;if("flash/push"===t.type){var r=Array.isArray(t.payload)?t.payload:[t.payload];return{items:[].concat(j(e.items),j(r))}}return e})),{type:f().oneOf(["error","success","notice","info","alert"]),content:f().string}),k={error:"bg-gui-error",success:"bg-zingy-green",notice:"bg-electric-cyan",info:"bg-electric-cyan",alert:"bg-active-orange"},q={error:"text-white",success:"text-cool-black",notice:"text-cool-black",info:"text-cool-black",alert:"text-white"},T=["success","info","notice"],C=function(e){var t=e.id,r=e.type,n=e.content,c=e.removeFlash,u=(0,o.useRef)(null),l=O((0,o.useState)(!1),2),s=l[0],f=l[1],p=O((0,o.useState)(0),2),d=p[0],y=p[1],m=O((0,o.useState)(!1),2),v=m[0],h=m[1],g=function(){u.current&&y(u.current.getBoundingClientRect().height),f(!0),setTimeout((function(){c(t)}),100)};(0,o.useEffect)((function(){return h(!0)}),[]),function(e,t){var r=(0,o.useRef)(null);(0,o.useEffect)((function(){return T.includes(e)&&(r.current=setTimeout((function(){t()}),8e3)),function(){r.current&&clearTimeout(r.current)}}),[])}(r,g);var w,j=v&&!s;w=d&&!s?{height:"".concat(d,"px")}:s?{height:0,marginTop:0,zIndex:-1}:{};var x=a().sanitize(n,{ALLOWED_TAGS:["a"],ALLOWED_ATTR:["href","data-method","rel"]}),S={notice:"icon-gui-ably-badge",success:"icon-gui-tick",error:"icon-gui-warning",alert:"icon-gui-warning"},E={notice:"text-cool-black",success:"text-cool-black",error:"text-white",alert:"text-white"};return i().createElement("div",{className:"ui-flash-message ui-grid-px ".concat(j?"ui-flash-message-enter":""),style:w,ref:u,"data-id":"ui-flash"},i().createElement("div",{className:"".concat(k[r]," p-32 flex align-center rounded shadow-container-subtle")},S[r]&&i().createElement(b,{name:S[r],color:E[r],size:"1.5rem",additionalCSS:"mr-16 self-baseline"}),i().createElement("p",{className:"ui-flash-text ".concat(q[r]),dangerouslySetInnerHTML:{__html:x}}),i().createElement("button",{type:"button",className:"p-0 ml-auto self-start focus:outline-none",onClick:g},i().createElement(b,{name:"icon-gui-close",color:E[r],size:"1.5rem",additionalCSS:"transition-colors"}))))};C.propTypes=g({},A);var L=function(e){var t=e.flashes,r=O((0,o.useState)([]),2),n=r[0],c=r[1],a=function(e){return c((function(t){return t.filter((function(t){return t.id!==e}))}))};return(0,o.useEffect)((function(){c((function(e){return[].concat(j(e),j(((null==t?void 0:t.items)||[]).map((function(e){return g(g({},e),{},{id:p(),removed:!1})}))))}))}),[t]),i().createElement("div",{className:"ui-flash","data-id":E},n.filter((function(e){return!e.removed})).map((function(e){return i().createElement(C,v({removeFlash:a,key:e.id},e))})))};L.propTypes={flashes:f().shape({items:f().arrayOf(f().shape(A))})};function z(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function D(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}f().arrayOf(f().arrayOf(f().string));var I=function(e){var t=function(e){return(arguments.length>1&&void 0!==arguments[1]?arguments[1]:document).querySelector("[data-id=".concat(e,"]"))}(E);t&&(t.style.marginTop=e?"4rem":null)},N=function(e){window.matchMedia("(min-width: 65rem)").matches?e.style.display=null:e.style.display="none"},U=function(e){e.style.maxHeight=0,e.style.overflow="hidden",I(!1)},_=function(e){e.style.maxHeight=null,e.style.overflow=null,I(!0)};const M=function(e){var r=e.bannerContainer,o=e.cookieId,i=e.noticeId,c=e.options;if("undefined"==typeof window)return function(){};if(!r)return console.warn("A Notice component was initited but no notice container was found."),function(){};if(function(e,r){return(t().get(e)||"").includes(r)}(o,i))return function(){};N(r),_(r);var a=function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?z(Object(r),!0).forEach((function(t){D(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}({collapse:!0},c),u=a.collapse?function(e){window.scrollY>5&&U(e);var t=n()((function(){window.scrollY>5?U(e):e.style.overflow&&_(e)}),100);return document.addEventListener("scroll",t),function(){return document.removeEventListener("scroll",t)}}(r):function(){},l=function(e,r,n,o){var i=e.querySelector("button");if(!i)return function(){};var c=function(){r&&n&&function(e,r){var n=t().get(e)||"";t().set(e,"".concat(n.replace("".concat(r,","),"")+r,","),{expires:90})}(r,n),U(e),o()};return i.addEventListener("click",c),function(){return document.removeEventListener("click",c)}}(r,o,i,u),s=function(e){var t=n()((function(){N(e)}),100);return window.addEventListener("resize",t),function(){return window.removeEventListener("resize",t)}}(r);return function(){[l,u,s].forEach((function(e){return e()}))}}})(),l.default})()}));
package/core/Notice.jsx CHANGED
@@ -92,22 +92,55 @@ var ConnectStateWrapper = function ConnectStateWrapper(Component, selectors) {
92
92
 
93
93
  /***/ }),
94
94
 
95
- /***/ 4935:
95
+ /***/ 8696:
96
96
  /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
97
97
 
98
- /* harmony export */ __webpack_require__.d(__webpack_exports__, {
99
- /* harmony export */ "FLASH_DATA_ID": () => (/* binding */ FLASH_DATA_ID)
100
- /* harmony export */ });
101
- /* unused harmony exports reducerFlashes, Flashes */
102
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9281);
103
- /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
104
- /* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6357);
105
- /* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(dompurify__WEBPACK_IMPORTED_MODULE_1__);
106
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3474);
107
- /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
108
- /* harmony import */ var _remote_data_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3511);
109
- /* harmony import */ var _ConnectStateWrapper_component_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(9787);
110
- /* harmony import */ var _Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(9008);
98
+
99
+ // EXPORTS
100
+ __webpack_require__.d(__webpack_exports__, {
101
+ "FLASH_DATA_ID": () => (/* binding */ FLASH_DATA_ID)
102
+ });
103
+
104
+ // UNUSED EXPORTS: Flashes, default, reducerFlashes
105
+
106
+ // EXTERNAL MODULE: external {"commonjs":"react","commonjs2":"react"}
107
+ var external_commonjs_react_commonjs2_react_ = __webpack_require__(9281);
108
+ var external_commonjs_react_commonjs2_react_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_react_commonjs2_react_);
109
+ // EXTERNAL MODULE: external {"commonjs":"dompurify","commonjs2":"dompurify"}
110
+ var external_commonjs_dompurify_commonjs2_dompurify_ = __webpack_require__(6357);
111
+ var external_commonjs_dompurify_commonjs2_dompurify_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_dompurify_commonjs2_dompurify_);
112
+ // EXTERNAL MODULE: external {"commonjs":"prop-types","commonjs2":"prop-types"}
113
+ var external_commonjs_prop_types_commonjs2_prop_types_ = __webpack_require__(3474);
114
+ var external_commonjs_prop_types_commonjs2_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_prop_types_commonjs2_prop_types_);
115
+ ;// CONCATENATED MODULE: ./node_modules/nanoid/non-secure/index.js
116
+ let urlAlphabet =
117
+ 'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict'
118
+ let customAlphabet = (alphabet, defaultSize = 21) => {
119
+ return (size = defaultSize) => {
120
+ let id = ''
121
+ let i = size
122
+ while (i--) {
123
+ id += alphabet[(Math.random() * alphabet.length) | 0]
124
+ }
125
+ return id
126
+ }
127
+ }
128
+ let nanoid = (size = 21) => {
129
+ let id = ''
130
+ let i = size
131
+ while (i--) {
132
+ id += urlAlphabet[(Math.random() * 64) | 0]
133
+ }
134
+ return id
135
+ }
136
+
137
+ // EXTERNAL MODULE: ./src/core/remote-data-store.js
138
+ var remote_data_store = __webpack_require__(3511);
139
+ // EXTERNAL MODULE: ./src/core/ConnectStateWrapper/component.jsx
140
+ var component = __webpack_require__(9787);
141
+ // EXTERNAL MODULE: ./src/core/Icon/component.jsx
142
+ var Icon_component = __webpack_require__(9008);
143
+ ;// CONCATENATED MODULE: ./src/core/Flash/component.jsx
111
144
  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); }
112
145
 
113
146
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -142,6 +175,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
142
175
 
143
176
 
144
177
 
178
+
145
179
  var REDUCER_KEY = "flashes";
146
180
  var FLASH_DATA_ID = "ui-flashes";
147
181
  var initialState = {
@@ -171,8 +205,8 @@ var selectFlashes = function selectFlashes(store) {
171
205
  };
172
206
 
173
207
  var FlashT = {
174
- type: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["error", "success", "notice", "info", "alert"]),
175
- content: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)
208
+ type: external_commonjs_prop_types_commonjs2_prop_types_default().oneOf(["error", "success", "notice", "info", "alert"]),
209
+ content: (external_commonjs_prop_types_commonjs2_prop_types_default()).string
176
210
  };
177
211
  var FLASH_BG_COLOR = {
178
212
  error: "bg-gui-error",
@@ -191,48 +225,60 @@ var FLASH_TEXT_COLOR = {
191
225
  var AUTO_HIDE = ["success", "info", "notice"];
192
226
  var AUTO_HIDE_TIME = 8000;
193
227
 
228
+ var useAutoHide = function useAutoHide(type, closeFlash) {
229
+ var timeoutId = (0,external_commonjs_react_commonjs2_react_.useRef)(null);
230
+ (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
231
+ if (AUTO_HIDE.includes(type)) {
232
+ timeoutId.current = setTimeout(function () {
233
+ closeFlash();
234
+ }, AUTO_HIDE_TIME);
235
+ }
236
+
237
+ return function () {
238
+ if (timeoutId.current) {
239
+ clearTimeout(timeoutId.current);
240
+ }
241
+ };
242
+ }, []);
243
+ };
244
+
194
245
  var Flash = function Flash(_ref) {
195
- var type = _ref.type,
196
- content = _ref.content;
197
- var ref = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
246
+ var id = _ref.id,
247
+ type = _ref.type,
248
+ content = _ref.content,
249
+ removeFlash = _ref.removeFlash;
250
+ var ref = (0,external_commonjs_react_commonjs2_react_.useRef)(null);
198
251
 
199
- var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
252
+ var _useState = (0,external_commonjs_react_commonjs2_react_.useState)(false),
200
253
  _useState2 = _slicedToArray(_useState, 2),
201
254
  closed = _useState2[0],
202
255
  setClosed = _useState2[1];
203
256
 
204
- var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(0),
257
+ var _useState3 = (0,external_commonjs_react_commonjs2_react_.useState)(0),
205
258
  _useState4 = _slicedToArray(_useState3, 2),
206
259
  flashHeight = _useState4[0],
207
260
  setFlashHeight = _useState4[1];
208
261
 
209
- var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
262
+ var _useState5 = (0,external_commonjs_react_commonjs2_react_.useState)(false),
210
263
  _useState6 = _slicedToArray(_useState5, 2),
211
264
  triggerEntryAnimation = _useState6[0],
212
265
  setTriggerEntryAnimation = _useState6[1];
213
266
 
214
- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
215
- return setTriggerEntryAnimation(true);
216
- }, []);
217
- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
218
- if (AUTO_HIDE.includes(type)) {
219
- setTimeout(function () {
220
- // closeFlash is idempotent, we can call it even if the flash has been already closed
221
- closeFlash();
222
- }, AUTO_HIDE_TIME);
223
- }
224
- }, [closed]);
225
-
226
267
  var closeFlash = function closeFlash() {
227
268
  if (ref.current) {
228
269
  setFlashHeight(ref.current.getBoundingClientRect().height);
229
270
  }
230
271
 
272
+ setClosed(true);
231
273
  setTimeout(function () {
232
- return setClosed(true);
233
- }, 0);
274
+ removeFlash(id);
275
+ }, 100);
234
276
  };
235
277
 
278
+ (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
279
+ return setTriggerEntryAnimation(true);
280
+ }, []);
281
+ useAutoHide(type, closeFlash);
236
282
  var animateEntry = triggerEntryAnimation && !closed;
237
283
  var style;
238
284
 
@@ -250,7 +296,7 @@ var Flash = function Flash(_ref) {
250
296
  style = {};
251
297
  }
252
298
 
253
- var safeContent = dompurify__WEBPACK_IMPORTED_MODULE_1___default().sanitize(content, {
299
+ var safeContent = external_commonjs_dompurify_commonjs2_dompurify_default().sanitize(content, {
254
300
  ALLOWED_TAGS: ["a"],
255
301
  ALLOWED_ATTR: ["href", "data-method", "rel"]
256
302
  });
@@ -266,28 +312,28 @@ var Flash = function Flash(_ref) {
266
312
  error: "text-white",
267
313
  alert: "text-white"
268
314
  };
269
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
315
+ return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
270
316
  className: "ui-flash-message ui-grid-px ".concat(animateEntry ? "ui-flash-message-enter" : ""),
271
317
  style: style,
272
318
  ref: ref,
273
319
  "data-id": "ui-flash"
274
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
320
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
275
321
  className: "".concat(FLASH_BG_COLOR[type], " p-32 flex align-center rounded shadow-container-subtle")
276
- }, withIcons[type] && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__.default, {
322
+ }, withIcons[type] && /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
277
323
  name: withIcons[type],
278
324
  color: iconColor[type],
279
325
  size: "1.5rem",
280
326
  additionalCSS: "mr-16 self-baseline"
281
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("p", {
327
+ }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("p", {
282
328
  className: "ui-flash-text ".concat(FLASH_TEXT_COLOR[type]),
283
329
  dangerouslySetInnerHTML: {
284
330
  __html: safeContent
285
331
  }
286
- }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("button", {
332
+ }), /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("button", {
287
333
  type: "button",
288
334
  className: "p-0 ml-auto self-start focus:outline-none",
289
335
  onClick: closeFlash
290
- }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_Icon_component_jsx__WEBPACK_IMPORTED_MODULE_5__.default, {
336
+ }, /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Icon_component.default, {
291
337
  name: "icon-gui-close",
292
338
  color: iconColor[type],
293
339
  size: "1.5rem",
@@ -299,26 +345,52 @@ Flash.propTypes = _objectSpread({}, FlashT);
299
345
 
300
346
  var Flashes = function Flashes(_ref2) {
301
347
  var flashes = _ref2.flashes;
302
- var items = (flashes === null || flashes === void 0 ? void 0 : flashes.items) || [];
303
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
348
+
349
+ var _useState7 = (0,external_commonjs_react_commonjs2_react_.useState)([]),
350
+ _useState8 = _slicedToArray(_useState7, 2),
351
+ flashesWithIds = _useState8[0],
352
+ setFlashesWithIds = _useState8[1];
353
+
354
+ var removeFlash = function removeFlash(flashId) {
355
+ return setFlashesWithIds(function (items) {
356
+ return items.filter(function (item) {
357
+ return item.id !== flashId;
358
+ });
359
+ });
360
+ };
361
+
362
+ (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
363
+ setFlashesWithIds(function (state) {
364
+ return [].concat(_toConsumableArray(state), _toConsumableArray(((flashes === null || flashes === void 0 ? void 0 : flashes.items) || []).map(function (flash) {
365
+ return _objectSpread(_objectSpread({}, flash), {}, {
366
+ id: nanoid(),
367
+ removed: false
368
+ });
369
+ })));
370
+ });
371
+ }, [flashes]);
372
+ return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement("div", {
304
373
  className: "ui-flash",
305
374
  "data-id": FLASH_DATA_ID
306
- }, items.map(function (flash) {
307
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Flash, _extends({
308
- key: flash.type
375
+ }, flashesWithIds.filter(function (item) {
376
+ return !item.removed;
377
+ }).map(function (flash) {
378
+ return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(Flash, _extends({
379
+ removeFlash: removeFlash,
380
+ key: flash.id
309
381
  }, flash));
310
382
  }));
311
383
  };
312
384
 
313
385
  Flashes.propTypes = {
314
- flashes: prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
315
- items: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape(FlashT))
386
+ flashes: external_commonjs_prop_types_commonjs2_prop_types_default().shape({
387
+ items: external_commonjs_prop_types_commonjs2_prop_types_default().arrayOf(external_commonjs_prop_types_commonjs2_prop_types_default().shape(FlashT))
316
388
  })
317
389
  };
318
390
 
319
391
  var BackendFlashes = function BackendFlashes(_ref3) {
320
392
  var flashes = _ref3.flashes;
321
- (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
393
+ (0,external_commonjs_react_commonjs2_react_.useEffect)(function () {
322
394
  var transformedFlashes = flashes.map(function (flash) {
323
395
  var _flash = _slicedToArray(flash, 2),
324
396
  type = _flash[0],
@@ -331,24 +403,24 @@ var BackendFlashes = function BackendFlashes(_ref3) {
331
403
  }) || [];
332
404
 
333
405
  if (transformedFlashes.length > 0) {
334
- var store = (0,_remote_data_store__WEBPACK_IMPORTED_MODULE_3__/* .getRemoteDataStore */ .cO)();
406
+ var store = (0,remote_data_store/* getRemoteDataStore */.cO)();
335
407
  store.dispatch({
336
408
  type: "flash/push",
337
409
  payload: transformedFlashes
338
410
  });
339
411
  }
340
412
  }, []);
341
- var WrappedFlashes = (0,_ConnectStateWrapper_component_jsx__WEBPACK_IMPORTED_MODULE_4__.default)(Flashes, {
413
+ var WrappedFlashes = (0,component.default)(Flashes, {
342
414
  flashes: selectFlashes
343
415
  });
344
- return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(WrappedFlashes, null);
416
+ return /*#__PURE__*/external_commonjs_react_commonjs2_react_default().createElement(WrappedFlashes, null);
345
417
  };
346
418
 
347
419
  BackendFlashes.propTypes = {
348
- flashes: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)))
420
+ flashes: external_commonjs_prop_types_commonjs2_prop_types_default().arrayOf(external_commonjs_prop_types_commonjs2_prop_types_default().arrayOf((external_commonjs_prop_types_commonjs2_prop_types_default()).string))
349
421
  };
350
422
 
351
- /* unused harmony default export */ var __WEBPACK_DEFAULT_EXPORT__ = ((/* unused pure expression or super */ null && (BackendFlashes)));
423
+ /* harmony default export */ const Flash_component = ((/* unused pure expression or super */ null && (BackendFlashes)));
352
424
 
353
425
  /***/ }),
354
426
 
@@ -599,8 +671,8 @@ var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_ = __webpack_req
599
671
  var external_commonjs_lodash_throttle_commonjs2_lodash_throttle_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_lodash_throttle_commonjs2_lodash_throttle_);
600
672
  // EXTERNAL MODULE: ./src/core/dom-query.js
601
673
  var dom_query = __webpack_require__(9581);
602
- // EXTERNAL MODULE: ./src/core/Flash/component.jsx
603
- var component = __webpack_require__(4935);
674
+ // EXTERNAL MODULE: ./src/core/Flash/component.jsx + 1 modules
675
+ var component = __webpack_require__(8696);
604
676
  ;// CONCATENATED MODULE: ./src/core/Notice/component.js
605
677
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
606
678
 
Binary file