chore: fix pre-commit prettier linting and add json linting (#484)

Author: artemmufazalov

.eslintrc

@@ -1,12 +1,9 @@
 {
-    "extends": ["@gravity-ui/eslint-config", "prettier"],
+    "extends": ["@gravity-ui/eslint-config", "@gravity-ui/eslint-config/prettier"],
     "root": true,
     "overrides": [
         {
-            "files": [
-                "config-overrides.js",
-                "commitlint.config.js"
-            ],
+            "files": ["config-overrides.js", "commitlint.config.js"],
             "env": {
                 "node": true
             }

package.json

@@ -64,6 +64,9 @@
     ],
     "*.{js,jsx,ts,tsx}": [
       "eslint --fix --quiet"
+    ],
+    "*.{json}": [
+      "prettier --write"
     ]
   },
   "jest": {

src/components/QueryResultTable/Cell/Cell.tsx

@@ -11,16 +11,16 @@ interface CellProps {
 }
 
 export const Cell = React.memo(function Cell(props: CellProps) {
-    const {
-        className,
-        value,
-    } = props;
+    const {className, value} = props;
 
     const dispatch = useDispatch();
 
-    useEffect(() => () => {
-        dispatch(hideTooltip());
-    }, [dispatch]);
+    useEffect(
+        () => () => {
+            dispatch(hideTooltip());
+        },
+        [dispatch],
+    );
 
     return (
         <span
@@ -29,5 +29,5 @@ export const Cell = React.memo(function Cell(props: CellProps) {
         >
             {value}
         </span>
-    )
+    );
 });

src/components/QueryResultTable/i18n/en.json

@@ -1,3 +1,3 @@
 {
-    "empty": "Table is empty"
+  "empty": "Table is empty"
 }

src/components/QueryResultTable/i18n/ru.json

@@ -1,3 +1,3 @@
 {
-    "empty": "Таблица пустая"
+  "empty": "Таблица пустая"
 }

src/components/ShortyString/ShortyString.tsx

@@ -33,18 +33,15 @@ export default function ShortyString({
     const [expanded, setExpanded] = React.useState(false);
 
     const toggleLabelAction = expanded ? collapseLabel : expandLabel;
-    const toggleLabelSymbolsCount = displayLength && !expanded
-        ? i18n('chars_count', {count: value.length})
-        : '';
+    const toggleLabelSymbolsCount =
+        displayLength && !expanded ? i18n('chars_count', {count: value.length}) : '';
     const toggleLabel = toggleLabelAction + toggleLabelSymbolsCount;
 
     // showing toogle button with a label that is longer than the hidden part is pointless,
     // hence compare to limit + length in the not-strict mode
     const hasToggle = value.length > limit + (strict ? 0 : toggleLabel.length);
 
-    const text = expanded || !hasToggle
-        ? value
-        : value.slice(0, limit - 4) + '\u00a0...';
+    const text = expanded || !hasToggle ? value : value.slice(0, limit - 4) + '\u00a0...';
 
     return (
         <div className={block()}>

src/components/ShortyString/i18n/en.json

@@ -1,10 +1,10 @@
 {
-    "default_collapse_label": "Show less",
-    "default_expand_label": "Show more",
-    "chars_count": [
-        " ({{count}} symbol)",
-        " ({{count}} symbols)",
-        " ({{count}} symbols)",
-        " ({{count}} symbols)"
-    ]
+  "default_collapse_label": "Show less",
+  "default_expand_label": "Show more",
+  "chars_count": [
+    " ({{count}} symbol)",
+    " ({{count}} symbols)",
+    " ({{count}} symbols)",
+    " ({{count}} symbols)"
+  ]
 }

src/components/ShortyString/i18n/ru.json

@@ -1,10 +1,10 @@
 {
-    "default_collapse_label": "Показать меньше",
-    "default_expand_label": "Показать ещё",
-    "chars_count": [
-        " ({{count}} символ)",
-        " ({{count}} символа)",
-        " ({{count}} символов)",
-        " ({{count}} символов)"
-    ]
+  "default_collapse_label": "Показать меньше",
+  "default_expand_label": "Показать ещё",
+  "chars_count": [
+    " ({{count}} символ)",
+    " ({{count}} символа)",
+    " ({{count}} символов)",
+    " ({{count}} символов)"
+  ]
 }

src/components/SpeedMultiMeter/i18n/index.ts

@@ -9,5 +9,3 @@ i18n.registerKeyset(Lang.En, COMPONENT, en);
 i18n.registerKeyset(Lang.Ru, COMPONENT, ru);
 
 export default i18n.keyset(COMPONENT);
-
-

src/components/Stack/Stack.tsx

@@ -13,23 +13,23 @@ const b = cn('stack');
 
 export const Stack: React.FC<StackProps> = ({children, className}) => (
     <div className={b(null, className)}>
-        {
-            React.Children.map(children, (child, index) => {
-                if (!React.isValidElement(child)) {
-                    return null;
-                }
+        {React.Children.map(children, (child, index) => {
+            if (!React.isValidElement(child)) {
+                return null;
+            }
 
-                return (
-                    <div
-                        className={b('layer')}
-                        style={{
+            return (
+                <div
+                    className={b('layer')}
+                    style={
+                        {
                             [LAYER_CSS_VAR]: index,
-                        } as React.CSSProperties}
-                    >
-                        {child}
-                    </div>
-                );
-            })
-        }
+                        } as React.CSSProperties
+                    }
+                >
+                    {child}
+                </div>
+            );
+        })}
     </div>
 );