@cloud-ru/uikit-product-calculator 0.33.3

package/src/config/platforms/vmware/product-config/VmWareVirtualMachinesBackup.ts

@@ -0,0 +1,58 @@
+import { CONTROL, FormConfig } from '../../../../components';
+
+export const VM_WARE_VIRTUAL_MACHINES_BACKUP_FORM_CONFIG: FormConfig = {
+  ui: ['vmWareVirtualMachinesBackup'],
+  controls: {
+    vmWareVirtualMachinesBackup: {
+      type: CONTROL.Table,
+      accessorKey: 'vmWareVirtualMachinesBackup',
+      defaultValue: {
+        backupVM: 0,
+        localStorage: 0,
+        remoteStorage: 0,
+      },
+      rows: [
+        {
+          label: 'Резервное копирование ВМ',
+          accessorKey: 'backupVM',
+          uiProps: {
+            min: 0,
+            max: 50_000,
+            postfix: 'Шт',
+          },
+        },
+        {
+          label: 'Локальное хранилище',
+          accessorKey: 'localStorage',
+          uiProps: {
+            min: 0,
+            max: 2_044_977,
+            postfix: 'ГБ',
+          },
+          labelTooltip: 'Резервные копии хранятся на основной площадке',
+        },
+        {
+          label: 'Удаленное хранилище',
+          accessorKey: 'remoteStorage',
+          uiProps: {
+            min: 0,
+            max: 2_044_977,
+            postfix: 'ГБ',
+          },
+          labelTooltip:
+            'Резервные копии хранятся на площадке, удаленной от основного ЦОДа. Рекомендуется выбирать удаленный репозиторий для повышения уровня безопасности',
+        },
+        {
+          label: 'Неудаляемое хранилище',
+          accessorKey: 'unremovableStorage',
+          uiProps: {
+            min: 0,
+            max: 1_999_000,
+            postfix: 'ГБ',
+          },
+          labelTooltip: 'Неудаляемое хранение резервных копий (Immutable Storage)',
+        },
+      ],
+    },
+  },
+};

package/src/config/platforms/vmware/product-config/VmWareVirtualWorkspaces.tsx

@@ -0,0 +1,210 @@
+import { Link } from '@snack-uikit/link';
+
+import { CONTROL, FormConfig } from '../../../../components';
+
+const networkSpeedValues = [0, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 2000, 3000, 5000, 10000];
+
+const OsTypeItem = {
+  Desktop: 'Desktop',
+  Linux: 'Linux',
+};
+
+const osTypeItems = [
+  {
+    value: OsTypeItem.Desktop,
+    label: 'Десктопная',
+  },
+  {
+    value: OsTypeItem.Linux,
+    label: 'Linux',
+  },
+];
+
+const TariffPlanItem = {
+  Linux: 'Linux',
+  Standard: 'Standard',
+  Advanced: 'Advanced',
+};
+
+const tariffPlanItems = [
+  {
+    value: TariffPlanItem.Linux,
+    label: 'Linux',
+    description: 'Удаленные рабочие столы будут развернуты на операционной системе Linux',
+  },
+  {
+    value: TariffPlanItem.Standard,
+    label: 'Стандартный',
+    description: 'Удаленные рабочие столы будут развернуты на десктопной операционной системе',
+  },
+  {
+    value: TariffPlanItem.Advanced,
+    label: 'Продвинутый',
+    description: 'Удаленные рабочие столы будут развернуты на десктопной операционной системе или Linux',
+  },
+];
+
+export const VM_WARE_VIRTUAL_WORKSPACES_FORM_CONFIG: FormConfig = {
+  ui: [
+    ['osType'],
+    'tariffPlan',
+    ['workSpacesCount'],
+    ['vcpuCount'],
+    ['ramVolume'],
+    ['ssdVolume'],
+    ['videoMemoryVolume'],
+    ['networkSpeed'],
+  ],
+  controls: {
+    osType: {
+      type: CONTROL.Segmented,
+      accessorKey: 'vdi.osType',
+      defaultValue: OsTypeItem.Desktop,
+      items: osTypeItems,
+      decoratorProps: {
+        label: 'Операционная система',
+      },
+      onChangeFn: (value, setValue) => {
+        const minRam = value === OsTypeItem.Linux ? 2 : 4;
+        setValue([
+          ['vdi.osType', value],
+          ['vdi.ramVolume', minRam],
+        ]);
+      },
+    },
+    tariffPlan: {
+      type: CONTROL.ToggleCards,
+      defaultValue: TariffPlanItem.Standard,
+      items: tariffPlanItems,
+      accessorKey: 'vdi.tariffPlan',
+      decoratorProps: {
+        label: 'Тарифный план',
+        labelTooltip: (
+          <>
+            Подробнее о возможностях каждого
+            <br />
+            из тарифов читайте в{' '}
+            <Link
+              target='_blank'
+              href='https://cloud.ru/docs/vdi/ag/topics/tariffs'
+              textMode='accent'
+              text='документации'
+              appearance='invert-neutral'
+            />
+          </>
+        ),
+      },
+      watchedControls: { osType: 'vdi.osType' },
+      relateFn: ({ osType }) => {
+        if (osType === OsTypeItem.Linux) {
+          return {
+            items: tariffPlanItems.filter(item => item.value !== TariffPlanItem.Standard),
+          };
+        }
+        return {
+          items: tariffPlanItems.filter(item => item.value !== TariffPlanItem.Linux),
+        };
+      },
+    },
+    workSpacesCount: {
+      type: CONTROL.Stepper,
+      accessorKey: 'vdi.workSpacesCount',
+      defaultValue: 1,
+      decoratorProps: {
+        label: 'Количество рабочих мест',
+      },
+      uiProps: {
+        min: 1,
+        max: 2_000,
+        postfix: 'Шт',
+      },
+    },
+    vcpuCount: {
+      type: CONTROL.Stepper,
+      accessorKey: 'vdi.vcpuCount',
+      defaultValue: 2,
+      decoratorProps: {
+        label: 'Количество ядер vCPU',
+      },
+      uiProps: {
+        min: 2,
+        max: 18,
+        postfix: 'Шт',
+      },
+    },
+    ramVolume: {
+      type: CONTROL.Stepper,
+      accessorKey: 'vdi.ramVolume',
+      decoratorProps: {
+        label: 'Объем оперативной памяти RAM',
+      },
+      defaultValue: 2,
+      uiProps: {
+        min: 4,
+        max: 64,
+        postfix: 'ГБ',
+      },
+      watchedControls: { osType: 'vdi.osType' },
+      relateFn: ({ osType }) => {
+        switch (osType) {
+          case OsTypeItem.Linux: {
+            return {
+              uiProps: {
+                min: 2,
+                max: 64,
+              },
+            };
+          }
+          case OsTypeItem.Desktop:
+          default: {
+            return {
+              uiProps: {
+                min: 4,
+                max: 64,
+              },
+            };
+          }
+        }
+      },
+    },
+    ssdVolume: {
+      type: CONTROL.Stepper,
+      accessorKey: 'vdi.ssdVolume',
+      defaultValue: 40,
+      decoratorProps: {
+        label: 'Жесткий диск SSD',
+      },
+      uiProps: {
+        min: 40,
+        max: 40_000,
+        postfix: 'ГБ',
+      },
+    },
+    videoMemoryVolume: {
+      type: CONTROL.Slider,
+      accessorKey: 'vdi.videoMemoryVolume',
+      decoratorProps: {
+        label: 'Объем видеопамяти A40 vGPU',
+      },
+      items: [0, 2, 4, 8, 12, 16, 24, 48],
+      uiProps: {
+        step: 1,
+        postfix: 'ГБ',
+      },
+    },
+    networkSpeed: {
+      type: CONTROL.Stepper,
+      accessorKey: 'vdi.networkSpeed',
+      defaultValue: 0,
+      decoratorProps: {
+        label: 'Скорость доступа в интернет',
+      },
+      uiProps: {
+        min: 0,
+        max: 10_000,
+        postfix: 'Мбит/с',
+        allowedValues: networkSpeedValues,
+      },
+    },
+  },
+};

package/src/config/platforms/vmware/product-config/index.ts

@@ -0,0 +1,4 @@
+export * from './VmWareVirtualDataCenter';
+export * from './VmWareCloudBackup';
+export * from './VmWareVirtualMachinesBackup';
+export * from './VmWareVirtualWorkspaces';

package/src/config/platforms/vmware/products.ts

@@ -0,0 +1,63 @@
+import {
+  BackupSVG,
+  VirtualDataCenterWithGpuSVG,
+  VirtualDesktopInfrastructureSVG,
+  VmBackupSVG,
+} from '@cloud-ru/uikit-product-icons';
+
+import { PLATFORM } from '../../../constants';
+import { CatalogConfig } from '../../../types';
+import { VM_WARE_PRODUCT } from './constants';
+import {
+  VIRTUAL_DATA_CENTER_FORM_CONFIG,
+  VM_WARE_CLOUD_BACKUP_FORM_CONFIG,
+  VM_WARE_VIRTUAL_MACHINES_BACKUP_FORM_CONFIG,
+  VM_WARE_VIRTUAL_WORKSPACES_FORM_CONFIG,
+} from './product-config';
+
+export const VM_WARE_PRODUCTS: CatalogConfig['products'] = {
+  [VM_WARE_PRODUCT.VmWareVirtualDataCenter]: {
+    id: VM_WARE_PRODUCT.VmWareVirtualDataCenter,
+    platform: PLATFORM.VmWare,
+    dataTestId: VM_WARE_PRODUCT.VmWareVirtualDataCenter,
+    label: 'VMware: Виртуальный ЦОД',
+    caption: 'Публичное облако на базе VMware',
+    formConfig: VIRTUAL_DATA_CENTER_FORM_CONFIG,
+    icon: VirtualDataCenterWithGpuSVG,
+    enableChangeProductQuantity: false,
+    hasPayaGo: true,
+  },
+  [VM_WARE_PRODUCT.VmWareCloudBackup]: {
+    id: VM_WARE_PRODUCT.VmWareCloudBackup,
+    platform: PLATFORM.VmWare,
+    dataTestId: VM_WARE_PRODUCT.VmWareCloudBackup,
+    label: 'VMware: резервное копирование в облако',
+    caption: 'Защита от потери данных, кибератак и сбоев приложений',
+    formConfig: VM_WARE_CLOUD_BACKUP_FORM_CONFIG,
+    icon: BackupSVG,
+    enableChangeProductQuantity: false,
+    hasPayaGo: true,
+  },
+  [VM_WARE_PRODUCT.VmWareVirtualMachinesBackup]: {
+    id: VM_WARE_PRODUCT.VmWareVirtualMachinesBackup,
+    platform: PLATFORM.VmWare,
+    dataTestId: VM_WARE_PRODUCT.VmWareVirtualMachinesBackup,
+    label: 'VMware: резервное копирование виртуальных машин',
+    caption: 'Сервис по созданию резервных копий, восстановлению виртуальных машин и отдельных файлов',
+    formConfig: VM_WARE_VIRTUAL_MACHINES_BACKUP_FORM_CONFIG,
+    icon: VmBackupSVG,
+    enableChangeProductQuantity: false,
+    hasPayaGo: true,
+  },
+  [VM_WARE_PRODUCT.VmWareVirtualWorkspaces]: {
+    id: VM_WARE_PRODUCT.VmWareVirtualWorkspaces,
+    platform: PLATFORM.VmWare,
+    dataTestId: VM_WARE_PRODUCT.VmWareVirtualWorkspaces,
+    label: 'VMware: Удаленные рабочие столы (VDI)',
+    caption: 'Виртуальные рабочие столы на платформе Облако VMware',
+    formConfig: VM_WARE_VIRTUAL_WORKSPACES_FORM_CONFIG,
+    icon: VirtualDesktopInfrastructureSVG,
+    enableChangeProductQuantity: false,
+    hasPayaGo: true,
+  },
+};

package/src/config/styles.module.scss

@@ -0,0 +1,9 @@
+.tip {
+  margin: 0;
+  padding: 0 0 0 16px;
+  list-style-type: disc;
+
+  li {
+    list-style-type: disc;
+  }
+}

package/src/config/utils/disk.ts

@@ -0,0 +1,94 @@
+import { ValueOf } from '@snack-uikit/utils';
+
+import { CONTROL, ObjectControl, SelectSingleControl, StepperControl } from '../../components';
+
+export const SpecificationItem = {
+  HDD: 'SAS',
+  SSD: 'SSD',
+  ESSD: 'ESSD',
+} as const;
+
+export const specificationItems = [
+  {
+    value: SpecificationItem.HDD,
+    label: 'HDD',
+  },
+  {
+    value: SpecificationItem.SSD,
+    label: 'SSD',
+  },
+];
+
+type DiskSpecification = ValueOf<typeof SpecificationItem>;
+
+type GetDiskProps = {
+  space: Pick<
+    Partial<StepperControl>,
+    'defaultValue' | 'accessorKey' | 'uiProps' | 'watchedControls' | 'relateFn' | 'onChangeFn' | 'decoratorProps'
+  > & {
+    label?: string;
+  };
+  specification: Pick<
+    Partial<SelectSingleControl>,
+    'accessorKey' | 'items' | 'uiProps' | 'watchedControls' | 'relateFn' | 'onChangeFn'
+  > & {
+    defaultValue?: DiskSpecification;
+  };
+};
+
+export function getDisk({ space, specification }: GetDiskProps): ObjectControl {
+  const {
+    accessorKey: spaceKey = 'systemDisk.diskSpace',
+    label: spaceLabel = 'Объем диска',
+    uiProps: spaceUiProps,
+    defaultValue: spaceDefaultValue = 0,
+    decoratorProps: decoratorProps,
+    ...restSpace
+  } = space;
+
+  const {
+    accessorKey: specificationKey = 'systemDisk.specification',
+    items = specificationItems,
+    uiProps: specificationUiProps,
+    defaultValue: specificationDefaultValue = SpecificationItem.HDD,
+    ...restSpecification
+  } = specification;
+
+  return {
+    type: 'object',
+    ui: [{ controls: ['space', 'specification'] }],
+    controls: {
+      space: {
+        type: CONTROL.Stepper,
+        decoratorProps: {
+          label: spaceLabel,
+          ...decoratorProps,
+        },
+        accessorKey: spaceKey,
+        defaultValue: spaceDefaultValue,
+        uiProps: {
+          min: 0,
+          max: 9_999_999_999,
+          postfix: 'ГБ',
+          ...spaceUiProps,
+        },
+        ...restSpace,
+      },
+      specification: {
+        type: CONTROL.SelectSingle,
+        decoratorProps: {
+          label: '',
+        },
+        accessorKey: specificationKey,
+        defaultValue: specificationDefaultValue,
+        items: items,
+        uiProps: {
+          showClearButton: false,
+          searchable: false,
+          ...specificationUiProps,
+        },
+        ...restSpecification,
+      },
+    },
+  };
+}

package/src/config/utils/diskPostgreSqlMySQL.ts

@@ -0,0 +1,94 @@
+import { ValueOf } from '@snack-uikit/utils';
+
+import { CONTROL, ObjectControl, SelectSingleControl, StepperControl } from '../../components';
+
+export const SpecificationItem = {
+  Extreme_SSD: 'Extreme SSD',
+  Cloud_SSD: 'Cloud SSD',
+  ESSD: 'ESSD',
+} as const;
+
+export const specificationItems = [
+  {
+    value: SpecificationItem.Extreme_SSD,
+    label: 'Extreme SSD',
+  },
+  {
+    value: SpecificationItem.Cloud_SSD,
+    label: 'Cloud SSD',
+  },
+];
+
+type DiskSpecification = ValueOf<typeof SpecificationItem>;
+
+type GetDiskProps = {
+  space: Pick<
+    Partial<StepperControl>,
+    'defaultValue' | 'accessorKey' | 'uiProps' | 'watchedControls' | 'relateFn' | 'onChangeFn' | 'decoratorProps'
+  > & {
+    label?: string;
+  };
+  specification: Pick<
+    Partial<SelectSingleControl>,
+    'accessorKey' | 'items' | 'uiProps' | 'watchedControls' | 'relateFn' | 'onChangeFn'
+  > & {
+    defaultValue?: DiskSpecification;
+  };
+};
+
+export function getDisk({ space, specification }: GetDiskProps): ObjectControl {
+  const {
+    accessorKey: spaceKey = 'systemDisk.diskSpace',
+    label: spaceLabel = 'Объем диска',
+    uiProps: spaceUiProps,
+    defaultValue: spaceDefaultValue = 0,
+    decoratorProps: decoratorProps,
+    ...restSpace
+  } = space;
+
+  const {
+    accessorKey: specificationKey = 'systemDisk.specification',
+    items = specificationItems,
+    uiProps: specificationUiProps,
+    defaultValue: specificationDefaultValue = SpecificationItem.Cloud_SSD,
+    ...restSpecification
+  } = specification;
+
+  return {
+    type: 'object',
+    ui: ['space', 'specification'],
+    controls: {
+      space: {
+        type: CONTROL.Stepper,
+        decoratorProps: {
+          label: spaceLabel,
+          ...decoratorProps,
+        },
+        accessorKey: spaceKey,
+        defaultValue: spaceDefaultValue,
+        uiProps: {
+          min: 0,
+          max: 9_999_999_999,
+          postfix: 'ГБ',
+          ...spaceUiProps,
+        },
+        ...restSpace,
+      },
+      specification: {
+        type: CONTROL.SelectSingle,
+        decoratorProps: {
+          label: '',
+        },
+        accessorKey: specificationKey,
+        defaultValue: specificationDefaultValue,
+        items: items,
+        uiProps: {
+          showClearButton: false,
+          searchable: false,
+          ...specificationUiProps,
+        },
+        ...restSpecification,
+      },
+    },
+  };
+}

package/src/config/utils/eip.ts

@@ -0,0 +1,104 @@
+import { CONTROL, ToggleObjectControl } from '../../components';
+
+const SpecificationItem = {
+  Velocity: 'velocity',
+  Traffic: 'traffic',
+};
+
+const specificationItems = [
+  {
+    value: SpecificationItem.Velocity,
+    label: 'Пропускная способность',
+  },
+  {
+    value: SpecificationItem.Traffic,
+    label: 'Количество трафика',
+  },
+];
+
+type GetEipProps = {
+  switchKey?: string;
+  velocityKey?: string;
+  trafficKey?: string;
+  specificationKey?: string;
+};
+
+export function getEip({
+  switchKey = 'eipIsNeeded',
+  velocityKey = 'eip.velocity',
+  trafficKey = 'eip.trafficKey',
+  specificationKey = 'eip.specification',
+}: GetEipProps): ToggleObjectControl {
+  return {
+    type: CONTROL.ToggleObject,
+    switchKey,
+    decoratorProps: {
+      label: 'Доступ в интернет',
+    },
+    control: {
+      type: CONTROL.Object,
+      ui: [['specification', 'velocity', 'traffic']],
+      controls: {
+        velocity: {
+          type: CONTROL.Stepper,
+          accessorKey: velocityKey,
+          defaultValue: 100,
+          decoratorProps: {
+            label: 'Скорость',
+            labelTooltip: 'Пропускная способность выделенной сети',
+          },
+          uiProps: {
+            min: 1,
+            max: 2000,
+            step: 1,
+            postfix: 'Mбит/сек',
+          },
+          watchedControls: { specification: specificationKey },
+          relateFn: ({ specification }) => {
+            if (specification === SpecificationItem.Traffic) {
+              return {
+                uiProps: {
+                  visible: false,
+                },
+              };
+            }
+          },
+        },
+        traffic: {
+          type: CONTROL.Stepper,
+          accessorKey: trafficKey,
+          defaultValue: 1,
+          decoratorProps: {
+            label: 'Количество трафика',
+          },
+          uiProps: {
+            min: 1,
+            max: 9_999_999_999,
+            showHint: false,
+            postfix: 'ГБ',
+            step: 1,
+          },
+          watchedControls: { specification: specificationKey },
+          relateFn: ({ specification }) => {
+            if (specification === SpecificationItem.Velocity) {
+              return {
+                uiProps: {
+                  visible: false,
+                },
+              };
+            }
+          },
+        },
+        specification: {
+          type: CONTROL.SelectSingle,
+          accessorKey: specificationKey,
+          defaultValue: SpecificationItem.Velocity,
+          items: specificationItems,
+          decoratorProps: {
+            label: 'Способ тарификации доступа в интернет',
+          },
+        },
+      },
+    },
+  };
+}

package/src/config/utils/index.ts

@@ -0,0 +1,52 @@
+import { WorkingHoursSpecification } from '../../constants';
+
+export const generateCpuItems = (items: number[]) => items.map(item => ({ value: String(item), label: `${item} Шт` }));
+export const generateRamItems = (items: number[]) => items.map(item => ({ value: String(item), label: `${item} ГБ` }));
+export function generateInstanceConfigItems(items: [number, number][], valuesPostfixes?: [string, string]) {
+  const { 0: fisrtPostfix = 'vCPU', 1: secondPostfix = 'ГБ RAM' } = valuesPostfixes ?? [];
+
+  return items.map(([cpu, ram]) => ({
+    value: [cpu, ram].join(' '),
+    label: `${cpu}${fisrtPostfix}, ${ram}${secondPostfix}`,
+  }));
+}
+export function generateBaseItems(arr: (string | number)[], labelReplacerFn?: (value: string) => string) {
+  return arr.map(item => ({
+    value: String(item),
+    label: labelReplacerFn ? labelReplacerFn(String(item)) : String(item),
+  }));
+}
+
+export * from './disk';
+export * from './eip';
+export * from './obs';
+
+export const getNumeralWord = (value: number, words: string[]) => {
+  const newValue = Math.abs(value) % 100;
+  const num = value % 10;
+
+  if (newValue > 10 && newValue < 20) return words[2];
+  if (num > 1 && num < 5) return words[1];
+  if (num === 1) return words[0];
+  return words[2];
+};
+
+export const getMaxWorkingHoursAmount = (
+  period: WorkingHoursSpecification,
+  maxHours: {
+    hour: number;
+    day: number;
+    month: number;
+  },
+) => {
+  switch (period) {
+    case WorkingHoursSpecification.Hour:
+      return maxHours.hour;
+    case WorkingHoursSpecification.Day:
+      return maxHours.day;
+    case WorkingHoursSpecification.Month:
+      return maxHours.month;
+    default:
+      return 1;
+  }
+};