@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,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ClassNameProps } from '@doyourjob/gravity-ui-page-constructor';
|
|
3
|
-
import { NavigationTag as NavigationTagModel } from '../../models';
|
|
4
|
-
export interface NavigationTagProps extends NavigationTagModel, ClassNameProps {
|
|
5
|
-
}
|
|
6
|
-
export declare const NavigationTag: ({ text, color, textColor, className, size, }: NavigationTagProps) => React.JSX.Element;
|
|
@@ -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,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Grid, getLinkProps } from '@doyourjob/gravity-ui-page-constructor';
|
|
3
|
-
import { block } from '../../../../utils/cn';
|
|
4
|
-
import './LoginPopup.css';
|
|
5
|
-
const b = block('login-popup');
|
|
6
|
-
export const LoginPopup = ({ items }) => (React.createElement(Grid, { className: b(), containerClass: b('container') }, items.map((item) => (React.createElement("a", Object.assign({ href: item.url, className: b('item'), key: item.title }, getLinkProps(item.url || '')),
|
|
7
|
-
React.createElement("div", { className: b('title') }, item.title),
|
|
8
|
-
React.createElement("div", { className: b('subtitle') }, item.subtitle))))));
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { RefObject } from 'react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { NavigationItemData, SetupRouteChangeHandler } from '../../models';
|
|
4
|
-
import './Navigation.css';
|
|
5
|
-
interface NavigationProps {
|
|
6
|
-
data: NavigationItemData[];
|
|
7
|
-
headerRef?: RefObject<HTMLDivElement>;
|
|
8
|
-
setupRouteChangeHandler?: SetupRouteChangeHandler;
|
|
9
|
-
}
|
|
10
|
-
export declare const Navigation: ({ data, headerRef, setupRouteChangeHandler }: NavigationProps) => React.JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useEffect, useState } from 'react';
|
|
2
|
-
import { block } from '../../../../utils/cn';
|
|
3
|
-
import { NO_MENU_TAB_SELECTED, SWITCH_MENU_TAB_TIMEOUT } from '../../constants';
|
|
4
|
-
import { NavigationItemType, } from '../../models';
|
|
5
|
-
import { CompanyPopup } from '../CompanyPopup/CompanyPopup';
|
|
6
|
-
import { InvestorPopup } from '../InvestorPopup/InvestorPopup';
|
|
7
|
-
import { MediumPopup } from '../MediumPopup/MediumPopup';
|
|
8
|
-
import { NavigationItem } from '../NavigationItem/NavigationItem';
|
|
9
|
-
import { NavigationPopup } from '../NavigationPopup/NavigationPopup';
|
|
10
|
-
import { ProductsPopup } from '../ProductsPopup/ProductsPopup';
|
|
11
|
-
import { ResourcesPopup } from '../ResourcesPopup/ResourcesPopup';
|
|
12
|
-
import { SolutionsPopup } from '../SolutionsPopup/SolutionsPopup';
|
|
13
|
-
import { WhyPopup } from '../WhyPopup/WhyPopup';
|
|
14
|
-
import './Navigation.css';
|
|
15
|
-
const b = block('navigation');
|
|
16
|
-
const tooltipPrefixId = 'navigation-item-key';
|
|
17
|
-
const getPopupContent = (sectionData) => {
|
|
18
|
-
const { type, data } = sectionData;
|
|
19
|
-
switch (type) {
|
|
20
|
-
case NavigationItemType.MediumPopup:
|
|
21
|
-
return React.createElement(MediumPopup, Object.assign({}, data));
|
|
22
|
-
case NavigationItemType.ProductsPopup:
|
|
23
|
-
return React.createElement(ProductsPopup, Object.assign({}, data));
|
|
24
|
-
case NavigationItemType.SolutionsPopup:
|
|
25
|
-
return React.createElement(SolutionsPopup, Object.assign({}, data));
|
|
26
|
-
case NavigationItemType.WhyPopup:
|
|
27
|
-
return React.createElement(WhyPopup, Object.assign({}, data));
|
|
28
|
-
case NavigationItemType.ResourcesPopup:
|
|
29
|
-
return React.createElement(ResourcesPopup, Object.assign({}, data));
|
|
30
|
-
case NavigationItemType.CompanyPopup:
|
|
31
|
-
return React.createElement(CompanyPopup, Object.assign({}, data));
|
|
32
|
-
case NavigationItemType.InvestorPopup:
|
|
33
|
-
return React.createElement(InvestorPopup, Object.assign({}, data));
|
|
34
|
-
default:
|
|
35
|
-
return null;
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
export const Navigation = ({ data, headerRef, setupRouteChangeHandler }) => {
|
|
39
|
-
const [activeTab, setActiveTab] = useState(NO_MENU_TAB_SELECTED);
|
|
40
|
-
const [pretendentActiveTab, setPretendentAciveTab] = useState(NO_MENU_TAB_SELECTED);
|
|
41
|
-
const [previouslyFocusedElement, setPreviouslyFocusedElement] = useState(null);
|
|
42
|
-
const handleActiveTab = useCallback((currentIndex) => {
|
|
43
|
-
setPreviouslyFocusedElement(document.activeElement);
|
|
44
|
-
setPretendentAciveTab(currentIndex);
|
|
45
|
-
}, []);
|
|
46
|
-
const onEscapeKeyDown = useCallback((event) => {
|
|
47
|
-
if (event.key === 'Escape') {
|
|
48
|
-
setActiveTab(NO_MENU_TAB_SELECTED);
|
|
49
|
-
setPretendentAciveTab(NO_MENU_TAB_SELECTED);
|
|
50
|
-
previouslyFocusedElement === null || previouslyFocusedElement === void 0 ? void 0 : previouslyFocusedElement.focus({ preventScroll: true });
|
|
51
|
-
}
|
|
52
|
-
}, [previouslyFocusedElement]);
|
|
53
|
-
useEffect(() => setupRouteChangeHandler === null || setupRouteChangeHandler === void 0 ? void 0 : setupRouteChangeHandler(() => {
|
|
54
|
-
handleActiveTab(NO_MENU_TAB_SELECTED);
|
|
55
|
-
}), [setupRouteChangeHandler, handleActiveTab]);
|
|
56
|
-
useEffect(() => {
|
|
57
|
-
const timerId = setTimeout(() => {
|
|
58
|
-
setActiveTab(pretendentActiveTab);
|
|
59
|
-
}, SWITCH_MENU_TAB_TIMEOUT);
|
|
60
|
-
return () => clearTimeout(timerId);
|
|
61
|
-
}, [activeTab, pretendentActiveTab]);
|
|
62
|
-
useEffect(() => {
|
|
63
|
-
document.addEventListener('keydown', onEscapeKeyDown);
|
|
64
|
-
return () => {
|
|
65
|
-
document.removeEventListener('keydown', onEscapeKeyDown);
|
|
66
|
-
};
|
|
67
|
-
}, [onEscapeKeyDown]);
|
|
68
|
-
return (React.createElement("nav", null,
|
|
69
|
-
React.createElement("ul", { className: b() }, data.map((item, i) => (React.createElement(NavigationItem, { key: item.title, item: item, handleActiveTab: handleActiveTab, index: i, isActive: activeTab === i, tooltipId: `${tooltipPrefixId}-${i}` }, activeTab === i && item.type !== NavigationItemType.Link && (React.createElement(NavigationPopup, { headerRef: headerRef, id: `${tooltipPrefixId}-${i}` }, getPopupContent(item)))))))));
|
|
70
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ClassNameProps } from '@doyourjob/gravity-ui-page-constructor';
|
|
3
|
-
import { NavigationTag as NavigationTagModel } from '../../models';
|
|
4
|
-
import './Tag.css';
|
|
5
|
-
export interface NavigationTagProps extends NavigationTagModel, ClassNameProps {
|
|
6
|
-
}
|
|
7
|
-
export declare const NavigationTag: ({ text, color, textColor, className, size, }: NavigationTagProps) => React.JSX.Element;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { block } from '../../../../utils/cn';
|
|
3
|
-
import { NavigationTagColor } from '../../models';
|
|
4
|
-
import './Tag.css';
|
|
5
|
-
const b = block('navigation-tag');
|
|
6
|
-
const getColor = (color) => {
|
|
7
|
-
switch (color) {
|
|
8
|
-
case NavigationTagColor.Yellow:
|
|
9
|
-
return 'var(--pc-addons-navigation-color-tag-yellow)';
|
|
10
|
-
case NavigationTagColor.Blue:
|
|
11
|
-
return 'var(--pc-addons-navigation-color-tag-blue)';
|
|
12
|
-
case NavigationTagColor.Green:
|
|
13
|
-
return 'var(--pc-addons-navigation-color-tag-green)';
|
|
14
|
-
default:
|
|
15
|
-
return color;
|
|
16
|
-
}
|
|
17
|
-
};
|
|
18
|
-
export const NavigationTag = ({ text, color = NavigationTagColor.Yellow, textColor, className, size = 'm', }) => (React.createElement("div", { className: b({ size }, className), style: { backgroundColor: getColor(color), color: textColor } }, text));
|