profinansy-ui-lib 4.1.3 → 4.1.5

package/dist/urls/productsV2/investments/investments.d.ts

@@ -193,6 +193,7 @@ export declare const getInvestmentsHeader: (hostname: string, hostnameLenta: str
         isNew?: undefined;
     } | {
         name: string;
+        isForeignAccess: boolean;
         href: string;
         locked: boolean;
         unavailable: boolean;
@@ -214,7 +215,6 @@ export declare const getInvestmentsHeader: (hostname: string, hostnameLenta: str
             unavailable: boolean;
             isHit?: undefined;
         })[];
-        isForeignAccess?: undefined;
         isNew?: undefined;
     } | {
         name: string;
@@ -265,38 +265,46 @@ export declare const getInvestmentsSidebar: (hostname: string, hostnameLenta: st
         name: string;
         Icon: ComponentType<void>;
         isFill: boolean;
-        isForeignAccess: boolean;
         href: string;
-        locked: boolean;
-        subPages: {
-            name: string;
-            href: string;
-            locked: boolean;
-            innerPages: string[];
-        }[];
+        isForeignAccess?: undefined;
+        locked?: undefined;
         unavailable?: undefined;
         description?: undefined;
         imagePlug?: undefined;
         imagePlugMob?: undefined;
         innerPages?: undefined;
+        subPages?: undefined;
         isNew?: undefined;
     } | {
         name: string;
         Icon: ComponentType<void>;
         isFill: boolean;
+        isForeignAccess: boolean;
         href: string;
-        isForeignAccess?: undefined;
-        locked?: undefined;
-        subPages?: undefined;
-        unavailable?: undefined;
-        description?: undefined;
-        imagePlug?: undefined;
-        imagePlugMob?: undefined;
-        innerPages?: undefined;
+        locked: boolean;
+        unavailable: boolean;
+        description: string;
+        imagePlug: string;
+        imagePlugMob: string;
+        innerPages: string[];
+        subPages: ({
+            name: string;
+            href: string;
+            locked: boolean;
+            isHit: boolean;
+            unavailable: boolean;
+        } | {
+            name: string;
+            href: string;
+            locked: boolean;
+            unavailable: boolean;
+            isHit?: undefined;
+        })[];
         isNew?: undefined;
     } | {
         name: string;
         Icon: ComponentType<void>;
+        isForeignAccess: boolean;
         isFill: boolean;
         href: string;
         locked: boolean;
@@ -309,36 +317,36 @@ export declare const getInvestmentsSidebar: (hostname: string, hostnameLenta: st
             name: string;
             href: string;
             locked: boolean;
-            isHit: boolean;
             unavailable: boolean;
+            isForeignAccess?: undefined;
         } | {
             name: string;
+            isForeignAccess: boolean;
             href: string;
             locked: boolean;
             unavailable: boolean;
-            isHit?: undefined;
         })[];
-        isForeignAccess?: undefined;
         isNew?: undefined;
     } | {
         name: string;
         href: string;
         Icon: ComponentType<void>;
         isFill: boolean;
+        isForeignAccess: boolean;
         locked: boolean;
         unavailable: boolean;
         isNew: boolean;
         description: string;
         imagePlug: string;
         imagePlugMob: string;
-        isForeignAccess?: undefined;
-        subPages?: undefined;
         innerPages?: undefined;
+        subPages?: undefined;
     } | {
         name: string;
         href: string;
         Icon: ComponentType<void>;
         isFill: boolean;
+        isForeignAccess: boolean;
         locked: boolean;
         subPages: ({
             name: string;
@@ -369,7 +377,6 @@ export declare const getInvestmentsSidebar: (hostname: string, hostnameLenta: st
             innerPages?: undefined;
             isNotVisible?: undefined;
         })[];
-        isForeignAccess?: undefined;
         unavailable?: undefined;
         description?: undefined;
         imagePlug?: undefined;
@@ -380,29 +387,43 @@ export declare const getInvestmentsSidebar: (hostname: string, hostnameLenta: st
         name: string;
         Icon: ComponentType<void>;
         isFill: boolean;
+        isForeignAccess: boolean;
         href: string;
-        locked: boolean;
-        isForeignAccess?: undefined;
+        locked?: undefined;
+        unavailable?: undefined;
+        description?: undefined;
+        imagePlug?: undefined;
+        imagePlugMob?: undefined;
+        innerPages?: undefined;
         subPages?: undefined;
+        isNew?: undefined;
+    } | {
+        name: string;
+        Icon: ComponentType<void>;
+        isFill: boolean;
+        isForeignAccess: boolean;
+        href: string;
+        locked: boolean;
         unavailable?: undefined;
         description?: undefined;
         imagePlug?: undefined;
         imagePlugMob?: undefined;
         innerPages?: undefined;
+        subPages?: undefined;
         isNew?: undefined;
     } | {
         name: string;
         Icon: ComponentType<void>;
         isFill: boolean;
+        isForeignAccess: boolean;
         href: string;
         locked: boolean;
         unavailable: boolean;
         description: string;
         imagePlug: string;
         imagePlugMob: string;
-        isForeignAccess?: undefined;
-        subPages?: undefined;
         innerPages?: undefined;
+        subPages?: undefined;
         isNew?: undefined;
     })[];
 };

package/dist/urls/productsV2/profile/profile.d.ts

@@ -1,9 +1,20 @@
-export declare const getProfileSidebar: (hostname: string) => {
+import { Locales } from '../../../common.types';
+export declare const getProfileSidebar: (hostname: string, locale?: Locales) => {
     title: string;
     name: string;
     href: string;
     Icon: ComponentType<void>;
     subPages: ({
+        name: "profile_favorite";
+        Icon: ComponentType<void>;
+        isForeignAccess: boolean;
+        href: string;
+        innerPages: string[];
+        subPages: {
+            name: string;
+            href: string;
+        }[];
+    } | {
         name: string;
         isFill: boolean;
         isForeignAccess: boolean;
@@ -11,7 +22,6 @@ export declare const getProfileSidebar: (hostname: string) => {
         href: string;
         hiddenFromChildren?: undefined;
         innerPages?: undefined;
-        subPages?: undefined;
     } | {
         name: string;
         Icon: ComponentType<void>;
@@ -20,7 +30,6 @@ export declare const getProfileSidebar: (hostname: string) => {
         hiddenFromChildren: boolean;
         isForeignAccess?: undefined;
         innerPages?: undefined;
-        subPages?: undefined;
     } | {
         name: string;
         Icon: ComponentType<void>;
@@ -29,7 +38,6 @@ export declare const getProfileSidebar: (hostname: string) => {
         isForeignAccess?: undefined;
         hiddenFromChildren?: undefined;
         innerPages?: undefined;
-        subPages?: undefined;
     } | {
         name: string;
         Icon: ComponentType<void>;
@@ -38,19 +46,22 @@ export declare const getProfileSidebar: (hostname: string) => {
         isFill?: undefined;
         isForeignAccess?: undefined;
         innerPages?: undefined;
-        subPages?: undefined;
     } | {
         name: string;
         Icon: ComponentType<void>;
+        isForeignAccess: boolean;
         href: string;
-        innerPages: string[];
-        subPages: {
-            name: string;
-            href: string;
-        }[];
         isFill?: undefined;
-        isForeignAccess?: undefined;
         hiddenFromChildren?: undefined;
+        innerPages?: undefined;
+    } | {
+        name: string;
+        Icon: ComponentType<void>;
+        isFill: boolean;
+        isForeignAccess: boolean;
+        href: string;
+        hiddenFromChildren: boolean;
+        innerPages?: undefined;
     } | {
         name: string;
         Icon: ComponentType<void>;
@@ -59,6 +70,5 @@ export declare const getProfileSidebar: (hostname: string) => {
         href: string;
         innerPages: string[];
         hiddenFromChildren: boolean;
-        subPages?: undefined;
     })[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "4.1.3",
+  "version": "4.1.5",
   "main": "./dist/profinansy-ui-lib.cjs",
   "module": "./dist/profinansy-ui-lib.es.js",
   "types": "./dist/index.d.ts",

package/readme.md

@@ -1,59 +1,82 @@
 # Общая библиотека компонентов
 
 ## Описание проекта
+
 - Документация актуальных компонентов - https://master--651c1b79b512c24adef7cc46.chromatic.com/
 
 Проект предназначен для создания общих компонентов, которые используются в нескольких проектах сразу:
-1) UIKIT
-2) HeaderV2
-3) FooterV2
-4) SideMenuV2
-5) LayoutV2
-6) Вспомогательные функции
+
+1. UIKIT
+2. HeaderV2
+3. FooterV2
+4. SideMenuV2
+5. LayoutV2
+6. Вспомогательные функции
 
 ## Для начала работы
-1) Склонировать репозиторий ```git@profinansy.gitlab.yandexcloud.net:ru.profinansy/frontend/profinansy-react-components.git```
-2) Установить зависимости. Для этого в корневой папке проекта выполнить команду ```yarn install```
-3) Запустить сторибук ```yarn storybook```
+
+1. Склонировать репозиторий `git@gitlab.profinansy.dev:ru.profinansy/frontend/profinansy-react-components.git`
+2. Установить зависимости. Для этого в корневой папке проекта выполнить команду `yarn install`
+3. Запустить сторибук `yarn storybook`
 
 ## Используемые команды
+
 #### Установка зависимостей
+
 ```bash
 yarn install
 ```
+
 #### Сборка проекта
+
 ```bash
 yarn build
 ```
+
 #### Апгрейд и публикация пакета
+
 ```bash
 yarn pub
 ```
+
 #### Проверка проекта линтером
+
 ```bash
 yarn lint
 ```
+
 #### Автоматическое исправление замечаний линтером
+
 ```bash
 yarn lint:fix
 ```
+
 #### Проверка проекта на типы
+
 ```bash
 yarn types
 ```
+
 #### Сборка сторибука в дев режиме (для разработки)
+
 ```bash
 yarn storybook
 ```
+
 #### Сборка сторибука для деплоя
+
 ```bash
 yarn build-storybook
 ```
+
 #### Сборка иконок в документацию
+
 ```bash
 yarn icons:story
 ```
+
 #### Деплой сторибука
+
 ```bash
 yarn chromatic
 ```
@@ -61,11 +84,13 @@ yarn chromatic
 ## Нюансы по работу с проектом
 
 ### Как смотреть изменения
+
 1. Надо расшарить локально репу общих компонентов, для этого в терминале в корневой директории проекта **profinansy-react-components** запустить команду **yarn link**
 2. В своем проекте, в котором используется эта репа (profinansy, к примеру), надо выполнить команду **yarn remove profinansy-ui-lib**, затем **yarn link profinansy-ui-lib**
 3. **Одноразовая настройка:** В конфиге сборщика потребителя нужно добавить алиасы для `react`, `react-dom` и `styled-components`. Это заставит сборщик резолвить эти пакеты из `node_modules` потребителя, а не из симлинкнутой библиотеки. Без этого при `yarn link` будет два экземпляра React и ошибки типа "cannot be used as a JSX component" / "Invalid hook call". Алиасы безвредны без `yarn link` (указывают туда же, куда сборщик резолвит по умолчанию), поэтому их можно оставить навсегда:
 
 **Next.js** — в `next.config.js`, внутрь существующей функции `webpack(config) { ... }` добавить:
+
 ```javascript
 const path = require('path')
 
@@ -73,11 +98,12 @@ config.resolve.alias = {
   ...config.resolve.alias,
   react: path.resolve(__dirname, 'node_modules/react'),
   'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
-  'styled-components': path.resolve(__dirname, 'node_modules/styled-components'),
+  'styled-components': path.resolve(__dirname, 'node_modules/styled-components')
 }
 ```
 
 **Vite** — в `vite.config.ts` добавить в `resolve`:
+
 ```javascript
 import path from 'path'
 
@@ -86,13 +112,17 @@ export default defineConfig({
     alias: {
       react: path.resolve(__dirname, 'node_modules/react'),
       'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
-      'styled-components': path.resolve(__dirname, 'node_modules/styled-components'),
+      'styled-components': path.resolve(
+        __dirname,
+        'node_modules/styled-components'
+      )
     }
   }
 })
 ```
 
 **Webpack** — в `webpack.config.js` добавить в `resolve`:
+
 ```javascript
 const path = require('path')
 
@@ -101,11 +131,15 @@ module.exports = {
     alias: {
       react: path.resolve(__dirname, 'node_modules/react'),
       'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
-      'styled-components': path.resolve(__dirname, 'node_modules/styled-components'),
+      'styled-components': path.resolve(
+        __dirname,
+        'node_modules/styled-components'
+      )
     }
   }
 }
 ```
+
 4. Запустите проект-потребитель как обычно (например, **yarn dev** в profinansy frontend). Storybook в библиотеке запускать не нужно — он нужен только для изолированной разработки компонентов
 5. Для применения изменений после правок в библиотеке выполняйте команду **yarn build** в репозитории **profinansy-react-components** — потребитель подхватит новый билд через симлинк автоматически
 6. После завершения работы над компонентами, надо отвязать привязку: **yarn unlink profinansy-ui-lib**, затем **yarn add --force profinansy-ui-lib**
@@ -114,19 +148,18 @@ module.exports = {
 
 Все иконки кладем в папку icons в формате svg. Подключать в компонент иконки
 можно напрямую через import. Они сгенерируются в компоненты автоматически
-через `svgr`. 
+через `svgr`.
 Все иконки, используемые на проекте, отображаются в сторибуке.
 После того, как вы добавили новые иконки в проект, запустите скрипт
-``yarn icons:story``. Он автоматически сгенерирует новый `.stories` файл
-и добавит все ваши новые иконки. 
+`yarn icons:story`. Он автоматически сгенерирует новый `.stories` файл
+и добавит все ваши новые иконки.
 
 ### Как работать с изображениями
 
 Если вам нужно использовать какое-либо изображение отличное от формата `.svg`, то скачиваете это изображение
 из фигмы и отправляете девопсам с просьбой залить его в файлохранилище. У себя уже просто вставляете ссылку,
-которую вам передадут девопсы. 
-Изображения хранятся вот тут: https://storage.yandexcloud.net/public-files.profinansy.ru/images 
-
+которую вам передадут девопсы.
+Изображения хранятся вот тут: https://storage.yandexcloud.net/public-files.profinansy.ru/images
 
 ### Темизация
 
@@ -146,27 +179,31 @@ ThemeProvider. Через хук `useTheme` вы можете получить
 с помощью хука `useConfig`
 
 ### Storybook
+
 Для всех компонентов используется сторибук. Все изменения можно смотреть там.
-Сторибук деплоится на chromatic. Для того, что задеплоить ваши изменения, сделайте коммит в гит, 
-а потом выполните команду ``yarn chromatic``
+Сторибук деплоится на chromatic. Для того, что задеплоить ваши изменения, сделайте коммит в гит,
+а потом выполните команду `yarn chromatic`
 
 ## Файловая структура
-1) В папке **api** находятся функции запросов к бэкенду
-2) В папке **components** находятся все компоненты на проекте
-    - **blocks** - крупные блоки (header, footer и тд)
-    - **layouts** - общий лэйаут
-    - **modals** - общие модалки
-    - **uikit** - uikit проектов
-3) В папке **constants** находятся все константы
-4) папке **hooks** находятся все общие хуки
-5) папке **icons** находятся все иконки
-6) папке **theme** находятся все, что касается темизации
-7) папке **translations** находятся все переводы
-8) папке **urls** находятся объекты с роутингом
-9) папке **utils** находятся все вспомогательные функции
+
+1. В папке **api** находятся функции запросов к бэкенду
+2. В папке **components** находятся все компоненты на проекте
+   - **blocks** - крупные блоки (header, footer и тд)
+   - **layouts** - общий лэйаут
+   - **modals** - общие модалки
+   - **uikit** - uikit проектов
+3. В папке **constants** находятся все константы
+4. папке **hooks** находятся все общие хуки
+5. папке **icons** находятся все иконки
+6. папке **theme** находятся все, что касается темизации
+7. папке **translations** находятся все переводы
+8. папке **urls** находятся объекты с роутингом
+9. папке **utils** находятся все вспомогательные функции
 
 ## Процесс работы над задачей
+
 https://wiki.corp.profinansy.net/pages/viewpage.action?pageId=4948261
 
 ## Регламенты разработки
+
 https://wiki.corp.profinansy.net/pages/viewpage.action?pageId=4948295