Настройка для деплоя NPM пакета

Сборка библиотеки

npm run build 

Авторизируемся в npm

npm login

Повышение версии после авторизации

После успешной авторизации поднимаем версию в package.json согласно семантическому версионированию: :

"version": "2.0.80" -> "version": "2.0.81"

Публикуем в npm новую версию

npm publish

Полезные ссылки:

Инструкция по настройке сборки

Инструкция по публикации NPM пакета

Trendmet-map

Структура

Ppl-map

Компонент карты которые позволяет получить доступ к ее координатам, кликам через map-store.В папке components хранятся примитивы (маркеры,перетягиваемые маркеры, различные svg).

Функциональность

Приложение карты имеет 3 вида функциональности:

• Пункты приема - отображает все пункты ппл на карте
• Расчет в точке - позволяет делать расчет цен на категорию в зависимости от выбранного местоположения
• Аналитика - показывает аналитику по ценам в регионах

Action-layers

Слои для экспорта в примитив карты, которые переключаются в nav-menu. Слои независимы друг от друга, имеют свою апишку и поинты для предоставления информации.

Reception-points

• 📄 reception-points-layer.tsx - слой отрисовки точек, который экспортируется в карту.
• 📄 reception-points.tsx - бизнес логика по слою Пункты приема

Описание

Слой показывает пункты приема на карте, а так же список в левом окне. На карте можно кликнуть по точке и появится полная информация о пункте. Так же можно добавить пункт в избранное. Реализован поиск по пунктам. Так же доступен ряд фильтров при открытии аккордеона.

Calculation

• 📄 calculation-layer.tsx - слой отрисовки точек, который экспортируется в карту.
• 📄 calculation.tsx - бизнес логика по слою Расчет в точке

Описание

Слой позволяет поставить маркер на карту и задать радиус, в котором отобразятся все пункты приема рядом с точкой. Так же отобразится расстояние до ближайшего пункта от точки и его маршрут. Нажав добавить категорию мы переходим в меню выбора и настройки данных для расчета цены для транспортировки с учетом предоставленных услуг в ППЛ. Категорий можно выбрать несколько, расчеты будут производиться независимо друг от друга. Чтобы поменять точку, достаточно ее перетянуть на другое место, либо ввести новый адрес(или координаты), после которого появится точка на карте.

Analytics

• 📄 analytics-layer.tsx - слой отрисовки точек, который экспортируется в карту.
• 📄 analytics-nav-board.tsx - бизнес логика по слою Аналитика

Описание

Слой позволяет посредством нахождения курсора над федеральным округом, показывать статистику по ценам для него.

useMapEvents

Хук предназначен для передачи информации наверх к родителю через actions. Если нам нужно какое-то действие совершить (редирект на другую страницу) из нашего слоя, то через callBack onAction мы можем получить действие и необходимую нам информацию, не плодив кучу callBack для каждой кастомной логики.

Nav-map-menu

Настраиваемое меню карты, при клике на который меняются слои отображения.

Nav-config

Позволяет настроить карту для пользования