@doyourjob/gravity-ui-page-constructor-addons 2.1.36 → 2.1.38

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.
Files changed (9) hide show
  1. package/build/cjs/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.css +24 -0
  2. package/build/cjs/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.js +6 -0
  3. package/build/cjs/components/NewHeader/components/NHMobileNavigationItem/components/NHDefaultPopupContent/NHDefaultPopupContent.js +2 -5
  4. package/build/cjs/components/NewHeader/components/NHMobileNavigationPopup/NHMobileNavigationPopup.css +2 -2
  5. package/build/esm/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.css +24 -0
  6. package/build/esm/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.js +6 -0
  7. package/build/esm/components/NewHeader/components/NHMobileNavigationItem/components/NHDefaultPopupContent/NHDefaultPopupContent.js +2 -5
  8. package/build/esm/components/NewHeader/components/NHMobileNavigationPopup/NHMobileNavigationPopup.css +2 -2
  9. package/package.json +1 -1
package/build/cjs/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.css CHANGED
@@ -29,6 +29,30 @@ unpredictable css rules order in build */
29
29
  display: none;
30
30
  }
31
31
 
32
+ .pc-addons-nh-mobile-navigation__header {
33
+ position: sticky;
34
+ top: 0;
35
+ z-index: 1;
36
+ display: flex;
37
+ align-items: center;
38
+ justify-content: space-between;
39
+ height: 64px;
40
+ padding: 0 16px;
41
+ background-color: var(--g-color-base-background);
42
+ border-bottom: 1px solid var(--g-color-line-generic);
43
+ }
44
+
45
+ .pc-addons-nh-mobile-navigation__header-right {
46
+ display: flex;
47
+ align-items: center;
48
+ gap: 8px;
49
+ }
50
+
51
+ .pc-addons-nh-mobile-navigation__search-container {
52
+ display: flex;
53
+ align-items: center;
54
+ }
55
+
32
56
  .pc-addons-nh-mobile-navigation__nav {
33
57
  display: flex;
34
58
  flex-direction: column;
package/build/cjs/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.js CHANGED
@@ -7,6 +7,7 @@ const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constr
7
7
  const icons_1 = require("@gravity-ui/icons");
8
8
  const uikit_1 = require("@gravity-ui/uikit");
9
9
  const cn_1 = require("../../../../utils/cn");
10
+ const NHLogo_1 = require("../NHLogo/NHLogo");
10
11
  const NHMobileNavigationItem_1 = require("../NHMobileNavigationItem/NHMobileNavigationItem");
11
12
  const NHMobileNavigationPopup_1 = require("../NHMobileNavigationPopup/NHMobileNavigationPopup");
12
13
  const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
@@ -20,6 +21,11 @@ const NHMobileNavigation = ({ isOpened, toogleOpen, isSearchOpen, data, onMenuSc
20
21
  } },
21
22
  react_1.default.createElement(uikit_1.Icon, { data: isOpened ? icons_1.Xmark : icons_1.Bars, size: 24 })),
22
23
  react_1.default.createElement(NHMobileNavigationPopup_1.NHMobileNavigationPopup, { isOpened: isOpened, onClose: () => toogleOpen(false), onMenuScroll: onMenuScroll },
24
+ react_1.default.createElement("div", { className: b('header') },
25
+ (data === null || data === void 0 ? void 0 : data.logo) && react_1.default.createElement(NHLogo_1.NHLogo, { data: data.logo }),
26
+ react_1.default.createElement("div", { className: b('header-right') },
27
+ react_1.default.createElement(uikit_1.Button, { view: "flat", size: "l", className: b('close-button'), onClick: () => toogleOpen(false) },
28
+ react_1.default.createElement(uikit_1.Icon, { data: icons_1.Xmark, size: 24 })))),
23
29
  react_1.default.createElement("nav", { className: b('nav') },
24
30
  react_1.default.createElement("ul", { className: b('list') }, (_a = data === null || data === void 0 ? void 0 : data.left) === null || _a === void 0 ? void 0 : _a.map((item, index) => (react_1.default.createElement("li", { className: b('item'), key: index },
25
31
  react_1.default.createElement(NHMobileNavigationItem_1.NHMobileNavigationItem, { item: item }))))),
package/build/cjs/components/NewHeader/components/NHMobileNavigationItem/components/NHDefaultPopupContent/NHDefaultPopupContent.js CHANGED
@@ -4,7 +4,7 @@ exports.NHDefaultPopupContent = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const cn_1 = require("../../../../../../utils/cn");
7
- const NHBanner_1 = require("../../../NHBanner/NHBanner");
7
+ // import {NHBanner} from '../../../NHBanner/NHBanner';
8
8
  const NHEventCard_1 = require("../../../NHEventCard/NHEventCard");
9
9
  const NHPopupItem_1 = require("../../../NHPopupItem/NHPopupItem");
10
10
  const NHStock_1 = require("../../../NHStock/NHStock");
@@ -15,12 +15,9 @@ const NHDefaultPopupContent = ({ data }) => {
15
15
  return (react_1.default.createElement("div", { className: b() },
16
16
  data.sections.map((section, idx) => {
17
17
  const isRun = section.mode === 'run';
18
- const hasSideHead = Boolean(section.mode);
19
18
  return (react_1.default.createElement("div", { key: idx, className: b('section') },
20
19
  section.title && react_1.default.createElement("div", { className: b('section-title') }, section.title),
21
- react_1.default.createElement("div", { className: b('section-items') }, section.items.map((item, index) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: index, imageColor: hasSideHead && !isRun ? data.primaryColor : undefined, imageColorHover: hasSideHead && !isRun ? data.primaryColorHover : undefined }, item, { column: isRun }))))),
22
- section.banner && (react_1.default.createElement("div", { className: b('banner-container') },
23
- react_1.default.createElement(NHBanner_1.NHBanner, Object.assign({}, section.banner))))));
20
+ react_1.default.createElement("div", { className: b('section-items') }, section.items.map((item, index) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: index, imageColor: isRun ? undefined : data.primaryColor, imageColorHover: isRun ? undefined : data.primaryColorHover }, item, { column: isRun })))))));
24
21
  }),
25
22
  data.right && (react_1.default.createElement("div", { className: b('right-section') },
26
23
  data.right.title && react_1.default.createElement("div", { className: b('section-title') }, data.right.title),
package/build/cjs/components/NewHeader/components/NHMobileNavigationPopup/NHMobileNavigationPopup.css CHANGED
@@ -3,10 +3,10 @@ unpredictable css rules order in build */
3
3
  .pc-addons-nh-mobile-navigation-popup {
4
4
  width: 100%;
5
5
  position: fixed;
6
- top: 64px;
6
+ top: 0;
7
7
  left: 0;
8
8
  z-index: 1000;
9
- height: calc(100vh - 64px);
9
+ height: 100vh;
10
10
  background-color: var(--g-color-base-background);
11
11
  box-shadow: none;
12
12
  }
package/build/esm/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.css CHANGED
@@ -29,6 +29,30 @@ unpredictable css rules order in build */
29
29
  display: none;
30
30
  }
31
31
 
32
+ .pc-addons-nh-mobile-navigation__header {
33
+ position: sticky;
34
+ top: 0;
35
+ z-index: 1;
36
+ display: flex;
37
+ align-items: center;
38
+ justify-content: space-between;
39
+ height: 64px;
40
+ padding: 0 16px;
41
+ background-color: var(--g-color-base-background);
42
+ border-bottom: 1px solid var(--g-color-line-generic);
43
+ }
44
+
45
+ .pc-addons-nh-mobile-navigation__header-right {
46
+ display: flex;
47
+ align-items: center;
48
+ gap: 8px;
49
+ }
50
+
51
+ .pc-addons-nh-mobile-navigation__search-container {
52
+ display: flex;
53
+ align-items: center;
54
+ }
55
+
32
56
  .pc-addons-nh-mobile-navigation__nav {
33
57
  display: flex;
34
58
  flex-direction: column;
package/build/esm/components/NewHeader/components/NHMobileNavigation/NHMobileNavigation.js CHANGED
@@ -3,6 +3,7 @@ import { Button as PCButton } from '@doyourjob/gravity-ui-page-constructor';
3
3
  import { Bars, Xmark } from '@gravity-ui/icons';
4
4
  import { Button, Icon } from '@gravity-ui/uikit';
5
5
  import { block } from '../../../../utils/cn';
6
+ import { NHLogo } from '../NHLogo/NHLogo';
6
7
  import { NHMobileNavigationItem } from '../NHMobileNavigationItem/NHMobileNavigationItem';
7
8
  import { NHMobileNavigationPopup } from '../NHMobileNavigationPopup/NHMobileNavigationPopup';
8
9
  import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
@@ -17,6 +18,11 @@ export const NHMobileNavigation = ({ isOpened, toogleOpen, isSearchOpen, data, o
17
18
  } },
18
19
  React.createElement(Icon, { data: isOpened ? Xmark : Bars, size: 24 })),
19
20
  React.createElement(NHMobileNavigationPopup, { isOpened: isOpened, onClose: () => toogleOpen(false), onMenuScroll: onMenuScroll },
21
+ React.createElement("div", { className: b('header') },
22
+ (data === null || data === void 0 ? void 0 : data.logo) && React.createElement(NHLogo, { data: data.logo }),
23
+ React.createElement("div", { className: b('header-right') },
24
+ React.createElement(Button, { view: "flat", size: "l", className: b('close-button'), onClick: () => toogleOpen(false) },
25
+ React.createElement(Icon, { data: Xmark, size: 24 })))),
20
26
  React.createElement("nav", { className: b('nav') },
21
27
  React.createElement("ul", { className: b('list') }, (_a = data === null || data === void 0 ? void 0 : data.left) === null || _a === void 0 ? void 0 : _a.map((item, index) => (React.createElement("li", { className: b('item'), key: index },
22
28
  React.createElement(NHMobileNavigationItem, { item: item }))))),
package/build/esm/components/NewHeader/components/NHMobileNavigationItem/components/NHDefaultPopupContent/NHDefaultPopupContent.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { block } from '../../../../../../utils/cn';
3
- import { NHBanner } from '../../../NHBanner/NHBanner';
3
+ // import {NHBanner} from '../../../NHBanner/NHBanner';
4
4
  import { NHEventCard } from '../../../NHEventCard/NHEventCard';
5
5
  import { NHPopupItem } from '../../../NHPopupItem/NHPopupItem';
6
6
  import { NHStock } from '../../../NHStock/NHStock';
@@ -12,12 +12,9 @@ export const NHDefaultPopupContent = ({ data }) => {
12
12
  return (React.createElement("div", { className: b() },
13
13
  data.sections.map((section, idx) => {
14
14
  const isRun = section.mode === 'run';
15
- const hasSideHead = Boolean(section.mode);
16
15
  return (React.createElement("div", { key: idx, className: b('section') },
17
16
  section.title && React.createElement("div", { className: b('section-title') }, section.title),
18
- React.createElement("div", { className: b('section-items') }, section.items.map((item, index) => (React.createElement(NHPopupItem, Object.assign({ key: index, imageColor: hasSideHead && !isRun ? data.primaryColor : undefined, imageColorHover: hasSideHead && !isRun ? data.primaryColorHover : undefined }, item, { column: isRun }))))),
19
- section.banner && (React.createElement("div", { className: b('banner-container') },
20
- React.createElement(NHBanner, Object.assign({}, section.banner))))));
17
+ React.createElement("div", { className: b('section-items') }, section.items.map((item, index) => (React.createElement(NHPopupItem, Object.assign({ key: index, imageColor: isRun ? undefined : data.primaryColor, imageColorHover: isRun ? undefined : data.primaryColorHover }, item, { column: isRun })))))));
21
18
  }),
22
19
  data.right && (React.createElement("div", { className: b('right-section') },
23
20
  data.right.title && React.createElement("div", { className: b('section-title') }, data.right.title),
package/build/esm/components/NewHeader/components/NHMobileNavigationPopup/NHMobileNavigationPopup.css CHANGED
@@ -3,10 +3,10 @@ unpredictable css rules order in build */
3
3
  .pc-addons-nh-mobile-navigation-popup {
4
4
  width: 100%;
5
5
  position: fixed;
6
- top: 64px;
6
+ top: 0;
7
7
  left: 0;
8
8
  z-index: 1000;
9
- height: calc(100vh - 64px);
9
+ height: 100vh;
10
10
  background-color: var(--g-color-base-background);
11
11
  box-shadow: none;
12
12
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor-addons",
3
- "version": "2.1.36",
3
+ "version": "2.1.38",
4
4
  "description": "Components and plugins for @doyourjob/gravity-ui-page-constructor",
5
5
  "license": "MIT",
6
6
  "repository": {