chore: fixed knip errors in project

.github/workflows/ci.yml

@@ -26,9 +26,8 @@ jobs:
         run: npm run lint
       - name: Typecheck
         run: npm run typecheck
-      # Temporarily disabled due to errors in dependencies
-      # - name: Check Packages
-      #   run: npm run packages:check
+      - name: Check Packages
+        run: npm run packages:check
 
   tests:
     name: Tests

.storybook/theme.ts

@@ -1,6 +1,6 @@
 import {create} from '@storybook/theming';
 
-export const CloudThemeLight = create({
+const CloudThemeLight = create({
     base: 'light',
 
     colorPrimary: '#027bf3',
@@ -31,7 +31,7 @@ export const CloudThemeLight = create({
                 <div style="font-size: 14px;color: #7d7d7d;font-weight: 400;">Navigation</div>`,
 });
 
-export const CloudThemeDark = create({
+const CloudThemeDark = create({
     base: 'dark',
 });
 

package.json

@@ -40,6 +40,7 @@
     "playwright:docker:clear-cache": "./scripts/playwright-docker.sh clear-cache"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.4",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.8.1"
   },
@@ -53,7 +54,6 @@
     "@commitlint/cli": "^19.6.1",
     "@commitlint/config-conventional": "^19.6.0",
     "@doc-tools/transform": "^3.11.0",
-    "@gravity-ui/components": "^4.0.1",
     "@gravity-ui/eslint-config": "^3.3.0",
     "@gravity-ui/icons": "^2.8.1",
     "@gravity-ui/prettier-config": "^1.0.0",
@@ -66,11 +66,11 @@
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^12.1.2",
     "@storybook/addon-a11y": "^8.5.0",
-    "@storybook/addon-actions": "^8.5.0",
     "@storybook/addon-essentials": "^8.5.0",
     "@storybook/addon-interactions": "^8.5.0",
     "@storybook/addon-links": "^8.5.0",
     "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/manager-api": "^8.5.0",
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^8.5.0",
     "@storybook/react-webpack5": "^8.5.0",
@@ -112,7 +112,6 @@
   },
   "peerDependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/components": "^4.0.1",
     "@gravity-ui/icons": "^2.2.0",
     "@gravity-ui/uikit": "^7.2.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",

playwright/core/types.ts

@@ -36,7 +36,7 @@ interface CaptureScreenshotParams extends PageScreenshotOptions {
 type JsonPrimitive = string | number | boolean | null;
 type JsonValue = JsonPrimitive | JsonObject | JsonArray;
 type JsonArray = JsonValue[];
-export type JsonObject = {[Key in string]?: JsonValue};
+type JsonObject = {[Key in string]?: JsonValue};
 
 export type Fixtures = {
     mount: MountFixture;

src/components/AllPagesPanel/index.ts

@@ -1,3 +1,3 @@
 export {AllPagesPanel} from './AllPagesPanel';
-export {getAllPagesMenuItem, ALL_PAGES_ID} from './constants';
+export {getAllPagesMenuItem} from './constants';
 export {useVisibleMenuItems} from './useVisibleMenuItems';

src/components/AsideHeader/AsideHeaderContext.ts

@@ -15,7 +15,7 @@ export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     ) => void;
 }
 
-export const AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(
+const AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(
     undefined,
 );
 AsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';
@@ -36,7 +36,7 @@ export interface AsideHeaderContextType {
     size: number;
 }
 
-export const AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({
+const AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({
     compact: false,
     size: 0,
 });

src/components/AsideHeader/components/CollapseButton/CollapseButton.tsx

@@ -12,7 +12,7 @@ import './CollapseButton.scss';
 
 const b = block('collapse-button');
 
-export interface CollapseButtonProps {
+interface CollapseButtonProps {
     className?: string;
 }
 

src/components/AsideHeader/components/PageLayout/AsideFallback.tsx

@@ -8,7 +8,7 @@ import {b} from '../../utils';
 
 import headerDividerCollapsedIcon from '../../../../../assets/icons/divider-collapsed.svg';
 
-export interface Props extends QAProps {
+interface Props extends QAProps {
     headerDecoration?: boolean;
     subheaderItemsCount?: number;
 }

src/components/AsideHeader/types.tsx

@@ -12,15 +12,15 @@ export interface LayoutProps {
     topAlert?: TopAlertProps;
 }
 
-export interface EditMenuProps {
+interface EditMenuProps {
     onOpenEditMode?: () => void;
     onToggleMenuItem?: (changedItem: MenuItem) => void;
     onResetSettingsToDefault?: () => void;
     enableSorting?: boolean;
     onChangeItemsOrder?: (changedItem: MenuItem, oldIndex: number, newIndex: number) => void;
 }
 
-export interface AsideHeaderGeneralProps extends QAProps {
+interface AsideHeaderGeneralProps extends QAProps {
     logo?: LogoProps;
     multipleTooltip?: boolean;
     className?: string;
@@ -52,7 +52,7 @@ export interface AsideHeaderGeneralProps extends QAProps {
     openModalSubscriber?: (subscriber: OpenModalSubscriber) => void;
 }
 
-export interface AsideHeaderDefaultProps {
+interface AsideHeaderDefaultProps {
     panelItems?: DrawerItemProps[];
     subheaderItems?: SubheaderMenuItem[];
     menuItems?: MenuItem[];

src/components/CompositeBar/CompositeBar.tsx

@@ -31,7 +31,7 @@ type CompositeBarItems =
     | {type: 'menu'; items: MenuItem[]}
     | {type: 'subheader'; items: SubheaderMenuItem[]};
 
-export type CompositeBarProps = CompositeBarItems & {
+type CompositeBarProps = CompositeBarItems & {
     onItemClick?: (
         item: MenuItem,
         collapsed: boolean,

src/components/CompositeBar/Item/Item.tsx

@@ -78,8 +78,8 @@ function renderItemTitle(item: MenuItem) {
     return titleNode;
 }
 
-export const defaultPopupPlacement: PopupPlacement = ['right-end'];
-export const defaultPopupOffset: NonNullable<PopupProps['offset']> = {mainAxis: 8, crossAxis: -20};
+const defaultPopupPlacement: PopupPlacement = ['right-end'];
+const defaultPopupOffset: NonNullable<PopupProps['offset']> = {mainAxis: 8, crossAxis: -20};
 
 export const Item: React.FC<ItemInnerProps> = (props) => {
     const {

src/components/CompositeBar/MultipleTooltip/MultipleTooltip.tsx

@@ -14,7 +14,7 @@ const b = block('multiple-tooltip');
 
 const POPUP_OFFSET: PopupProps['offset'] = {mainAxis: 4, crossAxis: -32};
 
-export type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
+type MultipleTooltipProps = Pick<PopupProps, 'open' | 'anchorRef' | 'placement'> & {
     items: MenuItem[];
 };
 

src/components/CompositeBar/MultipleTooltip/index.ts

@@ -1,3 +1,2 @@
-export type {MultipleTooltipProps} from './MultipleTooltip';
 export {MultipleTooltip} from './MultipleTooltip';
 export {MultipleTooltipContext, MultipleTooltipProvider} from './MultipleTooltipContext';

src/components/CompositeBar/utils.ts

@@ -31,7 +31,7 @@ export function getSelectedItemIndex(items: MenuItem[]) {
     return index === -1 ? undefined : index;
 }
 
-export function getPinnedItems(items: MenuItem[]) {
+function getPinnedItems(items: MenuItem[]) {
     const pinnedItems: MenuItem[] = [];
     for (const item of items) {
         if (item.pinned) {