fix prettier / ts issues

flash1293 · Jan 20, 2021 · 60f9bd1 · 60f9bd1
1 parent 10e2ac4
commit 60f9bd1
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 23 deletions.
diff --git a/src/components/datagrid/_data_grid_data_row.scss b/src/components/datagrid/_data_grid_data_row.scss
@@ -3,18 +3,6 @@
   min-width: 100%; // Needed to prevent wraps. Inline flex is tricky
 }
 
-@keyframes euiDataGridCellButtonSlideIn {
-  from {
-    margin-left: 0;
-    width: 0;
-  }
-
-  to {
-    margin-left: $euiDataGridCellPaddingM;
-    width: $euiSizeM;
-  }
-}
-
 @include euiDataGridRowCell {
   @include euiFontSizeS;
 
@@ -50,23 +38,24 @@
   // Long delays on hover to mitigate the accordion effect
   &:hover {
     .euiDataGridRowCell__expandButtonIcon {
-      animation-duration: $euiAnimSpeedFast;
+      animation-duration: $euiAnimSpeedExtraFast;
       animation-name: euiDataGridCellButtonSlideIn;
       animation-iteration-count: 1;
-      animation-delay: 1000ms;
-      animation-fill-mode: forwards;  
+      animation-delay: $euiAnimSpeedNormal;
+      animation-fill-mode: forwards;
     }
 
     .euiDataGridRowCell__actionButtonIcon {
-      animation-duration: $euiAnimSpeedFast;
+      animation-duration: $euiAnimSpeedExtraFast;
       animation-name: euiDataGridCellButtonSlideIn;
       animation-iteration-count: 1;
-      animation-delay: 1000ms;
-      animation-fill-mode: forwards;  
+      animation-delay: $euiAnimSpeedNormal;
+      animation-fill-mode: forwards;
     }
   }
 
-  &:not(:hover), &.euiDataGridRowCell--open {
+  &:not(:hover),
+  &.euiDataGridRowCell--open {
     .euiDataGridRowCell__expandButtonIcon {
       animation: none;
       margin-left: $euiDataGridCellPaddingM;
@@ -90,7 +79,8 @@
 
   // if a cell is not hovered nor focused nor open via popover, don't show buttons in general
   &:not(:hover):not(:focus):not(.euiDataGridRowCell--open) {
-    .euiDataGridRowCell__expandButtonIcon, .euiDataGridRowCell__actionButtonIcon {
+    .euiDataGridRowCell__expandButtonIcon,
+    .euiDataGridRowCell__actionButtonIcon {
       display: none;
     }
   }
@@ -257,3 +247,15 @@
     }
   }
 }
+
+@keyframes euiDataGridCellButtonSlideIn {
+  from {
+    margin-left: 0;
+    width: 0;
+  }
+
+  to {
+    margin-left: $euiDataGridCellPaddingM;
+    width: $euiSizeM;
+  }
+}
diff --git a/src/components/datagrid/data_grid.tsx b/src/components/datagrid/data_grid.tsx
@@ -650,7 +650,6 @@ export const EuiDataGrid: FunctionComponent<EuiDataGridProps> = (props) => {
   const [interactiveCellId] = useState(htmlIdGenerator()());
   const [headerIsInteractive, setHeaderIsInteractive] = useState(false);
 
-
   const cellsUpdateFocus = useRef<Map<string, Function>>(new Map());
 
   const [wrappingDivFocusProps, focusedCell, setFocusedCell] = useFocus(

diff --git a/src/components/datagrid/data_grid_body.tsx b/src/components/datagrid/data_grid_body.tsx
@@ -546,7 +546,7 @@ export const EuiDataGridBody: FunctionComponent<EuiDataGridBodyProps> = (
     ) {
       setWidth(boundingRect.width);
     }
-  }, [unconstrainedHeight, wrapperDimensions]);
+  }, [unconstrainedHeight, wrapperDimensions, height, width]);
 
   const preventTabbing = useCallback(() => {
     if (wrapperRef.current) {

diff --git a/src/components/datagrid/data_grid_cell.tsx b/src/components/datagrid/data_grid_cell.tsx
@@ -258,7 +258,8 @@ export class EuiDataGridCell extends Component<
       return true;
     if (nextState.isEntered !== this.state.isEntered) return true;
     if (nextState.isFocused !== this.state.isFocused) return true;
-    if (nextState.enableInteractions !== this.state.enableInteractions) return true;
+    if (nextState.enableInteractions !== this.state.enableInteractions)
+      return true;
     if (nextState.disableCellTabIndex !== this.state.disableCellTabIndex)
       return true;