profinansy-ui-lib 3.1.3 → 3.1.4

package/dist/urls/products/education/educationLinks.d.ts

@@ -1,34 +1,34 @@
-export declare const getCabinet: (isPermission: boolean, hostname: string, hostnameLenta: string) => ({
-    name: string;
-    Icon: any;
-    href: string;
-    innerPages: string[];
-} | {
-    name: string;
-    Icon: any;
-    href: string;
-    innerPages?: undefined;
-})[];
-export declare const getEducationLinks: (hostname: string, hostnameLenta: string, isPermission: boolean, isGuest: boolean) => {
-    name: string;
-    Icon: any;
-    href: string;
-    subPages: ({
-        name: string;
-        Icon: any;
-        href: string;
-        innerPages?: undefined;
-    } | {
-        name: string;
-        Icon: any;
-        href: string;
-        locked: boolean;
-        innerPages: string[];
-    } | {
-        name: string;
-        Icon: any;
-        href: string;
-        innerPages: string[];
-        locked?: undefined;
-    })[];
-};
+export declare const getCabinet: (isPermission: boolean, hostname: string, hostnameLenta: string) => ({
+    name: string;
+    Icon: any;
+    href: string;
+    innerPages: string[];
+} | {
+    name: string;
+    Icon: any;
+    href: string;
+    innerPages?: undefined;
+})[];
+export declare const getEducationLinks: (hostname: string, hostnameLenta: string, isPermission: boolean, isGuest: boolean) => {
+    name: string;
+    Icon: any;
+    href: string;
+    subPages: ({
+        name: string;
+        Icon: any;
+        href: string;
+        innerPages?: undefined;
+    } | {
+        name: string;
+        Icon: any;
+        href: string;
+        locked: boolean;
+        innerPages: string[];
+    } | {
+        name: string;
+        Icon: any;
+        href: string;
+        innerPages: string[];
+        locked?: undefined;
+    })[];
+};

package/dist/urls/products/feed/feed.d.ts

@@ -1,9 +1,9 @@
-export declare const getFeedLinks: (hostnameLenta: string) => {
-    name: string;
-    Icon: any;
-    href: string;
-    subPages: {
-        name: string;
-        href: string;
-    }[];
-};
+export declare const getFeedLinks: (hostnameLenta: string) => {
+    name: string;
+    Icon: any;
+    href: string;
+    subPages: {
+        name: string;
+        href: string;
+    }[];
+};

package/dist/urls/products/idv/idvLinks.d.ts

@@ -1,9 +1,9 @@
-export declare const getIdvLinks: (hostname: string) => {
-    name: string;
-    href: string;
-    subPages: {
-        name: string;
-        Icon: any;
-        href: string;
-    }[];
-};
+export declare const getIdvLinks: (hostname: string) => {
+    name: string;
+    href: string;
+    subPages: {
+        name: string;
+        Icon: any;
+        href: string;
+    }[];
+};

package/dist/urls/products/index.d.ts

@@ -1,6 +1,6 @@
-export { getClubLinks } from './club/clubLinks';
-export { getCalculatorLinks } from './calculators/calculatorsLink';
-export { getEducationLinks } from './education/educationLinks';
-export { getInvestmentsLinks } from './investments/investments';
-export { getMyMoney } from './myMoney/myMoney';
-export { getIdvLinks } from './idv/idvLinks';
+export { getClubLinks } from './club/clubLinks';
+export { getCalculatorLinks } from './calculators/calculatorsLink';
+export { getEducationLinks } from './education/educationLinks';
+export { getInvestmentsLinks } from './investments/investments';
+export { getMyMoney } from './myMoney/myMoney';
+export { getIdvLinks } from './idv/idvLinks';

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

@@ -1,55 +1,55 @@
-export declare const getInvestmentsLinks: (hostname: string, hostnameLenta: string, isGuest: boolean, isPaid: boolean) => {
-    name: string;
-    Icon: any;
-    href: string;
-    subPages: ({
-        name: string;
-        Icon: any;
-        locked: boolean;
-        subPages: {
-            name: string;
-            href: string;
-            locked: boolean;
-        }[];
-        href?: undefined;
-        unavailable?: undefined;
-        available?: undefined;
-        innerPages?: undefined;
-    } | {
-        name: string;
-        Icon: any;
-        href: string;
-        locked: boolean;
-        unavailable: boolean;
-        available: boolean;
-        innerPages: string[];
-        subPages?: undefined;
-    } | {
-        name: string;
-        Icon: any;
-        href: string;
-        locked?: undefined;
-        subPages?: undefined;
-        unavailable?: undefined;
-        available?: undefined;
-        innerPages?: undefined;
-    } | {
-        name: string;
-        Icon: any;
-        href: string;
-        locked: boolean;
-        innerPages: string[];
-        subPages?: undefined;
-        unavailable?: undefined;
-        available?: undefined;
-    } | {
-        name: string;
-        Icon: any;
-        href: string;
-        locked: boolean;
-        unavailable: boolean;
-        available: boolean;
-        subPages?: undefined;
-        innerPages?: undefined;
-    })[];
-};
+export declare const getInvestmentsLinks: (hostname: string, hostnameLenta: string, isGuest: boolean, isPaid: boolean) => {
+    name: string;
+    Icon: any;
+    href: string;
+    subPages: ({
+        name: string;
+        Icon: any;
+        locked: boolean;
+        subPages: {
+            name: string;
+            href: string;
+            locked: boolean;
+        }[];
+        href?: undefined;
+        unavailable?: undefined;
+        available?: undefined;
+        innerPages?: undefined;
+    } | {
+        name: string;
+        Icon: any;
+        href: string;
+        locked: boolean;
+        unavailable: boolean;
+        available: boolean;
+        innerPages: string[];
+        subPages?: undefined;
+    } | {
+        name: string;
+        Icon: any;
+        href: string;
+        locked?: undefined;
+        subPages?: undefined;
+        unavailable?: undefined;
+        available?: undefined;
+        innerPages?: undefined;
+    } | {
+        name: string;
+        Icon: any;
+        href: string;
+        locked: boolean;
+        innerPages: string[];
+        subPages?: undefined;
+        unavailable?: undefined;
+        available?: undefined;
+    } | {
+        name: string;
+        Icon: any;
+        href: string;
+        locked: boolean;
+        unavailable: boolean;
+        available: boolean;
+        subPages?: undefined;
+        innerPages?: undefined;
+    })[];
+};

package/dist/urls/products/myMoney/myMoney.d.ts

@@ -1,13 +1,13 @@
-export declare const getMyMoney: (hostname: string, isGuest: boolean) => {
-    name: string;
-    Icon: any;
-    locked: boolean;
-    href: string;
-    subPages: {
-        name: string;
-        Icon: any;
-        href: string;
-        locked: boolean;
-        innerPages: string[];
-    }[];
-};
+export declare const getMyMoney: (hostname: string, isGuest: boolean) => {
+    name: string;
+    Icon: any;
+    locked: boolean;
+    href: string;
+    subPages: {
+        name: string;
+        Icon: any;
+        href: string;
+        locked: boolean;
+        innerPages: string[];
+    }[];
+};

package/dist/urls/products/profile/profileLinks.d.ts

@@ -1,9 +1,9 @@
-export declare const getProfileLinks: (hostname: string) => {
-    name: string;
-    href: string;
-    subPages: {
-        name: string;
-        Icon: any;
-        href: string;
-    }[];
-};
+export declare const getProfileLinks: (hostname: string) => {
+    name: string;
+    href: string;
+    subPages: {
+        name: string;
+        Icon: any;
+        href: string;
+    }[];
+};

package/dist/utils/debounce.d.ts

@@ -1 +1 @@
-export declare const debounce: <T extends (...args: any[]) => ReturnType<T>>(callback: T, timeout: number) => (...args: Parameters<T>) => void;
+export declare const debounce: <T extends (...args: any[]) => ReturnType<T>>(callback: T, timeout: number) => (...args: Parameters<T>) => void;

package/dist/utils/eventBus/events.d.ts

@@ -1,3 +1,3 @@
-export declare enum BusEvent {
-    SearchOpen = "search/open"
-}
+export declare enum BusEvent {
+    SearchOpen = "search/open"
+}

package/dist/utils/eventBus/index.d.ts

@@ -1,11 +1,11 @@
-import { BusEvent } from './events';
-export type TEventBusPayload = any;
-type EventHandler = (data?: TEventBusPayload) => void;
-interface EventBus {
-    events: Record<BusEvent, EventHandler[]>;
-    subscribe: (eventName: BusEvent, callback: EventHandler) => () => void;
-    publish: (eventName: BusEvent, data?: TEventBusPayload) => void;
-    unsubscribe: (eventName: BusEvent, callback: EventHandler) => void;
-}
-declare const eventBus: EventBus;
-export default eventBus;
+import { BusEvent } from './events';
+export type TEventBusPayload = any;
+type EventHandler = (data?: TEventBusPayload) => void;
+interface EventBus {
+    events: Record<BusEvent, EventHandler[]>;
+    subscribe: (eventName: BusEvent, callback: EventHandler) => () => void;
+    publish: (eventName: BusEvent, data?: TEventBusPayload) => void;
+    unsubscribe: (eventName: BusEvent, callback: EventHandler) => void;
+}
+declare const eventBus: EventBus;
+export default eventBus;

package/dist/utils/getParams.d.ts

@@ -1 +1 @@
-export declare const getParams: (params: string) => string;
+export declare const getParams: (params: string) => string;

package/dist/utils/getUserRules.d.ts

@@ -1,6 +1,6 @@
-import { UserRole } from '../common.types';
-export declare const getUserRules: (userRole: UserRole) => {
-    isGuest: boolean;
-    isAuth: boolean;
-    isPaid: boolean;
-};
+import { UserRole } from '../common.types';
+export declare const getUserRules: (userRole: UserRole) => {
+    isGuest: boolean;
+    isAuth: boolean;
+    isPaid: boolean;
+};

package/dist/utils/onClient.d.ts

@@ -1,2 +1,2 @@
-declare const _default: boolean;
-export default _default;
+declare const _default: boolean;
+export default _default;

package/dist/utils.d.ts

@@ -1,8 +1,8 @@
-export declare const getBreakPointsValues: (screenWidth: number) => {
-    xs: boolean;
-    s: boolean;
-    tablet: boolean;
-    sm: boolean;
-    md: boolean;
-    lg: boolean;
-};
+export declare const getBreakPointsValues: (screenWidth: number) => {
+    xs: boolean;
+    s: boolean;
+    tablet: boolean;
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+};

package/package.json

@@ -1,71 +1,71 @@
-{
-  "name": "profinansy-ui-lib",
-  "version": "3.1.3",
-  "main": "./dist/index.js",
-  "license": "MIT",
-  "devDependencies": {
-    "@babel/preset-env": "^7.22.5",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
-    "@storybook/addon-essentials": "^7.6.10",
-    "@storybook/addon-interactions": "^7.6.10",
-    "@storybook/addon-links": "^7.6.10",
-    "@storybook/blocks": "^7.6.10",
-    "@storybook/react": "^7.6.10",
-    "@storybook/react-webpack5": "^7.6.10",
-    "@storybook/testing-library": "0.0.14-next.2",
-    "@svgr/webpack": "^8.1.0",
-    "@types/file-loader": "^5.0.1",
-    "@types/react": "^18.0.27",
-    "@types/styled-components": "^5.1.26",
-    "@typescript-eslint/eslint-plugin": "^6.2.0",
-    "@typescript-eslint/parser": "^6.2.0",
-    "chromatic": "^7.2.0",
-    "classnames": "^2.3.2",
-    "css-loader": "^6.7.3",
-    "date-fns": "^2.30.0",
-    "eslint": "^8.45.0",
-    "eslint-plugin-react": "^7.33.0",
-    "file-loader": "^6.2.0",
-    "husky": "^8.0.3",
-    "prettier": "2.8.8",
-    "prop-types": "15.8.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "sass": "^1.57.1",
-    "sass-loader": "^13.2.0",
-    "storybook": "^7.6.10",
-    "style-loader": "^3.3.1",
-    "styled-components": "^5.3.6",
-    "ts-loader": "^9.4.2",
-    "tsconfig-paths-webpack-plugin": "^4.1.0",
-    "typescript": "^4.9.4",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1"
-  },
-  "scripts": {
-    "build": "webpack",
-    "pub": "webpack && npm version patch && npm publish",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix",
-    "types": "tsc",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "icons:story": "node \\generateIconsStories.ts",
-    "prepare": "husky install",
-    "checks:pre-commit": "yarn lint && yarn types",
-    "chromatic": "npx chromatic --project-token=chpt_d128c44de33605c --auto-accept-changes"
-  },
-  "peerDependencies": {
-    "react": "^17",
-    "styled-components": "^5.3.6"
-  },
-  "resolutions": {
-    "jackspeak": "2.1.1"
-  },
-  "files": [
-    "dist"
-  ],
-  "readme": "ERROR: No README data found!",
-  "_id": "profinansy-ui-lib@2.0.66"
-}
+{
+  "name": "profinansy-ui-lib",
+  "version": "3.1.4",
+  "main": "./dist/index.js",
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/preset-env": "^7.22.5",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
+    "@storybook/addon-essentials": "^7.6.10",
+    "@storybook/addon-interactions": "^7.6.10",
+    "@storybook/addon-links": "^7.6.10",
+    "@storybook/blocks": "^7.6.10",
+    "@storybook/react": "^7.6.10",
+    "@storybook/react-webpack5": "^7.6.10",
+    "@storybook/testing-library": "0.0.14-next.2",
+    "@svgr/webpack": "^8.1.0",
+    "@types/file-loader": "^5.0.1",
+    "@types/react": "^18.0.27",
+    "@types/styled-components": "^5.1.26",
+    "@typescript-eslint/eslint-plugin": "^6.2.0",
+    "@typescript-eslint/parser": "^6.2.0",
+    "chromatic": "^7.2.0",
+    "classnames": "^2.3.2",
+    "css-loader": "^6.7.3",
+    "date-fns": "^2.30.0",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react": "^7.33.0",
+    "file-loader": "^6.2.0",
+    "husky": "^8.0.3",
+    "prettier": "2.8.8",
+    "prop-types": "15.8.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "sass": "^1.57.1",
+    "sass-loader": "^13.2.0",
+    "storybook": "^7.6.10",
+    "style-loader": "^3.3.1",
+    "styled-components": "^5.3.6",
+    "ts-loader": "^9.4.2",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "typescript": "^4.9.4",
+    "webpack": "^5.75.0",
+    "webpack-cli": "^5.0.1"
+  },
+  "scripts": {
+    "build": "webpack",
+    "pub": "webpack && npm version patch && npm publish",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix",
+    "types": "tsc",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "icons:story": "node \\generateIconsStories.ts",
+    "prepare": "husky install",
+    "checks:pre-commit": "yarn lint && yarn types",
+    "chromatic": "npx chromatic --project-token=chpt_d128c44de33605c --auto-accept-changes"
+  },
+  "peerDependencies": {
+    "react": "^17",
+    "styled-components": "^5.3.6"
+  },
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  },
+  "files": [
+    "dist"
+  ],
+  "readme": "ERROR: No README data found!",
+  "_id": "profinansy-ui-lib@2.0.66"
+}

package/readme.md

@@ -1,44 +1,44 @@
-# Флоу работы
-1. Создать ветку от master
-2. Сделать изменения, обновить версию в package.json, выполнить команду yarn build, запушить в гитлаб и открыть МР в мастер(прикрепляете ссылку на задачу в МР и кидаете его в группу ревью)
-3. Ревьювер посмотрит на МР, если это апрув, примет МР в main, и выполнит у себя локально команду npm publish
-
-
-# Как смотреть изменения
-1. Надо расшарить локально репу общих компонентов, для этого в терминале в корневой директории проекта **profinansy-react-components** запустить команду **yarn link**
-2. В своем проекте, в котором используется эта репа(profinansy, к примеру),надо выполнить команду **yarn remove profinansy-ui-lib**, затем **yarn link profinansy-ui-lib**. Для применения изменений выполняйте команду **yarn build** в репозитории **profinansy-react-components**. Возможно то, что typescript будет кидать ошибки JSX типа "**cannot be used as a JSX component**", пока вы не отвяжете локальную привязку
-3. После завершения работы над компонентами, надо отвязать привязку: **yarn unlink profinansy-ui-lib**, затем **yarn add --force profinansy-ui-lib**
-
-## Как работать с иконками
-
-Все иконки кладем в папку icons в формате svg. Подключать в компонент иконки
-можно напрямую через import. Они сгенерируются в компоненты автоматически
-через `svgr`. 
-Все иконки, используемые на проекте, отображаются в сторибуке.
-После того, как вы добавили новые иконки в проект, запустите скрипт
-``yarn icons:story``. Он автоматически сгенерирует новый `.stories` файл
-и добавит все ваши новые иконки. 
-
-## Как работать с изображениями
-
-Если вам нужно использовать какое-либо изображение отличное от формата `.svg`, то скачиваете это изображение
-из фигмы и отправляете девопсам с просьбой залить его в файлохранилище. У себя уже просто вставляете ссылку,
-которую вам передадут девопсы. 
-Изображения хранятся вот тут: https://storage.yandexcloud.net/public-files.profinansy.ru/images 
-
-
-## Темизация
-
-Палитра и общий провайдер, который передает выбранную тему лежит в папке `theme`.
-Когда вы подключаете эту библиотеку к своему проекту, то оберните все приложение в провайдер
-ThemeProvider. Через хук `useTheme` вы можете получить актуальную тему во всем приложении.
-Реализация подключения палитры к css в вашем проекте индивидуальна и зависит
-от библиотек, которые вы используете для кастомизации.
-
-Чтобы компоненты из папки `uikit` также имели типизацию они должны быть все обренуты
-в ThemeProvider из `styled-components`
-
-## Storybook
-Для всех компонентов используется сторибук. Все изменения можно смотреть там.
-Сторибук деплоится на chromatic. Для того, что задеплоить ваши изменения, сделайте коммит в гит, 
+# Флоу работы
+1. Создать ветку от master
+2. Сделать изменения, обновить версию в package.json, выполнить команду yarn build, запушить в гитлаб и открыть МР в мастер(прикрепляете ссылку на задачу в МР и кидаете его в группу ревью)
+3. Ревьювер посмотрит на МР, если это апрув, примет МР в main, и выполнит у себя локально команду npm publish
+
+
+# Как смотреть изменения
+1. Надо расшарить локально репу общих компонентов, для этого в терминале в корневой директории проекта **profinansy-react-components** запустить команду **yarn link**
+2. В своем проекте, в котором используется эта репа(profinansy, к примеру),надо выполнить команду **yarn remove profinansy-ui-lib**, затем **yarn link profinansy-ui-lib**. Для применения изменений выполняйте команду **yarn build** в репозитории **profinansy-react-components**. Возможно то, что typescript будет кидать ошибки JSX типа "**cannot be used as a JSX component**", пока вы не отвяжете локальную привязку
+3. После завершения работы над компонентами, надо отвязать привязку: **yarn unlink profinansy-ui-lib**, затем **yarn add --force profinansy-ui-lib**
+
+## Как работать с иконками
+
+Все иконки кладем в папку icons в формате svg. Подключать в компонент иконки
+можно напрямую через import. Они сгенерируются в компоненты автоматически
+через `svgr`. 
+Все иконки, используемые на проекте, отображаются в сторибуке.
+После того, как вы добавили новые иконки в проект, запустите скрипт
+``yarn icons:story``. Он автоматически сгенерирует новый `.stories` файл
+и добавит все ваши новые иконки. 
+
+## Как работать с изображениями
+
+Если вам нужно использовать какое-либо изображение отличное от формата `.svg`, то скачиваете это изображение
+из фигмы и отправляете девопсам с просьбой залить его в файлохранилище. У себя уже просто вставляете ссылку,
+которую вам передадут девопсы. 
+Изображения хранятся вот тут: https://storage.yandexcloud.net/public-files.profinansy.ru/images 
+
+
+## Темизация
+
+Палитра и общий провайдер, который передает выбранную тему лежит в папке `theme`.
+Когда вы подключаете эту библиотеку к своему проекту, то оберните все приложение в провайдер
+ThemeProvider. Через хук `useTheme` вы можете получить актуальную тему во всем приложении.
+Реализация подключения палитры к css в вашем проекте индивидуальна и зависит
+от библиотек, которые вы используете для кастомизации.
+
+Чтобы компоненты из папки `uikit` также имели типизацию они должны быть все обренуты
+в ThemeProvider из `styled-components`
+
+## Storybook
+Для всех компонентов используется сторибук. Все изменения можно смотреть там.
+Сторибук деплоится на chromatic. Для того, что задеплоить ваши изменения, сделайте коммит в гит, 
 а потом выполните команду ``yarn chromatic``