@astral/features 4.0.0-alpha.2 → 4.0.0-alpha.21

package/productSwitcher/components/IdentityProductSwitcher/stories/common/mockData.js

@@ -0,0 +1,116 @@
+export const IDENTITY_URL = 'https://identity';
+export const MOCK_IMAGE = 'data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjI1NzE5IDE3LjI2ODlDOC4yNTcxOSAxNy4yNjg5IDQuNTY5MzMgMjAuMjAyMyA0LjExODcyIDIyLjA3OTZDMi43NjA3OCAyNy43MzY5IDEzLjQwNTkgMjAuOTM3NyAxNy45Njg3IDE3LjUxMDZDMTkuMjMwNCAxNi41NjI5IDIxLjAyNTggMTUuMTIwOSAyMi43MDE4IDEzLjYwNTlMMjIuOTExOSAxMy40NzQxQzIyLjkwNjQgMTMuNDU5NCAyMi45MDA5IDEzLjQ0NDcgMjIuODk1NCAxMy40MzAxQzI2LjI4NDQgMTAuMzM3OCAyOS4wNzUgNy4wMTExOSAyNS43NjgyIDcuMDAwMDFDMjMuOTcwOCA2Ljk5Mzk0IDE5Ljg3NjEgOC45MzMyNiAxOS44NzYxIDguOTMzMjZDMTkuODc2MSA4LjkzMzI2IDIyLjc4MjggNy43MzU2NCAyMy40NjUxIDguMDgyOUMyNC40NDM2IDguNTgwODggMjMuMzk5NSA5LjgzMDI2IDIxLjY2OSAxMS4zMDE5QzIwLjMxODEgOS42NDU2MSAxOC4yOTU2IDguNTkzMzkgMTYuMDM1MyA4LjU5MzM5QzExLjk2ODEgOC41OTMzOSA4LjY3MDk2IDEyLjAwMDIgOC42NzA5NiAxNi4yMDI4QzguNjcwOTYgMTcuNjE2MSA5LjA0Mzc5IDE4LjkzOTMgOS42OTMzNiAyMC4wNzMzQzcuNTgzODkgMjEuMzE2NyA1Ljk1ODY3IDIxLjg0OCA2LjAwODkyIDIwLjQzMDVDNi4wNDY0IDE5LjM3MzMgOC4yNTcxOSAxNy4yNjg5IDguMjU3MTkgMTcuMjY4OVpNMjMuMzk5NiAxNi4yMDI4QzIzLjM5OTYgMjAuNDA1NCAyMC4xMDI1IDIzLjgxMjMgMTYuMDM1MyAyMy44MTIzQzE1LjYwMzkgMjMuODEyMyAxNS4xODEyIDIzLjc3NCAxNC43NzAyIDIzLjcwMDVDMTQuMzM4NyAyMy42MjMzIDE0LjExNDEgMjMuMTYwNCAxNC4zMTYxIDIyLjc3MTRDMTYuMTk1MiAxOS4xNTI1IDIxLjAxNzMgMTYuMzkxNiAyMy4zMzkzIDE1LjIyNTNDMjMuMzc5IDE1LjU0NTMgMjMuMzk5NiAxNS44NzE2IDIzLjM5OTYgMTYuMjAyOFoiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik04LjUgOC41QzguNSA5LjMyODQzIDcuODI4NDMgMTAgNyAxMEM2LjE3MTU3IDEwIDUuNSA5LjMyODQzIDUuNSA4LjVDNS41IDcuNjcxNTcgNi4xNzE1NyA3IDcgN0M3LjgyODQzIDcgOC41IDcuNjcxNTcgOC41IDguNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=';
+export const ASTRAL_PRODUCTS = [
+    {
+        id: '1',
+        name: 'Астрал Отчет 5.0',
+        productUrl: 'https://product1',
+        description: 'Астрал.Продукт 1',
+        shortDescription: 'Астрал.Продукт 1',
+        iconFileId: '1',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#2e77ff',
+        tenantId: 'astral',
+    },
+    {
+        id: '2',
+        name: 'Астрал.ЭДО',
+        productUrl: 'https://product2',
+        description: 'Астрал.Продукт2',
+        shortDescription: 'Астрал.Продукт2',
+        iconFileId: '2',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#33adf2',
+        tenantId: 'astral',
+    },
+    {
+        id: '3',
+        name: 'Астрал iKЭДО',
+        productUrl: 'https://product3',
+        description: 'Астрал.Продукт3',
+        shortDescription: 'Астрал.Продукт3',
+        iconFileId: '3',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#755afd',
+        tenantId: 'astral',
+    },
+    {
+        id: '4',
+        name: 'Астрал.ОФД',
+        productUrl: 'https://product4',
+        description: 'Астрал.Продукт4',
+        shortDescription: 'Астрал.Продукт4',
+        iconFileId: '4',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#00b2ff',
+        tenantId: 'astral',
+    },
+    {
+        id: '5',
+        name: 'Астрал Доверенность',
+        productUrl: 'https://product5',
+        description: 'Астрал.Продукт5',
+        shortDescription: 'Астрал.Продукт5',
+        iconFileId: '5',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#7856ff',
+        tenantId: 'astral',
+    },
+    {
+        id: '6',
+        name: 'Личный Кабинет',
+        productUrl: 'https://product4',
+        description: 'Астрал.Продукт6',
+        shortDescription: 'Астрал.Продукт6',
+        iconFileId: '6',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#00b2ff',
+        tenantId: 'astral',
+    },
+    {
+        id: '7',
+        name: 'Личный Кабинет Партнёра',
+        productUrl: 'https://product5',
+        description: 'Астрал.Продукт7',
+        shortDescription: 'Астрал.Продукт7',
+        iconFileId: '7',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#7856ff',
+        tenantId: 'astral',
+    },
+];
+export const ECO_PRODUCTS = [
+    {
+        id: '6',
+        name: 'Экосистема-Продукт 1',
+        productUrl: 'https://eco1',
+        description: 'Экосистема-Продукт1',
+        shortDescription: 'Экосистема-Продукт1',
+        iconFileId: 'test',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#2e77ff',
+        tenantId: 'eco',
+    },
+    {
+        id: '7',
+        name: 'Экосистема-Продукт 2',
+        productUrl: 'https://eco2',
+        description: 'Экосистема-Продукт2',
+        shortDescription: 'Экосистема-Продукт2',
+        iconFileId: 'test',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#7756FF',
+        tenantId: 'eco',
+    },
+    {
+        id: '8',
+        name: 'Экосистема-Продукт 3',
+        productUrl: 'https://eco3',
+        description: 'Экосистема-Продукт3',
+        shortDescription: 'Экосистема-Продукт3',
+        iconFileId: 'test',
+        logoUrl: MOCK_IMAGE,
+        backgroundHexColor: '#0397b3',
+        tenantId: 'eco',
+    },
+];

package/productSwitcher/components/IdentityProductSwitcher/stories/common/mockResponses.d.ts

@@ -0,0 +1,47 @@
+import type { MockRequest } from './mockData';
+export declare const createProductsMockResponse: ({ searchParams }: MockRequest) => {
+    data: {
+        id: string;
+        name: string;
+        productUrl: string;
+        description: string;
+        shortDescription: string;
+        iconFileId: string;
+        logoUrl: string;
+        backgroundHexColor: string;
+        tenantId: string;
+    }[];
+    meta: {
+        totalCount: number;
+    };
+};
+export declare const MOCK_FETCH_IDENTITY_PRODUCTS: {
+    url: string;
+    method: string;
+    status: number;
+    response: ({ searchParams }: MockRequest) => {
+        data: {
+            id: string;
+            name: string;
+            productUrl: string;
+            description: string;
+            shortDescription: string;
+            iconFileId: string;
+            logoUrl: string;
+            backgroundHexColor: string;
+            tenantId: string;
+        }[];
+        meta: {
+            totalCount: number;
+        };
+    };
+}[];
+export declare const MOCK_FETCH_IDENTITY_TENANTS: {
+    url: string;
+    method: string;
+    status: number;
+    response: {
+        id: string;
+        name: string;
+    }[];
+}[];

package/productSwitcher/components/IdentityProductSwitcher/stories/common/mockResponses.js

@@ -0,0 +1,54 @@
+import { ASTRAL_PRODUCTS, ECO_PRODUCTS, IDENTITY_URL } from './mockData';
+export const createProductsMockResponse = ({ searchParams }) => {
+    switch (searchParams.tenantId) {
+        case 'astral': {
+            return {
+                data: ASTRAL_PRODUCTS,
+                meta: {
+                    totalCount: ASTRAL_PRODUCTS.length,
+                },
+            };
+        }
+        case 'eco': {
+            return {
+                data: ECO_PRODUCTS,
+                meta: {
+                    totalCount: ECO_PRODUCTS.length,
+                },
+            };
+        }
+        default: {
+            return {
+                data: [],
+                meta: {
+                    totalCount: 0,
+                },
+            };
+        }
+    }
+};
+export const MOCK_FETCH_IDENTITY_PRODUCTS = [
+    {
+        url: `${IDENTITY_URL}/api/products/widget?tenantId=*`,
+        method: 'GET',
+        status: 200,
+        response: createProductsMockResponse,
+    },
+];
+export const MOCK_FETCH_IDENTITY_TENANTS = [
+    {
+        url: `${IDENTITY_URL}/api/tenants/widget`,
+        method: 'GET',
+        status: 200,
+        response: [
+            {
+                id: 'astral',
+                name: 'Астрал',
+            },
+            {
+                id: 'eco',
+                name: 'Экосистема',
+            },
+        ],
+    },
+];

package/productSwitcher/components/IdentityProductSwitcher/styles.js

@@ -14,14 +14,17 @@ export const StyledMenu = styled(Menu) `
 // as typeof MenuItem необходим для возможности прокинуть component
 // https://github.com/mui/material-ui/issues/15695
 export const StyledMenuItem = styled(MenuItem) `
-  padding-left: ${({ theme }) => theme.spacing(6)};
+  &.MuiMenuItem-gutters {
+    min-height: 56px;
+    padding-left: ${({ theme }) => theme.spacing(4)};
+  }
 `;
 export const Logo = styled('img', {
     shouldForwardProp: (prop) => prop !== 'color',
 }) `
-  width: 40px;
-  height: 40px;
-  margin-right: ${({ theme }) => theme.spacing(4)};
+  width: 32px;
+  height: 32px;
+  margin-right: ${({ theme }) => theme.spacing(2)};
 
   background-color: ${({ color }) => color};
   border-radius: ${({ theme }) => theme.shape.small};