build(react-ui-validations): update deps (wip)

packages/react-ui-validations/.storybook/main.js

@@ -0,0 +1,3 @@
+module.exports = {
+  stories: ['../stories/**/*.stories.tsx'],
+};

packages/react-ui-validations/.storybook/preveiw.js

@@ -0,0 +1,15 @@
+import { setFilter } from '@skbkontur/react-props2attrs';
+import { findAmongParents } from '@skbkontur/react-sorge/lib';
+
+setFilter(fiber => {
+  // Транслируем все пропы только для контролов
+  const isControlComponent = !!findAmongParents(
+    fiber,
+    fiberParent => fiberParent.type && typeof fiberParent.type.__KONTUR_REACT_UI__ === 'string',
+  );
+  if (isControlComponent) {
+    return null;
+  }
+  // Для остальных компонентов ограничиваемся тестовыми идентификаторами
+  return ['data-tid', 'data-testid'];
+});

packages/react-ui-validations/.storybook/preview-head.html

@@ -0,0 +1,21 @@
+<style>
+  @font-face {
+    font-family: 'Segoe UI';
+    font-weight: 400;
+    src: local('Segoe UI'), local('SegoeUI'),
+    url('//c.s-microsoft.com/static/fonts/segoe-ui/cyrillic/normal/latest.woff') format('woff');
+  }
+
+  html,
+  body {
+    min-height: 100%;
+  }
+
+  body {
+    font-family: 'Segoe UI', 'Helvetica Neue', Roboto, Arial, sans-serif;
+    font-size: 14px;
+    margin: 0;
+    background: white;
+    color: rgba(0, 0, 0, 0.87);
+  }
+</style>

packages/react-ui-validations/.storybook/webpack.config.js

@@ -1,16 +1,8 @@
-const path = require('path');
 const webpack = require('webpack');
 
 module.exports = async ({ config, mode }) => {
   config.resolve.extensions.unshift('.ts', '.tsx');
 
-  config.entry.unshift('react-ui-testing/react-selenium-testing');
-
-  config.entry.push(
-    path.join(__dirname, '../stories/styles/reset.less'),
-    path.join(__dirname, '../stories/styles/typography.less'),
-  );
-
   config.module.rules = [
     {
       test: /\.(ts|tsx)$/,
@@ -44,7 +36,6 @@ module.exports = async ({ config, mode }) => {
             },
           },
         },
-        'less-loader',
       ],
     },
     {