@gravity-ui/navigation 5.0.0-beta.2 → 5.0.0

package/codemods/transforms/compactToPinned.ts

@@ -0,0 +1,135 @@
+/* eslint-disable no-param-reassign */
+import {execSync} from 'child_process';
+
+import type {
+    API,
+    ASTPath,
+    Collection,
+    FileInfo,
+    JSCodeshift,
+    JSXAttribute,
+    JSXIdentifier,
+} from 'jscodeshift';
+
+/**
+ * Codemod to transform AsideHeader/PageLayout `compact` → `pinned` and `onChangeCompact` → `onChangePinned`.
+ *
+ * Only applies to JSX elements: AsideHeader, PageLayout.
+ *
+ * Transformations:
+ * - compact={true} → pinned={false}
+ * - compact={false} → pinned={true}
+ * - compact (shorthand) → pinned={false}
+ * - compact={someVar} → pinned={!someVar}
+ * - onChangeCompact={fn} → onChangePinned={fn} (rename only, callback now receives pinned)
+ */
+
+const LAYOUT_JSX_COMPONENTS = new Set(['AsideHeader', 'PageLayout']);
+
+function isLayoutComponent(path: ASTPath<JSXAttribute>, j: JSCodeshift): boolean {
+    const openingElement = path.parentPath?.node;
+    if (!openingElement || !j.JSXOpeningElement.check(openingElement)) {
+        return false;
+    }
+    const name = openingElement.name;
+    if (!j.JSXIdentifier.check(name)) {
+        return false;
+    }
+    return LAYOUT_JSX_COMPONENTS.has(name.name);
+}
+
+/**
+ * Inverts a JSX expression value.
+ */
+function invertExpression(j: JSCodeshift, expr: any): any {
+    if (j.BooleanLiteral.check(expr) || j.Literal.check(expr)) {
+        const value = expr.value;
+        if (typeof value === 'boolean') {
+            expr.value = !value;
+            return expr;
+        }
+    }
+    if (j.UnaryExpression.check(expr) && expr.operator === '!') {
+        return expr.argument;
+    }
+    return j.unaryExpression('!', expr);
+}
+
+function updateCompactToPinned(root: Collection, j: JSCodeshift): boolean {
+    let hasChanges = false;
+
+    root.find(j.JSXAttribute, {name: {type: 'JSXIdentifier', name: 'compact'}}).forEach(
+        (path: ASTPath<JSXAttribute>) => {
+            if (!isLayoutComponent(path, j)) {
+                return;
+            }
+
+            const attrNode = path.node;
+            const attrValue = attrNode.value;
+
+            (attrNode.name as JSXIdentifier).name = 'pinned';
+
+            if (attrValue === null) {
+                attrNode.value = j.jsxExpressionContainer(j.booleanLiteral(false));
+                hasChanges = true;
+            } else if (j.JSXExpressionContainer.check(attrValue)) {
+                const expr = attrValue.expression;
+                if (!j.JSXEmptyExpression.check(expr)) {
+                    attrValue.expression = invertExpression(j, expr);
+                }
+                hasChanges = true;
+            } else if (j.StringLiteral.check(attrValue)) {
+                if (attrValue.value === 'true') {
+                    attrNode.value = j.jsxExpressionContainer(j.booleanLiteral(false));
+                } else if (attrValue.value === 'false') {
+                    attrNode.value = j.jsxExpressionContainer(j.booleanLiteral(true));
+                }
+                hasChanges = true;
+            }
+        },
+    );
+
+    return hasChanges;
+}
+
+function updateOnChangeCompactToOnChangePinned(root: Collection, j: JSCodeshift): boolean {
+    let hasChanges = false;
+
+    root.find(j.JSXAttribute, {
+        name: {type: 'JSXIdentifier', name: 'onChangeCompact'},
+    }).forEach((path: ASTPath<JSXAttribute>) => {
+        if (!isLayoutComponent(path, j)) {
+            return;
+        }
+        (path.node.name as JSXIdentifier).name = 'onChangePinned';
+        hasChanges = true;
+    });
+
+    return hasChanges;
+}
+
+export default function transformer(file: FileInfo, api: API) {
+    const j = api.jscodeshift;
+    const root = j(file.source);
+
+    const hasCompactUpdate = updateCompactToPinned(root, j);
+    const hasOnChangeUpdate = updateOnChangeCompactToOnChangePinned(root, j);
+
+    if (!hasCompactUpdate && !hasOnChangeUpdate) {
+        return null;
+    }
+
+    const output = root.toSource();
+
+    try {
+        const formatted = execSync('prettier --parser typescript', {
+            input: output,
+            encoding: 'utf-8',
+            maxBuffer: 10 * 1024 * 1024,
+            stdio: ['pipe', 'pipe', 'pipe'],
+        });
+        return formatted;
+    } catch {
+        return output;
+    }
+}

package/codemods/transforms/unifyInterfaces.ts

@@ -129,6 +129,7 @@ function updateImports(root: Collection, j: JSCodeshift): boolean {
             });
 
             if (hasBeenModified) {
+                // eslint-disable-next-line no-param-reassign
                 path.node.specifiers = newSpecifiers;
                 hasChanges = true;
             }

package/codemods/transforms/v5.ts

@@ -0,0 +1,36 @@
+import type {API, FileInfo, Options} from 'jscodeshift';
+
+import compactToIsExpanded from './compactToIsExpanded';
+import compactToPinned from './compactToPinned';
+
+export default function transform(file: FileInfo, api: API, options: Options) {
+    let source = file.source;
+    let hasChanges = false;
+
+    const transforms = [
+        {name: 'compact-to-is-expanded', transform: compactToIsExpanded},
+        {name: 'compact-to-pinned', transform: compactToPinned},
+    ];
+
+    for (const {name, transform: transformFn} of transforms) {
+        try {
+            const result = transformFn({source, path: file.path}, api);
+            if (result && result !== source) {
+                source = result;
+                hasChanges = true;
+
+                if (options && options.verbose) {
+                    console.log(`✓ Applied ${name}`);
+                }
+            }
+        } catch (error) {
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            console.error(`Error applying ${name}:`, errorMessage);
+            if (options && options.verbose && error instanceof Error) {
+                console.error(error.stack);
+            }
+        }
+    }
+
+    return hasChanges ? source : null;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/navigation",
-  "version": "5.0.0-beta.2",
+  "version": "5.0.0",
   "description": "Gravity UI Navigation components",
   "license": "MIT",
   "repository": {
@@ -52,6 +52,7 @@
   "dependencies": {
     "commander": "^11.0.0",
     "jscodeshift": "^0.15.0",
+    "react-transition-group": "^4.4.5",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
@@ -59,7 +60,6 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "babel-jest": "^28.0.0",
     "@bem-react/classname": "^1.6.0",
     "@chromatic-com/storybook": "^3.2.4",
     "@commitlint/cli": "^19.6.1",
@@ -70,7 +70,7 @@
     "@gravity-ui/prettier-config": "^1.0.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^7.28.0",
+    "@gravity-ui/uikit": "^7.31.0",
     "@jest/globals": "^30.0.5",
     "@playwright/experimental-ct-react": "^1.49.1",
     "@playwright/test": "^1.49.1",
@@ -93,9 +93,10 @@
     "@types/jscodeshift": "^0.12.0",
     "@types/lodash": "^4.17.14",
     "@types/react": "^18.3.18",
-    "@types/react-virtualized-auto-sizer": "^1.0.4",
+    "@types/react-transition-group": "^4.4.12",
     "@vitejs/plugin-react": "^4.3.4",
     "axe-playwright": "^2.0.3",
+    "babel-jest": "^28.0.0",
     "cross-env": "^10.0.0",
     "css-loader": "^7.1.2",
     "eslint": "^8.57.1",

package/build/cjs/assets/icons/control-menu-button.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"control-menu-button.svg.js","sources":["../../../../assets/icons/control-menu-button.svg"],"sourcesContent":["<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m.72 7.64 6.39-3.2a.5.5 0 0 0 0-.89L.72.36A.5.5 0 0 0 0 .81v6.38c0 .37.4.61.72.45Z\"/></svg>\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAE/Q,IAAC,oBAAoB,GAAG,SAAS,oBAAoB,CAAC,KAAK,EAAE;AAChE,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/cjs/components/ActionBar/__stories__/ActionBar.stories.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
-import { ActionBar } from '../ActionBar';
-declare const _default: Meta<typeof ActionBar>;
-export default _default;
-export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
-    'aria-label'?: string;
-} & {
-    children?: React.ReactNode | undefined;
-}>;
-export declare const SingleSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
-    'aria-label'?: string;
-} & {
-    children?: React.ReactNode | undefined;
-}>;
-export declare const StretchGroup: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
-    'aria-label'?: string;
-} & {
-    children?: React.ReactNode | undefined;
-}>;

package/build/cjs/components/ActionBar/__stories__/ActionBarShowcase.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function ActionBarShowcase(): React.JSX.Element;

package/build/cjs/components/ActionBar/__stories__/ActionBarSingleSection.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function ActionBarSingleSection(): React.JSX.Element;

package/build/cjs/components/ActionBar/__stories__/ActionBarStretchGroupShowcase.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function ActionBarStretchGroupShowcase(): React.JSX.Element;

package/build/cjs/components/ActionBar/__tests__/helpersPlaywright.d.ts

@@ -1,5 +0,0 @@
-import * as DefaultActionBarStories from '../__stories__/ActionBar.stories';
-declare const stories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultActionBarStories>, keyof import("@storybook/core/types").Store_CSFExports>;
-type ActionBarStoriesType = typeof stories;
-export declare const ActionBarStories: ActionBarStoriesType;
-export {};

package/build/cjs/components/AsideHeader/__stories__/AsideHeader.stories.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
-import { AsideHeaderShowcaseProps } from './AsideHeaderShowcase';
-declare const _default: Meta;
-export default _default;
-export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const Compact: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const MultipleTooltip: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const CustomTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const CustomBackground: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const AdvancedUsage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const HeaderAlert: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
-export declare const HeaderAlertCentered: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
-export declare const HeaderAlertCustom: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
-export declare const Fallback: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
-    headerDecoration: boolean;
-    subheaderItemsCount: number;
-}>;
-/** @type {StoryFn} */
-export declare function LineClamp(): React.JSX.Element;
-export declare const CollapseButtonWrapper: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

package/build/cjs/components/AsideHeader/__stories__/AsideHeaderShowcase.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { TopAlertProps } from '../../types';
-import './AsideHeaderShowcase.scss';
-export interface AsideHeaderShowcaseProps {
-    multipleTooltip?: boolean;
-    initialCompact?: boolean;
-    topAlert?: TopAlertProps;
-    customBackground?: React.ReactNode;
-    customBackgroundClassName?: string;
-    headerDecoration?: boolean;
-    hideCollapseButton?: boolean;
-}
-export declare const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps>;

package/build/cjs/components/AsideHeader/__stories__/getAsideHeaderWrapper.d.ts

@@ -1,3 +0,0 @@
-import React, { FC } from 'react';
-import { AsideHeaderProps } from '../types';
-export declare function getAsideHeaderWrapper(props?: AsideHeaderProps): (Story: FC) => React.JSX.Element;

package/build/cjs/components/AsideHeader/__stories__/moc.d.ts

@@ -1,13 +0,0 @@
-import { AsideHeaderContextType } from '../AsideHeaderContext';
-import { AsideHeaderProps } from '../types';
-export declare const EMPTY_CONTEXT_VALUE: AsideHeaderContextType;
-export declare const menuItemsShowcase: AsideHeaderProps['menuItems'];
-export declare const text = "\nDid you attend? He sang by grove ripe -\nThe bard of love, the singer of his mourning.\nWhen fields were silent by the early morning,\nTo sad and simple sounds of a pipe\nDid you attend?\n\nDid you behold in dark of forest leaf\nThe bard of love, the singer of his sadness?\nThe trace of tears, the smile, the utter paleness,\nThe quiet look, full of eternal grief,\nDid you behold?\n\nThen did you sigh when hearing how cries\nThe bard of love, the singer of his dole?\nWhen in the woods you saw the young man, sole,\nAnd met the look of his extinguished eyes,\nThen did you sigh?\n";
-export declare const DEFAULT_LOGO: {
-    text: string;
-    icon: import("node_modules/@gravity-ui/uikit/build/esm/components/Icon/types").SVGIconData;
-    href: string;
-    onClick: () => void;
-    'aria-label': string;
-};
-export declare const menuItemsClamped: import("..").AsideHeaderItem[];

package/build/cjs/components/AsideHeader/__tests__/helpersPlaywright.d.ts

@@ -1,2 +0,0 @@
-import * as DefaultAsideHeaderStories from '../__stories__/AsideHeader.stories';
-export declare const AsideHeaderStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultAsideHeaderStories>, keyof import("@storybook/core/types").Store_CSFExports>;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.css

@@ -1 +0,0 @@
-.AllPagesListItem-module__gn-all-pages-list-item___MhygP{background:none;border:none;color:inherit;font:inherit;outline:inherit;text-decoration:inherit}.AllPagesListItem-module__gn-all-pages-list-item___MhygP:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.AllPagesListItem-module__gn-all-pages-list-item___MhygP{align-items:center;column-gap:var(--g-spacing-4);cursor:pointer;display:flex;height:40px;padding:0 var(--g-spacing-6);width:100%}.AllPagesListItem-module__gn-all-pages-list-item__text___Fgz1S{flex:1;text-align:initial}.AllPagesListItem-module__gn-all-pages-list-item__icon___9Cgg9{color:var(--g-color-text-misc)}.AllPagesListItem-module__gn-all-pages-list-item_edit-mode___Mvea7{padding:0 0 0 var(--g-spacing-4)}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { AsideHeaderItem } from 'src/components/AsideHeader/types';
-interface AllPagesListItemProps {
-    item: AsideHeaderItem;
-    editMode?: boolean;
-    enableSorting?: boolean;
-    onToggle: () => void;
-    onDragStart?: () => void;
-    onDragEnd?: () => void;
-}
-export declare const AllPagesListItem: React.FC<AllPagesListItemProps>;
-export {};

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js

@@ -1,44 +0,0 @@
-import './AllPagesListItem.css';
-'use strict';
-
-var React = require('react');
-var icons = require('@gravity-ui/icons');
-var uikit = require('@gravity-ui/uikit');
-var cn = require('../../../../utils/cn.js');
-var AllPagesListItem_module = require('./AllPagesListItem.module.scss.js');
-
-const b = cn.createBlock('all-pages-list-item', AllPagesListItem_module.default);
-const AllPagesListItem = (props) => {
-    const { item, editMode, onToggle } = props;
-    const ref = React.useRef(null);
-    const onPinButtonClick = React.useCallback((e) => {
-        e.stopPropagation();
-        e.preventDefault();
-        onToggle();
-    }, [onToggle]);
-    const [Tag, tagProps] = item.href ? ['a', { href: item.href }] : ['button', {}];
-    const makeNode = React.useCallback((params) => {
-        const onItemClick = (e) => {
-            if (editMode) {
-                e.stopPropagation();
-                e.preventDefault();
-            }
-        };
-        return (React.createElement(Tag, Object.assign({}, tagProps, { className: b(), onClick: onItemClick, ref: ref }),
-            params.icon,
-            React.createElement("span", { className: b('text') }, params.title),
-            editMode && !item.preventUserRemoving && (React.createElement(uikit.Button, { onClick: onPinButtonClick, view: item.hidden ? 'flat-secondary' : 'flat-action' },
-                React.createElement(uikit.Button.Icon, null, item.hidden ? React.createElement(icons.Pin, null) : React.createElement(icons.PinFill, null))))));
-    }, [Tag, tagProps, editMode, item, onPinButtonClick]);
-    const iconNode = item.icon ? (React.createElement(uikit.Icon, { className: b('icon'), data: item.icon, size: item.iconSize })) : null;
-    const titleNode = item.title;
-    const params = { icon: iconNode, title: titleNode };
-    const opts = { collapsed: false, compact: false, item, ref };
-    if (typeof item.itemWrapper === 'function') {
-        return item.itemWrapper(params, makeNode, opts);
-    }
-    return makeNode(params);
-};
-
-exports.AllPagesListItem = AllPagesListItem;
-//# sourceMappingURL=AllPagesListItem.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AllPagesListItem.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.tsx"],"sourcesContent":["import React, {MouseEvent, useCallback, useRef} from 'react';\n\nimport {Pin, PinFill} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {AsideHeaderItem} from 'src/components/AsideHeader/types';\nimport {MakeItemParams} from 'src/components/types';\n\nimport {createBlock} from '../../../../utils/cn';\n\nimport styles from './AllPagesListItem.module.scss';\n\nconst b = createBlock('all-pages-list-item', styles);\n\ninterface AllPagesListItemProps {\n    item: AsideHeaderItem;\n    editMode?: boolean;\n    enableSorting?: boolean;\n    onToggle: () => void;\n    onDragStart?: () => void;\n    onDragEnd?: () => void;\n}\n\nexport const AllPagesListItem: React.FC<AllPagesListItemProps> = (props) => {\n    const {item, editMode, onToggle} = props;\n    const ref = useRef<HTMLAnchorElement & HTMLButtonElement>(null);\n\n    const onPinButtonClick = useCallback(\n        (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            e.stopPropagation();\n            e.preventDefault();\n            onToggle();\n        },\n        [onToggle],\n    );\n\n    const [Tag, tagProps] = item.href ? ['a' as const, {href: item.href}] : ['button' as const, {}];\n\n    const makeNode = useCallback(\n        (params: MakeItemParams) => {\n            const onItemClick = (e: MouseEvent<HTMLElement>) => {\n                if (editMode) {\n                    e.stopPropagation();\n                    e.preventDefault();\n                }\n            };\n\n            return (\n                <Tag {...tagProps} className={b()} onClick={onItemClick} ref={ref}>\n                    {params.icon}\n                    <span className={b('text')}>{params.title}</span>\n                    {editMode && !item.preventUserRemoving && (\n                        <Button\n                            onClick={onPinButtonClick}\n                            view={item.hidden ? 'flat-secondary' : 'flat-action'}\n                        >\n                            <Button.Icon>{item.hidden ? <Pin /> : <PinFill />}</Button.Icon>\n                        </Button>\n                    )}\n                </Tag>\n            );\n        },\n        [Tag, tagProps, editMode, item, onPinButtonClick],\n    );\n\n    const iconNode = item.icon ? (\n        <Icon className={b('icon')} data={item.icon} size={item.iconSize} />\n    ) : null;\n    const titleNode = item.title;\n    const params: MakeItemParams = {icon: iconNode, title: titleNode};\n    const opts = {collapsed: false, compact: false, item, ref};\n\n    if (typeof item.itemWrapper === 'function') {\n        return item.itemWrapper(params, makeNode, opts) as React.ReactElement;\n    }\n\n    return makeNode(params);\n};\n"],"names":["createBlock","styles","useRef","useCallback","Button","Pin","PinFill","Icon"],"mappings":";;;;;;;;AAYA,MAAM,CAAC,GAAGA,cAAW,CAAC,qBAAqB,EAAEC,+BAAM,CAAC;AAWvC,MAAA,gBAAgB,GAAoC,CAAC,KAAK,KAAI;IACvE,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK;AACxC,IAAA,MAAM,GAAG,GAAGC,YAAM,CAAwC,IAAI,CAAC;AAE/D,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,CAChC,CAAC,CAAoD,KAAI;QACrD,CAAC,CAAC,eAAe,EAAE;QACnB,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,QAAQ,EAAE;AACd,KAAC,EACD,CAAC,QAAQ,CAAC,CACb;AAED,IAAA,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,GAAY,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC;AAE/F,IAAA,MAAM,QAAQ,GAAGA,iBAAW,CACxB,CAAC,MAAsB,KAAI;AACvB,QAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;YAC/C,IAAI,QAAQ,EAAE;gBACV,CAAC,CAAC,eAAe,EAAE;gBACnB,CAAC,CAAC,cAAc,EAAE;;AAE1B,SAAC;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,QAAQ,IAAE,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA;AAC5D,YAAA,MAAM,CAAC,IAAI;YACZ,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAG,EAAA,MAAM,CAAC,KAAK,CAAQ;YAChD,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB,KAClC,KAAC,CAAA,aAAA,CAAAC,YAAM,EACH,EAAA,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,gBAAgB,GAAG,aAAa,EAAA;gBAEpD,KAAC,CAAA,aAAA,CAAAA,YAAM,CAAC,IAAI,EAAE,IAAA,EAAA,IAAI,CAAC,MAAM,GAAG,KAAC,CAAA,aAAA,CAAAC,SAAG,OAAG,GAAG,KAAA,CAAA,aAAA,CAACC,aAAO,EAAA,IAAA,CAAG,CAAe,CAC3D,CACZ,CACC;AAEd,KAAC,EACD,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,CAAC,CACpD;AAED,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IACtB,KAAA,CAAA,aAAA,CAACC,UAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI,IACpE,IAAI;AACR,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;IAC5B,MAAM,MAAM,GAAmB,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAC;AACjE,IAAA,MAAM,IAAI,GAAG,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAC;AAE1D,IAAA,IAAI,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;QACxC,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAuB;;AAGzE,IAAA,OAAO,QAAQ,CAAC,MAAM,CAAC;AAC3B;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styles = {"gn-all-pages-list-item":"AllPagesListItem-module__gn-all-pages-list-item___MhygP","gnAllPagesListItem":"AllPagesListItem-module__gn-all-pages-list-item___MhygP","gn-all-pages-list-item__text":"AllPagesListItem-module__gn-all-pages-list-item__text___Fgz1S","gnAllPagesListItemText":"AllPagesListItem-module__gn-all-pages-list-item__text___Fgz1S","gn-all-pages-list-item__icon":"AllPagesListItem-module__gn-all-pages-list-item__icon___9Cgg9","gnAllPagesListItemIcon":"AllPagesListItem-module__gn-all-pages-list-item__icon___9Cgg9","gn-all-pages-list-item_edit-mode":"AllPagesListItem-module__gn-all-pages-list-item_edit-mode___Mvea7","gnAllPagesListItemEditMode":"AllPagesListItem-module__gn-all-pages-list-item_edit-mode___Mvea7"};
-
-exports.default = styles;
-//# sourceMappingURL=AllPagesListItem.module.scss.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AllPagesListItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/index.d.ts

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

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.d.ts

@@ -1,2 +0,0 @@
-import { AsideHeaderItem } from '../../types';
-export declare const useVisibleMenuItems: () => AsideHeaderItem[];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var AsideHeaderContext = require('../../AsideHeaderContext.js');
-
-const useVisibleMenuItems = () => {
-    const { menuItems, allPagesIsAvailable } = AsideHeaderContext.useAsideHeaderInnerContext();
-    return React.useMemo(() => {
-        if (!allPagesIsAvailable) {
-            return menuItems;
-        }
-        let lastVisibleIndex = 0;
-        return menuItems.filter(({ type, hidden }, index, items) => {
-            if (hidden) {
-                return false;
-            }
-            if (index > 0 &&
-                type === 'divider' &&
-                (items[lastVisibleIndex].type === 'divider' || items[lastVisibleIndex].hidden)) {
-                return false;
-            }
-            lastVisibleIndex = index;
-            return true;
-        });
-    }, [allPagesIsAvailable, menuItems]);
-};
-
-exports.useVisibleMenuItems = useVisibleMenuItems;
-//# sourceMappingURL=useVisibleMenuItems.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useVisibleMenuItems.js","sources":["../../../../../../../src/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.ts"],"sourcesContent":["import {useMemo} from 'react';\n\nimport {useAsideHeaderInnerContext} from '../../AsideHeaderContext';\nimport {AsideHeaderItem} from '../../types';\n\nexport const useVisibleMenuItems = (): AsideHeaderItem[] => {\n    const {menuItems, allPagesIsAvailable} = useAsideHeaderInnerContext();\n    return useMemo(() => {\n        if (!allPagesIsAvailable) {\n            return menuItems;\n        }\n        let lastVisibleIndex = 0;\n        return menuItems.filter(\n            ({type, hidden}: AsideHeaderItem, index: number, items: AsideHeaderItem[]): boolean => {\n                if (hidden) {\n                    return false;\n                }\n\n                if (\n                    index > 0 &&\n                    type === 'divider' &&\n                    (items[lastVisibleIndex].type === 'divider' || items[lastVisibleIndex].hidden)\n                ) {\n                    return false;\n                }\n                lastVisibleIndex = index;\n                return true;\n            },\n        );\n    }, [allPagesIsAvailable, menuItems]);\n};\n"],"names":["useAsideHeaderInnerContext","useMemo"],"mappings":";;;;;AAKO,MAAM,mBAAmB,GAAG,MAAwB;IACvD,MAAM,EAAC,SAAS,EAAE,mBAAmB,EAAC,GAAGA,6CAA0B,EAAE;IACrE,OAAOC,aAAO,CAAC,MAAK;QAChB,IAAI,CAAC,mBAAmB,EAAE;AACtB,YAAA,OAAO,SAAS;;QAEpB,IAAI,gBAAgB,GAAG,CAAC;AACxB,QAAA,OAAO,SAAS,CAAC,MAAM,CACnB,CAAC,EAAC,IAAI,EAAE,MAAM,EAAkB,EAAE,KAAa,EAAE,KAAwB,KAAa;YAClF,IAAI,MAAM,EAAE;AACR,gBAAA,OAAO,KAAK;;YAGhB,IACI,KAAK,GAAG,CAAC;AACT,gBAAA,IAAI,KAAK,SAAS;AAClB,iBAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,EAChF;AACE,gBAAA,OAAO,KAAK;;YAEhB,gBAAgB,GAAG,KAAK;AACxB,YAAA,OAAO,IAAI;AACf,SAAC,CACJ;AACL,KAAC,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;AACxC;;;;"}

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.css

@@ -1,2 +0,0 @@
-.MultipleTooltip-module__gn-multiple-tooltip___UCYs0:before{background:var(--multiple-tooltip-backdrop-background);box-shadow:none;content:"";filter:var(--multiple-tooltip-backdrop-filter);height:100%;opacity:.7;position:absolute;width:100%;z-index:-1}.MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl{--g-popup-background-color:transparent;--g-popup-border-color:transparent;--g-popup-border-width:0;background-color:transparent;box-shadow:none}.MultipleTooltip-module__gn-multiple-tooltip__items-container___1N4u-{align-items:flex-start;display:flex;flex-direction:column;padding:32px 40px 32px 12px}.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6{align-items:center;background-color:var(--multiple-tooltip-item-bg-color);border-radius:5px;box-sizing:border-box;color:var(--g-color-text-light-primary);display:flex;height:30px;margin-bottom:5px;padding:8px 12px;position:relative;transition:transform .1s ease-in-out}.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:first-child, .MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:not(.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S)+.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:not(.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S){margin-top:5px}.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S+.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:not(.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S){margin-top:4px}.MultipleTooltip-module__gn-multiple-tooltip__item_active___CP4PC{background-color:var(--multiple-tooltip-item-active-bg-color);transform:translateX(-12px)}.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S{height:15px;margin:0;visibility:hidden}
-.MultipleTooltip-module__g-popup___GO-A5.MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl{--g-popup-background-color:transparent;--g-popup-border-color:transparent;--g-popup-border-width:0;background-color:transparent;box-shadow:none}

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { PopupProps } from '@gravity-ui/uikit';
-import { AsideHeaderItem } from 'src/components/AsideHeader/types';
-type MultipleTooltipProps = Pick<PopupProps, 'open' | 'placement'> & {
-    anchorRef: React.RefObject<HTMLElement>;
-    items: AsideHeaderItem[];
-};
-export declare const MultipleTooltip: React.FC<MultipleTooltipProps>;
-export {};

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.js

@@ -1,34 +0,0 @@
-import './MultipleTooltip.css';
-'use strict';
-
-var React = require('react');
-var uikit = require('@gravity-ui/uikit');
-var cn = require('../../../../utils/cn.js');
-var constants = require('../constants.js');
-var MultipleTooltipContext = require('./MultipleTooltipContext.js');
-var MultipleTooltip_module = require('./MultipleTooltip.module.scss.js');
-
-const b = cn.createBlock('multiple-tooltip', MultipleTooltip_module.default);
-const POPUP_OFFSET = { mainAxis: 4, crossAxis: -32 };
-const MultipleTooltip = ({ items, open, anchorRef, placement, }) => {
-    const { activeIndex, hideCollapseItemTooltip } = React.useContext(MultipleTooltipContext.MultipleTooltipContext);
-    const activeItem = activeIndex === undefined ? null : items[activeIndex];
-    return (React.createElement(uikit.Popup, { open: open, className: b('popup'), anchorElement: anchorRef.current, strategy: "fixed", placement: placement, offset: POPUP_OFFSET },
-        React.createElement("div", { className: b() },
-            React.createElement("div", { className: b('items-container') }, items
-                .filter(({ type = 'regular', id }) => !hideCollapseItemTooltip ||
-                (id !== constants.COLLAPSE_ITEM_ID && type !== 'action'))
-                .map((currentItem, idx) => {
-                switch (currentItem.type) {
-                    case 'divider':
-                        return (React.createElement("div", { className: b('item', { divider: true }), key: idx }, currentItem.tooltipText || currentItem.title));
-                    default:
-                        return (React.createElement("div", { className: b('item', {
-                                active: currentItem === activeItem,
-                            }), key: idx }, currentItem.tooltipText || currentItem.title));
-                }
-            })))));
-};
-
-exports.MultipleTooltip = MultipleTooltip;
-//# sourceMappingURL=MultipleTooltip.js.map

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipleTooltip.js","sources":["../../../../../../../../src/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Popup, PopupProps} from '@gravity-ui/uikit';\n\nimport {AsideHeaderItem} from 'src/components/AsideHeader/types';\n\nimport {createBlock} from '../../../../utils/cn';\nimport {COLLAPSE_ITEM_ID} from '../constants';\n\nimport {MultipleTooltipContext} from './MultipleTooltipContext';\n\nimport styles from './MultipleTooltip.module.scss';\n\nconst b = createBlock('multiple-tooltip', styles);\n\nconst POPUP_OFFSET: PopupProps['offset'] = {mainAxis: 4, crossAxis: -32};\n\ntype MultipleTooltipProps = Pick<PopupProps, 'open' | 'placement'> & {\n    anchorRef: React.RefObject<HTMLElement>;\n    items: AsideHeaderItem[];\n};\n\nexport const MultipleTooltip: React.FC<MultipleTooltipProps> = ({\n    items,\n    open,\n    anchorRef,\n    placement,\n}) => {\n    const {activeIndex, hideCollapseItemTooltip} = React.useContext(MultipleTooltipContext);\n    const activeItem = activeIndex === undefined ? null : items[activeIndex];\n\n    return (\n        <Popup\n            open={open}\n            className={b('popup')}\n            anchorElement={anchorRef.current}\n            strategy=\"fixed\"\n            placement={placement}\n            offset={POPUP_OFFSET}\n        >\n            <div className={b()}>\n                <div className={b('items-container')}>\n                    {items\n                        .filter(\n                            ({type = 'regular', id}) =>\n                                !hideCollapseItemTooltip ||\n                                (id !== COLLAPSE_ITEM_ID && type !== 'action'),\n                        )\n                        .map((currentItem, idx) => {\n                            switch (currentItem.type) {\n                                case 'divider':\n                                    return (\n                                        <div className={b('item', {divider: true})} key={idx}>\n                                            {currentItem.tooltipText || currentItem.title}\n                                        </div>\n                                    );\n                                default:\n                                    return (\n                                        <div\n                                            className={b('item', {\n                                                active: currentItem === activeItem,\n                                            })}\n                                            key={idx}\n                                        >\n                                            {currentItem.tooltipText || currentItem.title}\n                                        </div>\n                                    );\n                            }\n                        })}\n                </div>\n            </div>\n        </Popup>\n    );\n};\n"],"names":["createBlock","styles","MultipleTooltipContext","Popup","COLLAPSE_ITEM_ID"],"mappings":";;;;;;;;;AAaA,MAAM,CAAC,GAAGA,cAAW,CAAC,kBAAkB,EAAEC,8BAAM,CAAC;AAEjD,MAAM,YAAY,GAAyB,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAC;AAOjE,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,GACZ,KAAI;AACD,IAAA,MAAM,EAAC,WAAW,EAAE,uBAAuB,EAAC,GAAG,KAAK,CAAC,UAAU,CAACC,6CAAsB,CAAC;AACvF,IAAA,MAAM,UAAU,GAAG,WAAW,KAAK,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC;AAExE,IAAA,QACI,KAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EACF,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,YAAY,EAAA;QAEpB,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,EAAE,EAAA;AACf,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAC/B;AACI,iBAAA,MAAM,CACH,CAAC,EAAC,IAAI,GAAG,SAAS,EAAE,EAAE,EAAC,KACnB,CAAC,uBAAuB;iBACvB,EAAE,KAAKC,0BAAgB,IAAI,IAAI,KAAK,QAAQ,CAAC;AAErD,iBAAA,GAAG,CAAC,CAAC,WAAW,EAAE,GAAG,KAAI;AACtB,gBAAA,QAAQ,WAAW,CAAC,IAAI;AACpB,oBAAA,KAAK,SAAS;AACV,wBAAA,QACI,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAC/C,EAAA,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC3C;AAEd,oBAAA;AACI,wBAAA,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;gCACjB,MAAM,EAAE,WAAW,KAAK,UAAU;AACrC,6BAAA,CAAC,EACF,GAAG,EAAE,GAAG,IAEP,WAAW,CAAC,WAAW,IAAI,WAAW,CAAC,KAAK,CAC3C;;AAGtB,aAAC,CAAC,CACJ,CACJ,CACF;AAEhB;;;;"}

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.module.scss.js

@@ -1,8 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styles = {"gn-multiple-tooltip":"MultipleTooltip-module__gn-multiple-tooltip___UCYs0","gnMultipleTooltip":"MultipleTooltip-module__gn-multiple-tooltip___UCYs0","g-popup":"MultipleTooltip-module__g-popup___GO-A5","gPopup":"MultipleTooltip-module__g-popup___GO-A5","gn-multiple-tooltip__popup":"MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl","gnMultipleTooltipPopup":"MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl","gn-multiple-tooltip__items-container":"MultipleTooltip-module__gn-multiple-tooltip__items-container___1N4u-","gnMultipleTooltipItemsContainer":"MultipleTooltip-module__gn-multiple-tooltip__items-container___1N4u-","gn-multiple-tooltip__item":"MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6","gnMultipleTooltipItem":"MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6","gn-multiple-tooltip__item_divider":"MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S","gnMultipleTooltipItemDivider":"MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S","gn-multiple-tooltip__item_active":"MultipleTooltip-module__gn-multiple-tooltip__item_active___CP4PC","gnMultipleTooltipItemActive":"MultipleTooltip-module__gn-multiple-tooltip__item_active___CP4PC"};
-
-exports.default = styles;
-//# sourceMappingURL=MultipleTooltip.module.scss.js.map

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipleTooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-interface MultipleTooltipContextProps {
-    active: boolean;
-    activeIndex: number | undefined;
-    hideCollapseItemTooltip: boolean;
-    lastClickedItemIndex: number | undefined;
-    setValue<K extends keyof Omit<MultipleTooltipContextProps, 'setValue'>>(value: Pick<Omit<MultipleTooltipContextProps, 'setValue'>, K> | Omit<MultipleTooltipContextProps, 'setValue'>): void;
-}
-export declare const MultipleTooltipContext: React.Context<MultipleTooltipContextProps>;
-type MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;
-export declare class MultipleTooltipProvider extends React.PureComponent<{
-    children: React.ReactNode;
-}, MultipleTooltipProviderState> {
-    state: {
-        active: boolean;
-        activeIndex: undefined;
-        hideCollapseItemTooltip: boolean;
-        lastClickedItemIndex: undefined;
-        setValue: () => void;
-    };
-    render(): React.JSX.Element;
-    setValue: MultipleTooltipContextProps['setValue'];
-}
-export {};

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-const multipleTooltipContextDefaults = {
-    active: false,
-    activeIndex: undefined,
-    hideCollapseItemTooltip: false,
-    lastClickedItemIndex: undefined,
-    setValue: () => { },
-};
-const MultipleTooltipContext = React.createContext(multipleTooltipContextDefaults);
-class MultipleTooltipProvider extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this.state = Object.assign({}, multipleTooltipContextDefaults);
-        this.setValue = (value) => {
-            this.setState(Object.assign({}, value));
-        };
-    }
-    render() {
-        const { children } = this.props;
-        return (React.createElement(MultipleTooltipContext.Provider, { value: Object.assign(Object.assign({}, this.state), { setValue: this.setValue }) }, children));
-    }
-}
-
-exports.MultipleTooltipContext = MultipleTooltipContext;
-exports.MultipleTooltipProvider = MultipleTooltipProvider;
-//# sourceMappingURL=MultipleTooltipContext.js.map

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultipleTooltipContext.js","sources":["../../../../../../../../src/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.tsx"],"sourcesContent":["import React from 'react';\n\ninterface MultipleTooltipContextProps {\n    active: boolean;\n    activeIndex: number | undefined;\n    hideCollapseItemTooltip: boolean;\n    lastClickedItemIndex: number | undefined;\n    setValue<K extends keyof Omit<MultipleTooltipContextProps, 'setValue'>>(\n        value:\n            | Pick<Omit<MultipleTooltipContextProps, 'setValue'>, K>\n            | Omit<MultipleTooltipContextProps, 'setValue'>,\n    ): void;\n}\n\nconst multipleTooltipContextDefaults = {\n    active: false,\n    activeIndex: undefined,\n    hideCollapseItemTooltip: false,\n    lastClickedItemIndex: undefined,\n    setValue: () => {},\n};\n\nexport const MultipleTooltipContext = React.createContext<MultipleTooltipContextProps>(\n    multipleTooltipContextDefaults,\n);\n\ntype MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;\n\nexport class MultipleTooltipProvider extends React.PureComponent<\n    {children: React.ReactNode},\n    MultipleTooltipProviderState\n> {\n    state = {\n        ...multipleTooltipContextDefaults,\n    };\n\n    render() {\n        const {children} = this.props;\n\n        return (\n            <MultipleTooltipContext.Provider value={{...this.state, setValue: this.setValue}}>\n                {children}\n            </MultipleTooltipContext.Provider>\n        );\n    }\n\n    setValue: MultipleTooltipContextProps['setValue'] = (value) => {\n        this.setState({...value});\n    };\n}\n"],"names":[],"mappings":";;;;AAcA,MAAM,8BAA8B,GAAG;AACnC,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,uBAAuB,EAAE,KAAK;AAC9B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,QAAQ,EAAE,MAAK,GAAG;CACrB;AAEY,MAAA,sBAAsB,GAAG,KAAK,CAAC,aAAa,CACrD,8BAA8B;AAKrB,MAAA,uBAAwB,SAAQ,KAAK,CAAC,aAGlD,CAAA;AAHD,IAAA,WAAA,GAAA;;QAII,IAAK,CAAA,KAAA,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACE,8BAA8B,CACnC;AAYF,QAAA,IAAA,CAAA,QAAQ,GAA4C,CAAC,KAAK,KAAI;AAC1D,YAAA,IAAI,CAAC,QAAQ,CAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAE;AAC7B,SAAC;;IAZD,MAAM,GAAA;AACF,QAAA,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK;QAE7B,QACI,oBAAC,sBAAsB,CAAC,QAAQ,EAAC,EAAA,KAAK,kCAAM,IAAI,CAAC,KAAK,CAAE,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAC1E,CAAA,EAAA,EAAA,QAAQ,CACqB;;AAO7C;;;;;"}

package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/index.d.ts

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

package/build/cjs/components/AsideHeader/components/FooterItem/__stories__/FooterItem.stories.d.ts

@@ -1,6 +0,0 @@
-import type { Meta } from '@storybook/react';
-import { FooterItemProps } from '../FooterItem';
-import './FooterItemShowcase.scss';
-declare const _default: Meta;
-export default _default;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterItemProps>;