fix: update lint rules and remove import of lodash global object (#175)

FIX: remove import of lodash global

Also:
- update eslint, stylelint, prettier and lint configs
- add `@gravity-ui/eslint-config/a11y` preset
- add `@gravity-ui/eslint-config/import-order` preset
- add `lodash/import-scope` rule

Author: d3m1d0v

.eslintrc

@@ -1,4 +1,13 @@
 {
-    "extends": ["@gravity-ui/eslint-config", "@gravity-ui/eslint-config/prettier"],
-    "root": true
+    "root": true,
+    "extends": [
+        "@gravity-ui/eslint-config",
+        "@gravity-ui/eslint-config/a11y",
+        "@gravity-ui/eslint-config/prettier",
+        "@gravity-ui/eslint-config/import-order"
+    ],
+    "plugins": ["lodash"],
+    "rules": {
+        "lodash/import-scope": [2, "method"]
+    }
 }

demo/HtmlPreview.tsx

@@ -1,7 +1,10 @@
 import React from 'react';
+
 import transform from '@diplodoc/transform';
+
+import {MarkupString, colorClassName} from '../src';
 import type {ClassNameProps} from '../src/classname';
-import {colorClassName, MarkupString} from '../src';
+
 import {plugins} from './md-plugins';
 
 type PlaygroundHtmlPreviewProps = ClassNameProps & {

demo/PMSelection.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
+
 import type {EditorView} from 'prosemirror-view';
-import {isTextSelection, isNodeSelection, isWholeSelection, ClassNameProps} from '../src';
+
+import {ClassNameProps, isNodeSelection, isTextSelection, isWholeSelection} from '../src';
 
 export type PMSelectionProps = ClassNameProps & {
     view: EditorView;

demo/Playground.stories.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {ComponentMeta, Story} from '@storybook/react';
+
+import type {ComponentMeta, Story} from '@storybook/react'; // eslint-disable-line import/no-extraneous-dependencies
 
 import {Playground as PlaygroundComponent, PlaygroundProps} from './Playground';
 import {initialMdContent} from './md-content';

demo/Playground.tsx

@@ -1,32 +1,33 @@
 import React from 'react';
-import block from 'bem-cn-lite';
-import {useUpdate} from 'react-use';
+
 import {Button, RadioButton, TextArea} from '@gravity-ui/uikit';
+import block from 'bem-cn-lite'; // eslint-disable-line import/no-extraneous-dependencies
+import {useUpdate} from 'react-use';
 
 import {
     BaseNode,
     BasePreset,
     BehaviorPreset,
+    Extension,
+    FlexToolbar,
     MarkdownBlocksPreset,
     MarkdownMarksPreset,
     MarkupString,
-    YfmEditorComponent,
-    useYfmEditor,
-    YfmPreset,
-    Extension,
     ReactRenderStorage,
     ReactRendererComponent,
-    FlexToolbar,
+    YfmEditorComponent,
+    YfmPreset,
+    logger,
+    useYfmEditor,
 } from '../src';
 import {wHiddenData, wToolbarConfig} from '../src/toolbar/config/wysiwyg';
 
 import {PlaygroundHtmlPreview} from './HtmlPreview';
-import {ProseMirrorDevTools} from './ProseMirrorDevTools';
 import {PMSelection} from './PMSelection';
-import {logger} from '../src/index';
+import {ProseMirrorDevTools} from './ProseMirrorDevTools';
+import {keys} from './keys';
 
 import './Playground.scss';
-import {keys} from './keys';
 
 const b = block('playground');
 

demo/ProseMirrorDevTools.tsx

@@ -1,6 +1,7 @@
 import {useEffect} from 'react';
-import type {EditorView} from 'prosemirror-view';
+
 import {applyDevTools, removeDevTools} from 'prosemirror-dev-toolkit';
+import type {EditorView} from 'prosemirror-view';
 
 export type ProseMirrorDevToolsProps = {
     view: EditorView;

demo/md-plugins.ts

@@ -1,26 +1,23 @@
-import type {PluginWithParams} from 'markdown-it/lib';
-
+import anchors from '@diplodoc/transform/lib/plugins/anchors';
+import checkbox from '@diplodoc/transform/lib/plugins/checkbox';
+import code from '@diplodoc/transform/lib/plugins/code';
+import cut from '@diplodoc/transform/lib/plugins/cut';
+import deflist from '@diplodoc/transform/lib/plugins/deflist';
 import file from '@diplodoc/transform/lib/plugins/file';
 import imsize from '@diplodoc/transform/lib/plugins/imsize';
-
-import sub from 'markdown-it-sub';
-import ins from 'markdown-it-ins';
-import mark from 'markdown-it-mark';
-import color from 'markdown-it-color';
-import math from 'markdown-it-katex';
-
 import meta from '@diplodoc/transform/lib/plugins/meta';
-import checkbox from '@diplodoc/transform/lib/plugins/checkbox';
-import deflist from '@diplodoc/transform/lib/plugins/deflist';
-import anchors from '@diplodoc/transform/lib/plugins/anchors';
-import cut from '@diplodoc/transform/lib/plugins/cut';
+import monospace from '@diplodoc/transform/lib/plugins/monospace';
 import notes from '@diplodoc/transform/lib/plugins/notes';
-import tabs from '@diplodoc/transform/lib/plugins/tabs';
-import code from '@diplodoc/transform/lib/plugins/code';
 import sup from '@diplodoc/transform/lib/plugins/sup';
-import video from '@diplodoc/transform/lib/plugins/video';
-import monospace from '@diplodoc/transform/lib/plugins/monospace';
 import yfmTable from '@diplodoc/transform/lib/plugins/table';
+import tabs from '@diplodoc/transform/lib/plugins/tabs';
+import video from '@diplodoc/transform/lib/plugins/video';
+import type {PluginWithParams} from 'markdown-it/lib';
+import color from 'markdown-it-color';
+import ins from 'markdown-it-ins';
+import math from 'markdown-it-katex';
+import mark from 'markdown-it-mark';
+import sub from 'markdown-it-sub';
 
 const defaultPlugins: PluginWithParams[] = [
     meta,

demo/utils/preview.tsx

@@ -1,7 +1,9 @@
 import React from 'react';
-import type {Decorator} from '@storybook/react';
-import {configure as configureUikit, ThemeProvider} from '@gravity-ui/uikit';
+
 import {configure as configureComponents} from '@gravity-ui/components';
+import {ThemeProvider, configure as configureUikit} from '@gravity-ui/uikit';
+import type {Decorator} from '@storybook/react'; // eslint-disable-line import/no-extraneous-dependencies
+
 import {configure as configureYfmEditor} from '../../src';
 
 import '@gravity-ui/uikit/styles/styles.scss';