feat: move legacy Popover to the new entrypoint

package.json

@@ -69,6 +69,16 @@
                 "default": "./build/cjs/i18n/index.js"
             }
         },
+        "./legacy": {
+            "import": {
+                "types": "./build/esm/legacy.d.ts",
+                "default": "./build/esm/legacy.js"
+            },
+            "require": {
+                "types": "./build/cjs/legacy.d.ts",
+                "default": "./build/cjs/legacy.js"
+            }
+        },
         "./unstable": {
             "import": {
                 "types": "./build/esm/unstable.d.ts",

src/components/HelpMark/HelpMark.tsx

@@ -3,8 +3,8 @@ import type * as React from 'react';
 import {CircleQuestion} from '@gravity-ui/icons';
 
 import {Icon} from '../Icon';
-import {Popover} from '../Popover';
 import type {PopupPlacement} from '../Popup';
+import {Popover} from '../legacy';
 import type {QAProps} from '../types';
 import {block} from '../utils/cn';
 

src/components/Select/components/SelectControl/SelectControl.tsx

@@ -7,7 +7,7 @@ import isEmpty from 'lodash/isEmpty';
 
 import {useUniqId} from '../../../../hooks';
 import {Icon} from '../../../Icon';
-import {Popover} from '../../../Popover';
+import {Popover} from '../../../legacy';
 import type {CnMods} from '../../../utils/cn';
 import {selectControlBlock, selectControlButtonBlock} from '../../constants';
 import i18n from '../../i18n';

src/components/controls/TextInput/TextInput.tsx

@@ -7,7 +7,7 @@ import {TriangleExclamation} from '@gravity-ui/icons';
 import {useControlledState, useForkRef, useUniqId} from '../../../hooks';
 import {useElementSize, useFormResetHandler} from '../../../hooks/private';
 import {Icon} from '../../Icon';
-import {Popover} from '../../Popover';
+import {Popover} from '../../legacy';
 import {block} from '../../utils/cn';
 import {ClearButton, mapTextInputSizeToButtonSize} from '../common';
 import {OuterAdditionalContent} from '../common/OuterAdditionalContent/OuterAdditionalContent';

src/components/index.ts

@@ -36,7 +36,6 @@ export * from './Palette';
 export * from './UserLabel';
 export * from './PinInput';
 export * from './PlaceholderContainer';
-export * from './Popover';
 export * from './Popup';
 export * from './Portal';
 export * from './Progress';

src/components/legacy/Popover/Popover.classname.ts

@@ -0,0 +1,3 @@
+import {block} from '../../utils/cn';
+
+export const cnPopover = block('popover-legacy');

src/components/Popover/Popover.scss → src/components/legacy/Popover/Popover.scss

@@ -1,7 +1,7 @@
-@use '../../../styles/mixins';
-@use '../variables';
+@use '../../../../styles/mixins';
+@use '../../variables';
 
-$block: '.#{variables.$ns}popover';
+$block: '.#{variables.$ns}popover-legacy';
 
 #{$block} {
     display: inline-block;

src/components/Popover/Popover.tsx → src/components/legacy/Popover/Popover.tsx

@@ -4,14 +4,14 @@ import * as React from 'react';
 
 import {Xmark} from '@gravity-ui/icons';
 
-import {useUniqId} from '../../hooks/useUniqId';
-import {Button} from '../Button';
-import {Icon} from '../Icon';
-import type {PopupPlacement} from '../Popup';
-import {Popup} from '../Popup';
-import {useDirection} from '../theme';
-import type {QAProps} from '../types';
-import {warnOnce} from '../utils/warn';
+import {useUniqId} from '../../../hooks/useUniqId';
+import {Button} from '../../Button';
+import {Icon} from '../../Icon';
+import type {PopupPlacement} from '../../Popup';
+import {Popup} from '../../Popup';
+import {useDirection} from '../../theme';
+import type {QAProps} from '../../types';
+import {warnOnce} from '../../utils/warn';
 
 import {cnPopover} from './Popover.classname';
 import {Buttons} from './components/Buttons/Buttons';
@@ -24,6 +24,9 @@ import type {PopoverInstanceProps, PopoverProps} from './types';
 
 import './Popover.scss';
 
+/**
+ * @deprecated
+ */
 export const Popover = React.forwardRef<PopoverInstanceProps, PopoverProps & QAProps>(function (
     {
         initialOpen = false,

src/components/Popover/__stories__/Popover.stories.tsx → src/components/legacy/Popover/__stories__/Popover.stories.tsx

@@ -4,7 +4,7 @@ import type {Meta, StoryFn} from '@storybook/react';
 
 import {Popover, PopoverBehavior} from '../';
 import type {PopoverProps} from '../';
-import {Button} from '../../Button';
+import {Button} from '../../../Button';
 
 import {cnPopoverDemo} from './PopoverDemo.classname';
 import {Base} from './examples/Base/Base';
@@ -13,7 +13,7 @@ import {WithCustomAnchor as WithCustomAnchorExample} from './examples/WithCustom
 import './PopoverDemo.scss';
 
 const meta: Meta<typeof Popover> = {
-    title: 'Components/Overlays/Popover',
+    title: 'Legacy/Popover',
     component: Popover,
     args: {
         initialOpen: false,

src/components/legacy/Popover/__stories__/PopoverDemo.classname.ts

@@ -0,0 +1,3 @@
+import {block} from '../../../utils/cn';
+
+export const cnPopoverDemo = block('popover-legacy-demo');

src/components/Popover/__stories__/PopoverDemo.scss → src/components/legacy/Popover/__stories__/PopoverDemo.scss

@@ -1,6 +1,6 @@
-@use '../../variables';
+@use '../../../variables';
 
-$block: '.#{variables.$ns}popover-demo';
+$block: '.#{variables.$ns}popover-legacy-demo';
 
 #{$block} {
     display: flex;

src/components/Popover/__stories__/examples/WithCustomAnchor/WithCustomAnchor.tsx → src/components/legacy/Popover/__stories__/examples/WithCustomAnchor/WithCustomAnchor.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
 import {Popover} from '../../../';
-import {Button} from '../../../../Button';
-import {Loader} from '../../../../Loader';
+import {Button} from '../../../../../Button';
+import {Loader} from '../../../../../Loader';
 import type {PopoverInstanceProps} from '../../../types';
 import {cnPopoverDemo} from '../../PopoverDemo.classname';
 

src/components/Popover/__tests__/Popover.test.tsx → src/components/legacy/Popover/__tests__/Popover.test.tsx

@@ -1,5 +1,5 @@
-import {setupTimersMock} from '../../../../test-utils/setupTimersMock';
-import {act, fireEvent, render, screen, waitFor} from '../../../../test-utils/utils';
+import {setupTimersMock} from '../../../../../test-utils/setupTimersMock';
+import {act, fireEvent, render, screen, waitFor} from '../../../../../test-utils/utils';
 import {Popover} from '../Popover';
 import {PopoverBehavior, delayByBehavior} from '../config';
 import type {PopoverProps} from '../types';

src/components/Popover/components/Buttons/Buttons.tsx → src/components/legacy/Popover/components/Buttons/Buttons.tsx

@@ -1,4 +1,4 @@
-import {Button} from '../../../Button';
+import {Button} from '../../../../Button';
 import {cnPopover} from '../../Popover.classname';
 import type {PopoverButtonProps, PopoverTheme} from '../../types';
 

src/components/Popover/components/Links/Links.tsx → src/components/legacy/Popover/components/Links/Links.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import {Link} from '../../../Link';
+import {Link} from '../../../../Link';
 import {cnPopover} from '../../Popover.classname';
 
 export type LinksProps = {

src/components/Popover/components/Trigger/Trigger.tsx → src/components/legacy/Popover/components/Trigger/Trigger.tsx

@@ -2,7 +2,7 @@
 
 import * as React from 'react';
 
-import {useActionHandlers} from '../../../../hooks';
+import {useActionHandlers} from '../../../../../hooks';
 
 interface TriggerArgs {
     onClick: React.MouseEventHandler;

src/components/Popover/hooks/useOpen.ts → src/components/legacy/Popover/hooks/useOpen.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import {useUpdateEffect} from '../../../hooks/private';
+import {useUpdateEffect} from '../../../../hooks/private';
 import {delayByBehavior} from '../config';
 import type {PopoverBehavior} from '../config';
 

src/components/Popover/types.ts → src/components/legacy/Popover/types.ts

@@ -1,4 +1,4 @@
-import type {PopupAnchorElement, PopupAnchorRef, PopupOffset, PopupProps} from '../Popup';
+import type {PopupAnchorElement, PopupAnchorRef, PopupOffset, PopupProps} from '../../Popup';
 
 import type {ButtonsProps} from './components/Buttons/Buttons';
 import type {ContentProps} from './components/Content/Content';

src/components/legacy/index.ts

@@ -0,0 +1 @@
+export * from './Popover';

src/legacy.ts

@@ -0,0 +1 @@
+export * from './components/legacy';