halleyx-ui-framework 5.4.2 → 5.4.4

package/dist/src/assets/styles/newtable.scss

@@ -0,0 +1,305 @@
+// // table
+// // { width: 100%;
+// //   display: block;
+// //     overflow-x: auto;
+// //     white-space: nowrap;
+// //   border-collapse: collapse;
+// //   font-family: var(--hlx-font-type-content);
+// //   i{
+// //     cursor: pointer;
+// //   }
+// // }
+// // th{
+// //     text-align: left;
+// // }
+//  th
+
+//   {
+//     // width: 100%;
+// //     min-width: 100px;
+// //  text-overflow: ellipsis;
+// //  overflow: hidden;
+// //  white-space: nowrap;
+// //     //  border-bottom: solid 1px $border-color;
+// //      padding: 12px;
+// }
+// //  td
+// //   {
+// //      width: 1%;
+// //      font-family: var(--hlx-font-type-content);
+// // //     min-width: max-content;
+// //     // text-overflow: ellipsis;
+// //     // overflow: hidden;
+// //     // white-space: nowrap;
+// // //     //  border-bottom: solid 1px $border-color;
+// //      padding: 12px;
+// // }
+
+// .table-img{
+
+//     width: 100px;
+//   height: 31.5px;
+//   object-fit: contain;
+
+// }
+
+// .row-expand{
+//     width:100%;
+//     min-height:65px;
+//     max-height: 260px;
+//     display: none;
+//     overflow:scroll;
+//     border-bottom: 1px solid var(--hlx-border-color);
+//     // overflow-x: scroll;
+//     padding:0px;
+//     // padding:8px;
+//     // border:1px solid red;
+//     flex-direction: column;
+// }
+
+// .expand{
+//   width:100%;
+//   min-height:60px;
+//   max-height: 260px;
+//   display: none;
+//   // overflow:scroll
+//   // overflow-x: scroll;
+//   padding:0px;
+//   // padding:8px;
+//   // border:1px solid red;
+//   flex-direction: column;
+// }
+// .group{
+//   min-height: 148px;
+//   height: 127px;
+//   max-height: 400px;
+//   width:100%;
+//   padding:0px;
+//   // padding:8px;
+// }
+
+// // .table-row-expand-container{
+//   // border-bottom: 1px solid $border-color;
+// // }
+
+// .table-row-expand-icon{
+//   width:50px;
+//   .icon-arrow-down,.icon-arrow-right{
+//     font-size: 18px;
+//   }
+// }
+
+// .parent-row{
+//   width:150px;
+//   // min-width: 150px;
+//   max-width: 150px;
+//   overflow: hidden;
+//   text-overflow: ellipsis;
+//   span{
+//     width:100%;
+//     overflow: hidden;
+//   text-overflow: ellipsis;
+//   }
+// }
+
+// .parenttitle{
+//   // min-width: 150px;
+//   // width:150px;
+//   // max-width: 150px;
+//   overflow: hidden;
+//   text-overflow: ellipsis;
+//   margin-left: 5px;
+//   padding-top: 19px;
+// }
+// .parenttitle1{
+//   // min-width: 150px;
+//   // width:150px;
+//   // max-width: 150px;
+//   overflow: hidden;
+//   text-overflow: ellipsis;
+//   margin-left: 5px;
+//   padding-top: 19px;
+// }
+
+// .onehead{
+//   min-width: 322.6666666666667px;
+//   width:322.6666666666667px;
+//   max-width: 322.6666666666667px;
+// }
+
+// .groupbysubtotal{
+//   height: 27px;
+//   width: 27px;
+//   /* text-align: center; */
+//   display: flex;
+//   align-items: center;
+//   border-radius: 17px;
+//   // border: 1px solid ;
+//   background-color: var(--hlx-color-primary-dark);
+//   color: var(--hlx-color-white);
+//   // border: 1px solid #fj5645;
+//   // border: 1px solid red;
+//   justify-content: center;
+// }
+
+// .child-title{
+//   min-width: 260px;
+//   max-width: 260px;
+//     width:100%;
+//     height:100%;
+//     height:50px;
+// }
+
+// .table-wrapper-2{
+//   width:100%;
+// }
+
+// .url-value{
+//   color:var(--hlx-text-color-primary);
+// }
+
+// .sticky-col {
+//   position: -webkit-sticky;
+//   position: sticky;
+//   background-color: white;
+// }
+
+// .first-col {
+//   width: 100px;
+//   min-width: 100px;
+//   max-width: 100px;
+//   left: 0px;
+// }
+// .wrapper {
+//   position: relative;
+//   overflow: auto;
+//   border: 1px solid black;
+//   white-space: nowrap;
+// }
+// .full-row-detail{
+//   display: inline-flex;
+//   align-items: center;
+//   margin-bottom: 10px;
+//   .full-row-modal-value{
+//     margin-left: 10px;
+//   }
+//   .full-row-modal-key{
+//     display: inline-flex;
+//     align-items: center;
+//     justify-content: space-between;
+//     width: 200px;
+//   }
+// }
+
+// //rowgroup
+
+// .group-by{
+//   width:20%;
+//   margin-right: 10px;
+// }
+
+// .group-by-row-parent{
+//   width:100%;
+// }
+
+// .group-by-row-child:first-child{
+//   width:200px;
+// }
+
+// .group-by-row-child{
+//   width:150px;
+// }
+
+// .row-group-border{
+//   border-bottom: 1px solid var(--hlx-border-color);
+// }
+
+// .normalrow{
+//   display:flex
+// }
+
+// .inlinedit{
+//   width:100%;
+//   height:100%;
+//   display: none;
+// }
+
+// .showdata{
+//   display: flex;
+// }
+
+// .edit{
+//   display: none;
+// }
+
+// .datavalue{
+//   display: flex;
+// }
+
+// .subfiltercontainer{
+//   position: absolute;
+//   top: 4px;
+//   left: 15px;
+//   height: 198px;
+//   width: 143px;
+//   background: white;
+//   display: flex;
+//   visibility: hidden;
+//   flex-direction: column;
+//   border:1px solid var(--hlx-border-color);
+//   border-radius: 2px;
+//   z-index: 4543445;
+//   span{
+//     width:100%;
+//     height:100%;
+//     p{
+//       padding:5px;
+//       margin:5px;
+//       &:hover{
+//         border-radius: 2px;
+//         background:var(--hlx-color-primary);
+//         color: var(--colors-white);
+//       }
+//     }
+//     .straight-line{
+//       border-top:1px solid var(--hlx-border-color);
+//       // padding:5px;
+//       margin:5px;
+//     }
+//   }
+// }
+
+// .hlx-multi-filter-count{
+//   width: 40px;
+//   padding: 6px;
+//   display: flex;
+//   margin-right: 3px;
+//   justify-content: center;
+//   align-items: center;
+//   // position: absolute;
+//   //   right: 39px;
+// }
+// .hlx-multi-filter-count-check{
+//   width:100%;
+//    background:var(--hlx-color-primary);
+//    border-radius:20px;
+//    text-align: center;
+//    color:var(--colors-white);
+//    padding: 6px;
+//    font-size: 12px;
+// }
+
+// .show_custom_Filter{
+//   display: none;
+// }
+// .action-sub-menu {
+//   display: flex;
+//   flex-direction: column;
+//   background: white;
+//   border: 1px solid var(--hlx-border-color);
+//   height: 87px;
+//   border-radius: 5px;
+//   position: absolute;
+//   right: 50px;
+//   z-index: 100;
+// }

package/dist/src/assets/styles/objectViewer.scss

@@ -0,0 +1,195 @@
+.parent {
+  display: none;
+  font-size: 14px !important;
+}
+.parent:first-child {
+  display: block;
+}
+.db-row {
+  display: flex;
+  width: 100%;
+  font-size: 14px !important;
+  // height: 60px;
+  i {
+    cursor: pointer;
+  }
+}
+
+#other {
+  min-height: 40px;
+  display: flex;
+  align-items: baseline;
+}
+.new-obj-container {
+  position: relative;
+  align-items: flex-start;
+}
+#other2.db-row2 {
+  height: 32px;
+    display: flex;
+}
+#obj.db-row {
+  min-height: 40px;
+  padding-left: 4px;
+  font-size: 14px !important;
+}
+
+#obj.db-row:not(:first-of-type) {
+  margin-left: -40px;
+}
+
+.array-string {
+  display: flex;
+  margin-top: 6px;
+  width: max-content;
+}
+
+.array-index {
+  display: flex;
+}
+.div-with-arrow {
+  margin-left: 4px;
+  margin-top: 8px;
+  // margin-bottom: 16px;
+}
+
+.colon-key {
+  display: flex;
+  width: 150px !important;
+  word-break: break-all;
+  margin-top: 5px;
+  margin-right: 20px;
+}
+
+#other {
+  padding: 4px;
+  border-radius: 5px;
+}
+#other:hover {
+  background: var(--hlx-color-primary-lighter);
+  .enable-edit {
+    margin-left: 1rem;
+    margin-bottom: 3px;
+    display: flex !important;
+  }
+}
+
+.array-index-parent:has(.array-index) {
+  border-right: 1px solid #d8d8d8;
+  padding-right: 4px;
+  margin-top: 6px;
+  margin-bottom: 16px;
+}
+.array-index-parent:has(.array-string) {
+  // border-right: 1px solid #d8d8d8;
+  // width: 150px;
+  word-break: break-all;
+}
+
+.colon-value {
+  word-break: break-all;
+  display: flex;
+  align-items: flex-end;
+  min-width: 250px;
+
+  .cancel-edit {
+    color: var(--error);
+    font-size: 1.5rem;
+    margin-left: 4px;
+  }
+  .icon-check-square-regular {
+    color: #54bd95;
+    font-size: 1.5rem;
+  }
+}
+
+#other.db-row {
+  // margin-bottom: 1rem;
+
+  .radio-container {
+    align-items: center;
+  }
+
+  .radio-checkmark {
+    margin-top: 4px;
+  }
+}
+
+.schema-builder-input {
+  height: 36px;
+  border-radius: 5px;
+  border: 1px solid #d8d8d8;
+  padding: 8px;
+  font-size: 14px;
+  margin-left: 1rem;
+  margin-bottom: 1rem;
+}
+
+// .schema-builder-key-value {
+  // display: flex;
+// }
+
+.ov-icon-type {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+  .icon-holder {
+    display: flex;
+  }
+  .icon-holder.num{
+    font-size: 20px;
+    margin-top: -3px;
+    font-weight: bold;
+    width: 40px;
+    display: flex;
+    justify-content: center;
+  }
+  .icon-holder.arr{
+    font-size: 14px;
+    margin-top: -2px;
+    font-weight: bold;
+    width: 40px;
+    display: flex;
+    justify-content: center;
+    font-family: monospace !important;
+  }
+  .icon-holder.obj{
+    font-size: 14px;
+    margin-top: -3px;
+    font-weight: bold;
+    width: 40px;
+    display: flex;
+    justify-content: center;
+    font-family: monospace !important;
+  }
+  .icon-holder.str{
+    font-family: monospace !important;
+    font-size: 12px;
+    font-weight: bold;
+    width: 40px;
+    display: flex;
+    justify-content: center;
+    margin-top: 1px;
+  }
+  .icon-holder.date{
+    font-size: 18px;
+    font-weight: bold;
+    width: 40px;
+    display: flex;
+    justify-content: center;
+    margin-top: 1px;
+  }
+  .icon-holder.bool{
+    font-size: 18px;
+    font-weight: bold;
+    width: 40px;
+    display: flex;
+    justify-content: center;
+    margin-top: 1px;
+  }
+  .asterisk {
+    margin-left: 5px;
+    color: #ff5050;
+  }
+}

package/dist/src/assets/styles/overlay.scss

@@ -0,0 +1,14 @@
+.outer-overlay{
+    width: 100%;
+      height: 100%;
+      position: fixed;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      background: transparent;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      z-index: 10000000;
+  }