@cloud-ru/uikit-product-calculator 0.33.6 → 0.35.0

package/dist/esm/config/platforms/evolution/product-config/EvolutionDNS.js

@@ -0,0 +1,96 @@
+import { CONTROL } from '../../../../components';
+const domainZoneCards = [
+    {
+        value: 'Private',
+        label: 'Приватная доменная зона',
+    },
+    {
+        value: 'Public',
+        label: 'Публичная доменная зона',
+    },
+    {
+        value: 'null',
+        label: 'DNS-сервер',
+    },
+];
+const requestTypesCards = [
+    {
+        value: '0',
+        label: 'Запросы к приватным доменным зонам',
+    },
+    {
+        value: '1',
+        label: 'Запросы к публичным доменным зонам',
+        disabled: true,
+    },
+    {
+        value: '2',
+        label: 'Запросы к внешним доменным зонам',
+        disabled: true,
+    },
+];
+export const EVOLUTION_DNS_CONFIG = {
+    ui: ['domainZone', 'requestTypes', ['requestCount']],
+    controls: {
+        domainZone: {
+            decoratorProps: {
+                label: 'Тип услуги',
+            },
+            type: CONTROL.Segmented,
+            accessorKey: 'domainZone',
+            defaultValue: domainZoneCards[0].value,
+            items: domainZoneCards,
+            onChangeFn: (value, setValue) => {
+                const itemIndex = domainZoneCards.findIndex(domain => value === domain.value);
+                const arr = [
+                    ['domainZone', value],
+                    ['requestTypes', String(itemIndex)],
+                ];
+                setValue(arr);
+            },
+        },
+        requestTypes: {
+            decoratorProps: {
+                label: 'Тип запросов',
+            },
+            type: CONTROL.Segmented,
+            accessorKey: 'requestTypes',
+            defaultValue: requestTypesCards[0].value,
+            items: requestTypesCards,
+            watchedControls: { domainZone: 'domainZone' },
+            relateFn: ({ domainZone }) => {
+                const itemIndex = domainZoneCards.findIndex(domain => domainZone === domain.value);
+                if (itemIndex >= 0) {
+                    return {
+                        items: requestTypesCards.map((type, index) => ({
+                            value: type.value,
+                            label: type.label,
+                            disabled: itemIndex !== index,
+                        })),
+                    };
+                }
+            },
+        },
+        requestCount: {
+            type: CONTROL.Stepper,
+            accessorKey: 'requestCount',
+            defaultValue: 100,
+            decoratorProps: {
+                label: 'Количество запросов',
+                labelTooltip: 'Бесплатно',
+            },
+            uiProps: {
+                min: 100,
+                max: 9999900,
+                step: 100,
+                postfix: 'тыс',
+            },
+            watchedControls: { requestTypes: 'requestTypes' },
+            relateFn: ({ requestTypes }) => ({
+                decoratorProps: {
+                    labelTooltip: requestTypes === '0' ? 'Бесплатно' : 'Бесплатно до 1 млн запросов',
+                },
+            }),
+        },
+    },
+};

package/dist/esm/config/platforms/evolution/product-config/EvolutionLoadBalancer.d.ts

@@ -0,0 +1,2 @@
+import { FormConfig } from '../../../../components';
+export declare const EVOLUTION_LOAD_BALANCER_CONFIG: FormConfig;

package/dist/esm/config/platforms/evolution/product-config/EvolutionLoadBalancer.js

@@ -0,0 +1,59 @@
+import { CONTROL } from '../../../../components';
+export const EVOLUTION_LOAD_BALANCER_CONFIG = {
+    ui: [['availabilityZone'], ['outcomingTraffic'], ['incomingTraffic'], 'hasPublicIP'],
+    controls: {
+        availabilityZone: {
+            type: CONTROL.Stepper,
+            defaultValue: 1,
+            accessorKey: 'availabilityZone',
+            decoratorProps: {
+                label: 'Зоны доступности',
+                labelTooltip: 'В каждой зоне доступности по две ресурсные единицы',
+            },
+            uiProps: {
+                min: 1,
+                max: 3,
+                showHint: false,
+                postfix: 'Шт',
+            },
+        },
+        outcomingTraffic: {
+            type: CONTROL.Stepper,
+            defaultValue: 1,
+            accessorKey: 'outcomingTraffic',
+            decoratorProps: {
+                label: 'Исходящий трафик',
+                labelTooltip: 'Обработка балансировщиком L4 исходящего трафика',
+            },
+            uiProps: {
+                min: 0,
+                max: 9999999999,
+                showHint: false,
+                postfix: 'Гб',
+            },
+        },
+        incomingTraffic: {
+            type: CONTROL.Stepper,
+            defaultValue: 1,
+            accessorKey: 'incomingTraffic',
+            decoratorProps: {
+                label: 'Входящий трафик',
+                labelTooltip: 'Обработка балансировщиком L4 входящего трафика',
+            },
+            uiProps: {
+                min: 0,
+                max: 9999999999,
+                showHint: false,
+                postfix: 'Гб',
+            },
+        },
+        hasPublicIP: {
+            type: CONTROL.Toggle,
+            accessorKey: 'hasPublicIP',
+            defaultValue: false,
+            decoratorProps: {
+                label: 'Аренда публичного IP',
+            },
+        },
+    },
+};

package/dist/esm/config/platforms/evolution/product-config/EvolutionManagedBI.d.ts

@@ -0,0 +1,2 @@
+import { FormConfig } from '../../../../components';
+export declare const EVOLUTION_MANAGED_BI: FormConfig;

package/dist/esm/config/platforms/evolution/product-config/EvolutionManagedBI.js

@@ -0,0 +1,32 @@
+import { CONTROL } from '../../../../components';
+const configItems = [
+    {
+        value: '2, 4 (Freetier)',
+        label: '2 vCPU / 4 RAM (Freetier)',
+    },
+    {
+        value: '2, 4',
+        label: '2 vCPU / 4 RAM',
+    },
+];
+export const EVOLUTION_MANAGED_BI = {
+    ui: ['serviceAlert', ['name']],
+    controls: {
+        serviceAlert: {
+            type: CONTROL.Alert,
+            uiProps: {
+                description: 'Бесплатно предоставляем первый инстанс в заданной конфигурации',
+            },
+            accessorKey: 'tarification',
+        },
+        name: {
+            type: CONTROL.SelectSingle,
+            accessorKey: 'name',
+            items: configItems,
+            defaultValue: '2, 4 (freetier)',
+            decoratorProps: {
+                label: 'Конфигурация',
+            },
+        },
+    },
+};

package/dist/esm/config/platforms/evolution/products.js

@@ -1,7 +1,10 @@
-import { ArenadataDbSVG, ArtifactRegistrySVG, BareMetalSVG, ContainerAppsSVG, ElasticCloudServerWithGpuSVG, EvolutionComputeSVG, ManagedKubernetesSVG, ManagedPostgreSqlSVG, MetastoreSVG, MlInferenceSVG, PublicIpSVG, RedisSVG, S3StorageSVG, SnatSVG, SparkSVG, TrinoSVG, } from '@cloud-ru/uikit-product-icons';
+import { ArenadataDbSVG, ArtifactRegistrySVG, BareMetalSVG, ContainerAppsSVG, ElasticCloudServerWithGpuSVG, EvoDnsSVG, EvolutionBiSVG, EvolutionComputeSVG, LoadBalancerSVG, ManagedKubernetesSVG, ManagedPostgreSqlSVG, MetastoreSVG, MlInferenceSVG, PublicIpSVG, RedisSVG, S3StorageSVG, SnatSVG, SparkSVG, TrinoSVG, } from '@cloud-ru/uikit-product-icons';
 import { PLATFORM } from '../../../constants';
 import { EVOLUTION_PRODUCT } from './constants';
 import { EVOLUTION_ARENADATA_DB_FORM_CONFIG, EVOLUTION_ARTIFACT_REGISTRY, EVOLUTION_BARE_METAL_FORM_CONFIG, EVOLUTION_CLOUD_SERVER_FORM_CONFIG, EVOLUTION_CLOUD_SERVER_FREE_TIER_FORM_CONFIG, EVOLUTION_CLOUD_SERVER_GPU_FORM_CONFIG, EVOLUTION_CONTAINER_APPS_CONFIG, EVOLUTION_CONTAINER_APPS_FREE_TIER_CONFIG, EVOLUTION_KUBERNETES_FORM_CONFIG, EVOLUTION_MANAGED_METASTORE_CONFIG, EVOLUTION_MANAGED_TRINO_CONFIG, EVOLUTION_ML_INFERENCE_FORM_CONFIG, EVOLUTION_POSTGRE_SQL_FORM_CONFIG, EVOLUTION_PUBLIC_IP_FORM_CONFIG, EVOLUTION_SNAT_GATEWAY_FORM_CONFIG, EVOLUTION_STORAGE_S3_FORM_CONFIG, EVOLUTION_STORAGE_S3_FREE_TIER_FORM_CONFIG, } from './product-config';
+import { EVOLUTION_DNS_CONFIG } from './product-config/EvolutionDNS';
+import { EVOLUTION_LOAD_BALANCER_CONFIG } from './product-config/EvolutionLoadBalancer';
+import { EVOLUTION_MANAGED_BI } from './product-config/EvolutionManagedBI';
 import { EVOLUTION_MANAGED_REDIS_CONFIG } from './product-config/EvolutionManagedRedis';
 import { EVOLUTION_MANAGED_SPARK_CONFIG } from './product-config/EvolutionManagedSpark';
 export const EVOLUTION_PRODUCTS = {
@@ -89,6 +92,16 @@ export const EVOLUTION_PRODUCTS = {
         dataTestId: 'EvolutionManagedRedis',
         enableConnectToConsole: true,
     },
+    [EVOLUTION_PRODUCT.EvolutionLoadBalancer]: {
+        id: EVOLUTION_PRODUCT.EvolutionLoadBalancer,
+        platform: PLATFORM.Evolution,
+        label: 'Evolution Load Balancer',
+        caption: 'Сервис для балансировки сетевого трафика',
+        formConfig: EVOLUTION_LOAD_BALANCER_CONFIG,
+        icon: LoadBalancerSVG,
+        dataTestId: 'EvolutionLoadBalancer',
+        enableConnectToConsole: true,
+    },
     [EVOLUTION_PRODUCT.EvolutionStorageS3]: {
         id: EVOLUTION_PRODUCT.EvolutionStorageS3,
         platform: PLATFORM.Evolution,
@@ -196,6 +209,17 @@ export const EVOLUTION_PRODUCTS = {
         enableChangeProductQuantity: true,
         enableConnectToConsole: true,
     },
+    [EVOLUTION_PRODUCT.EvolutionDNS]: {
+        id: EVOLUTION_PRODUCT.EvolutionDNS,
+        platform: PLATFORM.Evolution,
+        label: 'Evolution DNS',
+        caption: 'Сервис для управления публичными и приватными доменными зонами на облачной платформе Cloud.ru Evolution',
+        icon: EvoDnsSVG,
+        formConfig: EVOLUTION_DNS_CONFIG,
+        dataTestId: EVOLUTION_PRODUCT.EvolutionDNS,
+        enableChangeProductQuantity: true,
+        enableConnectToConsole: true,
+    },
     [EVOLUTION_PRODUCT.EvolutionPublicIp]: {
         id: EVOLUTION_PRODUCT.EvolutionPublicIp,
         platform: PLATFORM.Evolution,
@@ -218,4 +242,15 @@ export const EVOLUTION_PRODUCTS = {
         enableChangeProductQuantity: false,
         enableConnectToConsole: true,
     },
+    [EVOLUTION_PRODUCT.EvolutionManagedBI]: {
+        id: EVOLUTION_PRODUCT.EvolutionManagedBI,
+        platform: PLATFORM.Evolution,
+        label: 'Evolution Managed BI',
+        caption: 'Управляемые инстансы Business Intelligence',
+        icon: EvolutionBiSVG,
+        formConfig: EVOLUTION_MANAGED_BI,
+        dataTestId: EVOLUTION_PRODUCT.EvolutionManagedBI,
+        enableChangeProductQuantity: false,
+        enableConnectToConsole: true,
+    },
 };

package/dist/esm/config/utils/{diskPostgreSqlMySQL.d.ts → diskPostgreSqlMySQL/diskPostgreSqlMySQL.d.ts}

@@ -1,5 +1,5 @@
 import { ValueOf } from '@snack-uikit/utils';
-import { ObjectControl, SelectSingleControl, StepperControl } from '../../components';
+import { ObjectControl, SelectSingleControl, StepperControl } from '../../../components';
 export declare const SpecificationItem: {
     readonly Extreme_SSD: "Extreme SSD";
     readonly Cloud_SSD: "Cloud SSD";
@@ -8,9 +8,11 @@ export declare const SpecificationItem: {
 export declare const specificationItems: ({
     value: "Extreme SSD";
     label: string;
+    afterContent: import("react/jsx-runtime").JSX.Element;
 } | {
     value: "Cloud SSD";
     label: string;
+    afterContent: import("react/jsx-runtime").JSX.Element;
 })[];
 type DiskSpecification = ValueOf<typeof SpecificationItem>;
 type GetDiskProps = {

package/dist/esm/config/utils/{diskPostgreSqlMySQL.js → diskPostgreSqlMySQL/diskPostgreSqlMySQL.js}

@@ -9,7 +9,11 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { CONTROL } from '../../components';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QuestionRoundSVG } from '@cloud-ru/uikit-product-icons';
+import { Tooltip } from '@snack-uikit/tooltip';
+import { CONTROL } from '../../../components';
+import styles from './styles.module.css';
 export const SpecificationItem = {
     Extreme_SSD: 'Extreme SSD',
     Cloud_SSD: 'Cloud SSD',
@@ -19,10 +23,12 @@ export const specificationItems = [
     {
         value: SpecificationItem.Extreme_SSD,
         label: 'Extreme SSD',
+        afterContent: (_jsx(Tooltip, { tip: '\u0414\u0438\u0441\u043A\u0438 Ultra-high I/O \u0441 \u0443\u0432\u0435\u043B\u0438\u0447\u0435\u043D\u043D\u043E\u0439 \u043F\u0440\u043E\u043F\u0443\u0441\u043A\u043D\u043E\u0439 \u0441\u043F\u043E\u0441\u043E\u0431\u043D\u043E\u0441\u0442\u044C\u044E', children: _jsx(QuestionRoundSVG, { size: 20, className: styles.icon, "data-test-id": 'field-decorator__label-tooltip-trigger' }) })),
     },
     {
         value: SpecificationItem.Cloud_SSD,
         label: 'Cloud SSD',
+        afterContent: (_jsx(Tooltip, { tip: '\u0414\u0438\u0441\u043A\u0438 Ultra-high I/O', children: _jsx(QuestionRoundSVG, { size: 20, className: styles.icon, "data-test-id": 'field-decorator__label-tooltip-trigger' }) })),
     },
 ];
 export function getDisk({ space, specification }) {

package/dist/esm/config/utils/diskPostgreSqlMySQL/index.d.ts

@@ -0,0 +1 @@
+export { getDisk } from './diskPostgreSqlMySQL';

package/dist/esm/config/utils/diskPostgreSqlMySQL/index.js

@@ -0,0 +1 @@
+export { getDisk } from './diskPostgreSqlMySQL';

package/dist/esm/config/utils/diskPostgreSqlMySQL/styles.module.css

@@ -0,0 +1,6 @@
+.icon{
+  flex-shrink:0;
+  box-sizing:content-box;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+  margin:auto 0;
+}

package/dist/esm/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './useAdaptive';
 export * from './useCatalogCardClick';
+export * from './useCatalogLockBodyScroll';
 export * from './useProductClick';
 export * from './useProductDelete';

package/dist/esm/hooks/index.js

@@ -1,4 +1,5 @@
 export * from './useAdaptive';
 export * from './useCatalogCardClick';
+export * from './useCatalogLockBodyScroll';
 export * from './useProductClick';
 export * from './useProductDelete';

package/dist/esm/hooks/useCatalogLockBodyScroll.d.ts

@@ -0,0 +1,5 @@
+type UseLockBodyScrollProps = {
+    catalogOpen: boolean;
+};
+export declare const useCatalogLockBodyScroll: ({ catalogOpen }: UseLockBodyScrollProps) => void;
+export {};

package/dist/esm/hooks/useCatalogLockBodyScroll.js

@@ -0,0 +1,15 @@
+import { useEffect } from 'react';
+// FIXME: убрать после задачи PDS-3175
+export const useCatalogLockBodyScroll = ({ catalogOpen }) => {
+    useEffect(() => {
+        if (catalogOpen) {
+            document.body.style.overflow = 'hidden';
+        }
+        else {
+            document.body.style.overflow = 'auto';
+        }
+        return () => {
+            document.body.style.overflow = 'auto';
+        };
+    }, [catalogOpen]);
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-calculator",
   "title": "Calculator",
-  "version": "0.33.6",
+  "version": "0.35.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -71,5 +71,5 @@
   "devDependencies": {
     "@types/lodash": "4.17.13"
   },
-  "gitHead": "ce69097516055b330a0b05da5e29ac5b66e56284"
+  "gitHead": "021abe9a1bb7c6d6bc751ee4e4b6f4bcd3e7b4e7"
 }

package/src/components/Catalog/Catalog.tsx

@@ -15,7 +15,7 @@ import { Tag } from '@snack-uikit/tag';
 import { Tooltip } from '@snack-uikit/tooltip';
 
 import { useCalculatorContext } from '../../contexts';
-import { useCatalogCardClick } from '../../hooks';
+import { useCatalogCardClick, useCatalogLockBodyScroll } from '../../hooks';
 import { CatalogConfig, PlatformType } from '../../types';
 import { parseKeyToDataTest } from '../../utils';
 import { PrivateCardHeader } from './components';
@@ -67,6 +67,9 @@ export function Catalog() {
     'data-test-id': dataTestId,
   }));
 
+  // FIXME: убрать после задачи PDS-3175
+  useCatalogLockBodyScroll({ catalogOpen: catalogOpen });
+
   const [openMobileCategory, setOpenMobileCategory] = useState<boolean>(false);
 
   const isMobile = layoutType !== LAYOUT_TYPE.Desktop && layoutType !== LAYOUT_TYPE.DesktopSmall;

package/src/components/Controls/SelectControl/SelectControl.tsx

@@ -17,6 +17,7 @@ export type SelectControlItem = {
   icon?: ReactNode;
   disabled?: boolean;
   disabledReason?: ReactNode;
+  afterContent?: ReactNode;
   dataTestId?: string;
   onChangePeriod?: (value: PRICE_PERIOD) => void;
   canChangeWholePricePeriod?: boolean;
@@ -65,6 +66,7 @@ function convertItemsToOptions(items: SelectControlItem[]): BaseOptionProps[] {
     disabled: item.disabled,
     option: item.label ?? item.value,
     beforeContent: item.icon,
+    afterContent: item.afterContent,
   }));
 }
 

package/src/config/platforms/advanced/product-config/AdvancedMySqlDataBase.ts

@@ -15,7 +15,7 @@ const bdEngineVersionItems = [
   },
   {
     value: BdEngineVersionItem.General_Purpose,
-    label: 'General Purpose',
+    label: 'General-Purpose',
     description: `Инстансы используют ресурсы процессора совместно с другими инстансами того же класса, размещенными на одном физическом сервере`,
   },
 ];

package/src/config/platforms/advanced/product-config/AdvancedPostgreSqlDatabase.ts

@@ -34,7 +34,7 @@ const bdEngineVersionItems = [
   },
   {
     value: BdEngineVersionItem.General_Purpose,
-    label: 'General Purpose',
+    label: 'General-Purpose',
     description: `Инстансы используют ресурсы процессора совместно с другими инстансами того же класса, размещенными на одном физическом сервере`,
   },
 ];

package/src/config/platforms/evolution/catalog.tsx

@@ -65,7 +65,12 @@ export const EVOLUTION_CATALOG: CatalogConfig['catalog'] = {
       id: CATEGORY.Network,
       label: 'Сети',
       dataTestId: 'network',
-      visibleProducts: [EVOLUTION_PRODUCT.EvolutionSnatGateway, EVOLUTION_PRODUCT.EvolutionPublicIp],
+      visibleProducts: [
+        EVOLUTION_PRODUCT.EvolutionSnatGateway,
+        EVOLUTION_PRODUCT.EvolutionPublicIp,
+        EVOLUTION_PRODUCT.EvolutionLoadBalancer,
+        EVOLUTION_PRODUCT.EvolutionDNS,
+      ],
     },
     {
       id: CATEGORY.Storage,
@@ -95,6 +100,7 @@ export const EVOLUTION_CATALOG: CatalogConfig['catalog'] = {
         EVOLUTION_PRODUCT.EvolutionManagedMetastore,
         EVOLUTION_PRODUCT.EvolutionManagedRedis,
         EVOLUTION_PRODUCT.EvolutionManagedSpark,
+        EVOLUTION_PRODUCT.EvolutionManagedBI,
       ],
     },
     {

package/src/config/platforms/evolution/constants.ts

@@ -14,10 +14,13 @@ export const EVOLUTION_PRODUCT = {
   EvolutionSnatGateway: 'evolutionSnatGateway',
   EvolutionManagedMetastore: 'evolutionManagedMetastore',
   EvolutionPublicIp: 'evolutionPublicIp',
+  EvolutionDNS: 'evolutionDNS',
   EvolutionArtifactRegistry: 'evolutionArtifactRegistry',
   EvolutionManagedTrino: 'evolutionManagedTrino',
+  EvolutionManagedBI: 'evolutionManagedBI',
   EvolutionManagedRedis: 'evolutionManagedRedis',
   EvolutionManagedSpark: 'evolutionManagedSpark',
+  EvolutionLoadBalancer: 'evolutionLoadBalancer',
 } as const;
 
 const GuaranteedPartItem = {

package/src/config/platforms/evolution/product-config/EvolutionDNS.ts

@@ -0,0 +1,103 @@
+import { CONTROL, FormConfig } from '../../../../components';
+import { AnyType } from '../../../../types';
+
+const domainZoneCards = [
+  {
+    value: 'Private',
+    label: 'Приватная доменная зона',
+  },
+  {
+    value: 'Public',
+    label: 'Публичная доменная зона',
+  },
+  {
+    value: 'null',
+    label: 'DNS-сервер',
+  },
+];
+
+const requestTypesCards = [
+  {
+    value: '0',
+    label: 'Запросы к приватным доменным зонам',
+  },
+  {
+    value: '1',
+    label: 'Запросы к публичным доменным зонам',
+    disabled: true,
+  },
+  {
+    value: '2',
+    label: 'Запросы к внешним доменным зонам',
+    disabled: true,
+  },
+];
+
+export const EVOLUTION_DNS_CONFIG: FormConfig = {
+  ui: ['domainZone', 'requestTypes', ['requestCount']],
+  controls: {
+    domainZone: {
+      decoratorProps: {
+        label: 'Тип услуги',
+      },
+      type: CONTROL.Segmented,
+      accessorKey: 'domainZone',
+      defaultValue: domainZoneCards[0].value,
+      items: domainZoneCards,
+      onChangeFn: (value, setValue) => {
+        const itemIndex = domainZoneCards.findIndex(domain => value === domain.value);
+
+        const arr: [string, AnyType][] = [
+          ['domainZone', value],
+          ['requestTypes', String(itemIndex)],
+        ];
+
+        setValue(arr);
+      },
+    },
+    requestTypes: {
+      decoratorProps: {
+        label: 'Тип запросов',
+      },
+      type: CONTROL.Segmented,
+      accessorKey: 'requestTypes',
+      defaultValue: requestTypesCards[0].value,
+      items: requestTypesCards,
+      watchedControls: { domainZone: 'domainZone' },
+      relateFn: ({ domainZone }) => {
+        const itemIndex = domainZoneCards.findIndex(domain => domainZone === domain.value);
+
+        if (itemIndex >= 0) {
+          return {
+            items: requestTypesCards.map((type, index) => ({
+              value: type.value,
+              label: type.label,
+              disabled: itemIndex !== index,
+            })),
+          };
+        }
+      },
+    },
+    requestCount: {
+      type: CONTROL.Stepper,
+      accessorKey: 'requestCount',
+      defaultValue: 100,
+      decoratorProps: {
+        label: 'Количество запросов',
+        labelTooltip: 'Бесплатно',
+      },
+      uiProps: {
+        min: 100,
+        max: 9_999_900,
+        step: 100,
+        postfix: 'тыс',
+      },
+      watchedControls: { requestTypes: 'requestTypes' },
+      relateFn: ({ requestTypes }) => ({
+        decoratorProps: {
+          labelTooltip: requestTypes === '0' ? 'Бесплатно' : 'Бесплатно до 1 млн запросов',
+        },
+      }),
+    },
+  },
+};

package/src/config/platforms/evolution/product-config/EvolutionLoadBalancer.tsx

@@ -0,0 +1,60 @@
+import { CONTROL, FormConfig } from '../../../../components';
+
+export const EVOLUTION_LOAD_BALANCER_CONFIG: FormConfig = {
+  ui: [['availabilityZone'], ['outcomingTraffic'], ['incomingTraffic'], 'hasPublicIP'],
+  controls: {
+    availabilityZone: {
+      type: CONTROL.Stepper,
+      defaultValue: 1,
+      accessorKey: 'availabilityZone',
+      decoratorProps: {
+        label: 'Зоны доступности',
+        labelTooltip: 'В каждой зоне доступности по две ресурсные единицы',
+      },
+      uiProps: {
+        min: 1,
+        max: 3,
+        showHint: false,
+        postfix: 'Шт',
+      },
+    },
+    outcomingTraffic: {
+      type: CONTROL.Stepper,
+      defaultValue: 1,
+      accessorKey: 'outcomingTraffic',
+      decoratorProps: {
+        label: 'Исходящий трафик',
+        labelTooltip: 'Обработка балансировщиком L4 исходящего трафика',
+      },
+      uiProps: {
+        min: 0,
+        max: 9_999_999_999,
+        showHint: false,
+        postfix: 'Гб',
+      },
+    },
+    incomingTraffic: {
+      type: CONTROL.Stepper,
+      defaultValue: 1,
+      accessorKey: 'incomingTraffic',
+      decoratorProps: {
+        label: 'Входящий трафик',
+        labelTooltip: 'Обработка балансировщиком L4 входящего трафика',
+      },
+      uiProps: {
+        min: 0,
+        max: 9_999_999_999,
+        showHint: false,
+        postfix: 'Гб',
+      },
+    },
+    hasPublicIP: {
+      type: CONTROL.Toggle,
+      accessorKey: 'hasPublicIP',
+      defaultValue: false,
+      decoratorProps: {
+        label: 'Аренда публичного IP',
+      },
+    },
+  },
+};

package/src/config/platforms/evolution/product-config/EvolutionManagedBI.ts

@@ -0,0 +1,34 @@
+import { CONTROL, FormConfig } from '../../../../components';
+
+const configItems = [
+  {
+    value: '2, 4 (Freetier)',
+    label: '2 vCPU / 4 RAM (Freetier)',
+  },
+  {
+    value: '2, 4',
+    label: '2 vCPU / 4 RAM',
+  },
+];
+
+export const EVOLUTION_MANAGED_BI: FormConfig = {
+  ui: ['serviceAlert', ['name']],
+  controls: {
+    serviceAlert: {
+      type: CONTROL.Alert,
+      uiProps: {
+        description: 'Бесплатно предоставляем первый инстанс в заданной конфигурации',
+      },
+      accessorKey: 'tarification',
+    },
+    name: {
+      type: CONTROL.SelectSingle,
+      accessorKey: 'name',
+      items: configItems,
+      defaultValue: '2, 4 (freetier)',
+      decoratorProps: {
+        label: 'Конфигурация',
+      },
+    },
+  },
+};