@sima-land/moleculas 12.1.0 → 12.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sima-land/moleculas",
-  "version": "12.1.0",
+  "version": "12.3.1",
   "repository": "ssh://git@github.com:sima-land/moleculas.git",
   "author": "www.sima-land.ru team",
   "license": "Apache-2.0",
@@ -13,21 +13,24 @@
     "build:before": "rimraf build",
     "build:main": "tsc --project tsconfig.build.json",
     "build:after": "node .build/dist.js",
-    "build": "yarn build:before && yarn build:main && yarn build:after",
+    "build": "npm run build:before && npm run build:main && npm run build:after",
     "type-check": "tsc -p . --noEmit",
     "test": "jest",
     "coverage": "jest --coverage",
     "lint:scripts": "eslint --cache src/ --ext .js,.jsx,.ts,.tsx",
     "lint:styles": "stylelint 'src/**/*.scss'",
     "storybook": "start-storybook -p 6006",
-    "storybook:build": "build-storybook --no-dll --quiet --loglevel error -o build-storybook"
+    "storybook:build": "build-storybook --quiet --loglevel error -o build-storybook",
+    "prettier": "prettier --write \"./src/**/*.{js,jsx,ts,tsx,css,scss}\" --loglevel error",
+    "prettier:check": "prettier --check \"./src/**/*.{js,jsx,ts,tsx,css,scss}\" --loglevel error"
   },
   "dependencies": {
-    "@sima-land/ui-nucleons": "^39.0.1",
-    "@sima-land/ui-quarks": "^2.0.1",
+    "@sima-land/ui-nucleons": "^40.3.0",
+    "@sima-land/ui-quarks": "^2.2.0",
     "classnames": "^2.3.1",
+    "date-fns": "^2.26.0",
     "lodash": "^4.17.21",
-    "react-svg": "^11.2.2",
+    "react-svg": "^14.1.3",
     "react-transition-group": "^4.4.1"
   },
   "peerDependencies": {
@@ -35,44 +38,49 @@
     "react-dom": ">=17"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.8",
-    "@babel/preset-env": "^7.14.8",
-    "@babel/preset-react": "^7.14.5",
-    "@sima-land/linters": "^1.0.12",
-    "@storybook/addon-actions": "^6.3.6",
-    "@storybook/addon-docs": "^6.3.6",
-    "@storybook/addon-storysource": "^6.3.6",
-    "@storybook/addon-viewport": "^6.3.6",
-    "@storybook/react": "^6.3.6",
+    "@babel/core": "^7.16.0",
+    "@babel/preset-env": "^7.16.4",
+    "@babel/preset-react": "^7.16.0",
+    "@rushstack/eslint-patch": "^1.1.0",
+    "@sima-land/linters": "^2.1.1",
+    "@storybook/addon-actions": "^6.3.12",
+    "@storybook/addon-docs": "^6.3.12",
+    "@storybook/addon-storysource": "^6.3.12",
+    "@storybook/addon-viewport": "^6.3.12",
+    "@storybook/builder-webpack5": "^6.3.12",
+    "@storybook/manager-webpack5": "^6.3.12",
+    "@storybook/react": "^6.3.12",
+    "@storybook/theming": "^6.3.12",
     "@svgr/webpack": "^5.5.0",
     "@testing-library/react": "^12.1.0",
-    "@types/enzyme": "^3.10.8",
-    "@types/jest": "^26.0.22",
-    "@types/lodash": "^4.14.169",
-    "@types/react-dom": "^17.0.4",
-    "@types/react-transition-group": "^4.4.1",
-    "@typescript-eslint/eslint-plugin": "^4.22.0",
-    "@typescript-eslint/parser": "^4.22.0",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
-    "babel-preset-jest": "^27.0.6",
+    "@types/enzyme": "^3.10.10",
+    "@types/jest": "^27.0.3",
+    "@types/lodash": "^4.14.177",
+    "@types/react-dom": "^17.0.11",
+    "@types/react-transition-group": "^4.4.4",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.5",
+    "babel-preset-jest": "^27.2.0",
     "copyfiles": "^2.4.1",
     "css-loader": "^5.0.1",
-    "date-fns": "^2.16.1",
     "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.2",
     "enzyme-to-json": "^3.4.4",
-    "husky": "^7.0.1",
+    "eslint": "^7.32.0",
+    "husky": "^7.0.4",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^26.6.3",
-    "lint-staged": "^11.1.1",
+    "jest": "^27.3.1",
+    "lint-staged": "^12.1.2",
+    "postcss": "^8.3.11",
+    "prettier": "^2.5.0",
     "react": "^17.0.2",
+    "react-docgen-typescript": "^2.1.1",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "sass": "^1.36.0",
     "sass-loader": "^10.1.0",
     "style-loader": "^2.0.0",
-    "ts-jest": "^26.5.5",
+    "stylelint": "^14.1.0",
+    "ts-jest": "^27.0.7",
     "typescript": "^4.2.4",
-    "webpack": "^5.47.1"
+    "webpack": "^5.64.4"
   }
 }

package/README.md

@@ -1,86 +0,0 @@
-# Библиотека компонентов www.sima-land.ru
-
-React-компоненты, привязанные к контексту интернет-магазина.
-
-## Начало работы
-
-### Подключение
-
-Для подключения к проекту используйте
-
-```bash
-# npm
-$ npm i -S @sima-land/moleculas
-
-# yarn
-$ yarn add @sima-land/moleculas
-```
-
-### Консольные команды, необходимые в процессе разработки
-
-* `yarn test` - запуск unit-тестов
-* `yarn lint` - запуск линтеров
-* `yarn storybook` - запуск *storybook*
-
-## Соглашения
-
-1. В проекте используется линтер *ESLint*. Чтобы сделать `commit` и `push` в репозиторий, изменения должны пройти проверку линтером.
-1. Необходимо полное покрытие тестами всего функционала. Чтобы сделать `push` в репозиторий, все тесты должны пройти успешно.
-1. Коммиты должны быть оформлены по следующему шаблону:
-    ```
-    [№ задачи] [Название задачи]
-
-    [Изменение №1]
-    [Изменение №2]
-    ...
-    [Изменение №n]
-    ```
-    Пример:
-    ```
-    #62 Подключить отладку серверного приложения, написать документацию по работе с проектом
-
-    Внесены изменения в README.md, добавлены инструкции по началу работы в проекте
-    Добавлены конфигурационные файлы для Jest
-    Настроена отладка приложения в режиме разработки, инструкции по настройке IDE добавлены в README.md
-    ```
-
-## Отладка
-
-Для отладки иногда полезно подключить данную библиотеку к проекту напрямую, сделав `symlink` в файловой системе.
-
-1. Клонируем библиотеку. Заходим в папку этой библиотеки и делаем ```yarn build && cd build && yarn link```. Это нужно сделать 1 раз.
-2. Заходим в папку проекта к которому подключена библиотека и делаем ```yarn link "@sima-land/moleculas"```. Это
-приведет к тому, что код в node_modules будет заменен на ссылку в вашей FS.
-3. Для возврата в нормальный режим  ```yarn unlink "@sima-land/moleculas" && yarn install --force```
-
-Примечание: Если возникли ошибки с реактом/хуками, и одной из проблем в логе ошибки значится дублирование react'a,
-следует сделать линк реакта молекул с реактом проекта:
-1. Директория проекта куда добавлены молекулы `cd ./node_modules/react && yarn link`.
-2. Директория молекул `yarn link "react"`.
-
-## Витрина компонентов
-
-В качестве витрины компонентов для отображения размещенных в библиотеке компонентов используется [storybook](https://storybook.js.org/)
-
-Истории и документация компонентов позволяют увидеть варианты использования компонента с различными свойствами и примеры использования не вникая в код и логику компонента, что позволяет ускорить разработку при использовании библиотеки.
-Поэтому, при создании историй/документации компонентов необходимо учитывать различные **варианты использования** и различные **комбинации входных параметров**.
-
-### Соглашения
-
-Истории компонентов должны соответствовать формату `*.stories.(ts|tsx)`.
-
-Истории и вспомогательные файлы должны размещаться в директории `__stories__` в директории компонента.
-
-### Требования к историям/документации
-
-**История должна содержать:**
-- Вариант использования компонента;
-- Наименование, соответствующее варианту использования;
-- Необходимые начальные свойства (их можно изменить в UI Storybook на вкладке _Controls_).
-
-**Документация/блок историй должны содержать:**
-- Наименование компонента с префиксом группы, например `desktop/MyComponent`;
-- Текстовое описание компонента;
-- Блок кода с примером использования компонента;
-- Если компонент принимает в параметрах функции-обработчики, то они должны быть объявлены как [action](https://storybook.js.org/docs/react/essentials/actions), для отображения выполнения обработчиков на вкладке _Actions_ в UI.
-Для свойств-обработчиков, чьи имена начинаются с `on*` добавление [action](https://storybook.js.org/docs/react/essentials/actions) происходит автоматически, дополнительных действий с ними не требуется.