@doyourjob/gravity-ui-page-constructor-addons 2.1.25-dev.0 → 2.1.25-dev.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/components/NewHeader/NewHeader.d.ts +2 -2
- package/build/cjs/components/NewHeader/NewHeader.js +7 -7
- package/build/cjs/components/NewHeader/components/{CompanyPopup/CompanyPopup.css → NHCompanyPopup/NHCompanyPopup.css} +4 -4
- package/build/cjs/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.d.ts +3 -0
- package/build/cjs/components/NewHeader/components/{CompanyPopup/CompanyPopup.js → NHCompanyPopup/NHCompanyPopup.js} +6 -6
- package/build/{esm/components/NewHeader/components/InvestorPopup/InvestorPopup.css → cjs/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.css} +11 -11
- package/build/cjs/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.d.ts +3 -0
- package/build/cjs/components/NewHeader/components/{InvestorPopup/InvestorPopup.js → NHInvestorPopup/NHInvestorPopup.js} +6 -6
- package/build/cjs/components/NewHeader/components/NHLoginButton/NHLoginButton.d.ts +10 -0
- package/build/cjs/components/NewHeader/components/{LoginButton/LoginButton.js → NHLoginButton/NHLoginButton.js} +7 -7
- package/build/cjs/components/NewHeader/components/{LoginPopup/LoginPopup.css → NHLoginPopup/NHLoginPopup.css} +6 -6
- package/build/cjs/components/NewHeader/components/NHLoginPopup/NHLoginPopup.d.ts +3 -0
- package/build/cjs/components/NewHeader/components/{LoginPopup/LoginPopup.js → NHLoginPopup/NHLoginPopup.js} +4 -4
- package/build/cjs/components/NewHeader/components/{MediumPopup/MediumPopup.css → NHMediumPopup/NHMediumPopup.css} +1 -1
- package/build/cjs/components/NewHeader/components/NHMediumPopup/NHMediumPopup.d.ts +3 -0
- package/build/cjs/components/NewHeader/components/{MediumPopup/MediumPopup.js → NHMediumPopup/NHMediumPopup.js} +6 -6
- package/build/{esm/components/NewHeader/components/MobileNavigation/MobileNavigation.css → cjs/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.css} +10 -10
- package/build/cjs/components/NewHeader/components/{MobileNavigation/MobileNavigation.d.ts → NHMobileNavigation/NHMobileNavigation.d.ts} +3 -3
- package/build/cjs/components/NewHeader/components/{MobileNavigation/MobileNavigation.js → NHMobileNavigation/NHMobileNavigation.js} +8 -8
- package/build/cjs/components/NewHeader/components/{MobileNavigationItem/MobileNavigationItem.css → NHMobileNavigationItem/NHMobileNavigationItem.css} +11 -11
- package/build/cjs/components/NewHeader/components/NHMobileNavigationItem/NHMobileNavigationItem.d.ts +3 -0
- package/build/cjs/components/NewHeader/components/{MobileNavigationItem/MobileNavigationItem.js → NHMobileNavigationItem/NHMobileNavigationItem.js} +5 -5
- package/build/{esm/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.css → cjs/components/NewHeader/components/NHMobileNavigationPopup/NHMobileNavigationPopup.css} +9 -9
- package/build/cjs/components/NewHeader/components/{MobileNavigationPopup/MobileNavigationPopup.d.ts → NHMobileNavigationPopup/NHMobileNavigationPopup.d.ts} +1 -1
- package/build/cjs/components/NewHeader/components/{MobileNavigationPopup/MobileNavigationPopup.js → NHMobileNavigationPopup/NHMobileNavigationPopup.js} +4 -4
- package/build/cjs/components/NewHeader/components/{Navigation/Navigation.css → NHNavigation/NHNavigation.css} +3 -3
- package/build/cjs/components/NewHeader/components/NHNavigation/NHNavigation.d.ts +10 -0
- package/build/cjs/components/NewHeader/components/NHNavigation/NHNavigation.js +74 -0
- package/build/cjs/components/NewHeader/components/{NavigationItem/NavigationItem.css → NHNavigationItem/NHNavigationItem.css} +11 -11
- package/build/cjs/components/NewHeader/components/{NavigationItem/NavigationItem.d.ts → NHNavigationItem/NHNavigationItem.d.ts} +3 -3
- package/build/cjs/components/NewHeader/components/{NavigationItem/NavigationItem.js → NHNavigationItem/NHNavigationItem.js} +5 -5
- package/build/cjs/components/NewHeader/components/{NavigationPopup/NavigationPopup.css → NHNavigationPopup/NHNavigationPopup.css} +2 -2
- package/build/cjs/components/NewHeader/components/{NavigationPopup/NavigationPopup.d.ts → NHNavigationPopup/NHNavigationPopup.d.ts} +1 -1
- package/build/cjs/components/NewHeader/components/{NavigationPopup/NavigationPopup.js → NHNavigationPopup/NHNavigationPopup.js} +4 -4
- package/build/cjs/components/NewHeader/components/{PopupItem/PopupItem.css → NHPopupItem/NHPopupItem.css} +21 -21
- package/build/cjs/components/NewHeader/components/{PopupItem/PopupItem.d.ts → NHPopupItem/NHPopupItem.d.ts} +3 -3
- package/build/cjs/components/NewHeader/components/{PopupItem/PopupItem.js → NHPopupItem/NHPopupItem.js} +6 -6
- package/build/{esm/components/NewHeader/components/ProductsPopup/ProductsPopup.css → cjs/components/NewHeader/components/NHProductsPopup/NHProductsPopup.css} +17 -17
- package/build/cjs/components/NewHeader/components/NHProductsPopup/NHProductsPopup.d.ts +3 -0
- package/build/cjs/components/NewHeader/components/{ProductsPopup/ProductsPopup.js → NHProductsPopup/NHProductsPopup.js} +7 -7
- package/build/{esm/components/NewHeader/components/ResourcesPopup/ResourcesPopup.css → cjs/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.css} +28 -28
- package/build/cjs/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.d.ts +3 -0
- package/build/cjs/components/NewHeader/components/{ResourcesPopup/ResourcesPopup.js → NHResourcesPopup/NHResourcesPopup.js} +6 -6
- package/build/{esm/components/NewHeader/components/SolutionsPopup/SolutionsPopup.css → cjs/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.css} +8 -8
- package/build/cjs/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.d.ts +3 -0
- package/build/cjs/components/NewHeader/components/{SolutionsPopup/SolutionsPopup.js → NHSolutionsPopup/NHSolutionsPopup.js} +6 -6
- package/build/cjs/components/NewHeader/components/{Tag/Tag.css → NHTag/NHTag.css} +2 -2
- package/build/cjs/components/NewHeader/components/NHTag/NHTag.d.ts +6 -0
- package/build/cjs/components/NewHeader/components/{Tag/Tag.js → NHTag/NHTag.js} +7 -7
- package/build/{esm/components/NewHeader/components/WhyPopup/WhyPopup.css → cjs/components/NewHeader/components/NHWhyPopup/NHWhyPopup.css} +12 -12
- package/build/cjs/components/NewHeader/components/NHWhyPopup/NHWhyPopup.d.ts +3 -0
- package/build/cjs/components/NewHeader/components/{WhyPopup/WhyPopup.js → NHWhyPopup/NHWhyPopup.js} +6 -6
- package/build/cjs/components/NewHeader/models.d.ts +88 -88
- package/build/cjs/components/NewHeader/models.js +18 -18
- package/build/esm/components/NewHeader/NewHeader.d.ts +2 -2
- package/build/esm/components/NewHeader/NewHeader.js +7 -7
- package/build/esm/components/NewHeader/components/{CompanyPopup/CompanyPopup.css → NHCompanyPopup/NHCompanyPopup.css} +4 -4
- package/build/esm/components/NewHeader/components/NHCompanyPopup/NHCompanyPopup.d.ts +4 -0
- package/build/esm/components/NewHeader/components/{CompanyPopup/CompanyPopup.js → NHCompanyPopup/NHCompanyPopup.js} +5 -5
- package/build/{cjs/components/NewHeader/components/InvestorPopup/InvestorPopup.css → esm/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.css} +11 -11
- package/build/esm/components/NewHeader/components/NHInvestorPopup/NHInvestorPopup.d.ts +4 -0
- package/build/esm/components/NewHeader/components/{InvestorPopup/InvestorPopup.js → NHInvestorPopup/NHInvestorPopup.js} +5 -5
- package/build/esm/components/NewHeader/components/NHLoginButton/NHLoginButton.d.ts +10 -0
- package/build/esm/components/NewHeader/components/{LoginButton/LoginButton.js → NHLoginButton/NHLoginButton.js} +5 -5
- package/build/esm/components/NewHeader/components/{LoginPopup/LoginPopup.css → NHLoginPopup/NHLoginPopup.css} +6 -6
- package/build/esm/components/NewHeader/components/NHLoginPopup/NHLoginPopup.d.ts +4 -0
- package/build/esm/components/NewHeader/components/NHLoginPopup/NHLoginPopup.js +8 -0
- package/build/esm/components/NewHeader/components/{MediumPopup/MediumPopup.css → NHMediumPopup/NHMediumPopup.css} +1 -1
- package/build/esm/components/NewHeader/components/NHMediumPopup/NHMediumPopup.d.ts +4 -0
- package/build/esm/components/NewHeader/components/{MediumPopup/MediumPopup.js → NHMediumPopup/NHMediumPopup.js} +5 -5
- package/build/{cjs/components/NewHeader/components/MobileNavigation/MobileNavigation.css → esm/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.css} +10 -10
- package/build/esm/components/NewHeader/components/{MobileNavigation/MobileNavigation.d.ts → NHMobileNavigation/NHMobileNavigation.d.ts} +4 -4
- package/build/esm/components/NewHeader/components/{MobileNavigation/MobileNavigation.js → NHMobileNavigation/NHMobileNavigation.js} +7 -7
- package/build/esm/components/NewHeader/components/{MobileNavigationItem/MobileNavigationItem.css → NHMobileNavigationItem/NHMobileNavigationItem.css} +11 -11
- package/build/esm/components/NewHeader/components/NHMobileNavigationItem/NHMobileNavigationItem.d.ts +4 -0
- package/build/esm/components/NewHeader/components/{MobileNavigationItem/MobileNavigationItem.js → NHMobileNavigationItem/NHMobileNavigationItem.js} +4 -4
- package/build/{cjs/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.css → esm/components/NewHeader/components/NHMobileNavigationPopup/NHMobileNavigationPopup.css} +9 -9
- package/build/esm/components/NewHeader/components/{MobileNavigationPopup/MobileNavigationPopup.d.ts → NHMobileNavigationPopup/NHMobileNavigationPopup.d.ts} +2 -2
- package/build/esm/components/NewHeader/components/{MobileNavigationPopup/MobileNavigationPopup.js → NHMobileNavigationPopup/NHMobileNavigationPopup.js} +3 -3
- package/build/esm/components/NewHeader/components/{Navigation/Navigation.css → NHNavigation/NHNavigation.css} +3 -3
- package/build/esm/components/NewHeader/components/NHNavigation/NHNavigation.d.ts +11 -0
- package/build/esm/components/NewHeader/components/NHNavigation/NHNavigation.js +70 -0
- package/build/esm/components/NewHeader/components/{NavigationItem/NavigationItem.css → NHNavigationItem/NHNavigationItem.css} +11 -11
- package/build/esm/components/NewHeader/components/{NavigationItem/NavigationItem.d.ts → NHNavigationItem/NHNavigationItem.d.ts} +4 -4
- package/build/esm/components/NewHeader/components/{NavigationItem/NavigationItem.js → NHNavigationItem/NHNavigationItem.js} +5 -5
- package/build/esm/components/NewHeader/components/{NavigationPopup/NavigationPopup.css → NHNavigationPopup/NHNavigationPopup.css} +2 -2
- package/build/esm/components/NewHeader/components/{NavigationPopup/NavigationPopup.d.ts → NHNavigationPopup/NHNavigationPopup.d.ts} +2 -2
- package/build/esm/components/NewHeader/components/{NavigationPopup/NavigationPopup.js → NHNavigationPopup/NHNavigationPopup.js} +3 -3
- package/build/esm/components/NewHeader/components/{PopupItem/PopupItem.css → NHPopupItem/NHPopupItem.css} +21 -21
- package/build/esm/components/NewHeader/components/{PopupItem/PopupItem.d.ts → NHPopupItem/NHPopupItem.d.ts} +4 -4
- package/build/esm/components/NewHeader/components/{PopupItem/PopupItem.js → NHPopupItem/NHPopupItem.js} +5 -5
- package/build/{cjs/components/NewHeader/components/ProductsPopup/ProductsPopup.css → esm/components/NewHeader/components/NHProductsPopup/NHProductsPopup.css} +17 -17
- package/build/esm/components/NewHeader/components/NHProductsPopup/NHProductsPopup.d.ts +4 -0
- package/build/esm/components/NewHeader/components/{ProductsPopup/ProductsPopup.js → NHProductsPopup/NHProductsPopup.js} +6 -6
- package/build/{cjs/components/NewHeader/components/ResourcesPopup/ResourcesPopup.css → esm/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.css} +28 -28
- package/build/esm/components/NewHeader/components/NHResourcesPopup/NHResourcesPopup.d.ts +4 -0
- package/build/esm/components/NewHeader/components/{ResourcesPopup/ResourcesPopup.js → NHResourcesPopup/NHResourcesPopup.js} +5 -5
- package/build/{cjs/components/NewHeader/components/SolutionsPopup/SolutionsPopup.css → esm/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.css} +8 -8
- package/build/esm/components/NewHeader/components/NHSolutionsPopup/NHSolutionsPopup.d.ts +4 -0
- package/build/esm/components/NewHeader/components/{SolutionsPopup/SolutionsPopup.js → NHSolutionsPopup/NHSolutionsPopup.js} +5 -5
- package/build/esm/components/NewHeader/components/{Tag/Tag.css → NHTag/NHTag.css} +2 -2
- package/build/esm/components/NewHeader/components/NHTag/NHTag.d.ts +7 -0
- package/build/esm/components/NewHeader/components/NHTag/NHTag.js +18 -0
- package/build/{cjs/components/NewHeader/components/WhyPopup/WhyPopup.css → esm/components/NewHeader/components/NHWhyPopup/NHWhyPopup.css} +12 -12
- package/build/esm/components/NewHeader/components/NHWhyPopup/NHWhyPopup.d.ts +4 -0
- package/build/esm/components/NewHeader/components/{WhyPopup/WhyPopup.js → NHWhyPopup/NHWhyPopup.js} +5 -5
- package/build/esm/components/NewHeader/models.d.ts +88 -88
- package/build/esm/components/NewHeader/models.js +17 -17
- package/package.json +1 -1
- package/build/cjs/components/NewHeader/components/CompanyPopup/CompanyPopup.d.ts +0 -3
- package/build/cjs/components/NewHeader/components/InvestorPopup/InvestorPopup.d.ts +0 -3
- package/build/cjs/components/NewHeader/components/LoginButton/LoginButton.d.ts +0 -10
- package/build/cjs/components/NewHeader/components/LoginPopup/LoginPopup.d.ts +0 -3
- package/build/cjs/components/NewHeader/components/MediumPopup/MediumPopup.d.ts +0 -3
- package/build/cjs/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.d.ts +0 -3
- package/build/cjs/components/NewHeader/components/Navigation/Navigation.d.ts +0 -10
- package/build/cjs/components/NewHeader/components/Navigation/Navigation.js +0 -74
- package/build/cjs/components/NewHeader/components/ProductsPopup/ProductsPopup.d.ts +0 -3
- package/build/cjs/components/NewHeader/components/ResourcesPopup/ResourcesPopup.d.ts +0 -3
- package/build/cjs/components/NewHeader/components/SolutionsPopup/SolutionsPopup.d.ts +0 -3
- package/build/cjs/components/NewHeader/components/Tag/Tag.d.ts +0 -6
- package/build/cjs/components/NewHeader/components/WhyPopup/WhyPopup.d.ts +0 -3
- package/build/esm/components/NewHeader/components/CompanyPopup/CompanyPopup.d.ts +0 -4
- package/build/esm/components/NewHeader/components/InvestorPopup/InvestorPopup.d.ts +0 -4
- package/build/esm/components/NewHeader/components/LoginButton/LoginButton.d.ts +0 -10
- package/build/esm/components/NewHeader/components/LoginPopup/LoginPopup.d.ts +0 -4
- package/build/esm/components/NewHeader/components/LoginPopup/LoginPopup.js +0 -8
- package/build/esm/components/NewHeader/components/MediumPopup/MediumPopup.d.ts +0 -4
- package/build/esm/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.d.ts +0 -4
- package/build/esm/components/NewHeader/components/Navigation/Navigation.d.ts +0 -11
- package/build/esm/components/NewHeader/components/Navigation/Navigation.js +0 -70
- package/build/esm/components/NewHeader/components/ProductsPopup/ProductsPopup.d.ts +0 -4
- package/build/esm/components/NewHeader/components/ResourcesPopup/ResourcesPopup.d.ts +0 -4
- package/build/esm/components/NewHeader/components/SolutionsPopup/SolutionsPopup.d.ts +0 -4
- package/build/esm/components/NewHeader/components/Tag/Tag.d.ts +0 -7
- package/build/esm/components/NewHeader/components/Tag/Tag.js +0 -18
- package/build/esm/components/NewHeader/components/WhyPopup/WhyPopup.d.ts +0 -4
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Col, Grid, GridColumnSize, Row } from '@doyourjob/gravity-ui-page-constructor';
|
|
3
3
|
import { block } from '../../../../utils/cn';
|
|
4
|
-
import {
|
|
5
|
-
import './
|
|
6
|
-
const b = block('solutions-popup');
|
|
7
|
-
export const
|
|
4
|
+
import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
|
|
5
|
+
import './NHSolutionsPopup.css';
|
|
6
|
+
const b = block('nh-solutions-popup');
|
|
7
|
+
export const NHSolutionsPopup = ({ sections }) => (React.createElement(Grid, { className: b(), containerClass: b('container') }, sections.map((section) => (React.createElement(Row, { key: section.title },
|
|
8
8
|
React.createElement(Col, { className: b('wrap') },
|
|
9
9
|
React.createElement(Row, null,
|
|
10
10
|
React.createElement(Col, { className: b('head') },
|
|
11
11
|
React.createElement("div", { className: b('title') }, section.title),
|
|
12
12
|
React.createElement("div", { className: b('subtitle') }, section.subtitle))),
|
|
13
|
-
React.createElement(Row, null, section.items.map((item) => (React.createElement(
|
|
13
|
+
React.createElement(Row, null, section.items.map((item) => (React.createElement(NHPopupItem, Object.assign({ key: item.title }, item, { hover: true, sizes: {
|
|
14
14
|
[GridColumnSize.Md]: 4,
|
|
15
15
|
[GridColumnSize.All]: 12,
|
|
16
16
|
} })))))))))));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* use this for style redefinitions to awoid problems with
|
|
2
2
|
unpredictable css rules order in build */
|
|
3
|
-
.pc-addons-navigation-tag {
|
|
3
|
+
.pc-addons-nh-navigation-tag {
|
|
4
4
|
font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
|
|
5
5
|
line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
|
|
6
6
|
display: inline-block;
|
|
@@ -12,7 +12,7 @@ unpredictable css rules order in build */
|
|
|
12
12
|
text-transform: capitalize;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
.pc-addons-navigation-tag_size_s {
|
|
15
|
+
.pc-addons-nh-navigation-tag_size_s {
|
|
16
16
|
font-size: var(--g-text-caption-2-font-size, var(--pc-text-caption-2-font-size));
|
|
17
17
|
line-height: var(--g-text-caption-2-line-height, var(--pc-text-caption-2-line-height));
|
|
18
18
|
padding: 0 4px;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ClassNameProps } from '@doyourjob/gravity-ui-page-constructor';
|
|
3
|
+
import { NHNavigationTag as NHNavigationTagModel } from '../../models';
|
|
4
|
+
import './NHTag.css';
|
|
5
|
+
export interface NHNavigationTagProps extends NHNavigationTagModel, ClassNameProps {
|
|
6
|
+
}
|
|
7
|
+
export declare const NHNavigationTag: ({ text, color, textColor, className, size, }: NHNavigationTagProps) => React.JSX.Element;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { block } from '../../../../utils/cn';
|
|
3
|
+
import { NHNavigationTagColor } from '../../models';
|
|
4
|
+
import './NHTag.css';
|
|
5
|
+
const b = block('nh-navigation-tag');
|
|
6
|
+
const getColor = (color) => {
|
|
7
|
+
switch (color) {
|
|
8
|
+
case NHNavigationTagColor.Yellow:
|
|
9
|
+
return 'var(--pc-addons-navigation-color-tag-yellow)';
|
|
10
|
+
case NHNavigationTagColor.Blue:
|
|
11
|
+
return 'var(--pc-addons-navigation-color-tag-blue)';
|
|
12
|
+
case NHNavigationTagColor.Green:
|
|
13
|
+
return 'var(--pc-addons-navigation-color-tag-green)';
|
|
14
|
+
default:
|
|
15
|
+
return color;
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
export const NHNavigationTag = ({ text, color = NHNavigationTagColor.Yellow, textColor, className, size = 'm', }) => (React.createElement("div", { className: b({ size }, className), style: { backgroundColor: getColor(color), color: textColor } }, text));
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* use this for style redefinitions to awoid problems with
|
|
2
2
|
unpredictable css rules order in build */
|
|
3
|
-
.pc-addons-why-popup {
|
|
3
|
+
.pc-addons-nh-why-popup {
|
|
4
4
|
background: var(--g-color-base-float);
|
|
5
5
|
box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
|
|
6
6
|
max-height: calc(100vh - 64px - 64px);
|
|
@@ -11,27 +11,27 @@ unpredictable css rules order in build */
|
|
|
11
11
|
scrollbar-width: none;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
.pc-addons-why-popup::-webkit-scrollbar {
|
|
14
|
+
.pc-addons-nh-why-popup::-webkit-scrollbar {
|
|
15
15
|
display: none;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
-
.pc-addons-why-popup__container {
|
|
18
|
+
.pc-addons-nh-why-popup__container {
|
|
19
19
|
padding: 0;
|
|
20
20
|
display: flex;
|
|
21
21
|
}
|
|
22
22
|
|
|
23
|
-
.pc-addons-why-popup__wrap {
|
|
23
|
+
.pc-addons-nh-why-popup__wrap {
|
|
24
24
|
padding: 20px;
|
|
25
25
|
display: flex;
|
|
26
26
|
gap: 16px;
|
|
27
27
|
flex: 1;
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
.pc-addons-why-popup__group {
|
|
30
|
+
.pc-addons-nh-why-popup__group {
|
|
31
31
|
flex: 1;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.pc-addons-why-popup__title {
|
|
34
|
+
.pc-addons-nh-why-popup__title {
|
|
35
35
|
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
36
36
|
line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
|
|
37
37
|
padding: 12px;
|
|
@@ -39,7 +39,7 @@ unpredictable css rules order in build */
|
|
|
39
39
|
color: #9fb1bd;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
.pc-addons-why-popup__card {
|
|
42
|
+
.pc-addons-nh-why-popup__card {
|
|
43
43
|
font-weight: 500;
|
|
44
44
|
width: 300px;
|
|
45
45
|
flex-shrink: 0;
|
|
@@ -49,7 +49,7 @@ unpredictable css rules order in build */
|
|
|
49
49
|
background-color: #f2f6f9;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.pc-addons-why-popup__card-wrap {
|
|
52
|
+
.pc-addons-nh-why-popup__card-wrap {
|
|
53
53
|
display: flex;
|
|
54
54
|
flex-direction: column;
|
|
55
55
|
justify-content: center;
|
|
@@ -57,23 +57,23 @@ unpredictable css rules order in build */
|
|
|
57
57
|
gap: 20px;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
.pc-addons-why-popup__card-title {
|
|
60
|
+
.pc-addons-nh-why-popup__card-title {
|
|
61
61
|
font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
|
|
62
62
|
line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
|
|
63
63
|
color: #9fb1bd;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.pc-addons-why-popup__card-description {
|
|
66
|
+
.pc-addons-nh-why-popup__card-description {
|
|
67
67
|
font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
|
|
68
68
|
line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
|
|
69
69
|
color: #9fb1bd;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
.pc-addons-why-popup__card-container-image {
|
|
72
|
+
.pc-addons-nh-why-popup__card-container-image {
|
|
73
73
|
width: 100%;
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
.pc-addons-why-popup__card-image {
|
|
76
|
+
.pc-addons-nh-why-popup__card-image {
|
|
77
77
|
width: 100%;
|
|
78
78
|
aspect-ratio: 300/244;
|
|
79
79
|
background-color: #99a5ae;
|
package/build/esm/components/NewHeader/components/{WhyPopup/WhyPopup.js → NHWhyPopup/NHWhyPopup.js}
RENAMED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Col, Grid, GridColumnSize, Image, Row } from '@doyourjob/gravity-ui-page-constructor';
|
|
3
3
|
import { block } from '../../../../utils/cn';
|
|
4
|
-
import {
|
|
5
|
-
import './
|
|
6
|
-
const b = block('why-popup');
|
|
7
|
-
export const
|
|
4
|
+
import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
|
|
5
|
+
import './NHWhyPopup.css';
|
|
6
|
+
const b = block('nh-why-popup');
|
|
7
|
+
export const NHWhyPopup = ({ groups, card }) => (React.createElement(Grid, { className: b(), containerClass: b('container') },
|
|
8
8
|
React.createElement("div", { className: b('wrap') }, groups.map((group) => (React.createElement("div", { className: b('group'), key: group.title },
|
|
9
9
|
React.createElement(Row, null,
|
|
10
10
|
React.createElement(Col, null,
|
|
11
11
|
React.createElement("div", { className: b('title') }, group.title))),
|
|
12
|
-
React.createElement(Row, null, group.items.map((item) => (React.createElement(
|
|
12
|
+
React.createElement(Row, null, group.items.map((item) => (React.createElement(NHPopupItem, Object.assign({ key: item.title }, item, { sizes: { [GridColumnSize.All]: 12 } }))))))))),
|
|
13
13
|
card && (React.createElement("div", { className: b('card') },
|
|
14
14
|
React.createElement(Image, { className: b('card-image'), containerClassName: b('card-container-image'), src: card.image }),
|
|
15
15
|
React.createElement("div", { className: b('card-wrap') },
|
|
@@ -1,184 +1,184 @@
|
|
|
1
1
|
import type { ButtonProps, LinkProps } from '@doyourjob/gravity-ui-page-constructor';
|
|
2
|
-
export declare enum
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
2
|
+
export declare enum NHNavigationItemType {
|
|
3
|
+
NHMediumPopup = "medium-popup",
|
|
4
|
+
NHProductsPopup = "products-popup",
|
|
5
|
+
NHSolutionsPopup = "solutions-popup",
|
|
6
|
+
NHWhyPopup = "why-popup",
|
|
7
|
+
NHResourcesPopup = "resources-popup",
|
|
8
|
+
NHCompanyPopup = "company-popup",
|
|
9
|
+
NHInvestorPopup = "investor-popup",
|
|
10
10
|
Link = "link"
|
|
11
11
|
}
|
|
12
|
-
export declare enum
|
|
12
|
+
export declare enum NHNavigationTagColor {
|
|
13
13
|
Green = "green",
|
|
14
14
|
Yellow = "yellow",
|
|
15
15
|
Blue = "blue"
|
|
16
16
|
}
|
|
17
|
-
export interface
|
|
17
|
+
export interface NHLogoData {
|
|
18
18
|
href?: string;
|
|
19
19
|
src?: string;
|
|
20
20
|
alt?: string;
|
|
21
21
|
}
|
|
22
|
-
export interface
|
|
22
|
+
export interface NHNavigationTag {
|
|
23
23
|
text: string;
|
|
24
24
|
color?: string;
|
|
25
25
|
textColor?: string;
|
|
26
26
|
size?: 's' | 'm';
|
|
27
27
|
}
|
|
28
|
-
export interface
|
|
28
|
+
export interface NHPopupItemData {
|
|
29
29
|
title: string;
|
|
30
30
|
url: string;
|
|
31
31
|
slug?: string;
|
|
32
32
|
description?: string;
|
|
33
33
|
icon?: string;
|
|
34
34
|
image?: string | null;
|
|
35
|
-
tag?:
|
|
35
|
+
tag?: NHNavigationTag;
|
|
36
36
|
}
|
|
37
|
-
export interface
|
|
37
|
+
export interface NHCategoryGroupData {
|
|
38
38
|
title?: string;
|
|
39
|
-
items:
|
|
39
|
+
items: NHPopupItemData[];
|
|
40
40
|
imageSize?: 's' | 'xm' | 'm';
|
|
41
41
|
url?: string;
|
|
42
42
|
}
|
|
43
|
-
export interface
|
|
44
|
-
groups:
|
|
43
|
+
export interface NHMediumPopupData {
|
|
44
|
+
groups: NHCategoryGroupData[];
|
|
45
45
|
}
|
|
46
|
-
export interface
|
|
46
|
+
export interface NHSpecialCardData {
|
|
47
47
|
title: string;
|
|
48
48
|
description: string;
|
|
49
49
|
image: string;
|
|
50
50
|
}
|
|
51
|
-
export interface
|
|
51
|
+
export interface NHRunCardData {
|
|
52
52
|
title: string;
|
|
53
53
|
description: string;
|
|
54
54
|
image: string;
|
|
55
55
|
border?: boolean;
|
|
56
56
|
}
|
|
57
|
-
export interface
|
|
57
|
+
export interface NHProductsPopupSection {
|
|
58
58
|
title: string;
|
|
59
59
|
subtitle: string;
|
|
60
|
-
items?:
|
|
61
|
-
runCards?:
|
|
60
|
+
items?: NHPopupItemData[];
|
|
61
|
+
runCards?: NHRunCardData[];
|
|
62
62
|
}
|
|
63
|
-
export interface
|
|
64
|
-
sections:
|
|
65
|
-
poweredCard:
|
|
63
|
+
export interface NHProductsPopupData {
|
|
64
|
+
sections: NHProductsPopupSection[];
|
|
65
|
+
poweredCard: NHSpecialCardData;
|
|
66
66
|
}
|
|
67
|
-
export interface
|
|
67
|
+
export interface NHSolutionsPopupSection {
|
|
68
68
|
title: string;
|
|
69
69
|
subtitle: string;
|
|
70
|
-
items:
|
|
70
|
+
items: NHPopupItemData[];
|
|
71
71
|
}
|
|
72
|
-
export interface
|
|
73
|
-
sections:
|
|
72
|
+
export interface NHSolutionsPopupData {
|
|
73
|
+
sections: NHSolutionsPopupSection[];
|
|
74
74
|
}
|
|
75
|
-
export interface
|
|
75
|
+
export interface NHWhyPopupGroup {
|
|
76
76
|
title: string;
|
|
77
|
-
items:
|
|
77
|
+
items: NHPopupItemData[];
|
|
78
78
|
}
|
|
79
|
-
export interface
|
|
80
|
-
groups:
|
|
81
|
-
card:
|
|
79
|
+
export interface NHWhyPopupData {
|
|
80
|
+
groups: NHWhyPopupGroup[];
|
|
81
|
+
card: NHSpecialCardData;
|
|
82
82
|
}
|
|
83
|
-
export interface
|
|
83
|
+
export interface NHBannerData {
|
|
84
84
|
title: string;
|
|
85
85
|
description: string;
|
|
86
86
|
image: string;
|
|
87
87
|
icon: string;
|
|
88
88
|
url: string;
|
|
89
89
|
}
|
|
90
|
-
export interface
|
|
90
|
+
export interface NHEventCardData {
|
|
91
91
|
tag: string;
|
|
92
92
|
title: string;
|
|
93
93
|
date: string;
|
|
94
94
|
image: string;
|
|
95
95
|
location: string;
|
|
96
96
|
}
|
|
97
|
-
export interface
|
|
97
|
+
export interface NHResourcesPopupGroup {
|
|
98
98
|
title: string;
|
|
99
99
|
subtitle: string;
|
|
100
100
|
url: string;
|
|
101
|
-
items:
|
|
101
|
+
items: NHPopupItemData[];
|
|
102
102
|
}
|
|
103
|
-
export interface
|
|
104
|
-
groups:
|
|
105
|
-
banner:
|
|
103
|
+
export interface NHResourcesPopupData {
|
|
104
|
+
groups: NHResourcesPopupGroup[];
|
|
105
|
+
banner: NHBannerData;
|
|
106
106
|
events: {
|
|
107
107
|
title: string;
|
|
108
|
-
items:
|
|
108
|
+
items: NHEventCardData[];
|
|
109
109
|
};
|
|
110
110
|
}
|
|
111
|
-
export interface
|
|
111
|
+
export interface NHCompanyPopupSection {
|
|
112
112
|
title: string;
|
|
113
|
-
items:
|
|
113
|
+
items: NHPopupItemData[];
|
|
114
114
|
}
|
|
115
|
-
export interface
|
|
116
|
-
sections:
|
|
115
|
+
export interface NHCompanyPopupData {
|
|
116
|
+
sections: NHCompanyPopupSection[];
|
|
117
117
|
}
|
|
118
|
-
export interface
|
|
118
|
+
export interface NHStockData {
|
|
119
119
|
title: string;
|
|
120
120
|
price: string;
|
|
121
121
|
date: string;
|
|
122
122
|
}
|
|
123
|
-
export interface
|
|
123
|
+
export interface NHInvestorPopupData {
|
|
124
124
|
title: string;
|
|
125
125
|
subtitle: string;
|
|
126
126
|
url: string;
|
|
127
|
-
items:
|
|
128
|
-
stock:
|
|
127
|
+
items: NHPopupItemData[];
|
|
128
|
+
stock: NHStockData;
|
|
129
129
|
}
|
|
130
|
-
export interface
|
|
130
|
+
export interface NHLoginItemData {
|
|
131
131
|
title: string;
|
|
132
132
|
subtitle: string;
|
|
133
133
|
url?: string;
|
|
134
134
|
}
|
|
135
|
-
export interface
|
|
135
|
+
export interface NHLoginPopupData {
|
|
136
136
|
text: string;
|
|
137
|
-
items:
|
|
137
|
+
items: NHLoginItemData[];
|
|
138
138
|
}
|
|
139
|
-
export interface
|
|
139
|
+
export interface NHNavigationDefaultData {
|
|
140
140
|
title: string;
|
|
141
141
|
}
|
|
142
|
-
export interface
|
|
143
|
-
type:
|
|
142
|
+
export interface NHNavigationLinkData extends NHNavigationDefaultData {
|
|
143
|
+
type: NHNavigationItemType.Link;
|
|
144
144
|
data: LinkProps;
|
|
145
145
|
}
|
|
146
|
-
export interface
|
|
147
|
-
type:
|
|
148
|
-
data:
|
|
146
|
+
export interface NHNavigationMediumPopupData extends NHNavigationDefaultData {
|
|
147
|
+
type: NHNavigationItemType.NHMediumPopup;
|
|
148
|
+
data: NHMediumPopupData;
|
|
149
149
|
}
|
|
150
|
-
export interface
|
|
151
|
-
type:
|
|
152
|
-
data:
|
|
150
|
+
export interface NHNavigationProductsPopupData extends NHNavigationDefaultData {
|
|
151
|
+
type: NHNavigationItemType.NHProductsPopup;
|
|
152
|
+
data: NHProductsPopupData;
|
|
153
153
|
}
|
|
154
|
-
export interface
|
|
155
|
-
type:
|
|
156
|
-
data:
|
|
154
|
+
export interface NHNavigationSolutionsPopupData extends NHNavigationDefaultData {
|
|
155
|
+
type: NHNavigationItemType.NHSolutionsPopup;
|
|
156
|
+
data: NHSolutionsPopupData;
|
|
157
157
|
}
|
|
158
|
-
export interface
|
|
159
|
-
type:
|
|
160
|
-
data:
|
|
158
|
+
export interface NHNavigationWhyPopupData extends NHNavigationDefaultData {
|
|
159
|
+
type: NHNavigationItemType.NHWhyPopup;
|
|
160
|
+
data: NHWhyPopupData;
|
|
161
161
|
}
|
|
162
|
-
export interface
|
|
163
|
-
type:
|
|
164
|
-
data:
|
|
162
|
+
export interface NHNavigationResourcesPopupData extends NHNavigationDefaultData {
|
|
163
|
+
type: NHNavigationItemType.NHResourcesPopup;
|
|
164
|
+
data: NHResourcesPopupData;
|
|
165
165
|
}
|
|
166
|
-
export interface
|
|
167
|
-
type:
|
|
168
|
-
data:
|
|
166
|
+
export interface NHNavigationCompanyPopupData extends NHNavigationDefaultData {
|
|
167
|
+
type: NHNavigationItemType.NHCompanyPopup;
|
|
168
|
+
data: NHCompanyPopupData;
|
|
169
169
|
}
|
|
170
|
-
export interface
|
|
171
|
-
type:
|
|
172
|
-
data:
|
|
170
|
+
export interface NHNavigationInvestorPopupData extends NHNavigationDefaultData {
|
|
171
|
+
type: NHNavigationItemType.NHInvestorPopup;
|
|
172
|
+
data: NHInvestorPopupData;
|
|
173
173
|
}
|
|
174
|
-
export type
|
|
175
|
-
export interface
|
|
174
|
+
export type NHNavigationItemData = NHNavigationLinkData | NHNavigationMediumPopupData | NHNavigationProductsPopupData | NHNavigationSolutionsPopupData | NHNavigationWhyPopupData | NHNavigationResourcesPopupData | NHNavigationCompanyPopupData | NHNavigationInvestorPopupData;
|
|
175
|
+
export interface NHMobileNavigationDefaultData {
|
|
176
176
|
title: string;
|
|
177
177
|
}
|
|
178
|
-
export interface
|
|
178
|
+
export interface NHMobileNavigationLinkData extends NHMobileNavigationDefaultData {
|
|
179
179
|
link: LinkProps;
|
|
180
180
|
}
|
|
181
|
-
export interface
|
|
181
|
+
export interface NHMobileNavigationGroupData extends NHMobileNavigationDefaultData {
|
|
182
182
|
data: {
|
|
183
183
|
title?: string;
|
|
184
184
|
items: {
|
|
@@ -187,13 +187,13 @@ export interface MobileNavigationGroupData extends MobileNavigationDefaultData {
|
|
|
187
187
|
}[];
|
|
188
188
|
}[];
|
|
189
189
|
}
|
|
190
|
-
export type
|
|
191
|
-
export interface
|
|
192
|
-
left:
|
|
193
|
-
right:
|
|
194
|
-
mobile:
|
|
195
|
-
login:
|
|
196
|
-
logo:
|
|
190
|
+
export type NHMobileNavigationItemData = NHMobileNavigationLinkData | NHMobileNavigationGroupData;
|
|
191
|
+
export interface NHNavigationData {
|
|
192
|
+
left: NHNavigationItemData[];
|
|
193
|
+
right: NHNavigationItemData[];
|
|
194
|
+
mobile: NHMobileNavigationItemData[];
|
|
195
|
+
login: NHLoginPopupData;
|
|
196
|
+
logo: NHLogoData;
|
|
197
197
|
buttons: ButtonProps[];
|
|
198
198
|
}
|
|
199
199
|
export type SetupRouteChangeHandler = (handler: () => void) => void;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
export var
|
|
2
|
-
(function (
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
})(
|
|
12
|
-
export var
|
|
13
|
-
(function (
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
})(
|
|
1
|
+
export var NHNavigationItemType;
|
|
2
|
+
(function (NHNavigationItemType) {
|
|
3
|
+
NHNavigationItemType["NHMediumPopup"] = "medium-popup";
|
|
4
|
+
NHNavigationItemType["NHProductsPopup"] = "products-popup";
|
|
5
|
+
NHNavigationItemType["NHSolutionsPopup"] = "solutions-popup";
|
|
6
|
+
NHNavigationItemType["NHWhyPopup"] = "why-popup";
|
|
7
|
+
NHNavigationItemType["NHResourcesPopup"] = "resources-popup";
|
|
8
|
+
NHNavigationItemType["NHCompanyPopup"] = "company-popup";
|
|
9
|
+
NHNavigationItemType["NHInvestorPopup"] = "investor-popup";
|
|
10
|
+
NHNavigationItemType["Link"] = "link";
|
|
11
|
+
})(NHNavigationItemType || (NHNavigationItemType = {}));
|
|
12
|
+
export var NHNavigationTagColor;
|
|
13
|
+
(function (NHNavigationTagColor) {
|
|
14
|
+
NHNavigationTagColor["Green"] = "green";
|
|
15
|
+
NHNavigationTagColor["Yellow"] = "yellow";
|
|
16
|
+
NHNavigationTagColor["Blue"] = "blue";
|
|
17
|
+
})(NHNavigationTagColor || (NHNavigationTagColor = {}));
|
package/package.json
CHANGED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { RefObject } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { LoginPopupData, SetupRouteChangeHandler } from '../../models';
|
|
4
|
-
interface LoginButtonProps {
|
|
5
|
-
data: LoginPopupData;
|
|
6
|
-
headerRef?: RefObject<HTMLDivElement>;
|
|
7
|
-
setupRouteChangeHandler?: SetupRouteChangeHandler;
|
|
8
|
-
}
|
|
9
|
-
export declare const LoginButton: ({ data, headerRef, setupRouteChangeHandler }: LoginButtonProps) => React.JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import type { RefObject } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { NavigationItemData, SetupRouteChangeHandler } from '../../models';
|
|
4
|
-
interface NavigationProps {
|
|
5
|
-
data: NavigationItemData[];
|
|
6
|
-
headerRef?: RefObject<HTMLDivElement>;
|
|
7
|
-
setupRouteChangeHandler?: SetupRouteChangeHandler;
|
|
8
|
-
}
|
|
9
|
-
export declare const Navigation: ({ data, headerRef, setupRouteChangeHandler }: NavigationProps) => React.JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Navigation = void 0;
|
|
4
|
-
const tslib_1 = require("tslib");
|
|
5
|
-
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
|
-
const cn_1 = require("../../../../utils/cn");
|
|
7
|
-
const constants_1 = require("../../constants");
|
|
8
|
-
const models_1 = require("../../models");
|
|
9
|
-
const CompanyPopup_1 = require("../CompanyPopup/CompanyPopup");
|
|
10
|
-
const InvestorPopup_1 = require("../InvestorPopup/InvestorPopup");
|
|
11
|
-
const MediumPopup_1 = require("../MediumPopup/MediumPopup");
|
|
12
|
-
const NavigationItem_1 = require("../NavigationItem/NavigationItem");
|
|
13
|
-
const NavigationPopup_1 = require("../NavigationPopup/NavigationPopup");
|
|
14
|
-
const ProductsPopup_1 = require("../ProductsPopup/ProductsPopup");
|
|
15
|
-
const ResourcesPopup_1 = require("../ResourcesPopup/ResourcesPopup");
|
|
16
|
-
const SolutionsPopup_1 = require("../SolutionsPopup/SolutionsPopup");
|
|
17
|
-
const WhyPopup_1 = require("../WhyPopup/WhyPopup");
|
|
18
|
-
const b = (0, cn_1.block)('navigation');
|
|
19
|
-
const tooltipPrefixId = 'navigation-item-key';
|
|
20
|
-
const getPopupContent = (sectionData) => {
|
|
21
|
-
const { type, data } = sectionData;
|
|
22
|
-
switch (type) {
|
|
23
|
-
case models_1.NavigationItemType.MediumPopup:
|
|
24
|
-
return react_1.default.createElement(MediumPopup_1.MediumPopup, Object.assign({}, data));
|
|
25
|
-
case models_1.NavigationItemType.ProductsPopup:
|
|
26
|
-
return react_1.default.createElement(ProductsPopup_1.ProductsPopup, Object.assign({}, data));
|
|
27
|
-
case models_1.NavigationItemType.SolutionsPopup:
|
|
28
|
-
return react_1.default.createElement(SolutionsPopup_1.SolutionsPopup, Object.assign({}, data));
|
|
29
|
-
case models_1.NavigationItemType.WhyPopup:
|
|
30
|
-
return react_1.default.createElement(WhyPopup_1.WhyPopup, Object.assign({}, data));
|
|
31
|
-
case models_1.NavigationItemType.ResourcesPopup:
|
|
32
|
-
return react_1.default.createElement(ResourcesPopup_1.ResourcesPopup, Object.assign({}, data));
|
|
33
|
-
case models_1.NavigationItemType.CompanyPopup:
|
|
34
|
-
return react_1.default.createElement(CompanyPopup_1.CompanyPopup, Object.assign({}, data));
|
|
35
|
-
case models_1.NavigationItemType.InvestorPopup:
|
|
36
|
-
return react_1.default.createElement(InvestorPopup_1.InvestorPopup, Object.assign({}, data));
|
|
37
|
-
default:
|
|
38
|
-
return null;
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
const Navigation = ({ data, headerRef, setupRouteChangeHandler }) => {
|
|
42
|
-
const [activeTab, setActiveTab] = (0, react_1.useState)(constants_1.NO_MENU_TAB_SELECTED);
|
|
43
|
-
const [pretendentActiveTab, setPretendentAciveTab] = (0, react_1.useState)(constants_1.NO_MENU_TAB_SELECTED);
|
|
44
|
-
const [previouslyFocusedElement, setPreviouslyFocusedElement] = (0, react_1.useState)(null);
|
|
45
|
-
const handleActiveTab = (0, react_1.useCallback)((currentIndex) => {
|
|
46
|
-
setPreviouslyFocusedElement(document.activeElement);
|
|
47
|
-
setPretendentAciveTab(currentIndex);
|
|
48
|
-
}, []);
|
|
49
|
-
const onEscapeKeyDown = (0, react_1.useCallback)((event) => {
|
|
50
|
-
if (event.key === 'Escape') {
|
|
51
|
-
setActiveTab(constants_1.NO_MENU_TAB_SELECTED);
|
|
52
|
-
setPretendentAciveTab(constants_1.NO_MENU_TAB_SELECTED);
|
|
53
|
-
previouslyFocusedElement === null || previouslyFocusedElement === void 0 ? void 0 : previouslyFocusedElement.focus({ preventScroll: true });
|
|
54
|
-
}
|
|
55
|
-
}, [previouslyFocusedElement]);
|
|
56
|
-
(0, react_1.useEffect)(() => setupRouteChangeHandler === null || setupRouteChangeHandler === void 0 ? void 0 : setupRouteChangeHandler(() => {
|
|
57
|
-
handleActiveTab(constants_1.NO_MENU_TAB_SELECTED);
|
|
58
|
-
}), [setupRouteChangeHandler, handleActiveTab]);
|
|
59
|
-
(0, react_1.useEffect)(() => {
|
|
60
|
-
const timerId = setTimeout(() => {
|
|
61
|
-
setActiveTab(pretendentActiveTab);
|
|
62
|
-
}, constants_1.SWITCH_MENU_TAB_TIMEOUT);
|
|
63
|
-
return () => clearTimeout(timerId);
|
|
64
|
-
}, [activeTab, pretendentActiveTab]);
|
|
65
|
-
(0, react_1.useEffect)(() => {
|
|
66
|
-
document.addEventListener('keydown', onEscapeKeyDown);
|
|
67
|
-
return () => {
|
|
68
|
-
document.removeEventListener('keydown', onEscapeKeyDown);
|
|
69
|
-
};
|
|
70
|
-
}, [onEscapeKeyDown]);
|
|
71
|
-
return (react_1.default.createElement("nav", null,
|
|
72
|
-
react_1.default.createElement("ul", { className: b() }, data.map((item, i) => (react_1.default.createElement(NavigationItem_1.NavigationItem, { key: item.title, item: item, handleActiveTab: handleActiveTab, index: i, isActive: activeTab === i, tooltipId: `${tooltipPrefixId}-${i}` }, activeTab === i && item.type !== models_1.NavigationItemType.Link && (react_1.default.createElement(NavigationPopup_1.NavigationPopup, { headerRef: headerRef, id: `${tooltipPrefixId}-${i}` }, getPopupContent(item)))))))));
|
|
73
|
-
};
|
|
74
|
-
exports.Navigation = Navigation;
|