@zohodesk/react-cli 0.0.1-beta.17 → 0.0.1-beta.171

package/templates/docs/css/style.css

@@ -232,7 +232,6 @@ a {
   -ms-flex-align: start;
   align-items: flex-start;
 }
-
 .alignFend {
   -webkit-box-align: end;
   -ms-flex-align: end;
@@ -301,6 +300,7 @@ main {
   border-bottom: 1px solid #16222b;
   line-height: 50px;
   padding-left: 5px;
+  justify-content: space-between;
 }
 .logoPart img {
   max-width: 100%;
@@ -458,13 +458,10 @@ main {
   text-align: center;
 }
 .mainMenuArrow {
-  width: 12px;
   transition: all 0.3s;
+  height: 12px;
+  width: 12px;
 }
-.arrowPath {
-  fill: #fff;
-}
-
 .menuHideLeft {
   width: 220px;
   padding-bottom: 20px;
@@ -557,9 +554,8 @@ section {
   border: 15px solid #333;
   position: relative;
   border-radius: 16px;
-  border-bottom-width: 40px;
+  transition:width 0.2ms;
 }
-
 .iframe {
   position: absolute;
   top: 0;
@@ -588,7 +584,8 @@ section {
 }
 .ccontent {
   background-color: #fff;
-  padding: 15px 20px;
+  padding: 5px 20px 0px 20px;
+  overflow: auto;
 }
 
 .cheadertitle {
@@ -598,37 +595,42 @@ section {
   color: #0c1015;
 }
 .responsive {
-  position: absolute;
-  bottom: -35px;
-  left: 50%;
-  transform: translateX(-50%);
-  height: 30px;
-  min-width: 240px;
+  height: 30px
 }
-.responsiveMenu {
+.responsiveOption {
   width: 30px;
   height: 30px;
   display: inline-block;
+  position: relative;
   vertical-align: middle;
   text-align: center;
-  line-height: 25px;
+  line-height: 27px;
   background: #5c5e61;
   border-radius: 50%;
+  color:#fff;
   margin: 0 5px;
   padding: 5px;
   cursor: pointer;
   transition: all 0.3s;
+  font-size: 10px;
+}
+.section .responsiveOption{
+  margin: 0px 5px 5px;
 }
-.responsiveMenu:hover {
+.responsiveOption:hover,.activeOption {
   background-color: #00995a;
 }
-.responsiveMenu svg {
+.activeOption:hover{
+  background-color: #d0263a;
+}
+.responsiveOption svg {
   width: 15px;
+  height: 15px;
+
 }
-.responsiveMenu svg path {
-  fill: #fff !important;
+.responsiveOption svg path {
+  fill: #fff;
 }
-
 .propsTable {
   margin: 40px auto;
   border: 1px solid #ebedf0;
@@ -648,7 +650,6 @@ section {
   padding: 16px 24px;
   text-align: left;
 }
-
 .tableHeaderNB {
   display: flex;
   flex-direction: row;
@@ -689,21 +690,25 @@ section {
 }
 .referContainer {
   padding: 20px 0;
+  color:#fff;
+  background-color: #2D313F;
+  border-radius: 5px;
+  height: 100%;
 }
 .refsBy {
   padding: 10px;
   font-size: 17px;
-  color: #000;
+  color: inherit;
 }
 .refsLin {
   padding: 5px;
   font-size: 15px;
-  color: #000;
+  color: inherit;
   list-style-position: inside;
   margin-left: 30px;
 }
 .refsLin a {
-  color: #1e2633;
+  color: inherit;
 }
 .psdContainer {
   width: 24%;
@@ -739,7 +744,6 @@ section {
   color: #1c2b36;
   border-color: #1c2b36;
 }
-
 .infoTabs span {
   padding: 0px 10px;
   font-size: 14px;
@@ -754,94 +758,6 @@ section {
   background: #3cc1a2;
   color: #fff;
 }
-
-.folderIcon {
-  width: 15px;
-  height: 10px;
-  margin-right: 5px;
-}
-
-.options {
-  text-align: center;
-  width: 100%;
-}
-.parent {
-  display: inline-block;
-}
-.child {
-  min-width: 100px;
-  padding: 6px;
-  color: #fff;
-  margin: 0px 40px;
-  background: #1e2633;
-  display: inline-block;
-  position: relative;
-  box-sizing: border-box;
-}
-.childSelect {
-  min-width: 100px;
-  padding: 6px;
-  color: #fff;
-  margin: 0px 40px;
-  background: black;
-  display: inline-block;
-  position: relative;
-  box-sizing: border-box;
-}
-.child:hover {
-  transition: all 0.5s ease;
-  background: black;
-}
-.cur {
-  cursor: pointer;
-}
-.popUp {
-  transition: all 0.5s ease;
-  position: absolute;
-  width: 400px;
-  height: 400px;
-  bottom: 101%;
-  background: #fff;
-  left: -150px;
-  transform-origin: bottom;
-  transform: scale(1);
-  z-index: 3;
-  box-shadow: 0px 0px 15px 1px rgba(105, 100, 100, 0.88);
-}
-.popUpHide {
-  transition: all 0.8s ease;
-  position: absolute;
-  width: 400px;
-  height: 400px;
-  bottom: 101%;
-  background: gray;
-  left: -150px;
-  bottom: -400px;
-  transform-origin: bottom;
-  transform: scale(0);
-  z-index: 3;
-  box-shadow: 10px 10px 30px 1px rgba(105, 100, 100, 0.88);
-}
-.fullWHS {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-}
-
-.popUpClose {
-  position: absolute;
-  padding: 3px 8px;
-  background: #484848;
-  border-radius: 50%;
-  top: -12px;
-  right: -13px;
-  z-index: 1;
-}
-.popUpClose:hover {
-  transition: 0.3s ease;
-  background: black;
-  cursor: pointer;
-}
 .showToggleLeft {
   background-color: #fff;
   z-index: 5;
@@ -868,7 +784,6 @@ section {
 .bn {
   border: none !important;
 }
-
 #ifm {
   outline: none;
   border: none;
@@ -884,20 +799,11 @@ section {
   justify-content: center;
   align-items: center;
   position: relative;
-}
-.color {
-  color: #000;
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-  text-align: left;
-}
-.color div {
-  padding: 5px;
+  z-index: 1;
 }
 .posAb {
   position: absolute;
-  z-index: 999;
+  z-index: 0;
   animation: jump 1.5s ease 0s infinite normal;
   font-size: 24px;
   color: black;
@@ -925,58 +831,6 @@ section {
     transform: translateY(0);
   }
 }
-
-.newTab svg {
-  width: 12px;
-  height: 12px;
-  margin-left: 7px;
-  fill: #fff;
-  display: inline-block;
-  vertical-align: top;
-  margin-top: 1px;
-}
-.newTab {
-  background: #00aefe;
-  color: #fff;
-  box-shadow: 0 2px 6px 0 rgba(209, 209, 209, 0.18);
-  padding: 7px 12px;
-  cursor: pointer;
-  text-decoration: none;
-  font-size: 13px;
-  margin-top: 1px;
-  border-radius: 3px;
-  margin-right: 200px;
-}
-
-.newTab:hover {
-  box-shadow: 0 3px 3px 1px rgba(209, 209, 209, 0.3);
-}
-
-.rtlChkDis {
-  position: absolute;
-  right: 22px;
-  top: 7px;
-  padding: 7px 10px;
-  background-color: #048d51;
-  font-size: 13px;
-  color: #fff;
-  cursor: pointer;
-  border-radius: 3px;
-}
-.rtlChkSel {
-  background-color: #cc2433;
-}
-.remCheckButton {
-  right: 120px;
-  background: #d0263a;
-}
-.headerbar {
-  display: block;
-  min-height: 45px;
-  background: #1e2633;
-  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
-}
-
 .logo {
   background-image: url('desklogo.png');
   height: 40px;
@@ -987,31 +841,6 @@ section {
   margin-top: 4px;
   margin-left: 10px;
 }
-#groupicons {
-  width: 20px;
-  height: 20px;
-  display: inline-block;
-  vertical-align: middle;
-  margin-right: 10px;
-}
-#comIconrect {
-  width: 15px;
-  height: 15px;
-  display: inline-block;
-  vertical-align: middle;
-  margin-right: 5px;
-}
-#subgroupicon {
-  width: 13px;
-  height: 13px;
-  display: inline-block;
-  vertical-align: middle;
-  margin-right: 5px;
-}
-
-.none {
-  display: none;
-}
 @media only screen and (max-width: 980px) {
   .menuBar {
     position: absolute;
@@ -1019,7 +848,7 @@ section {
     left: 0;
     bottom: 0;
     transform: translate(-110%);
-    z-index: 1;
+    z-index: 2;
   }
   .isMenuOpen {
     transform: translateX(0);
@@ -1072,7 +901,122 @@ section {
     opacity: 0;
   }
 }
-
 .hide {
   display: none;
 }
+.compListItem{
+  padding: 5px;
+  font-size: 15px;
+  list-style-position: inside;
+  margin-left: 30px;
+}
+.compListTitle{
+  padding: 10px;
+  font-size: 17px;
+  flex:1;
+  max-width: 90%;
+  display: block;
+}
+.toolOptions{
+  background: #333;
+  border-radius: 12px;
+  margin: 5px 0;
+}
+.toolarea{
+  overflow: auto;
+}
+.range{
+  width: 500px;
+  padding: 15px 0;
+  position: relative;
+  margin-left: 20px;
+  flex: .5;
+}
+.rangeSlider{
+  min-width: 200px;
+}
+.tooltip,.window {
+	padding: 4px;
+	font-size: 12px;
+	color: #fff;
+	background-color: #5c5e61;
+	white-space: nowrap;
+	border-radius: 5px;
+  margin: 0px 6px;
+}
+.tooltip{
+  min-width:80px;
+  text-align: center;
+}
+.tooltipVal{
+  font-size: 12px;
+  color:#fff;
+  padding: 4px;
+}
+.rangeInput {
+	-webkit-appearance: none;
+	display: block;
+  width: 100%;
+  min-width: 100px;
+	height: 8px;
+	padding: 0;
+	border-radius: 4px;
+	background: #dbdbdb;
+	box-sizing: content-box;
+}
+.rangeInput:focus {
+  outline: none;
+}
+.rangeInput::-webkit-slider-thumb {
+	-webkit-appearance: none;
+	width: 15px;
+	height: 20px;
+	border: 1px solid #03613b;
+	border-radius: 5px;
+	background: #00995a;
+}
+.transform{
+  transform: rotateY(180deg);
+}
+.home{
+  display: block;
+  padding: 2px 15px 2px 0px;
+  cursor: pointer;
+}
+.fullScreen svg{
+  width: 18px;
+  height: 18px;
+}
+.textSize{
+  line-height: 23px;
+}
+.textSize svg{
+  width: 12px;
+  height: 12px;
+}
+.svg{
+  width: inherit;
+  height: inherit;
+  fill: #fff;
+}
+.homeIcon{
+  width: 20px;
+  height: 20px;
+}
+.smileIcon{
+  width: 60px;
+  margin-bottom: 30px
+}
+.authorview{
+  height: 100%;
+  overflow: auto;
+}
+#react{
+  position: fixed;
+  top: 0;
+  z-index: 1;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background:#fff;
+}

package/templates/docs/impactReportTemplate.html

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+
+.sourcenameRow .methodDetail {
+    clear: both;
+    padding: 10px;
+    position: relative;
+}
+
+.sourcenameRow
+.methodDetail > div
+{
+	float: left;
+    min-width: 50%;
+    padding-bottom: 10px;
+}
+
+.noCoverage {
+    color: red;
+    width: 80%;
+    padding: 10px;
+}
+
+.fl {
+    float: left;
+}
+
+.fr {
+    float: right ! important;
+}
+
+.pointer, #har tr[main] td {
+    cursor: pointer;
+}
+
+.impactTestcaseRow {
+    float: left;
+    width: 45%;
+    padding: 20px;
+    margin-right: 5%;
+    background: white;
+    margin-bottom: 10px;
+    box-sizing: border-box;
+    border-bottom: 2px dotted #eee;
+}
+
+.anchorNone, .modifiedMethodRow:hover .anchorNone {
+    text-decoration: none;
+    color: #00bfff !important;
+}
+/* .impactTestcaseRow:hover {
+    box-shadow: -3px 0px 10px #ddd, 2px 1px 3px #ddd;
+} */
+
+.impactedBy
+{
+  float: left;
+  padding: 10px;
+  margin-top: 11px;
+  color: green;
+  width: 80%;
+}
+
+div#impactTCListContainer {
+    font-size: 15px;
+}
+
+.impactTestcaseRowContainer,.sourcenameRow
+{
+  display:flex;
+  flex-direction:column;
+}
+summary{
+  outline:none;
+}
+details{
+  padding:25px 10px;
+}
+
+
+</style>
+
+</head>
+<body>
+    <div class="sourcenameRow pointer bg-clr-hr">
+
+      <details>
+      <summary><b>Source Name :</b> ./src/components/GC/fields/MultiSelectField.js</summary>
+      <div class="impactTestcaseRowContainer">
+        <div class="impactedBy"> ImpactedBy :- </div>
+          <div class="impactTestcaseRow">
+            <a class="anchorNone">@zohodesk/components/lib/MultiSelect/MultiSelect.js</a>
+          </div>
+
+      </div>
+    </details>
+
+    <details>
+        <summary><b>Source Name: </b> ./src/components/GC/fields/MultiSelectField.js</summary>
+        <div class="impactTestcaseRowContainer">
+          <div class="impactedBy"> ImpactedBy :- </div>
+      				<div class="impactTestcaseRow">
+      					<a class="anchorNone">@zohodesk/components/lib/MultiSelect/MultiSelect.js</a>
+      				</div>
+        </div>
+    </details>
+
+    <details>
+        <summary><b>Source Name: </b> ./src/components/GC/fields/TextBoxField.js</summary>
+        <div class="impactTestcaseRowContainer">
+          <div class="impactedBy"> ImpactedBy :- </div>
+      				<div class="impactTestcaseRow">
+      					<a class="anchorNone">@zohodesk/components/lib/TextBox/TextBox.js</a>
+      				</div>
+        </div>
+    </details>
+
+    <details>
+        <summary><b>Source Name: </b> ./src/components/activity/AddPopup/AddPopup.js </summary>
+        <div class="impactTestcaseRowContainer">
+          <div class="impactedBy"> ImpactedBy :- </div>
+              <div class="impactTestcaseRow">
+                <a class="anchorNone">@zohodesk/components/lib/DropDown/DropDownHeading.js</a>
+              </div>
+              <div class="impactTestcaseRow">
+                <a class="anchorNone">@zohodesk/components/lib/ListItem/ListItem.js</a>
+              </div>
+              <div class="impactTestcaseRow">
+                <a class="anchorNone">@zohodesk/components/lib/Popup/Popup.js</a>
+              </div>
+              <div class="impactTestcaseRow">
+                <a class="anchorNone">@zohodesk/components/lib/DropBox/DropBox.js</a>
+              </div>
+        </div>
+    </details>
+
+  </div>
+  <script type="text/javascript">
+    const details = document.querySelectorAll("details");
+      details.forEach((targetDetail) => {
+        targetDetail.addEventListener("click", () => {
+          // Close all the details that are not targetDetail.
+          details.forEach((detail) => {
+            if (detail !== targetDetail) {
+              detail.removeAttribute("open");
+            }
+          });
+        });
+      });
+  </script>
+</body>
+</html>