es-grid-template 1.2.0 → 1.2.2

package/es/grid-component/styles.scss

@@ -7,6 +7,7 @@ $rowSelectedBg: #FEF2EF !default;
 $tableBorderColor: #e0e0e0 !default;
 //$tableBorderColor: #f0f0f0 !default;
 $border-radius: 6px !default;
+$border-selected-color: #0550C5 !default;
 $body-color: #ffffff !default;
 $cell-selected-bg: #E6EFFD !default;
 $cell-index-selected-bg: #0550C5 !default;
@@ -31,6 +32,17 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
 .#{$prefix}-table-wrapper {
 
+  p {
+    margin: 0;
+  }
+
+  .ui-rc-table {
+    //font-family: $fontFamily;
+    color: #000000de;
+    //font-weight: 500;
+  }
+
+
 
   &.table-none-column-select {
     .#{$prefix}-table-cell {
@@ -44,11 +56,32 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
     }
   }
 
-  .ui-rc-table {
+  .#{$prefix}-table {
     line-height: 20px;
-    //color: #283046;
-    //font-weight: 500;
-    //font-family: $fontFamily !important;
+    .#{$prefix}-table-cell {
+
+      .#{$prefix}-table-filter-column {
+        .#{$prefix}-dropdown-trigger.#{$prefix}-table-filter-trigger {
+          margin-left: 0;
+        }
+      }
+
+      &.cell-group {
+        font-weight: 600;
+        background-color: #f5f5f5;
+        border-inline-end-color: transparent !important;
+
+      }
+      &.cell-group-fixed {
+        font-weight: 600;
+        position: sticky;
+        text-align: left !important;
+        left: 0;
+        z-index: 15;
+      }
+
+    }
+
   }
 
   .#{$prefix}-table-tbody-virtual {
@@ -65,6 +98,24 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
         border-inline-end: 1px solid $tableBorderColor;
       }
     }
+    .#{$prefix}-table-container {
+      .#{$prefix}-table-thead {
+
+        > tr{
+          > th.#{$prefix}-table-cell:last-of-type {
+            //border-inline-end: 0;
+          }
+        }
+
+      }
+      .#{$prefix}-table-summary {
+        > tr{
+          > td.#{$prefix}-table-cell:last-of-type {
+            //border-inline-end: 0;
+          }
+        }
+      }
+    }
 
   }
 
@@ -79,7 +130,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
       }
 
       &.row-disabled {
-        .ui-rc-table-cell {
+        .#{$prefix}-table-cell {
           //background-color: #f5f5f5;
         }
       }
@@ -89,10 +140,10 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
           background: #FBDED6;
         }
 
-        &.ui-rc-cell-command {
-          padding: 3px 8px;
+        &.#{$prefix}-cell-command {
+          padding: 5px 8px;
 
-          .ui-rc-cell-command__content {
+          .#{$prefix}-cell-command__content {
             display: flex;
             gap: 5px;
             overflow: hidden;
@@ -102,10 +153,14 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
       }
 
+      .#{$prefix}-table-cell:last-of-type {
+        //border-inline-end: 0;
+      }
+
 
       @for $i from 0 through 10 {
         &:has(.indent-level-#{$i}) {
-          .ui-rc-table-cell {
+          .#{$prefix}-table-cell {
             &.cell-number {
               .ui-rc_content {
                 padding-left: $i * 10px;
@@ -117,11 +172,11 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
     }
 
-    .ui-rc-table-placeholder {
-      .ui-rc-table-cell {
+    .#{$prefix}-table-placeholder {
+      .#{$prefix}-table-cell {
         padding-top: 0 !important;
         padding-bottom: 0 !important;
-        .ui-rc-table-expanded-row-fixed {
+        .#{$prefix}-table-expanded-row-fixed {
           margin-top: 0 !important;
           margin-bottom: 0 !important;
         }
@@ -130,20 +185,27 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
   }
 
   .#{$prefix}-table-thead {
+    //font-weight: 400;
 
     > tr {
       > th,
       > td {
         border-bottom: 1px solid $tableBorderColor;
+        //background: #fff;
+        font-weight: 500;
       }
     }
 
-    .ui-rc-table-cell {
-      &.ui-rc-table-cell-fix-left-last {
-        .ui-rc-table-cell-content {
+    .#{$prefix}-table-cell {
+
+      &.#{$prefix}-table-cell-fix-left-last {
+        .#{$prefix}-table-cell-content {
           //overflow: visible;
         }
       }
+      .#{$prefix}-table-column-title {
+        //display: flex;
+      }
     }
   }
 
@@ -170,6 +232,10 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
         border-inline-start: 1px solid $tableBorderColor;
         border-top: 1px solid $tableBorderColor;
 
+        &::after {
+          border-inline-end: 1px solid $tableBorderColor;
+        }
+
         > .#{$prefix}-table-content,
         > .#{$prefix}-table-header,
         > .#{$prefix}-table-body,
@@ -214,8 +280,10 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
     &.#{$prefix}-table-ping-right:not(.#{$prefix}-table-has-fix-right) .#{$prefix}-table-container::after {
       box-shadow: inset -10px 0 8px -8px $boxShadowColor;
+      //box-shadow: none;
     }
 
+
   }
 
   .#{$prefix}-table-ping-left {
@@ -257,17 +325,195 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
   &.grid-editable {
 
+    .#{$prefix}-table-row {
+      &:has(+ .#{$prefix}-table-cell) {
+
+      }
+    }
+
+    .#{$prefix}-table .#{$prefix}-table-tbody .rc-ui-cell-editable {
+      overflow: unset;
 
-    //.#{$prefix}-table.#{$prefix}-table-small .ui-rc-table-tbody .rc-ui-cell-editable{
-    .#{$prefix}-table .ui-rc-table-tbody .rc-ui-cell-editable{
       display: flex;
+      //--------
       padding: 0;
-      .ui-rc-table-row-expand-icon {
+
+      .#{$prefix}-table-row-expand-icon {
         top: 8px;
         left: 8px;
       }
+
+      &.cell-editable {
+        &.cell-border-top {
+          border-bottom: 1px solid $border-selected-color;
+        }
+
+        &.cell-border-bottom {
+          border-bottom: 1px solid $border-selected-color;
+        }
+
+        &.cell-paste-border-bottom {
+          border-bottom: 1px dashed #949494;
+        }
+
+        &.cell-border-left {
+          border-inline-end: 1px solid $border-selected-color;
+        }
+
+        &.cell-paste-border-left {
+          border-inline-end: 1px dashed #949494;
+        }
+
+        &.cell-border-right {
+          border-inline-end: 1px solid $border-selected-color;
+        }
+
+        &.cell-paste-border-right {
+          border-inline-end: 1px dashed #949494;
+        }
+
+        &.#{$prefix}-table-cell-fix-left {
+          &:has(.ui-rc_cell-content.selected) {
+          }
+
+        }
+
+        &.#{$prefix}-table-cell-fix-right {
+          &:has(.ui-rc_cell-content.selected) {
+          }
+
+          &.cell-border-end {
+            z-index: 3;
+          }
+
+        }
+
+
+        &.cell-border-end {
+          z-index: 1;
+        }
+
+        &.#{$prefix}-table-cell-fix-right-first {
+
+          &.cell-border-end {
+            z-index: 3;
+          }
+
+          &.next-cell-border-left {
+            &::before {
+              border-inline-start: 1px solid $border-selected-color;
+            }
+          }
+
+
+          &.next-cell-paste-border-left {
+            &::before {
+              border-inline-start: 1px dashed #949494;
+            }
+          }
+
+          &.fixed-cell-border-left {
+            &::before {
+              border-inline-start: 1px solid $border-selected-color;
+            }
+          }
+          &.fixed-cell-paste-border-left {
+            &::before {
+              border-inline-start: 1px dashed #949494;
+            }
+          }
+
+        }
+
+        &.#{$prefix}-table-cell-fix-left-last {
+
+          &.cell-border-end {
+            z-index: 3;
+          }
+
+        }
+
+      }
+
+
+    }
+
+    .#{$prefix}-table.#{$prefix}-table-ping-left {
+      .#{$prefix}-table-tbody .rc-ui-cell-editable{
+        &.cell-editable {
+
+
+          &.#{$prefix}-table-cell-fix-left-last {
+
+            &.cell-border-left {
+              border-inline-end: 1px solid $tableBorderColor;
+            }
+
+          }
+
+
+
+        }
+      }
+
+      &:not(.#{$prefix}-table.#{$prefix}-table-ping-right) {
+
+        .#{$prefix}-table-tbody .rc-ui-cell-editable {
+          &.cell-editable {
+
+            // //&.cell-border-end {
+            //  //  z-index: 1;
+            //  //}
+
+            &.#{$prefix}-table-cell-fix-right {
+              z-index: 0;
+
+              &.cell-border-end {
+                z-index: 3;
+              }
+            }
+
+          }
+        }
+
+      }
+
     }
 
+    .#{$prefix}-table.#{$prefix}-table-ping-right {
+      .#{$prefix}-table-tbody .rc-ui-cell-editable{
+
+        &.cell-editable {
+
+          &.#{$prefix}-table-cell-fix-right-first {
+
+            &.next-cell-border-left {
+              &::before {
+                border-inline-start: 1px solid $tableBorderColor;
+              }
+            }
+
+
+
+          }
+
+          &.#{$prefix}-table-cell-fix-left-last {
+            &.cell-border-end {
+              z-index: 3;
+            }
+          }
+
+        }
+
+        &.cell-border-end {
+          z-index: 1;
+        }
+
+      }
+
+    }
+
+
     .#{$prefix}-table.#{$prefix}-table-small {
       .#{$prefix}-table-thead > tr > th,
       tfoot > tr > th,
@@ -281,17 +527,48 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
     .#{$prefix}-table.#{$prefix}-table-small {
       .#{$prefix}-table-selection-column{
         //padding: 8px 8px;
+        padding: 6px 8px;
       }
     }
 
     .ui-rc_cell-content {
+      //position: relative;
       user-select: none;
-      padding: 8px 8px;
-      min-height: 23px;
+      //padding: 8px 8px;
+      padding: 7px 8px;
+      //min-height: 23px;
       overflow: hidden;
+
       .ui-rc_content {
         width: 100%;
       }
+      &:hover {
+        .dragging-point {
+          //visibility: visible;
+        }
+      }
+
+      .dragging-point {
+        //visibility: hidden;
+        width: 10px;
+        height: 10px;
+        position: absolute;
+        cursor: crosshair;
+        right: 0;
+        bottom: 0;
+        //background: red;
+
+        .dot-point {
+          position: absolute;
+          width: 8px;
+          height: 8px;
+          border-radius: 6px;
+          background-color: $border-selected-color;
+          bottom: -4px;
+          right: -4px;
+        }
+
+      }
     }
 
     .ui-rc_cell-content.selected {
@@ -302,12 +579,12 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
       &.focus {
         background-color: $cell-index-focus-bg;
         //color: #fff;
-        font-weight: 500;
+        //font-weight: 500;
       }
       &.selected {
         background-color: $cell-index-selected-bg;
         color: #fff;
-        font-weight: 500;
+        //font-weight: 500;
       }
     }
 
@@ -325,9 +602,9 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
           }
         }
 
-        .ui-rc-table-cell {
+        .#{$prefix}-table-cell {
 
-          .ui-rc-table-row-indent {
+          .#{$prefix}-table-row-indent {
             position: absolute;
             @for $i from 1 through 10 {
               &.indent-level-#{$i} {
@@ -339,7 +616,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
           @for $i from 0 through 10 {
             &:has(.indent-level-#{$i}) {
 
-              .ui-rc-table-row-expand-icon {
+              .#{$prefix}-table-row-expand-icon {
                 position: absolute;
                 //.ui-rc_content {
                 padding-left: $i * 10px;
@@ -356,7 +633,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
           @for $i from 0 through 10 {
             &:has(.indent-level-#{$i}) {
 
-              .ui-rc-table-row-expand-icon {
+              .#{$prefix}-table-row-expand-icon {
                 position: absolute;
                 left: $i * 25px + 8px !important;
               }
@@ -373,7 +650,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
       .#{$prefix}-table-cell{
 
-        &.ui-rc-table-cell-ellipsis {
+        &.#{$prefix}-table-cell-ellipsis {
           .ui-rc_cell-content {
 
             .ui-rc_content {
@@ -387,7 +664,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
         }
 
         &.cell-editing {
-          padding: 0 !important;
+          //padding: 0 !important;
           &:focus-visible {
             outline: none;
           }
@@ -403,11 +680,11 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
             }
           }
 
-          .ui-rc-checkbox-wrapper {
-            .ui-rc-checkbox {
+          .#{$prefix}-checkbox-wrapper {
+            .#{$prefix}-checkbox {
               background-color: red;
             }
-            .ui-rc-checkbox-input {
+            .#{$prefix}-checkbox-input {
               &:focus-visible {
                 outline: none;
               }
@@ -434,16 +711,16 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
           // ------------ select  ---------------
 
-          .ui-rc-table-select-single .ui-rc-table-select-selector,
-          .ui-rc-select-single .ui-rc-select-selector {
+          .#{$prefix}-table-select-single .#{$prefix}-table-select-selector,
+          .#{$prefix}-select-single .#{$prefix}-select-selector {
 
             border-radius: 0;
 
           }
 
-          .ui-rc-table-select-single:not(.ui-rc-table-select-customize-input) {
-            .ui-rc-table-select-selector {
-              .ui-rc-table-select-selection-search-input {
+          .#{$prefix}-table-select-single:not(.#{$prefix}-table-select-customize-input) {
+            .#{$prefix}-table-select-selector {
+              .#{$prefix}-table-select-selection-search-input {
                 height: auto;
               }
             }
@@ -458,13 +735,13 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
             outline: none;
           }
         }
-        .ui-rc-table-cell-content {
+        .#{$prefix}-table-cell-content {
           display: flex;
           height: 100%;
         }
 
         .ui-rc_cell-content,
-        .ui-rc-table-cell-content{
+        .#{$prefix}-table-cell-content{
           //width: 100%;
           flex: 1;
         }
@@ -498,13 +775,13 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
     }
   }
 }
-//.ui-rc-checkbox-input {
+//.#{$prefix}-checkbox-input {
 //  &:focus-visible {
 //    outline: none;
 //  }
 //}
 
-.ui-rc-checkbox .ui-rc-checkbox-input:focus-visible+.ui-rc-checkbox-inner {
+.#{$prefix}-checkbox .#{$prefix}-checkbox-input:focus-visible+.#{$prefix}-checkbox-inner {
   outline: none;
 }
 
@@ -600,8 +877,8 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
   margin: 0;
 }
 
-.ui-rc-table-wrapper {
-  .ui-rc-table {
+.#{$prefix}-table-wrapper {
+  .#{$prefix}-table {
     .#{$prefix}-pagination {
       &::before {
         content: "";
@@ -626,7 +903,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
         border: none;
         padding-top: 0;
         padding-bottom: 0;
-        .ui-rc-pagination-total-text {
+        .#{$prefix}-pagination-total-text {
           margin-left: auto;
         }
       }
@@ -639,7 +916,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
 .#{$prefix}-pagination {
 
-  .ui-rc-pagination-total-text {
+  .#{$prefix}-pagination-total-text {
     white-space: nowrap;
   }
 
@@ -714,24 +991,24 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 }
 
 
-.ui-rc-table-wrapper {
-  .ui-rc-table.ui-rc-table-small {
-    .ui-rc-table-title,
-    .ui-rc-table-footer,
-    .ui-rc-table-cell,
-    .ui-rc-table-thead > tr > th,
-    .ui-rc-table-tbody > tr > th,
-    .ui-rc-table-tbody > tr > td,
+.#{$prefix}-table-wrapper {
+  .#{$prefix}-table.#{$prefix}-table-small {
+    .#{$prefix}-table-title,
+    .#{$prefix}-table-footer,
+    .#{$prefix}-table-cell,
+    .#{$prefix}-table-thead > tr > th,
+    .#{$prefix}-table-tbody > tr > th,
+    .#{$prefix}-table-tbody > tr > td,
     tfoot > tr > th,
     tfoot > tr > td {
       //padding: 8px 8px;
-      font-size: 13px;
+      //font-size: 13px;
     }
   }
 }
-.ui-rc-table-wrapper {
-  .ui-rc-table.ui-rc-table-small {
-    .ui-rc-table-cell {
+.#{$prefix}-table-wrapper {
+  .#{$prefix}-table.#{$prefix}-table-small {
+    .#{$prefix}-table-cell {
       &:has(.ant-color-picker-trigger) {
         padding: 1px 8px;
       }
@@ -750,17 +1027,37 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
 //ui-rc-table-ping-right
 
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-content >table >thead>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-header >table >thead>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-body >table >thead>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-summary >table >thead>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-content >table >tbody>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-header >table >tbody>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-body >table >tbody>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-summary >table >tbody>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-content >table >tfoot>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-header >table >tfoot>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-body >table >tfoot>tr >.ui-rc-table-cell-fix-right-first::after,
-.ui-rc-table-wrapper .ui-rc-table.ui-rc-table-bordered >.ui-rc-table-container >.ui-rc-table-summary >table >tfoot>tr >.ui-rc-table-cell-fix-right-first::after {
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-content >table >thead>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-header >table >thead>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-body >table >thead>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-summary >table >thead>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-content >table >tbody>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-header >table >tbody>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-body >table >tbody>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-summary >table >tbody>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-content >table >tfoot>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-header >table >tfoot>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-body >table >tfoot>tr >.#{$prefix}-table-cell-fix-right-first::after,
+.#{$prefix}-table-wrapper .#{$prefix}-table.#{$prefix}-table-bordered >.#{$prefix}-table-container >.#{$prefix}-table-summary >table >tfoot>tr >.#{$prefix}-table-cell-fix-right-first::after {
   border-inline-end: 1px solid $tableBorderColor;
 }
+
+
+// toolbar
+
+.ui-rc-toolbar-bottom {
+  .be-toolbar-item {
+    .toolbar-dropdown-button {
+      .ant-btn.ant-btn-default.ant-btn-variant-outlined.ant-btn-compact-item.ant-btn-compact-first-item {
+        border-color: #28c76f;
+      }
+      .ant-btn.ant-btn-default.ant-btn-variant-outlined.ant-btn-compact-item.ant-btn-compact-last-item {
+        border-color: #28c76f;
+        .ant-btn-icon {
+          color: #28c76f;
+        }
+      }
+    }
+
+  }
+}

package/es/grid-component/table/Grid.d.ts

@@ -6,6 +6,8 @@ type Props<T> = GridTableProps<T> & {
     triggerChangeColumns?: (columns: ColumnsTable<T>, type: string) => void;
     triggerChangeData?: (newData: T[], type: string) => void;
     getRowKey: GetRowKey<T>;
+    triggerGroupColumns?: (groupedColumns: string[]) => void;
+    triggerPaste?: (pastedRows: T[], pastedColumnsArray: string[], newData: T[]) => void;
 };
 declare const Grid: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
 export default Grid;