es-grid-template 1.5.17 → 1.6.1

package/es/grid-component/styles.scss

@@ -319,6 +319,8 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
       }
 
       .#{$prefix}-table-column-title {
+        //overflow: unset;
+        //position: unset;
         //display: flex;
       }
 
@@ -946,11 +948,15 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
           .ant-form-item-control-input,
           .ant-form-item-control-input-content,
           .ant-input{
-            height: 100%;
+            height: 100% !important;
+            max-height: unset !important;
             &:focus-visible {
               outline: none;
             }
           }
+          textarea.ant-input {
+            line-height: 1.8;
+          }
 
           input.be-cell-editing, .ant-picker, .ui-rc-select-selector, .ui-rc-table-select-selector {
             padding-inline: 7px;
@@ -1007,9 +1013,48 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 
         }
         &.cell-editable {
+
           &:focus-visible {
             outline: none;
           }
+          .ui-rc_content {
+            //display: flex;
+            //justify-content: space-between;
+            &.select-cell {
+              padding-right: 18px;
+              position: relative;
+              //&::after {
+              //  position: absolute;
+              //  right: 0;
+              //  content: '';
+              //  display: inline-block;
+              //  margin-left: 4px;
+              //  vertical-align: middle;
+              //  width: 0;
+              //  height: 0;
+              //  border-left: 5px solid transparent;
+              //  border-right: 5px solid transparent;
+              //  border-top: 5px solid black;
+              //}
+            }
+          }
+          .caret-down {
+            float: right;
+            position: absolute;
+            right: 0;
+            &::before {
+              content: '';
+              display: inline-block;
+              margin-left: 4px;
+              vertical-align: middle;
+              width: 0;
+              height: 0;
+              border-left: 5px solid transparent;
+              border-right: 5px solid transparent;
+              border-top: 5px solid #6f7777;
+            }
+          }
+
         }
         .#{$prefix}-table-cell-content {
           display: flex;
@@ -1380,3 +1425,7 @@ $fontFamily: "Montserrat",Helvetica,Arial,serif !default;
 .rs-picker-popup {
   z-index: 1660;
 }
+
+.select__menu-portal {
+  z-index: 9999 !important;
+}

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

@@ -13,6 +13,9 @@ type Props<T> = GridTableProps<T> & {
     triggerPaste?: (pastedRows: T[], pastedColumnsArray: string[], newData: T[], copyRows: T[]) => void;
     isFilter?: boolean;
     setIsFilter?: React.Dispatch<React.SetStateAction<boolean>>;
+    originData: T[];
+    mergedFilterKeys?: any;
+    setMergedFilterKeys?: any;
 };
 declare const Grid: <RecordType extends object>(props: Props<RecordType>) => React.JSX.Element;
 export default Grid;

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

@@ -13,6 +13,9 @@ type Props<RecordType> = TableProps<RecordType> & {
     triggerGroupColumns?: (groupedColumns: string[]) => void;
     setTooltipContent?: any;
     scrollHeight?: number;
+    originData: RecordType[];
+    mergedFilterKeys?: any;
+    setMergedFilterKeys?: any;
 };
 declare const GridEdit: <RecordType extends AnyObject = AnyObject>(props: Props<RecordType>) => React.JSX.Element;
 export default GridEdit;