@doyourjob/gravity-ui-page-constructor-addons 2.1.25-dev.0 → 2.1.25-dev.2

package/build/cjs/components/NewHeader/NewHeader.css

@@ -30,6 +30,7 @@ unpredictable css rules order in build */
 .pc-addons-new-header__left, .pc-addons-new-header__right {
   display: flex;
   align-items: center;
+  gap: 40px;
 }
 
 .pc-addons-new-header__left {
@@ -41,6 +42,12 @@ unpredictable css rules order in build */
   width: 100%;
 }
 
+.pc-addons-new-header__wrap {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
 .pc-addons-new-header__icons-container {
   display: flex;
   align-items: center;

package/build/cjs/components/NewHeader/NewHeader.d.ts

@@ -1,9 +1,9 @@
 import React, { ReactNode } from 'react';
 import { ClassNameProps } from '@doyourjob/gravity-ui-page-constructor';
-import { NavigationData, SetupRouteChangeHandler } from './models';
+import { NHNavigationData, SetupRouteChangeHandler } from './models';
 export declare const MOBILE_ICON_SIZE = 24;
 export interface NewHeaderProps extends ClassNameProps {
-    data: NavigationData;
+    data: NHNavigationData;
     renderSearch?: (props: {
         onActiveToggle: (isActive: boolean) => void;
     }) => ReactNode;

package/build/cjs/components/NewHeader/NewHeader.js

@@ -5,9 +5,9 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
 const cn_1 = require("../../utils/cn");
-const LoginButton_1 = require("./components/LoginButton/LoginButton");
-const MobileNavigation_1 = require("./components/MobileNavigation/MobileNavigation");
-const Navigation_1 = require("./components/Navigation/Navigation");
+const NHLoginButton_1 = require("./components/NHLoginButton/NHLoginButton");
+const NHMobileNavigation_1 = require("./components/NHMobileNavigation/NHMobileNavigation");
+const NHNavigation_1 = require("./components/NHNavigation/NHNavigation");
 const route_change_1 = require("./contexts/route-change");
 const b = (0, cn_1.block)('new-header');
 exports.MOBILE_ICON_SIZE = 24;
@@ -66,14 +66,15 @@ const NewHeader = ({ data, setupRouteChangeHandler, renderSearch, className, scr
                 react_1.default.createElement("div", { className: b('left') },
                     logo && (react_1.default.createElement("a", Object.assign({ href: logo.href, className: b('logo') }, (0, gravity_ui_page_constructor_1.getLinkProps)(logo.href || '')), logo.src && (react_1.default.createElement("img", { className: b('logo-img'), alt: logo.alt, src: logo.src })))),
                     left ? (react_1.default.createElement("div", { className: b('navigation') },
-                        react_1.default.createElement(Navigation_1.Navigation, { data: left, headerRef: headerRef }))) : null),
+                        react_1.default.createElement(NHNavigation_1.NHNavigation, { data: left, headerRef: headerRef }))) : null),
                 react_1.default.createElement("div", { className: b('right') },
                     right ? (react_1.default.createElement("div", { className: b('navigation') },
-                        react_1.default.createElement(Navigation_1.Navigation, { data: right, headerRef: headerRef }))) : null,
-                    react_1.default.createElement("div", { className: b('icons-container') }, renderSearch && renderSearch({ onActiveToggle: toggleSearch })),
-                    showButtonsContainer &&
-                        (buttons === null || buttons === void 0 ? void 0 : buttons.map((button) => (react_1.default.createElement(gravity_ui_page_constructor_1.Button, Object.assign({}, button, { size: "l", key: button.text }))))),
-                    login && react_1.default.createElement(LoginButton_1.LoginButton, { data: login, headerRef: headerRef }),
-                    mobile ? (react_1.default.createElement(MobileNavigation_1.MobileNavigation, { toogleOpen: toggleMobileNavigationPopup, isOpened: isMobileNavigationOpen, isSearchOpen: isSearchMode, data: mobile, buttons: buttons, onMenuScroll: onMenuScroll, popupClassName: b('user-popup') })) : null)))));
+                        react_1.default.createElement(NHNavigation_1.NHNavigation, { data: right, headerRef: headerRef }))) : null,
+                    react_1.default.createElement("div", { className: b('wrap') },
+                        react_1.default.createElement("div", { className: b('icons-container') }, renderSearch && renderSearch({ onActiveToggle: toggleSearch })),
+                        showButtonsContainer &&
+                            (buttons === null || buttons === void 0 ? void 0 : buttons.map((button) => (react_1.default.createElement(gravity_ui_page_constructor_1.Button, Object.assign({}, button, { size: "l", key: button.text }))))),
+                        login && react_1.default.createElement(NHLoginButton_1.NHLoginButton, { data: login, headerRef: headerRef }),
+                        mobile ? (react_1.default.createElement(NHMobileNavigation_1.NHMobileNavigation, { toogleOpen: toggleMobileNavigationPopup, isOpened: isMobileNavigationOpen, isSearchOpen: isSearchMode, data: mobile, buttons: buttons, onMenuScroll: onMenuScroll, popupClassName: b('user-popup') })) : null))))));
 };
 exports.NewHeader = NewHeader;

package/build/cjs/components/NewHeader/components/{CompanyPopup/CompanyPopup.css → NHCompanyPopup/NHCompanyPopup.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-company-popup {
+.pc-addons-nh-company-popup {
   background: var(--g-color-base-float);
   box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
   max-height: calc(100vh - 64px - 64px);
@@ -12,16 +12,16 @@ unpredictable css rules order in build */
   scrollbar-width: none;
 }
 
-.pc-addons-company-popup::-webkit-scrollbar {
+.pc-addons-nh-company-popup::-webkit-scrollbar {
   display: none;
 }
 
-.pc-addons-company-popup__container {
+.pc-addons-nh-company-popup__container {
   padding: 20px;
   display: flex;
 }
 
-.pc-addons-company-popup__title {
+.pc-addons-nh-company-popup__title {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   padding: 12px;

package/build/cjs/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NHCompanyPopupData } from '../../models';
+export declare const NHCompanyPopup: ({ sections }: NHCompanyPopupData) => React.JSX.Element;

package/build/cjs/components/NewHeader/components/{CompanyPopup/CompanyPopup.js → NHCompanyPopup/NHCompanyPopup.js}

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CompanyPopup = void 0;
+exports.NHCompanyPopup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
 const cn_1 = require("../../../../utils/cn");
-const PopupItem_1 = require("../PopupItem/PopupItem");
-const b = (0, cn_1.block)('company-popup');
-const CompanyPopup = ({ sections }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
+const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
+const b = (0, cn_1.block)('nh-company-popup');
+const NHCompanyPopup = ({ sections }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
     react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, sections.map((section, index) => (react_1.default.createElement(gravity_ui_page_constructor_1.Col, { key: section.title, sizes: index === 0
             ? { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12, [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4 }
             : { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12, [gravity_ui_page_constructor_1.GridColumnSize.Md]: 8 } },
         react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
             react_1.default.createElement(gravity_ui_page_constructor_1.Col, null,
                 react_1.default.createElement("div", { className: b('title') }, section.title))),
-        react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, section.items.map((item) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: item.title }, item, { sizes: index === 0
+        react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, section.items.map((item) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: item.title, hover: true }, item, { sizes: index === 0
                 ? { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12 }
                 : { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12, [gravity_ui_page_constructor_1.GridColumnSize.Md]: 6 } })))))))))));
-exports.CompanyPopup = CompanyPopup;
+exports.NHCompanyPopup = NHCompanyPopup;

package/build/{esm/components/NewHeader/components/InvestorPopup/InvestorPopup.css → cjs/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-investor-popup {
+.pc-addons-nh-investor-popup {
   background: var(--g-color-base-float);
   box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
   max-height: calc(100vh - 64px - 64px);
@@ -12,16 +12,16 @@ unpredictable css rules order in build */
   scrollbar-width: none;
 }
 
-.pc-addons-investor-popup::-webkit-scrollbar {
+.pc-addons-nh-investor-popup::-webkit-scrollbar {
   display: none;
 }
 
-.pc-addons-investor-popup__container {
+.pc-addons-nh-investor-popup__container {
   padding: 32px;
   display: flex;
 }
 
-.pc-addons-investor-popup__wrap {
+.pc-addons-nh-investor-popup__wrap {
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -29,21 +29,28 @@ unpredictable css rules order in build */
   flex: 1;
 }
 
-.pc-addons-investor-popup__title {
+.pc-addons-nh-investor-popup__title {
   font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
   line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
+  color: inherit;
+  text-decoration: none;
+  display: flex;
   font-weight: 600;
   margin-bottom: 8px;
 }
 
-.pc-addons-investor-popup__subtitle {
+.pc-addons-nh-investor-popup__title:hover {
+  color: var(--g-color-text-link-hover);
+}
+
+.pc-addons-nh-investor-popup__subtitle {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   font-weight: 500;
   color: #9fb1bd;
 }
 
-.pc-addons-investor-popup__card {
+.pc-addons-nh-investor-popup__card {
   background-color: #f2f4f5;
   border-radius: 8px;
   width: 268px;
@@ -53,25 +60,25 @@ unpredictable css rules order in build */
   justify-content: space-between;
 }
 
-.pc-addons-investor-popup__card-title {
+.pc-addons-nh-investor-popup__card-title {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   font-weight: 500;
 }
 
-.pc-addons-investor-popup__card-wrap {
+.pc-addons-nh-investor-popup__card-wrap {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
 
-.pc-addons-investor-popup__card-price {
+.pc-addons-nh-investor-popup__card-price {
   font-size: var(--g-text-display-2-font-size, var(--pc-text-display-2-font-size));
   line-height: var(--g-text-display-2-line-height, var(--pc-text-display-2-line-height));
   font-weight: 700;
 }
 
-.pc-addons-investor-popup__card-date {
+.pc-addons-nh-investor-popup__card-date {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   font-weight: 500;

package/build/cjs/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NHInvestorPopupData } from '../../models';
+export declare const NHInvestorPopup: ({ title, subtitle, url, items, stock }: NHInvestorPopupData) => React.JSX.Element;

package/build/cjs/components/NewHeader/components/{InvestorPopup/InvestorPopup.js → NHInvestorPopup/NHInvestorPopup.js}

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InvestorPopup = void 0;
+exports.NHInvestorPopup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
 const cn_1 = require("../../../../utils/cn");
-const PopupItem_1 = require("../PopupItem/PopupItem");
-const b = (0, cn_1.block)('investor-popup');
-const InvestorPopup = ({ title, subtitle, url, items, stock }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
+const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
+const b = (0, cn_1.block)('nh-investor-popup');
+const NHInvestorPopup = ({ title, subtitle, url, items, stock }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
     react_1.default.createElement("div", { className: b('wrap') },
         react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
             react_1.default.createElement(gravity_ui_page_constructor_1.Col, null,
                 react_1.default.createElement("a", Object.assign({ href: url, className: b('title') }, (0, gravity_ui_page_constructor_1.getLinkProps)(url)), title),
                 react_1.default.createElement("div", { className: b('subtitle') }, subtitle))),
-        react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, items.map((item) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: item.title }, item, { sizes: { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12, [gravity_ui_page_constructor_1.GridColumnSize.Md]: 6 } })))))),
+        react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, items.map((item) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: item.title, hover: true }, item, { sizes: { [gravity_ui_page_constructor_1.GridColumnSize.All]: 12, [gravity_ui_page_constructor_1.GridColumnSize.Md]: 6 } })))))),
     stock && (react_1.default.createElement("div", { className: b('card') },
         react_1.default.createElement("div", { className: b('card-title') }, stock.title),
         react_1.default.createElement("div", { className: b('card-wrap') },
             react_1.default.createElement("div", { className: b('card-price') }, stock.price),
             react_1.default.createElement("div", { className: b('card-date') }, stock.date))))));
-exports.InvestorPopup = InvestorPopup;
+exports.NHInvestorPopup = NHInvestorPopup;

package/build/cjs/components/NewHeader/components/NHLoginButton/NHLoginButton.css

@@ -0,0 +1,16 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-addons-nh-login-button {
+  display: flex;
+  align-items: center;
+  height: 36px;
+  gap: 4px;
+  padding: 0 8px 0 12px;
+  border-radius: 8px;
+  background: var(--g-color-base-brand);
+  color: var(--g-color-text-brand-contrast);
+}
+
+.pc-addons-nh-login-button:hover {
+  background: var(--g-color-base-brand-hover);
+}

package/build/cjs/components/NewHeader/components/NHLoginButton/NHLoginButton.d.ts

@@ -0,0 +1,10 @@
+import type { RefObject } from 'react';
+import React from 'react';
+import { NHLoginPopupData, SetupRouteChangeHandler } from '../../models';
+interface LoginButtonProps {
+    data: NHLoginPopupData;
+    headerRef?: RefObject<HTMLDivElement>;
+    setupRouteChangeHandler?: SetupRouteChangeHandler;
+}
+export declare const NHLoginButton: ({ data, headerRef, setupRouteChangeHandler }: LoginButtonProps) => React.JSX.Element;
+export {};

package/build/cjs/components/NewHeader/components/{LoginButton/LoginButton.js → NHLoginButton/NHLoginButton.js}

@@ -1,12 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginButton = void 0;
+exports.NHLoginButton = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
+const cn_1 = require("../../../../utils/cn");
 const constants_1 = require("../../constants");
-const LoginPopup_1 = require("../LoginPopup/LoginPopup");
-const NavigationPopup_1 = require("../NavigationPopup/NavigationPopup");
-const LoginButton = ({ data, headerRef, setupRouteChangeHandler }) => {
+const NHLoginPopup_1 = require("../NHLoginPopup/NHLoginPopup");
+const NHNavigationPopup_1 = require("../NHNavigationPopup/NHNavigationPopup");
+const b = (0, cn_1.block)('nh-login-button');
+const NHLoginButton = ({ data, headerRef, setupRouteChangeHandler }) => {
     const [isActive, setIsActive] = (0, react_1.useState)(false);
     const [pretendentActiveTab, setPretendentAciveTab] = (0, react_1.useState)(false);
     const [previouslyFocusedElement, setPreviouslyFocusedElement] = (0, react_1.useState)(null);
@@ -38,9 +42,10 @@ const LoginButton = ({ data, headerRef, setupRouteChangeHandler }) => {
     (0, react_1.useEffect)(() => setupRouteChangeHandler === null || setupRouteChangeHandler === void 0 ? void 0 : setupRouteChangeHandler(() => {
         handleMouseLeave();
     }), [handleMouseLeave, setupRouteChangeHandler]);
-    return (react_1.default.createElement("div", { onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
+    return (react_1.default.createElement("div", { className: b(), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave },
         data.text,
-        isActive && (react_1.default.createElement(NavigationPopup_1.NavigationPopup, { headerRef: headerRef },
-            react_1.default.createElement(LoginPopup_1.LoginPopup, Object.assign({}, data))))));
+        react_1.default.createElement(uikit_1.Icon, { data: isActive ? icons_1.ChevronUp : icons_1.ChevronDown, size: 14 }),
+        isActive && (react_1.default.createElement(NHNavigationPopup_1.NHNavigationPopup, { headerRef: headerRef },
+            react_1.default.createElement(NHLoginPopup_1.NHLoginPopup, Object.assign({}, data))))));
 };
-exports.LoginButton = LoginButton;
+exports.NHLoginButton = NHLoginButton;

package/build/{esm/components/NewHeader/components/LoginPopup/LoginPopup.css → cjs/components/NewHeader/components/NHLoginPopup/NHLoginPopup.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-login-popup {
+.pc-addons-nh-login-popup {
   border-radius: 16px;
   background: var(--g-color-base-float);
   box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
@@ -12,32 +12,38 @@ unpredictable css rules order in build */
   scrollbar-width: none;
 }
 
-.pc-addons-login-popup::-webkit-scrollbar {
+.pc-addons-nh-login-popup::-webkit-scrollbar {
   display: none;
 }
 
-.pc-addons-login-popup__container {
+.pc-addons-nh-login-popup__container {
   padding: 8px;
   gap: 8px;
   display: flex;
   flex-direction: column;
 }
 
-.pc-addons-login-popup__item {
+.pc-addons-nh-login-popup__item {
   padding: 8px;
   display: flex;
   flex-direction: column;
   gap: 4px;
   width: 100%;
+  border-radius: 8px;
+  cursor: pointer;
 }
 
-.pc-addons-login-popup__title {
+.pc-addons-nh-login-popup__item:hover {
+  background: var(--g-color-private-black-50);
+}
+
+.pc-addons-nh-login-popup__title {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   font-weight: 500;
 }
 
-.pc-addons-login-popup__subtitle {
+.pc-addons-nh-login-popup__subtitle {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   font-weight: 500;

package/build/cjs/components/NewHeader/components/NHLoginPopup/NHLoginPopup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NHLoginPopupData } from '../../models';
+export declare const NHLoginPopup: ({ items }: NHLoginPopupData) => React.JSX.Element;

package/build/cjs/components/NewHeader/components/{LoginPopup/LoginPopup.js → NHLoginPopup/NHLoginPopup.js}

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoginPopup = void 0;
+exports.NHLoginPopup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
 const cn_1 = require("../../../../utils/cn");
-const b = (0, cn_1.block)('login-popup');
-const LoginPopup = ({ items }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') }, items.map((item) => (react_1.default.createElement("a", Object.assign({ href: item.url, className: b('item'), key: item.title }, (0, gravity_ui_page_constructor_1.getLinkProps)(item.url || '')),
+const b = (0, cn_1.block)('nh-login-popup');
+const NHLoginPopup = ({ items }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') }, items.map((item) => (react_1.default.createElement("a", Object.assign({ href: item.url, className: b('item'), key: item.title }, (0, gravity_ui_page_constructor_1.getLinkProps)(item.url || '')),
     react_1.default.createElement("div", { className: b('title') }, item.title),
     react_1.default.createElement("div", { className: b('subtitle') }, item.subtitle))))));
-exports.LoginPopup = LoginPopup;
+exports.NHLoginPopup = NHLoginPopup;

package/build/cjs/components/NewHeader/components/{MediumPopup/MediumPopup.css → NHMediumPopup/NHMediumPopup.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-medium-popup {
+.pc-addons-nh-medium-popup {
   max-height: calc(100vh - 64px - 64px);
   overflow: auto;
   display: flex;

package/build/cjs/components/NewHeader/components/NHMediumPopup/NHMediumPopup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NHMediumPopupData } from '../../models';
+export declare const NHMediumPopup: ({ groups }: NHMediumPopupData) => React.JSX.Element;

package/build/cjs/components/NewHeader/components/{MediumPopup/MediumPopup.js → NHMediumPopup/NHMediumPopup.js}

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MediumPopup = void 0;
+exports.NHMediumPopup = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
 const cn_1 = require("../../../../utils/cn");
-const PopupItem_1 = require("../PopupItem/PopupItem");
-const b = (0, cn_1.block)('medium-popup');
-const MediumPopup = ({ groups }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, null,
+const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
+const b = (0, cn_1.block)('nh-medium-popup');
+const NHMediumPopup = ({ groups }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, null,
     react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
-        react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b() }, groups.map((dataItem) => dataItem.items.map((item) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({}, item, { key: item.title, hover: true, imageSize: dataItem.imageSize, sizes: {
+        react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b() }, groups.map((dataItem) => dataItem.items.map((item) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({}, item, { key: item.title, hover: true, imageSize: dataItem.imageSize, sizes: {
                 [gravity_ui_page_constructor_1.GridColumnSize.Xl]: 3,
                 [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4,
                 [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
             } })))))))));
-exports.MediumPopup = MediumPopup;
+exports.NHMediumPopup = NHMediumPopup;

package/build/{esm/components/NewHeader/components/MobileNavigation/MobileNavigation.css → cjs/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.css}

@@ -1,6 +1,6 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-mobile-navigation {
+.pc-addons-nh-mobile-navigation {
   margin: 0;
   padding: 0;
   list-style: none;
@@ -8,40 +8,40 @@ unpredictable css rules order in build */
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
 }
 
-.pc-addons-mobile-navigation__icon {
+.pc-addons-nh-mobile-navigation__icon {
   display: none;
 }
 
-.pc-addons-mobile-navigation__icon:hover:before {
+.pc-addons-nh-mobile-navigation__icon:hover:before {
   background: none;
 }
 
-.pc-addons-mobile-navigation__icon:hover .pc-addons-mobile-navigation__icon {
+.pc-addons-nh-mobile-navigation__icon:hover .pc-addons-nh-mobile-navigation__icon {
   color: var(--g-color-text-complementary);
 }
 
-.pc-addons-mobile-navigation__icon-icon {
+.pc-addons-nh-mobile-navigation__icon-icon {
   position: relative;
   top: 3px;
 }
 
-.pc-addons-mobile-navigation__icon_hidden {
+.pc-addons-nh-mobile-navigation__icon_hidden {
   display: none;
 }
 
-.pc-addons-mobile-navigation__user {
+.pc-addons-nh-mobile-navigation__user {
   margin-top: 24px;
 }
 
-.pc-addons-mobile-navigation__buttons {
+.pc-addons-nh-mobile-navigation__buttons {
   margin-top: 8px;
 }
 
 @media (max-width: 769px) {
-  .pc-addons-mobile-navigation__icon {
+  .pc-addons-nh-mobile-navigation__icon {
     display: block;
   }
-  .pc-addons-mobile-navigation__icon_hidden {
+  .pc-addons-nh-mobile-navigation__icon_hidden {
     display: none;
   }
 }

package/build/cjs/components/NewHeader/components/{MobileNavigation/MobileNavigation.d.ts → NHMobileNavigation/NHMobileNavigation.d.ts}

@@ -1,14 +1,14 @@
 import React from 'react';
 import type { ButtonProps } from '@doyourjob/gravity-ui-page-constructor';
-import { MobileNavigationItemData } from '../../models';
+import { NHMobileNavigationItemData } from '../../models';
 interface MobileNavigationProps {
     isOpened: boolean;
     toogleOpen: (isOpened: boolean) => void;
     isSearchOpen: boolean;
-    data: MobileNavigationItemData[];
+    data: NHMobileNavigationItemData[];
     onMenuScroll: (scrollTop: number) => void;
     popupClassName?: string;
     buttons?: ButtonProps[];
 }
-export declare const MobileNavigation: ({ isOpened, toogleOpen, isSearchOpen, data, buttons, onMenuScroll, }: MobileNavigationProps) => React.JSX.Element;
+export declare const NHMobileNavigation: ({ isOpened, toogleOpen, isSearchOpen, data, buttons, onMenuScroll, }: MobileNavigationProps) => React.JSX.Element;
 export {};

package/build/cjs/components/NewHeader/components/{MobileNavigation/MobileNavigation.js → NHMobileNavigation/NHMobileNavigation.js}

@@ -1,25 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileNavigation = void 0;
+exports.NHMobileNavigation = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
 const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const cn_1 = require("../../../../utils/cn");
-const MobileNavigationItem_1 = require("../MobileNavigationItem/MobileNavigationItem");
-const MobileNavigationPopup_1 = require("../MobileNavigationPopup/MobileNavigationPopup");
-const b = (0, cn_1.block)('mobile-navigation');
-const MobileNavigation = ({ isOpened, toogleOpen, isSearchOpen, data, buttons, onMenuScroll, }) => (react_1.default.createElement("div", { className: b() },
+const NHMobileNavigationItem_1 = require("../NHMobileNavigationItem/NHMobileNavigationItem");
+const NHMobileNavigationPopup_1 = require("../NHMobileNavigationPopup/NHMobileNavigationPopup");
+const b = (0, cn_1.block)('nh-mobile-navigation');
+const NHMobileNavigation = ({ isOpened, toogleOpen, isSearchOpen, data, buttons, onMenuScroll, }) => (react_1.default.createElement("div", { className: b() },
     react_1.default.createElement(uikit_1.Button, { view: "flat", size: "l", className: b('icon', { hidden: isSearchOpen }), onClick: (e) => {
             e.stopPropagation();
             toogleOpen(!isOpened);
         } },
         react_1.default.createElement(uikit_1.Icon, { data: isOpened ? icons_1.Xmark : icons_1.Bars, size: 24 })),
-    react_1.default.createElement(MobileNavigationPopup_1.MobileNavigationPopup, { isOpened: isOpened, onClose: () => toogleOpen(false), onMenuScroll: onMenuScroll },
+    react_1.default.createElement(NHMobileNavigationPopup_1.NHMobileNavigationPopup, { isOpened: isOpened, onClose: () => toogleOpen(false), onMenuScroll: onMenuScroll },
         react_1.default.createElement("nav", null,
             react_1.default.createElement("ul", { className: b() }, data.map((item) => (react_1.default.createElement("li", { className: b(), key: item.title },
-                react_1.default.createElement(MobileNavigationItem_1.MobileNavigationItem, Object.assign({}, item)))))),
+                react_1.default.createElement(NHMobileNavigationItem_1.NHMobileNavigationItem, Object.assign({}, item)))))),
             buttons &&
                 (buttons === null || buttons === void 0 ? void 0 : buttons.map((button) => react_1.default.createElement(gravity_ui_page_constructor_1.Button, Object.assign({}, button, { size: "l", key: button.text }))))))));
-exports.MobileNavigation = MobileNavigation;
+exports.NHMobileNavigation = NHMobileNavigation;

package/build/cjs/components/NewHeader/components/{MobileNavigationItem/MobileNavigationItem.css → NHMobileNavigationItem/NHMobileNavigationItem.css}

@@ -1,20 +1,20 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-addons-mobile-navigation-item {
+.pc-addons-nh-mobile-navigation-item {
   display: flex;
   justify-content: space-between;
   position: relative;
   padding: 12px 0;
 }
 
-.pc-addons-mobile-navigation-item_type_link {
+.pc-addons-nh-mobile-navigation-item_type_link {
   color: inherit;
   text-decoration: none;
   display: block;
   color: var(--g-color-text-primary);
 }
 
-.pc-addons-mobile-navigation-item__arrow {
+.pc-addons-nh-mobile-navigation-item__arrow {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -23,34 +23,34 @@ unpredictable css rules order in build */
   min-width: 20px;
 }
 
-.pc-addons-mobile-navigation-item__text {
+.pc-addons-nh-mobile-navigation-item__text {
   padding-right: 20px;
 }
 
-.pc-addons-mobile-navigation-item__list {
+.pc-addons-nh-mobile-navigation-item__list {
   padding: 10px 20px;
   background-color: var(--g-color-base-generic);
   border-radius: var(--g-border-radius-l);
 }
 
-.pc-addons-mobile-navigation-item__list:not(:first-child) {
+.pc-addons-nh-mobile-navigation-item__list:not(:first-child) {
   margin-top: 12px;
 }
 
-.pc-addons-mobile-navigation-item__list-items {
+.pc-addons-nh-mobile-navigation-item__list-items {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 
-.pc-addons-mobile-navigation-item__list-title {
+.pc-addons-nh-mobile-navigation-item__list-title {
   font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
   line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
   margin: 0;
   padding: 10px 0;
 }
 
-.pc-addons-mobile-navigation-item__list-item {
+.pc-addons-nh-mobile-navigation-item__list-item {
   color: inherit;
   text-decoration: none;
   display: block;
@@ -58,12 +58,12 @@ unpredictable css rules order in build */
   padding: 10px 0;
 }
 
-.pc-addons-mobile-navigation-item__list-item:hover, .pc-addons-mobile-navigation-item__list-item:active {
+.pc-addons-nh-mobile-navigation-item__list-item:hover, .pc-addons-nh-mobile-navigation-item__list-item:active {
   --pc-text-header-color: inherit;
   color: inherit;
 }
 
-.pc-addons-mobile-navigation-item__list-link {
+.pc-addons-nh-mobile-navigation-item__list-link {
   color: inherit;
   text-decoration: none;
   outline: none;