reza added list

package.json

@@ -10,6 +10,7 @@
     "@testing-library/user-event": "^12.1.10",
     "axios": "^0.21.1",
     "bootstrap": "^5.0.1",
+    "jalali-moment": "^3.3.10",
     "node-sass": "^6.0.0",
     "prettier": "^2.3.0",
     "prop-types": "^15.7.2",

src/views/Home/HomeSlider/HomeSlider.js

@@ -47,10 +47,13 @@ export default class HomeSlider extends Component {
 
 const Item = (props) => {
   return (
-    <Link to={props.data.link} style={{
+    <Link
+      to={props.data.link}
+      style={{
         minWidth: `${props.data.width}`,
         height: props.height,
-    }}>
+      }}
+    >
       <img
         src={props.data.image}
         alt="عکس"

src/views/List/BoxItem/BoxItem.js

@@ -0,0 +1,30 @@
+import React, { Component } from "react";
+import moment from "jalali-moment";
+
+import StatusAvatar from "./StatusAvatar/StatusAvatar";
+import "./BoxItem.scss";
+const BoxItem = (props) => {
+  return (
+    <>
+      {props.parentList[props.parentList.length - 1] === props.data.pid ? (
+        <div
+          className="box-row d-flex flex-column"
+          onClick={() => props.setParentList(props.data.id)}
+        >
+          <StatusAvatar src={props.data.image} status={props.data.status} />
+          <h1>{props.data.title}</h1>
+          <p>{props.data.subTitle}</p>
+          <span className="box-row__date">
+            {moment
+              .from(props.data.date, "YYYY/MM/DD")
+              .format("jYYYY/jMM/jDD")}
+          </span>
+        </div>
+      ) : (
+        <></>
+      )}
+    </>
+  );
+};
+
+export default BoxItem;

src/views/List/BoxItem/BoxItem.scss

@@ -0,0 +1,31 @@
+.box-row{
+  width: calc(100% / 3 - 10px);
+  margin : 5px;
+  align-items: center;
+  position: relative;
+  background-color : #fafafa;
+  max-height: 250px;
+  h1{
+    margin : 40px 0px 0px;
+    font-size: 18px;
+    width: 100%;
+    text-align: right;
+  }
+  p{
+    width : 100%;
+    margin: 0px;
+    margin-top : 5px;
+    font-weight: 100;
+    letter-spacing: -1px;
+    color : grey;
+    text-align: right;
+    font-size: 13px;
+  }
+  &__date{
+    font-size: 12px;
+    position : absolute;
+    left : 3px;
+    top : 140px;
+    color: grey;
+  }
+}

src/views/List/BoxItem/StatusAvatar/StatusAvatar.js

@@ -0,0 +1,67 @@
+import React from "react";
+import Badge from "@material-ui/core/Badge";
+import Avatar from "@material-ui/core/Avatar";
+import { makeStyles, withStyles } from "@material-ui/core/styles";
+
+const StyledBadge = withStyles((theme) => ({
+  badge: {
+    backgroundColor: "#44b700",
+    color: "#44b700",
+    boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,
+    "&::after": {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      borderRadius: "50%",
+      animation: "$ripple 1.2s infinite ease-in-out",
+      border: "1px solid currentColor",
+      content: '""',
+    },
+  },
+  "@keyframes ripple": {
+    "0%": {
+      transform: "scale(.8)",
+      opacity: 1,
+    },
+    "100%": {
+      transform: "scale(2.4)",
+      opacity: 0,
+    },
+  },
+}))(Badge);
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    display: "flex",
+    "& > *": {
+      margin: 0,
+    },
+  },
+}));
+
+export default function StatusAvatar(props) {
+  const classes = useStyles();
+
+  return (
+    <div className={classes.root}>
+      {props.status ? (
+        <StyledBadge
+          overlap="circle"
+          anchorOrigin={{
+            vertical: "bottom",
+            horizontal: "right",
+          }}
+          variant="dot"
+        >
+          <Avatar variant="square" style={{ width : window.innerWidth / 3 - 13, height : 130}} alt="Remy Sharp" src={props.src} />
+        </StyledBadge>
+      ) : (
+        <StyledBadge>
+          <Avatar variant="square" style={{ width : window.innerWidth / 3 - 13, height : 130}} alt="Remy Sharp" src={props.src} />
+        </StyledBadge>
+      )}
+    </div>
+  );
+}

src/views/List/List.js

@@ -3,18 +3,24 @@ import FormControlLabel from "@material-ui/core/FormControlLabel";
 import { withStyles } from "@material-ui/core/styles";
 import Switch from "@material-ui/core/Switch";
 import ChevronLeftIcon from "@material-ui/icons/ChevronLeft";
+import Search from "./Search/Search";
+import RowItem from "./RowItem/RowItem";
+import BoxItem from "./BoxItem/BoxItem";
+
+import pic from "../../assets/images/pic.png";
 
 import "./List.scss";
 export default class List extends Component {
   constructor(props) {
     super(props);
     this.state = {
-      chec: true,
+      checkedB: false,
+      parentList: [null],
       listData: [
         {
           id: 0,
           pid: null,
-          image: null,
+          image: pic,
           title: "سامسونگ",
           subTitle: "گوشیهای برند سامسونگ",
           text: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.",
@@ -103,15 +109,35 @@ export default class List extends Component {
     this.setState({ [event.target.name]: event.target.checked });
   };
 
+  setParentList = (id) => {
+    this.setState({
+      parentList: [...this.state.parentList, id],
+    });
+  };
+
+  popParentList = () => {
+    if (this.state.parentList.length === 1) {
+      window.location = "/";
+    } else {
+      let array = this.state.parentList;
+      array.pop();
+      this.setState({
+        parentList: array,
+      });
+    }
+  };
+
   render() {
+    const { checkedB, listData, parentList } = this.state;
+
     return (
       <div className="list d-flex flex-column">
         <header className="list__header d-flex flex-column">
-          <div className="list__header--back d-flex">
+          <div className="list__header--top d-flex flex-row-reverse">
-            <ChevronLeftIcon style={{ width: 20, height: 20 }} />
+            <div onClick={() => this.popParentList()}>
               بازگشت
+              <ChevronLeftIcon style={{ width: 25, height: 25 }} />
             </div>
-          <div className="list__header--bottom d-flex">
             <FormControlLabel
               control={
                 <IOSSwitch
@@ -120,11 +146,35 @@ export default class List extends Component {
                   name="checkedB"
                 />
               }
-              label="باکس"
+              // style={{ color: "grey" }}
+              label={this.state.checkedB ? "Box" : "Normal"}
             />
-            <div className="list__header--search d-flex"></div>
           </div>
+          <Search />
         </header>
+        {!checkedB ? (
+          <section className="list__body d-flex flex-column">
+            {listData.map((item, i) => (
+              <RowItem
+                parentList={parentList}
+                data={item}
+                key={i}
+                setParentList={this.setParentList}
+              />
+            ))}
+          </section>
+        ) : (
+          <section className="list__body d-flex flex-wrap">
+            {listData.map((item, i) => (
+              <BoxItem
+                parentList={parentList}
+                data={item}
+                key={i}
+                setParentList={this.setParentList}
+              />
+            ))}
+          </section>
+        )}
       </div>
     );
   }

src/views/List/List.scss

@@ -1,20 +1,29 @@
 .list{
   width: 100vw;
+  height: 100vh;
   padding : 5px;
+  overflow-x: hidden;
   &__header{
+    width: 100%;
+    height: 90px;
     .MuiFormControlLabel-root{
-      margin-right: 5px;
+      margin-right: 0px;
       margin-left: 0px;
       flex-direction: row-reverse !important;
+      width : 120px;
+      justify-content:space-around;
+
     }
-    &--back{
+    &--top{
       width: 100%;
-      direction: ltr;
+      justify-content: space-between;
       align-items: center;
     }
-    &--bottom{
-      justify-content: space-between;
-
   }
+  &__body{
+    width: 100%;
+    height : calc(100% - 90px);
+    padding : 20px 0px;
+    overflow-y: scroll;
   }
 }

src/views/List/RowItem/RowItem.js

@@ -0,0 +1,39 @@
+import React, { Component } from "react";
+import { Link } from "react-router-dom";
+import moment from "jalali-moment";
+
+import StatusAvatar from "./StatusAvatar/StatusAvatar";
+import "./RowItem.scss";
+const RowItem = (props) => {
+  return (
+    <>
+      {props.parentList[props.parentList.length - 1] === props.data.pid ? (
+        <div
+          className="list-row d-flex"
+          onClick={() => props.setParentList(props.data.id)}
+        >
+          <div className="list-row__right d-flex">
+            <div className="list-row__right--image d-flex">
+              <StatusAvatar src={props.data.image} status={props.data.status} />
+            </div>
+            <div className="list-row__right--text d-flex flex-column justify-content-center align-items-start mr-2">
+              <h1>{props.data.title}</h1>
+              <p>{props.data.subTitle}</p>
+            </div>
+          </div>
+          <div className="list-row__left d-flex">
+            <span>
+              {moment
+                .from(props.data.date, "YYYY/MM/DD")
+                .format("jYYYY/jMM/jDD")}
+            </span>
+          </div>
+        </div>
+      ) : (
+        <></>
+      )}
+    </>
+  );
+};
+
+export default RowItem;

src/views/List/RowItem/RowItem.scss

@@ -0,0 +1,36 @@
+.list-row{
+  width: 100%;
+  margin : 10px 0px;
+  align-items: center;
+  height : 80px;
+  justify-content: space-between;
+  &__right{
+    &--image{
+      justify-content: center;
+      align-items: center;
+
+    }
+    &--text{
+      margin-right: 10px;
+      h1{
+        margin : 0px;
+        font-size: 20px;
+      }
+      p{
+        margin: 0px;
+        margin-top : 5px;
+        font-weight: 100;
+        letter-spacing: -1px;
+        color : grey;
+      }
+    }
+  }
+  &__left{
+    height: 100%;
+    span{
+      padding : 10px 0px;
+      color: grey;
+      font-size: 12px;
+    }
+  }
+}

src/views/List/RowItem/StatusAvatar/StatusAvatar.js

@@ -0,0 +1,67 @@
+import React from "react";
+import Badge from "@material-ui/core/Badge";
+import Avatar from "@material-ui/core/Avatar";
+import { makeStyles, withStyles } from "@material-ui/core/styles";
+
+const StyledBadge = withStyles((theme) => ({
+  badge: {
+    backgroundColor: "#44b700",
+    color: "#44b700",
+    boxShadow: `0 0 0 2px ${theme.palette.background.paper}`,
+    "&::after": {
+      position: "absolute",
+      top: 0,
+      left: 0,
+      width: "100%",
+      height: "100%",
+      borderRadius: "50%",
+      animation: "$ripple 1.2s infinite ease-in-out",
+      border: "1px solid currentColor",
+      content: '""',
+    },
+  },
+  "@keyframes ripple": {
+    "0%": {
+      transform: "scale(.8)",
+      opacity: 1,
+    },
+    "100%": {
+      transform: "scale(2.4)",
+      opacity: 0,
+    },
+  },
+}))(Badge);
+
+const useStyles = makeStyles((theme) => ({
+  root: {
+    display: "flex",
+    "& > *": {
+      margin: 0,
+    },
+  },
+}));
+
+export default function StatusAvatar(props) {
+  const classes = useStyles();
+
+  return (
+    <div className={classes.root}>
+      {props.status ? (
+        <StyledBadge
+          overlap="circle"
+          anchorOrigin={{
+            vertical: "bottom",
+            horizontal: "right",
+          }}
+          variant="dot"
+        >
+          <Avatar style={{ width : 60, height :60}} alt="Remy Sharp" src={props.src} />
+        </StyledBadge>
+      ) : (
+        <StyledBadge>
+          <Avatar style={{ width : 60, height :60}} alt="Remy Sharp" src={props.src} />
+        </StyledBadge>
+      )}
+    </div>
+  );
+}

src/views/List/Search/Search.js

@@ -0,0 +1,20 @@
+import { render } from "@testing-library/react";
+import React, { Component } from "react";
+import SearchIcon from "@material-ui/icons/Search";
+
+import './Search.scss';
+const Search = (props) => {
+  return (
+    <div className="list-search d-flex mt-2">
+      {/* <span className="list-search__deleteIcon">
+        <SearchIcon style={{ width: 34, height: 34, color: "black" }} />
+      </span> */}
+      <input type="text" name="search" placeholder="جستجو کن..." />
+      <span className="list-search__searchIcon">
+        <SearchIcon style={{ width: 34, height: 34, color: "grey" }} />
+      </span>
+    </div>
+  );
+};
+
+export default Search;

src/views/List/Search/Search.scss

@@ -0,0 +1,27 @@
+.list-search{
+  width: 100%;
+  align-items: center;
+  position: relative;
+  input{
+    width: 100%;
+    border: 0px;
+    padding : 5px 0px 5px 40px;
+    font-size: 16px;
+    color: grey;
+    background-color: white;
+    border-bottom: 1px solid rgb(192, 192, 192);
+    &:focus{
+      border-bottom: 2px solid #88ff88;
+    }
+    &::placeholder{
+      color : #bfbfbf;
+    }
+  }
+  span{
+    position: absolute;
+  }
+  &__searchIcon{
+    left : 5px;
+    top : 0px;
+  }
+}

yarn.lock

@@ -3451,6 +3451,11 @@ char-regex@^1.0.2:
   resolved "https://registry.yarnpkg.com/char-regex/-/char-regex-1.0.2.tgz#d744358226217f981ed58f479b1d6bcc29545dcf"
   integrity sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==
 
+chardet@^0.7.0:
+  version "0.7.0"
+  resolved "https://registry.yarnpkg.com/chardet/-/chardet-0.7.0.tgz#90094849f0937f2eedc2425d0d28a9e5f0cbad9e"
+  integrity sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==
+
 check-types@^11.1.1:
   version "11.1.2"
   resolved "https://registry.yarnpkg.com/check-types/-/check-types-11.1.2.tgz#86a7c12bf5539f6324eb0e70ca8896c0e38f3e2f"
@@ -3550,6 +3555,18 @@ clean-stack@^2.0.0:
   resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
   integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
 
+cli-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-3.1.0.tgz#264305a7ae490d1d03bf0c9ba7c925d1753af307"
+  integrity sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==
+  dependencies:
+    restore-cursor "^3.1.0"
+
+cli-width@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6"
+  integrity sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==
+
 cliui@^5.0.0:
   version "5.0.0"
   resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
@@ -3667,6 +3684,11 @@ commander@^4.1.1:
   resolved "https://registry.yarnpkg.com/commander/-/commander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
   integrity sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==
 
+commander@^7.0.0:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 common-tags@^1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/common-tags/-/common-tags-1.8.0.tgz#8e3153e542d4a39e9b10554434afaaf98956a937"
@@ -5174,6 +5196,15 @@ extend@~3.0.2:
   resolved "https://registry.yarnpkg.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
   integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
 
+external-editor@^3.0.3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/external-editor/-/external-editor-3.1.0.tgz#cb03f740befae03ea4d283caed2741a83f335495"
+  integrity sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==
+  dependencies:
+    chardet "^0.7.0"
+    iconv-lite "^0.4.24"
+    tmp "^0.0.33"
+
 extglob@^2.0.4:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
@@ -5251,6 +5282,13 @@ figgy-pudding@^3.5.1:
   resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e"
   integrity sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw==
 
+figures@^3.0.0:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/figures/-/figures-3.2.0.tgz#625c18bd293c604dc4a8ddb2febf0c88341746af"
+  integrity sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==
+  dependencies:
+    escape-string-regexp "^1.0.5"
+
 file-entry-cache@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027"
@@ -6066,7 +6104,7 @@ hyphenate-style-name@^1.0.3:
   resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz#691879af8e220aea5750e8827db4ef62a54e361d"
   integrity sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ==
 
-iconv-lite@0.4.24:
+iconv-lite@0.4.24, iconv-lite@^0.4.24:
   version "0.4.24"
   resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.24.tgz#2022b4b25fbddc21d2f524974a474aafe733908b"
   integrity sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==
@@ -6220,6 +6258,25 @@ ini@^1.3.5:
   resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==
 
+inquirer@^7.1.0:
+  version "7.3.3"
+  resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003"
+  integrity sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==
+  dependencies:
+    ansi-escapes "^4.2.1"
+    chalk "^4.1.0"
+    cli-cursor "^3.1.0"
+    cli-width "^3.0.0"
+    external-editor "^3.0.3"
+    figures "^3.0.0"
+    lodash "^4.17.19"
+    mute-stream "0.0.8"
+    run-async "^2.4.0"
+    rxjs "^6.6.0"
+    string-width "^4.1.0"
+    strip-ansi "^6.0.0"
+    through "^2.3.6"
+
 internal-ip@^4.3.0:
   version "4.3.0"
   resolved "https://registry.yarnpkg.com/internal-ip/-/internal-ip-4.3.0.tgz#845452baad9d2ca3b69c635a137acb9a0dad0907"
@@ -6683,6 +6740,15 @@ istanbul-reports@^3.0.2:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
 
+jalali-moment@^3.3.10:
+  version "3.3.10"
+  resolved "https://registry.yarnpkg.com/jalali-moment/-/jalali-moment-3.3.10.tgz#10cb4c2080925a41ee8c72862ba63f6b5fb04743"
+  integrity sha512-hyNsDJXB23MHLnZWPXY+Mu0zsrp+B+KzabyqPP0oGcMsEGp8yMpeVledOY+B/DrIOVeRY7JLz8b3lyJ3/vajsQ==
+  dependencies:
+    commander "^7.0.0"
+    inquirer "^7.1.0"
+    moment "^2.26.0"
+
 jest-changed-files@^26.6.2:
   version "26.6.2"
   resolved "https://registry.yarnpkg.com/jest-changed-files/-/jest-changed-files-26.6.2.tgz#f6198479e1cc66f22f9ae1e22acaa0b429c042d0"
@@ -7911,6 +7977,11 @@ mkdirp@^1.0.3, mkdirp@^1.0.4:
   resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-1.0.4.tgz#3eb5ed62622756d79a5f0e2a221dfebad75c2f7e"
   integrity sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==
 
+moment@^2.26.0:
+  version "2.29.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.1.tgz#b2be769fa31940be9eeea6469c075e35006fa3d3"
+  integrity sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -7956,6 +8027,11 @@ multicast-dns@^6.0.1:
     dns-packet "^1.3.1"
     thunky "^1.0.2"
 
+mute-stream@0.0.8:
+  version "0.0.8"
+  resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d"
+  integrity sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==
+
 nan@^2.12.1, nan@^2.13.2:
   version "2.14.2"
   resolved "https://registry.yarnpkg.com/nan/-/nan-2.14.2.tgz#f5376400695168f4cc694ac9393d0c9585eeea19"
@@ -8405,6 +8481,11 @@ os-browserify@^0.3.0:
   resolved "https://registry.yarnpkg.com/os-browserify/-/os-browserify-0.3.0.tgz#854373c7f5c2315914fc9bfc6bd8238fdda1ec27"
   integrity sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=
 
+os-tmpdir@~1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/os-tmpdir/-/os-tmpdir-1.0.2.tgz#bbe67406c79aa85c5cfec766fe5734555dfa1274"
+  integrity sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=
+
 p-each-series@^2.1.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/p-each-series/-/p-each-series-2.2.0.tgz#105ab0357ce72b202a8a8b94933672657b5e2a9a"
@@ -10295,6 +10376,14 @@ resolve@^2.0.0-next.3:
     is-core-module "^2.2.0"
     path-parse "^1.0.6"
 
+restore-cursor@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-3.1.0.tgz#39f67c54b3a7a58cea5236d95cf0034239631f7e"
+  integrity sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==
+  dependencies:
+    onetime "^5.1.0"
+    signal-exit "^3.0.2"
+
 ret@~0.1.10:
   version "0.1.15"
   resolved "https://registry.yarnpkg.com/ret/-/ret-0.1.15.tgz#b8a4825d5bdb1fc3f6f53c2bc33f81388681c7bc"
@@ -10395,6 +10484,11 @@ rsvp@^4.8.4:
   resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
   integrity sha512-nfMOlASu9OnRJo1mbEk2cz0D56a1MBNrJ7orjRZQG10XDyuvwksKbuXNp6qa+kbn839HwjwhBzhFmdsaEAfauA==
 
+run-async@^2.4.0:
+  version "2.4.1"
+  resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.1.tgz#8440eccf99ea3e70bd409d49aab88e10c189a455"
+  integrity sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==
+
 run-parallel@^1.1.9:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
@@ -10409,6 +10503,13 @@ run-queue@^1.0.0, run-queue@^1.0.3:
   dependencies:
     aproba "^1.1.1"
 
+rxjs@^6.6.0:
+  version "6.6.7"
+  resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.7.tgz#90ac018acabf491bf65044235d5863c4dab804c9"
+  integrity sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==
+  dependencies:
+    tslib "^1.9.0"
+
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
@@ -11447,6 +11548,11 @@ through2@^2.0.0:
     readable-stream "~2.3.6"
     xtend "~4.0.1"
 
+through@^2.3.6:
+  version "2.3.8"
+  resolved "https://registry.yarnpkg.com/through/-/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
+  integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
+
 thunky@^1.0.2:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/thunky/-/thunky-1.1.0.tgz#5abaf714a9405db0504732bbccd2cedd9ef9537d"
@@ -11474,6 +11580,13 @@ tiny-warning@^1.0.0, tiny-warning@^1.0.2, tiny-warning@^1.0.3:
   resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
   integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
 
+tmp@^0.0.33:
+  version "0.0.33"
+  resolved "https://registry.yarnpkg.com/tmp/-/tmp-0.0.33.tgz#6d34335889768d21b2bcda0aa277ced3b1bfadf9"
+  integrity sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==
+  dependencies:
+    os-tmpdir "~1.0.2"
+
 tmpl@1.0.x:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/tmpl/-/tmpl-1.0.4.tgz#23640dd7b42d00433911140820e5cf440e521dd1"
@@ -11582,7 +11695,7 @@ tsconfig-paths@^3.9.0:
     minimist "^1.2.0"
     strip-bom "^3.0.0"
 
-tslib@^1.8.1:
+tslib@^1.8.1, tslib@^1.9.0:
   version "1.14.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-1.14.1.tgz#cf2d38bdc34a134bcaf1091c41f6619e2f672d00"
   integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==