refactor: add export form-generator-v2, add Tooltip

package.json

@@ -34,6 +34,11 @@
       "require": "./build/cjs/form-generator/index.js",
       "import": "./build/esm/form-generator/index.js"
     },
+    "./form-generator-v2": {
+      "types": "./build/esm/form-generator-v2/index.d.ts",
+      "require": "./build/cjs/form-generator-v2/index.js",
+      "import": "./build/esm/form-generator-v2/index.js"
+    },
     "./form-builder": {
       "types": "./build/esm/form-builder/index.d.ts",
       "require": "./build/cjs/form-builder/index.js",
@@ -74,6 +79,9 @@
       "form-generator": [
         "./build/esm/form-generator/index.d.ts"
       ],
+      "form-generator-v2": [
+        "./build/esm/form-generator-v2/index.d.ts"
+      ],
       "form-builder": [
         "./build/esm/form-builder/index.d.ts"
       ],

src/form-builder-v2/FormBuilderV2.tsx

@@ -41,7 +41,7 @@ export type FormBuilderDensity = 'full' | 'compact';
 const PALETTE_MIN = 160;
 const PALETTE_MAX = 400;
 const PALETTE_DEFAULT = 220;
-const INSPECTOR_MIN = 240;
+const INSPECTOR_MIN = 270;
 const INSPECTOR_MAX = 560;
 const INSPECTOR_DEFAULT = 320;
 

src/form-builder-v2/components/Palette/Palette.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 import {PointerActivationConstraints, PointerSensor} from '@dnd-kit/dom';
 import {useDraggable} from '@dnd-kit/react';
-import {Button, Card, Icon, Text} from '@gravity-ui/uikit';
+import {Button, Card, Icon, Text, Tooltip} from '@gravity-ui/uikit';
 import type {IconData} from '@gravity-ui/uikit';
 
 import {useFormContext} from '../../hooks/FormContext';
@@ -68,17 +68,18 @@ const PaletteTile = ({type, label, icon, onClick}: PaletteTileProps) => {
     );
 
     return (
-        <Button
-            ref={setRefs}
-            view="flat"
-            size="m"
-            className={b('tile', {dragging: isDragging})}
-            onClick={onClick}
-            title={label}
-        >
-            <Icon data={icon} size={18} />
-            <span className={b('tile-label')}>{label}</span>
-        </Button>
+        <Tooltip content={label} placement="right" openDelay={500}>
+            <Button
+                ref={setRefs}
+                view="flat"
+                size="m"
+                className={b('tile', {dragging: isDragging})}
+                onClick={onClick}
+            >
+                <Icon data={icon} size={18} />
+                <span className={b('tile-label')}>{label}</span>
+            </Button>
+        </Tooltip>
     );
 };
 

src/form-generator-v2/index.ts

@@ -0,0 +1,2 @@
+export {default as FormGeneratorV2} from './FormGenerator';
+export * from './types';