@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/Icons/AttachIcon.js

@@ -1 +1,31 @@
-import t from"prop-types";import{useTheme as r,SvgIcon as e}from"@material-ui/core";import{jsx as i}from"react/jsx-runtime";var h=function(t){var h=t.height,o=t.width,p=r();return i(e,{viewBox:"0 0 24 24",fill:"none",width:o,height:h,children:i("path",{d:"M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z",fill:p.palette.primary.text6})})};h.propTypes={height:t.number,width:t.number},h.defaultProps={height:24,width:24};export{h as default};
+import { jsx } from 'react/jsx-runtime';
+import { useTheme, SvgIcon } from '@material-ui/core';
+import PropTypes from 'prop-types';
+
+var AttachIcon = function AttachIcon(_ref) {
+  var height = _ref.height,
+      width = _ref.width;
+  var theme = useTheme();
+  return /*#__PURE__*/jsx(SvgIcon, {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    width: width,
+    height: height,
+    children: /*#__PURE__*/jsx("path", {
+      d: "M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z",
+      fill: theme.palette.primary.text6
+    })
+  });
+};
+
+AttachIcon.propTypes = {
+  height: PropTypes.number,
+  width: PropTypes.number
+};
+AttachIcon.defaultProps = {
+  height: 24,
+  width: 24
+};
+
+export default AttachIcon;
+//# sourceMappingURL=AttachIcon.js.map

package/components/Icons/AttachIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachIcon.js","sources":["../../../src/components/Icons/AttachIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { SvgIcon, useTheme } from '@material-ui/core';\n\nconst AttachIcon = ({ height, width }) => {\n  const theme = useTheme();\n  return (\n    <SvgIcon viewBox=\"0 0 24 24\" fill=\"none\" width={width} height={height}>\n      <path\n        d=\"M16 6V17.5C16 19.71 14.21 21.5 12 21.5C9.79 21.5 8 19.71 8 17.5V5C8 3.62 9.12 2.5 10.5 2.5C11.88 2.5 13 3.62 13 5V15.5C13 16.05 12.55 16.5 12 16.5C11.45 16.5 11 16.05 11 15.5V6H9.5V15.5C9.5 16.88 10.62 18 12 18C13.38 18 14.5 16.88 14.5 15.5V5C14.5 2.79 12.71 1 10.5 1C8.29 1 6.5 2.79 6.5 5V17.5C6.5 20.54 8.96 23 12 23C15.04 23 17.5 20.54 17.5 17.5V6H16Z\"\n        fill={theme.palette.primary.text6}\n      />\n    </SvgIcon>\n  );\n};\n\nAttachIcon.propTypes = {\n  height: PropTypes.number,\n  width: PropTypes.number,\n};\n\nAttachIcon.defaultProps = {\n  height: 24,\n  width: 24,\n};\n\nexport default AttachIcon;\n"],"names":["AttachIcon","height","width","theme","useTheme","_jsx","palette","primary","text6","propTypes","PropTypes","number","defaultProps"],"mappings":";;;;IAGMA,UAAU,GAAG,SAAbA,UAAa,OAAuB;AAAA,MAApBC,MAAoB,QAApBA,MAAoB;AAAA,MAAZC,KAAY,QAAZA,KAAY;AACxC,MAAMC,KAAK,GAAGC,QAAQ,EAAtB;AACA,sBACEC,IAAC,OAAD;AAAS,IAAA,OAAO,EAAC,WAAjB;AAA6B,IAAA,IAAI,EAAC,MAAlC;AAAyC,IAAA,KAAK,EAAEH,KAAhD;AAAuD,IAAA,MAAM,EAAED,MAA/D;AAAA,2BACEI;AACE,MAAA,CAAC,EAAC,oWADJ;AAEE,MAAA,IAAI,EAAEF,KAAK,CAACG,OAAN,CAAcC,OAAd,CAAsBC;AAF9B;AADF,IADF;AAQD;;AAEDR,UAAU,CAACS,SAAX,GAAuB;AACrBR,EAAAA,MAAM,EAAES,SAAS,CAACC,MADG;AAErBT,EAAAA,KAAK,EAAEQ,SAAS,CAACC;AAFI,CAAvB;AAKAX,UAAU,CAACY,YAAX,GAA0B;AACxBX,EAAAA,MAAM,EAAE,EADgB;AAExBC,EAAAA,KAAK,EAAE;AAFiB,CAA1B;;;;"}

package/components/Icons/EmojiIcon.js

@@ -1 +1,33 @@
-import e from"prop-types";import{useTheme as t,SvgIcon as r}from"@material-ui/core";import{jsx as i}from"react/jsx-runtime";var C=function(e){var C=e.height,o=e.width,p=t();return i(r,{viewBox:"0 0 20 20",fill:"none",width:o,height:C,children:i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM15 7.5C15 8.33 14.33 9 13.5 9C12.67 9 12 8.33 12 7.5C12 6.67 12.67 6 13.5 6C14.33 6 15 6.67 15 7.5ZM6.5 9C7.33 9 8 8.33 8 7.5C8 6.67 7.33 6 6.5 6C5.67 6 5 6.67 5 7.5C5 8.33 5.67 9 6.5 9ZM15.11 12C14.31 14.04 12.33 15.5 10 15.5C7.67 15.5 5.69 14.04 4.89 12H15.11Z",fill:p.palette.primary.text6})})};C.propTypes={height:e.number,width:e.number},C.defaultProps={height:20,width:22};export{C as default};
+import { jsx } from 'react/jsx-runtime';
+import { useTheme, SvgIcon } from '@material-ui/core';
+import PropTypes from 'prop-types';
+
+var EmojiIcon = function EmojiIcon(_ref) {
+  var height = _ref.height,
+      width = _ref.width;
+  var theme = useTheme();
+  return /*#__PURE__*/jsx(SvgIcon, {
+    viewBox: "0 0 20 20",
+    fill: "none",
+    width: width,
+    height: height,
+    children: /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM15 7.5C15 8.33 14.33 9 13.5 9C12.67 9 12 8.33 12 7.5C12 6.67 12.67 6 13.5 6C14.33 6 15 6.67 15 7.5ZM6.5 9C7.33 9 8 8.33 8 7.5C8 6.67 7.33 6 6.5 6C5.67 6 5 6.67 5 7.5C5 8.33 5.67 9 6.5 9ZM15.11 12C14.31 14.04 12.33 15.5 10 15.5C7.67 15.5 5.69 14.04 4.89 12H15.11Z",
+      fill: theme.palette.primary.text6
+    })
+  });
+};
+
+EmojiIcon.propTypes = {
+  height: PropTypes.number,
+  width: PropTypes.number
+};
+EmojiIcon.defaultProps = {
+  height: 20,
+  width: 22
+};
+
+export default EmojiIcon;
+//# sourceMappingURL=EmojiIcon.js.map

package/components/Icons/EmojiIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmojiIcon.js","sources":["../../../src/components/Icons/EmojiIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { SvgIcon, useTheme } from '@material-ui/core';\n\nconst EmojiIcon = ({ height, width }) => {\n  const theme = useTheme();\n  return (\n    <SvgIcon viewBox=\"0 0 20 20\" fill=\"none\" width={width} height={height}>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM15 7.5C15 8.33 14.33 9 13.5 9C12.67 9 12 8.33 12 7.5C12 6.67 12.67 6 13.5 6C14.33 6 15 6.67 15 7.5ZM6.5 9C7.33 9 8 8.33 8 7.5C8 6.67 7.33 6 6.5 6C5.67 6 5 6.67 5 7.5C5 8.33 5.67 9 6.5 9ZM15.11 12C14.31 14.04 12.33 15.5 10 15.5C7.67 15.5 5.69 14.04 4.89 12H15.11Z\"\n        fill={theme.palette.primary.text6}\n      />\n    </SvgIcon>\n  );\n};\n\nEmojiIcon.propTypes = {\n  height: PropTypes.number,\n  width: PropTypes.number,\n};\n\nEmojiIcon.defaultProps = {\n  height: 20,\n  width: 22,\n};\n\nexport default EmojiIcon;\n"],"names":["EmojiIcon","height","width","theme","useTheme","_jsx","palette","primary","text6","propTypes","PropTypes","number","defaultProps"],"mappings":";;;;IAGMA,SAAS,GAAG,SAAZA,SAAY,OAAuB;AAAA,MAApBC,MAAoB,QAApBA,MAAoB;AAAA,MAAZC,KAAY,QAAZA,KAAY;AACvC,MAAMC,KAAK,GAAGC,QAAQ,EAAtB;AACA,sBACEC,IAAC,OAAD;AAAS,IAAA,OAAO,EAAC,WAAjB;AAA6B,IAAA,IAAI,EAAC,MAAlC;AAAyC,IAAA,KAAK,EAAEH,KAAhD;AAAuD,IAAA,MAAM,EAAED,MAA/D;AAAA,2BACEI;AACE,MAAA,QAAQ,EAAC,SADX;AAEE,MAAA,QAAQ,EAAC,SAFX;AAGE,MAAA,CAAC,EAAC,wcAHJ;AAIE,MAAA,IAAI,EAAEF,KAAK,CAACG,OAAN,CAAcC,OAAd,CAAsBC;AAJ9B;AADF,IADF;AAUD;;AAEDR,SAAS,CAACS,SAAV,GAAsB;AACpBR,EAAAA,MAAM,EAAES,SAAS,CAACC,MADE;AAEpBT,EAAAA,KAAK,EAAEQ,SAAS,CAACC;AAFG,CAAtB;AAKAX,SAAS,CAACY,YAAV,GAAyB;AACvBX,EAAAA,MAAM,EAAE,EADe;AAEvBC,EAAAA,KAAK,EAAE;AAFgB,CAAzB;;;;"}

package/components/Icons/RecommendationIcon.js

@@ -1 +1,32 @@
-import e from"prop-types";import{jsx as t}from"react/jsx-runtime";var i=function(e){var i=e.height,r=e.width;return t("svg",{width:r,height:i,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.7098 2.28957L21.7098 11.2896C22.0998 11.6896 22.0998 12.3196 21.7098 12.6996L12.7098 21.6996C12.3198 22.0896 11.6898 22.0896 11.2998 21.6996L2.29982 12.6996C1.90982 12.3096 1.90982 11.6796 2.29982 11.2896L11.2998 2.28957C11.6898 1.89957 12.3198 1.89957 12.7098 2.28957ZM13.9998 11.9996V14.4996L17.4998 10.9996L13.9998 7.49957V9.99957H8.99982C8.44982 9.99957 7.99982 10.4496 7.99982 10.9996V14.9996H9.99982V11.9996H13.9998Z",fill:"#75DB29"})})};i.propTypes={height:e.number,width:e.number},i.defaultProps={height:28,width:28};export{i as default};
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+
+var RecommendationIcon = function RecommendationIcon(_ref) {
+  var height = _ref.height,
+      width = _ref.width;
+  return /*#__PURE__*/jsx("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/jsx("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12.7098 2.28957L21.7098 11.2896C22.0998 11.6896 22.0998 12.3196 21.7098 12.6996L12.7098 21.6996C12.3198 22.0896 11.6898 22.0896 11.2998 21.6996L2.29982 12.6996C1.90982 12.3096 1.90982 11.6796 2.29982 11.2896L11.2998 2.28957C11.6898 1.89957 12.3198 1.89957 12.7098 2.28957ZM13.9998 11.9996V14.4996L17.4998 10.9996L13.9998 7.49957V9.99957H8.99982C8.44982 9.99957 7.99982 10.4496 7.99982 10.9996V14.9996H9.99982V11.9996H13.9998Z",
+      fill: "#75DB29"
+    })
+  });
+};
+
+RecommendationIcon.propTypes = {
+  height: PropTypes.number,
+  width: PropTypes.number
+};
+RecommendationIcon.defaultProps = {
+  height: 28,
+  width: 28
+};
+
+export default RecommendationIcon;
+//# sourceMappingURL=RecommendationIcon.js.map

package/components/Icons/RecommendationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationIcon.js","sources":["../../../src/components/Icons/RecommendationIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\r\n\r\nconst RecommendationIcon = ({ height, width }) => (\r\n  <svg width={width} height={height} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M12.7098 2.28957L21.7098 11.2896C22.0998 11.6896 22.0998 12.3196 21.7098 12.6996L12.7098 21.6996C12.3198 22.0896 11.6898 22.0896 11.2998 21.6996L2.29982 12.6996C1.90982 12.3096 1.90982 11.6796 2.29982 11.2896L11.2998 2.28957C11.6898 1.89957 12.3198 1.89957 12.7098 2.28957ZM13.9998 11.9996V14.4996L17.4998 10.9996L13.9998 7.49957V9.99957H8.99982C8.44982 9.99957 7.99982 10.4496 7.99982 10.9996V14.9996H9.99982V11.9996H13.9998Z\" fill=\"#75DB29\"/>\r\n  </svg>\r\n)\r\n\r\nRecommendationIcon.propTypes = {\r\n  height: PropTypes.number,\r\n  width: PropTypes.number,\r\n}\r\n\r\nRecommendationIcon.defaultProps = {\r\n  height: 28,\r\n  width: 28,\r\n}\r\n\r\nexport default RecommendationIcon;"],"names":["RecommendationIcon","height","width","_jsx","propTypes","PropTypes","number","defaultProps"],"mappings":";;;IAEMA,kBAAkB,GAAG,SAArBA,kBAAqB;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,MAAWC,KAAX,QAAWA,KAAX;AAAA,sBACzBC;AAAK,IAAA,KAAK,EAAED,KAAZ;AAAmB,IAAA,MAAM,EAAED,MAA3B;AAAmC,IAAA,OAAO,EAAC,WAA3C;AAAuD,IAAA,IAAI,EAAC,MAA5D;AAAmE,IAAA,KAAK,EAAC,4BAAzE;AAAA,2BACEE;AAAM,MAAA,QAAQ,EAAC,SAAf;AAAyB,MAAA,QAAQ,EAAC,SAAlC;AAA4C,MAAA,CAAC,EAAC,4aAA9C;AAA2d,MAAA,IAAI,EAAC;AAAhe;AADF,IADyB;AAAA;;AAM3BH,kBAAkB,CAACI,SAAnB,GAA+B;AAC7BH,EAAAA,MAAM,EAAEI,SAAS,CAACC,MADW;AAE7BJ,EAAAA,KAAK,EAAEG,SAAS,CAACC;AAFY,CAA/B;AAKAN,kBAAkB,CAACO,YAAnB,GAAkC;AAChCN,EAAAA,MAAM,EAAE,EADwB;AAEhCC,EAAAA,KAAK,EAAE;AAFyB,CAAlC;;;;"}

package/components/Icons/SendIcon.js

@@ -1 +1,30 @@
-import t from"prop-types";import{jsx as r}from"react/jsx-runtime";var e=function(t){var e=t.height,i=t.width;return r("svg",{width:i,height:e,viewBox:"0 0 21 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z",fill:"#03BCD4"})})};e.propTypes={height:t.number,width:t.number},e.defaultProps={height:21,width:18};export{e as default};
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+
+var SendIcon = function SendIcon(_ref) {
+  var height = _ref.height,
+      width = _ref.width;
+  return /*#__PURE__*/jsx("svg", {
+    width: width,
+    height: height,
+    viewBox: "0 0 21 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/jsx("path", {
+      d: "M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z",
+      fill: "#03BCD4"
+    })
+  });
+};
+
+SendIcon.propTypes = {
+  height: PropTypes.number,
+  width: PropTypes.number
+};
+SendIcon.defaultProps = {
+  height: 21,
+  width: 18
+};
+
+export default SendIcon;
+//# sourceMappingURL=SendIcon.js.map

package/components/Icons/SendIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SendIcon.js","sources":["../../../src/components/Icons/SendIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nconst SendIcon = ({ height, width }) => (\n  <svg width={width} height={height} viewBox=\"0 0 21 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path d=\"M0.01 18L21 9L0.01 0L0 7L15 9L0 11L0.01 18Z\" fill=\"#03BCD4\"/>\n  </svg>\n)\n\nSendIcon.propTypes = {\n  height: PropTypes.number,\n  width: PropTypes.number,\n}\n\nSendIcon.defaultProps = {\n  height: 21,\n  width: 18,\n}\n\nexport default SendIcon;"],"names":["SendIcon","height","width","_jsx","propTypes","PropTypes","number","defaultProps"],"mappings":";;;IAEMA,QAAQ,GAAG,SAAXA,QAAW;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,MAAWC,KAAX,QAAWA,KAAX;AAAA,sBACfC;AAAK,IAAA,KAAK,EAAED,KAAZ;AAAmB,IAAA,MAAM,EAAED,MAA3B;AAAmC,IAAA,OAAO,EAAC,WAA3C;AAAuD,IAAA,IAAI,EAAC,MAA5D;AAAmE,IAAA,KAAK,EAAC,4BAAzE;AAAA,2BACEE;AAAM,MAAA,CAAC,EAAC,6CAAR;AAAsD,MAAA,IAAI,EAAC;AAA3D;AADF,IADe;AAAA;;AAMjBH,QAAQ,CAACI,SAAT,GAAqB;AACnBH,EAAAA,MAAM,EAAEI,SAAS,CAACC,MADC;AAEnBJ,EAAAA,KAAK,EAAEG,SAAS,CAACC;AAFE,CAArB;AAKAN,QAAQ,CAACO,YAAT,GAAwB;AACtBN,EAAAA,MAAM,EAAE,EADc;AAEtBC,EAAAA,KAAK,EAAE;AAFe,CAAxB;;;;"}

package/components/ImageViewer/index.js

@@ -1 +1,73 @@
-import e from"prop-types";import o from"react-image-lightbox";import r from"@material-ui/icons/SaveAlt";import a from"@material-ui/icons/ArrowBack";import n from"./styles.css.js";import{jsxs as t,jsx as i}from"react/jsx-runtime";var l=function(e){return i("div",{className:n.cImageViewerToolbar,children:i("button",{type:"button","aria-label":"Close",className:n.cImageViewerToolbarButton,onClick:e.onCloseRequest,children:i(a,{className:n.cImageViewerToolbarIcon,htmlColor:"#b3b3b3"})})})},s=function(e){return t("div",{className:n.cImageViewer,children:[i(l,{onCloseRequest:e.onCloseRequest}),i(o,{mainSrc:e.mainSrc,imagePadding:e.imagePadding,toolbarButtons:[i("button",{type:"button","aria-label":"Download",className:n.cImageViewerToolbarButton,children:i("a",{href:e.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:i(r,{className:n.cImageViewerToolbarIcon,htmlColor:"#b3b3b3"})})})],onAfterOpen:e.onAfterOpen,onCloseRequest:e.onCloseRequest})]})};s.propTypes={mainSrc:e.string.isRequired,imagePadding:e.number,onAfterOpen:e.func,onCloseRequest:e.func},l.propTypes={onCloseRequest:e.func.isRequired},s.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0};export{s as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import DownloadIcon from '@material-ui/icons/SaveAlt';
+import Lightbox from 'react-image-lightbox';
+import BackIcon from '@material-ui/icons/ArrowBack';
+import styles from './styles.css.js';
+
+var Toolbar = function Toolbar(props) {
+  return /*#__PURE__*/jsx("div", {
+    className: styles.cImageViewerToolbar,
+    children: /*#__PURE__*/jsx("button", {
+      type: "button",
+      "aria-label": "Close",
+      className: styles.cImageViewerToolbarButton,
+      onClick: props.onCloseRequest,
+      children: /*#__PURE__*/jsx(BackIcon, {
+        className: styles.cImageViewerToolbarIcon,
+        htmlColor: "#b3b3b3"
+      })
+    })
+  });
+};
+
+var ImageViewer = function ImageViewer(props) {
+  var renderToolbarButtons = function renderToolbarButtons() {
+    return [/*#__PURE__*/jsx("button", {
+      type: "button",
+      "aria-label": "Download",
+      className: styles.cImageViewerToolbarButton,
+      children: /*#__PURE__*/jsx("a", {
+        href: props.mainSrc,
+        download: "image",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: /*#__PURE__*/jsx(DownloadIcon, {
+          className: styles.cImageViewerToolbarIcon,
+          htmlColor: "#b3b3b3"
+        })
+      })
+    })];
+  };
+
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.cImageViewer,
+    children: [/*#__PURE__*/jsx(Toolbar, {
+      onCloseRequest: props.onCloseRequest
+    }), /*#__PURE__*/jsx(Lightbox, {
+      mainSrc: props.mainSrc,
+      imagePadding: props.imagePadding,
+      toolbarButtons: renderToolbarButtons(),
+      onAfterOpen: props.onAfterOpen,
+      onCloseRequest: props.onCloseRequest
+    })]
+  });
+};
+
+ImageViewer.propTypes = {
+  mainSrc: PropTypes.string.isRequired,
+  imagePadding: PropTypes.number,
+  onAfterOpen: PropTypes.func,
+  onCloseRequest: PropTypes.func
+};
+Toolbar.propTypes = {
+  onCloseRequest: PropTypes.func.isRequired
+};
+ImageViewer.defaultProps = {
+  imagePadding: 50,
+  onAfterOpen: undefined,
+  onCloseRequest: undefined
+};
+
+export default ImageViewer;
+//# sourceMappingURL=index.js.map

package/components/ImageViewer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\n\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport styles from './styles.css';\n\nconst Toolbar = props => (\n  <div className={styles.cImageViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cImageViewerToolbarButton}\n      onClick={props.onCloseRequest}\n    >\n      <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#b3b3b3\" />\n    </button>\n  </div>\n);\n\nconst ImageViewer = props => {\n  const renderToolbarButtons = () => [\n    <button type=\"button\" aria-label=\"Download\" className={styles.cImageViewerToolbarButton}>\n      <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#b3b3b3\" />\n      </a>\n    </button>,\n  ];\n\n  return (\n    <div className={styles.cImageViewer}>\n      <Toolbar onCloseRequest={props.onCloseRequest} />\n      <Lightbox\n        mainSrc={props.mainSrc}\n        imagePadding={props.imagePadding}\n        toolbarButtons={renderToolbarButtons()}\n        onAfterOpen={props.onAfterOpen}\n        onCloseRequest={props.onCloseRequest}\n      />\n    </div>\n  );\n};\n\nImageViewer.propTypes = {\n  mainSrc: PropTypes.string.isRequired,\n  imagePadding: PropTypes.number,\n  onAfterOpen: PropTypes.func,\n  onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n  onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n  imagePadding: 50,\n  onAfterOpen: undefined,\n  onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["Toolbar","props","_jsx","styles","cImageViewerToolbar","cImageViewerToolbarButton","onCloseRequest","cImageViewerToolbarIcon","ImageViewer","renderToolbarButtons","mainSrc","_jsxs","cImageViewer","imagePadding","onAfterOpen","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":";;;;;;;AAQA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAAAC,KAAK;AAAA,sBACnBC;AAAK,IAAA,SAAS,EAAEC,MAAM,CAACC,mBAAvB;AAAA,2BACEF;AACE,MAAA,IAAI,EAAC,QADP;AAEE,oBAAW,OAFb;AAGE,MAAA,SAAS,EAAEC,MAAM,CAACE,yBAHpB;AAIE,MAAA,OAAO,EAAEJ,KAAK,CAACK,cAJjB;AAAA,6BAMEJ,IAAC,QAAD;AAAU,QAAA,SAAS,EAAEC,MAAM,CAACI,uBAA5B;AAAqD,QAAA,SAAS,EAAC;AAA/D;AANF;AADF,IADmB;AAAA,CAArB;;IAaMC,WAAW,GAAG,SAAdA,WAAc,CAAAP,KAAK,EAAI;AAC3B,MAAMQ,oBAAoB,GAAG,SAAvBA,oBAAuB;AAAA,WAAM,cACjCP;AAAQ,MAAA,IAAI,EAAC,QAAb;AAAsB,oBAAW,UAAjC;AAA4C,MAAA,SAAS,EAAEC,MAAM,CAACE,yBAA9D;AAAA,6BACEH;AAAG,QAAA,IAAI,EAAED,KAAK,CAACS,OAAf;AAAwB,QAAA,QAAQ,EAAC,OAAjC;AAAyC,QAAA,MAAM,EAAC,QAAhD;AAAyD,QAAA,GAAG,EAAC,qBAA7D;AAAA,+BACER,IAAC,YAAD;AAAc,UAAA,SAAS,EAAEC,MAAM,CAACI,uBAAhC;AAAyD,UAAA,SAAS,EAAC;AAAnE;AADF;AADF,MADiC,CAAN;AAAA,GAA7B;;AAQA,sBACEI;AAAK,IAAA,SAAS,EAAER,MAAM,CAACS,YAAvB;AAAA,4BACEV,IAAC,OAAD;AAAS,MAAA,cAAc,EAAED,KAAK,CAACK;AAA/B,MADF,eAEEJ,IAAC,QAAD;AACE,MAAA,OAAO,EAAED,KAAK,CAACS,OADjB;AAEE,MAAA,YAAY,EAAET,KAAK,CAACY,YAFtB;AAGE,MAAA,cAAc,EAAEJ,oBAAoB,EAHtC;AAIE,MAAA,WAAW,EAAER,KAAK,CAACa,WAJrB;AAKE,MAAA,cAAc,EAAEb,KAAK,CAACK;AALxB,MAFF;AAAA,IADF;AAYD;;AAEDE,WAAW,CAACO,SAAZ,GAAwB;AACtBL,EAAAA,OAAO,EAAEM,SAAS,CAACC,MAAV,CAAiBC,UADJ;AAEtBL,EAAAA,YAAY,EAAEG,SAAS,CAACG,MAFF;AAGtBL,EAAAA,WAAW,EAAEE,SAAS,CAACI,IAHD;AAItBd,EAAAA,cAAc,EAAEU,SAAS,CAACI;AAJJ,CAAxB;AAOApB,OAAO,CAACe,SAAR,GAAoB;AAClBT,EAAAA,cAAc,EAAEU,SAAS,CAACI,IAAV,CAAeF;AADb,CAApB;AAIAV,WAAW,CAACa,YAAZ,GAA2B;AACzBR,EAAAA,YAAY,EAAE,EADW;AAEzBC,EAAAA,WAAW,EAAEQ,SAFY;AAGzBhB,EAAAA,cAAc,EAAEgB;AAHS,CAA3B;;;;"}

package/components/ImageViewer/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={cImageViewerToolbarButton:"styles_cImageViewerToolbarButton__RBIx4",cImageViewerToolbarIcon:"styles_cImageViewerToolbarIcon__Xn7Qn",cImageViewerToolbar:"styles_cImageViewerToolbar__U08eA"};e('.styles_cImageViewerToolbarButton__RBIx4{background-color:transparent;border:none;cursor:pointer;padding:0;vertical-align:middle}.styles_cImageViewerToolbarButton__RBIx4:focus{outline:none}.styles_cImageViewerToolbarIcon__Xn7Qn{height:34px!important;padding:4px 6px;width:42px!important}.styles_cImageViewerToolbarIcon__Xn7Qn:hover{color:"#fff"}.styles_cImageViewerToolbar__U08eA{color:#fff;left:5px;position:fixed;top:5px;z-index:1001}.ril-toolbar__item .ril-close{display:none}');export{o as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cImageViewerToolbarButton__3BgnK {\n  vertical-align: middle;\n  padding: 0;\n  background-color: transparent;\n  border: none;\n  cursor: pointer;\n}\n\n.styles_cImageViewerToolbarButton__3BgnK:focus {\n  outline: none;\n}\n\n.styles_cImageViewerToolbarIcon__2o0X5 {\n  width: 42px !important;\n  height: 34px !important;\n  padding: 4px 6px;\n}\n\n.styles_cImageViewerToolbarIcon__2o0X5:hover {\n  color: '#fff';\n}\n\n.styles_cImageViewerToolbar__36651 {\n  top: 5px;\n  left: 5px;\n  color: #fff;\n  position: fixed;\n  z-index: 1001;\n}\n\n/* Hide Lightbox native close button */\n\n.ril-toolbar__item .ril-close {\n  display: none;\n}\n";
+var styles = {"cImageViewerToolbarButton":"styles_cImageViewerToolbarButton__3BgnK","cImageViewerToolbarIcon":"styles_cImageViewerToolbarIcon__2o0X5","cImageViewerToolbar":"styles_cImageViewerToolbar__36651"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=styles.css.js.map

package/components/ImageViewer/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/InfiniteList/index.js

@@ -1 +1,259 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import r from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/classCallCheck";import o from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/assertThisInitialized";import n from"@babel/runtime/helpers/inherits";import s from"@babel/runtime/helpers/possibleConstructorReturn";import a from"@babel/runtime/helpers/getPrototypeOf";import l from"@babel/runtime/helpers/defineProperty";import d from"@babel/runtime/regenerator";import{PureComponent as u}from"react";import p from"prop-types";import c from"moment";import h from"classnames";import{get as m,set as f}from"lodash";import y from"react-infinite-scroller";import b from"@material-ui/core/colors/grey";import I from"../LoadingIndicator/LoadingIndicator.js";import g from"./styles.css.js";import{jsx as v,jsxs as L}from"react/jsx-runtime";function T(e){var r=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var t,o=a(e);if(r){var i=a(this).constructor;t=Reflect.construct(o,arguments,i)}else t=o.apply(this,arguments);return s(this,t)}}var D=b[700],C={newerThan12Hours:"Last 12 hours",olderThan12Hours:"Last 24 hours",olderThan1Days:"Earlier this week",olderThan7Days:"Older than 7 days",olderThan14Days:"Older than 14 days",olderThan30Days:"Older than 30 days"},w=function(s){n(p,u);var a=T(p);function p(e){var o;return t(this,p),o=a.call(this,e),l(i(o),"loadItems",r(d.mark((function e(){return d.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!o.state.isLoadingByScroll){e.next=2;break}return e.abrupt("return");case 2:return o.setState({isLoadingByScroll:!0}),e.next=5,o.props.loadItems();case 5:o.setState({isLoadingByScroll:!1});case 6:case"end":return e.stop()}}),e)})))),o.state={isLoadingByScroll:!1,periodDates:o.periodDates},o.updatePeriodsIntervalId=null,o}return o(p,[{key:"componentDidMount",value:function(){var e=this;this.updatePeriodsIntervalId=setInterval((function(){return e.setState({periodDates:e.periodDates})}),216e5)}},{key:"componentWillUnmount",value:function(){this.updatePeriodsIntervalId&&clearInterval(this.updatePeriodsIntervalId)}},{key:"periodDates",get:function(){return{hoursAgo12:c().subtract(12,"hours"),daysAgo1:c().subtract(1,"days"),daysAgo7:c().subtract(7,"days"),daysAgo14:c().subtract(14,"days"),daysAgo30:c().subtract(30,"days")}}},{key:"renderNoItemsLabel",value:function(){return v("div",{"data-testid":"".concat("generic_infiniteList","_noItems"),className:g.cInfiniteListEmpty,children:this.props.noItemsFoundLabel},"c-infinite-list__empty")}},{key:"renderPeriodSeparator",value:function(e){return v("div",{"data-testid":"".concat("generic_infiniteList","_periodLabel"),className:g.cInfiniteListPeriod,style:{color:D},children:C[e]},e)}},{key:"renderItems",value:function(){var r=this;if(!this.props.divideByPeriods)return this.props.items.map((function(e){return r.props.renderItem(e)})).unshift(this.props.headerComponent);var t=this.state.periodDates,o=t.hoursAgo12,i=t.daysAgo1,n=t.daysAgo7,s=t.daysAgo14,a=t.daysAgo30,l=this.props.items.reduce((function(e,t,l){var d,u=r.props.renderItem(t,l),p=m(t,r.props.pathToCreatedAt),h=c(p);return h>=o?d="newerThan12Hours":h<o&&h>=i?d="olderThan12Hours":h<i&&h>=n?d="olderThan1Days":h<n&&h>=s?d="olderThan7Days":h<s&&h>=a?d="olderThan14Days":h<a&&(d="olderThan30Days"),f(e,[d,e[d].length],u)}),{newerThan12Hours:[],olderThan12Hours:[],olderThan1Days:[],olderThan7Days:[],olderThan14Days:[],olderThan30Days:[]}),d=Object.keys(l).reduce((function(t,o){return 0===l[o].length?t.concat(l[o]):t.concat([r.renderPeriodSeparator(o)].concat(e(l[o])))}),[]);return[this.props.headerComponent].concat(e(d))}},{key:"render",value:function(){return L("div",{className:h(g.cInfiniteList,this.props.infiniteClassName,l({},g.cInfiniteListOverflow,!this.props.useWindow)),style:{height:this.props.infiniteContainerHeight},children:[v(y,{loadMore:this.loadItems,hasMore:this.props.moreItemsMayExist&&!this.props.showNoItemsFound,threshold:this.props.threshold,loader:v(I,{fullscreen:!1},"c-infinite-scroll__loader"),useWindow:this.props.useWindow,initialLoad:this.props.initialLoad,children:this.renderItems()}),this.props.showNoItemsFound&&this.renderNoItemsLabel()]})}}]),p}();w.propTypes={infiniteClassName:p.string,useWindow:p.bool,headerComponent:p.node,items:p.arrayOf(p.shape()).isRequired,showNoItemsFound:p.bool.isRequired,noItemsFoundLabel:p.string.isRequired,infiniteContainerHeight:p.number,moreItemsMayExist:p.bool.isRequired,pathToCreatedAt:p.arrayOf(p.string).isRequired,renderItem:p.func.isRequired,loadItems:p.func.isRequired,threshold:p.number,initialLoad:p.bool,divideByPeriods:p.bool},w.defaultProps={infiniteClassName:null,useWindow:!1,headerComponent:null,infiniteContainerHeight:null,threshold:3e3,initialLoad:!0,divideByPeriods:!0};export{w as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { get, set } from 'lodash';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import moment from 'moment';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import grey from '@material-ui/core/colors/grey';
+import _createClass from '@babel/runtime/helpers/createClass';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import InfiniteScroll from 'react-infinite-scroller';
+import LoadingIndicator from '../LoadingIndicator/LoadingIndicator.js';
+import styles from './styles.css.js';
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var PAGE_NAME = 'generic_infiniteList';
+var grey700 = grey['700'];
+var INTERVAL_6_HOURS = 6 * 60 * 60 * 1000;
+var PERIOD_LABELS = {
+  newerThan12Hours: 'Last 12 hours',
+  olderThan12Hours: 'Last 24 hours',
+  olderThan1Days: 'Earlier this week',
+  olderThan7Days: 'Older than 7 days',
+  olderThan14Days: 'Older than 14 days',
+  olderThan30Days: 'Older than 30 days'
+};
+
+var InfiniteList = /*#__PURE__*/function (_PureComponent) {
+  _inherits(InfiniteList, _PureComponent);
+
+  var _super = _createSuper(InfiniteList);
+
+  function InfiniteList(props) {
+    var _this;
+
+    _classCallCheck(this, InfiniteList);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "loadItems", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (!_this.state.isLoadingByScroll) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return");
+
+            case 2:
+              _this.setState({
+                isLoadingByScroll: true
+              });
+
+              _context.next = 5;
+              return _this.props.loadItems();
+
+            case 5:
+              _this.setState({
+                isLoadingByScroll: false
+              });
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+
+    _this.state = {
+      isLoadingByScroll: false,
+      periodDates: _this.periodDates
+    };
+    _this.updatePeriodsIntervalId = null;
+    return _this;
+  }
+
+  _createClass(InfiniteList, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      this.updatePeriodsIntervalId = setInterval(function () {
+        return _this2.setState({
+          periodDates: _this2.periodDates
+        });
+      }, INTERVAL_6_HOURS);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.updatePeriodsIntervalId) {
+        clearInterval(this.updatePeriodsIntervalId);
+      }
+    }
+  }, {
+    key: "renderNoItemsLabel",
+    value: function renderNoItemsLabel() {
+      return /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_noItems"),
+        className: styles.cInfiniteListEmpty,
+        children: this.props.noItemsFoundLabel
+      }, "c-infinite-list__empty");
+    }
+  }, {
+    key: "renderPeriodSeparator",
+    value: function renderPeriodSeparator(periodKey) {
+      return /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_periodLabel"),
+        className: styles.cInfiniteListPeriod,
+        style: {
+          color: grey700
+        },
+        children: PERIOD_LABELS[periodKey]
+      }, periodKey);
+    }
+  }, {
+    key: "renderItems",
+    value: function renderItems() {
+      var _this3 = this;
+
+      if (!this.props.divideByPeriods) {
+        return this.props.items.map(function (item) {
+          return _this3.props.renderItem(item);
+        }).unshift(this.props.headerComponent);
+      }
+
+      var _this$state$periodDat = this.state.periodDates,
+          hoursAgo12 = _this$state$periodDat.hoursAgo12,
+          daysAgo1 = _this$state$periodDat.daysAgo1,
+          daysAgo7 = _this$state$periodDat.daysAgo7,
+          daysAgo14 = _this$state$periodDat.daysAgo14,
+          daysAgo30 = _this$state$periodDat.daysAgo30;
+      var itemElsByPeriod = this.props.items.reduce(function (result, item, index) {
+        var periodKey;
+
+        var itemEl = _this3.props.renderItem(item, index); // NOTE: Backward compatibility for immutable objects in list
+
+
+        var pathToCreatedAt = get(item, _this3.props.pathToCreatedAt);
+        var itemAt = moment(pathToCreatedAt);
+
+        if (itemAt >= hoursAgo12) {
+          periodKey = 'newerThan12Hours';
+        } else if (itemAt < hoursAgo12 && itemAt >= daysAgo1) {
+          periodKey = 'olderThan12Hours';
+        } else if (itemAt < daysAgo1 && itemAt >= daysAgo7) {
+          periodKey = 'olderThan1Days';
+        } else if (itemAt < daysAgo7 && itemAt >= daysAgo14) {
+          periodKey = 'olderThan7Days';
+        } else if (itemAt < daysAgo14 && itemAt >= daysAgo30) {
+          periodKey = 'olderThan14Days';
+        } else if (itemAt < daysAgo30) {
+          periodKey = 'olderThan30Days';
+        }
+
+        return set(result, [periodKey, result[periodKey].length], itemEl);
+      }, {
+        newerThan12Hours: [],
+        olderThan12Hours: [],
+        olderThan1Days: [],
+        olderThan7Days: [],
+        olderThan14Days: [],
+        olderThan30Days: []
+      });
+      var itemElsWithPeriodEls = Object.keys(itemElsByPeriod).reduce(function (result, periodEls) {
+        if (itemElsByPeriod[periodEls].length === 0) return result.concat(itemElsByPeriod[periodEls]);
+        return result.concat([_this3.renderPeriodSeparator(periodEls)].concat(_toConsumableArray(itemElsByPeriod[periodEls])));
+      }, []);
+      var itemElsWithPeriodElsWithHeaderEl = [this.props.headerComponent].concat(_toConsumableArray(itemElsWithPeriodEls));
+      return itemElsWithPeriodElsWithHeaderEl;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.cInfiniteList, this.props.infiniteClassName, _defineProperty({}, styles.cInfiniteListOverflow, !this.props.useWindow)),
+        style: {
+          height: this.props.infiniteContainerHeight
+        },
+        children: [/*#__PURE__*/jsx(InfiniteScroll, {
+          loadMore: this.loadItems,
+          hasMore: this.props.moreItemsMayExist && !this.props.showNoItemsFound,
+          threshold: this.props.threshold // NOTE: We should load infinite scroll next page before user get to bottom
+          ,
+          loader: /*#__PURE__*/jsx(LoadingIndicator, {
+            fullscreen: false
+          }, "c-infinite-scroll__loader"),
+          useWindow: this.props.useWindow,
+          initialLoad: this.props.initialLoad,
+          children: this.renderItems()
+        }), this.props.showNoItemsFound && this.renderNoItemsLabel()]
+      });
+    }
+  }, {
+    key: "periodDates",
+    get: function get() {
+      return {
+        hoursAgo12: moment().subtract(12, 'hours'),
+        daysAgo1: moment().subtract(1, 'days'),
+        daysAgo7: moment().subtract(7, 'days'),
+        daysAgo14: moment().subtract(14, 'days'),
+        daysAgo30: moment().subtract(30, 'days')
+      };
+    } // NOTE: 'react-infinite-scroller' has a bug that when scroll reaches threshold area, it starts
+    // to fire loadMore on every scroll event - bottom, up. As a result multiple same request fired.
+    //
+    // We fix this preventing request that was fired by scroll before previous is finished.
+    //
+    // Issues:
+    // https://github.com/CassetteRocks/react-infinite-scroller/issues/143
+
+  }]);
+
+  return InfiniteList;
+}(PureComponent);
+
+InfiniteList.propTypes = {
+  infiniteClassName: PropTypes.string,
+  useWindow: PropTypes.bool,
+  headerComponent: PropTypes.node,
+  // NOTE: Backward compatibility with immutable;
+  // Remove when get rid of immutablejs
+  items: PropTypes.arrayOf(PropTypes.shape()).isRequired,
+  showNoItemsFound: PropTypes.bool.isRequired,
+  noItemsFoundLabel: PropTypes.string.isRequired,
+  infiniteContainerHeight: PropTypes.number,
+  moreItemsMayExist: PropTypes.bool.isRequired,
+  pathToCreatedAt: PropTypes.arrayOf(PropTypes.string).isRequired,
+  renderItem: PropTypes.func.isRequired,
+  loadItems: PropTypes.func.isRequired,
+  threshold: PropTypes.number,
+  initialLoad: PropTypes.bool,
+  divideByPeriods: PropTypes.bool
+};
+InfiniteList.defaultProps = {
+  infiniteClassName: null,
+  useWindow: false,
+  headerComponent: null,
+  infiniteContainerHeight: null,
+  threshold: 3000,
+  initialLoad: true,
+  divideByPeriods: true
+};
+
+export default InfiniteList;
+//# sourceMappingURL=index.js.map

package/components/InfiniteList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/InfiniteList/index.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { get, set } from 'lodash';\n\nimport InfiniteScroll from 'react-infinite-scroller';\n\nimport grey from '@material-ui/core/colors/grey';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'generic_infiniteList';\n\nconst grey700 = grey['700'];\n\nconst INTERVAL_6_HOURS = 6 * 60 * 60 * 1000;\nconst PERIOD_LABELS = {\n  newerThan12Hours: 'Last 12 hours',\n  olderThan12Hours: 'Last 24 hours',\n  olderThan1Days: 'Earlier this week',\n  olderThan7Days: 'Older than 7 days',\n  olderThan14Days: 'Older than 14 days',\n  olderThan30Days: 'Older than 30 days',\n};\n\nclass InfiniteList extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      isLoadingByScroll: false,\n\n      periodDates: this.periodDates,\n    };\n\n    this.updatePeriodsIntervalId = null;\n  }\n\n  componentDidMount() {\n    this.updatePeriodsIntervalId = setInterval(\n      () => this.setState({ periodDates: this.periodDates }),\n      INTERVAL_6_HOURS\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.updatePeriodsIntervalId) {\n      clearInterval(this.updatePeriodsIntervalId);\n    }\n  }\n\n  get periodDates() {\n    return {\n      hoursAgo12: moment().subtract(12, 'hours'),\n      daysAgo1: moment().subtract(1, 'days'),\n      daysAgo7: moment().subtract(7, 'days'),\n      daysAgo14: moment().subtract(14, 'days'),\n      daysAgo30: moment().subtract(30, 'days'),\n    };\n  }\n\n  // NOTE: 'react-infinite-scroller' has a bug that when scroll reaches threshold area, it starts\n  // to fire loadMore on every scroll event - bottom, up. As a result multiple same request fired.\n  //\n  // We fix this preventing request that was fired by scroll before previous is finished.\n  //\n  // Issues:\n  // https://github.com/CassetteRocks/react-infinite-scroller/issues/143\n  loadItems = async () => {\n    if (this.state.isLoadingByScroll) {\n      return;\n    }\n\n    this.setState({ isLoadingByScroll: true });\n\n    await this.props.loadItems();\n\n    this.setState({ isLoadingByScroll: false });\n  };\n\n  renderNoItemsLabel() {\n    return (\n      <div\n        data-testid={`${PAGE_NAME}_noItems`}\n        key=\"c-infinite-list__empty\"\n        className={styles.cInfiniteListEmpty}\n      >\n        {this.props.noItemsFoundLabel}\n      </div>\n    );\n  }\n\n  renderPeriodSeparator(periodKey) {\n    return (\n      <div\n        data-testid={`${PAGE_NAME}_periodLabel`}\n        key={periodKey}\n        className={styles.cInfiniteListPeriod}\n        style={{ color: grey700 }}\n      >\n        {PERIOD_LABELS[periodKey]}\n      </div>\n    );\n  }\n\n  renderItems() {\n    if (!this.props.divideByPeriods) {\n      return this.props.items\n        .map(item => this.props.renderItem(item))\n        .unshift(this.props.headerComponent);\n    }\n\n    const { hoursAgo12, daysAgo1, daysAgo7, daysAgo14, daysAgo30 } = this.state.periodDates;\n\n    const itemElsByPeriod = this.props.items.reduce(\n      (result, item, index) => {\n        let periodKey;\n        const itemEl = this.props.renderItem(item, index);\n        // NOTE: Backward compatibility for immutable objects in list\n        const pathToCreatedAt = get(item, this.props.pathToCreatedAt);\n        const itemAt = moment(pathToCreatedAt);\n\n        if (itemAt >= hoursAgo12) {\n          periodKey = 'newerThan12Hours';\n        } else if (itemAt < hoursAgo12 && itemAt >= daysAgo1) {\n          periodKey = 'olderThan12Hours';\n        } else if (itemAt < daysAgo1 && itemAt >= daysAgo7) {\n          periodKey = 'olderThan1Days';\n        } else if (itemAt < daysAgo7 && itemAt >= daysAgo14) {\n          periodKey = 'olderThan7Days';\n        } else if (itemAt < daysAgo14 && itemAt >= daysAgo30) {\n          periodKey = 'olderThan14Days';\n        } else if (itemAt < daysAgo30) {\n          periodKey = 'olderThan30Days';\n        }\n\n        return set(result, [periodKey, result[periodKey].length], itemEl);\n      },\n      {\n        newerThan12Hours: [],\n        olderThan12Hours: [],\n        olderThan1Days: [],\n        olderThan7Days: [],\n        olderThan14Days: [],\n        olderThan30Days: [],\n      }\n    );\n\n    const itemElsWithPeriodEls = Object.keys(itemElsByPeriod).reduce((result, periodEls) => {\n      if (itemElsByPeriod[periodEls].length === 0) return result.concat(itemElsByPeriod[periodEls]);\n\n      return result.concat([this.renderPeriodSeparator(periodEls), ...itemElsByPeriod[periodEls]]);\n    }, []);\n\n    const itemElsWithPeriodElsWithHeaderEl = [this.props.headerComponent, ...itemElsWithPeriodEls];\n\n    return itemElsWithPeriodElsWithHeaderEl;\n  }\n\n  render() {\n    return (\n      <div\n        className={classNames(styles.cInfiniteList, this.props.infiniteClassName, {\n          [styles.cInfiniteListOverflow]: !this.props.useWindow,\n        })}\n        style={{ height: this.props.infiniteContainerHeight }}\n      >\n        <InfiniteScroll\n          loadMore={this.loadItems}\n          hasMore={this.props.moreItemsMayExist && !this.props.showNoItemsFound}\n          threshold={this.props.threshold} // NOTE: We should load infinite scroll next page before user get to bottom\n          loader={<LoadingIndicator key=\"c-infinite-scroll__loader\" fullscreen={false} />}\n          useWindow={this.props.useWindow}\n          initialLoad={this.props.initialLoad}\n        >\n          {this.renderItems()}\n        </InfiniteScroll>\n\n        {this.props.showNoItemsFound && this.renderNoItemsLabel()}\n      </div>\n    );\n  }\n}\n\nInfiniteList.propTypes = {\n  infiniteClassName: PropTypes.string,\n  useWindow: PropTypes.bool,\n  headerComponent: PropTypes.node,\n  // NOTE: Backward compatibility with immutable;\n  // Remove when get rid of immutablejs\n  items: PropTypes.arrayOf(PropTypes.shape()).isRequired,\n  showNoItemsFound: PropTypes.bool.isRequired,\n  noItemsFoundLabel: PropTypes.string.isRequired,\n  infiniteContainerHeight: PropTypes.number,\n  moreItemsMayExist: PropTypes.bool.isRequired,\n  pathToCreatedAt: PropTypes.arrayOf(PropTypes.string).isRequired,\n  renderItem: PropTypes.func.isRequired,\n  loadItems: PropTypes.func.isRequired,\n  threshold: PropTypes.number,\n  initialLoad: PropTypes.bool,\n  divideByPeriods: PropTypes.bool,\n};\n\nInfiniteList.defaultProps = {\n  infiniteClassName: null,\n  useWindow: false,\n  headerComponent: null,\n  infiniteContainerHeight: null,\n  threshold: 3000,\n  initialLoad: true,\n  divideByPeriods: true,\n};\n\nexport default InfiniteList;\n"],"names":["PAGE_NAME","grey700","grey","INTERVAL_6_HOURS","PERIOD_LABELS","newerThan12Hours","olderThan12Hours","olderThan1Days","olderThan7Days","olderThan14Days","olderThan30Days","InfiniteList","props","state","isLoadingByScroll","setState","loadItems","periodDates","updatePeriodsIntervalId","setInterval","clearInterval","_jsx","styles","cInfiniteListEmpty","noItemsFoundLabel","periodKey","cInfiniteListPeriod","color","divideByPeriods","items","map","item","renderItem","unshift","headerComponent","hoursAgo12","daysAgo1","daysAgo7","daysAgo14","daysAgo30","itemElsByPeriod","reduce","result","index","itemEl","pathToCreatedAt","get","itemAt","moment","set","length","itemElsWithPeriodEls","Object","keys","periodEls","concat","renderPeriodSeparator","itemElsWithPeriodElsWithHeaderEl","_jsxs","classNames","cInfiniteList","infiniteClassName","cInfiniteListOverflow","useWindow","height","infiniteContainerHeight","moreItemsMayExist","showNoItemsFound","threshold","initialLoad","renderItems","renderNoItemsLabel","subtract","PureComponent","propTypes","PropTypes","string","bool","node","arrayOf","shape","isRequired","number","func","defaultProps"],"mappings":"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"}

package/components/InfiniteList/styles.css.js

@@ -1 +1,8 @@
-import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var i={cInfiniteList:"styles_cInfiniteList__Eulfu",cInfiniteListOverflow:"styles_cInfiniteListOverflow__Uecti",cInfiniteListEmpty:"styles_cInfiniteListEmpty__53a7m",cInfiniteListPeriod:"styles_cInfiniteListPeriod__Ct-yy"};t(".styles_cInfiniteList__Eulfu{-webkit-overflow-scrolling:touch}.styles_cInfiniteListOverflow__Uecti{overflow:auto}.styles_cInfiniteListEmpty__53a7m{color:#999;font-size:1.3rem;padding:0 0 0 5px}.styles_cInfiniteListPeriod__Ct-yy{font-size:14px;margin-bottom:10px;margin-top:30px}.styles_cInfiniteListPeriod__Ct-yy:first-child,.styles_cInfiniteListPeriod__Ct-yy:nth-child(2){margin-top:0}");export{i as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cInfiniteList__XOeSm {\n  -webkit-overflow-scrolling: touch;\n}\n.styles_cInfiniteListOverflow__3KpPy {\n  overflow: auto;\n}\n.styles_cInfiniteListEmpty__xHlcI {\n  font-size: 1.3rem;\n  color: #999;\n  padding: 0 0 0 5px;\n}\n.styles_cInfiniteListPeriod__3MCv9 {\n  font-size: 14px;\n  margin-bottom: 10px;\n  margin-top: 30px;\n}\n/* NOTE: Without headerComponent */\n.styles_cInfiniteListPeriod__3MCv9:nth-child(1) {\n  margin-top: 0;\n}\n/* NOTE: With headerComponent */\n.styles_cInfiniteListPeriod__3MCv9:nth-child(2) {\n  margin-top: 0;\n}\n";
+var styles = {"cInfiniteList":"styles_cInfiniteList__XOeSm","cInfiniteListOverflow":"styles_cInfiniteListOverflow__3KpPy","cInfiniteListEmpty":"styles_cInfiniteListEmpty__xHlcI","cInfiniteListPeriod":"styles_cInfiniteListPeriod__3MCv9"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=styles.css.js.map

package/components/InfiniteList/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}