@doyourjob/gravity-ui-page-constructor-addons 2.1.31 → 2.1.33

package/build/esm/components/NewHeader/components/NHPopupItem/NHPopupItem.js

@@ -6,11 +6,13 @@ import { ArrowRight } from './ArrowRight';
 import './NHPopupItem.css';
 const b = block('nh-navigation-popup-item');
 export const NHPopupItem = (props) => {
-    const { url, target, title, description, image, imageColor, imageColorHover, column } = props;
+    const { url, target, title, description, image, imageMobile, imageColor, imageColorHover, column, } = props;
     const styleImageContainer = useMemo(() => (Object.assign(Object.assign({}, (imageColor ? { '--nh-popup-item-color': imageColor } : {})), (imageColorHover ? { '--nh-popup-item-color-hover': imageColorHover } : {}))), [imageColor, imageColorHover]);
+    const hasImage = image || imageMobile;
     return (React.createElement("a", Object.assign({ className: b({ disable: !url, column }), href: url }, getLinkProps(url || '', undefined, target)),
-        image && (React.createElement("div", { className: b('image-container', { 'no-bg': !imageColor }), style: styleImageContainer },
-            React.createElement(Image, { className: b('image'), src: image }))),
+        hasImage && (React.createElement("div", { className: b('image-container', { 'no-bg': !imageColor }), style: styleImageContainer },
+            image && (React.createElement(Image, { className: b('image', { desktop: Boolean(imageMobile) }), src: image })),
+            imageMobile && (React.createElement(Image, { className: b('image', { mobile: true }), src: imageMobile })))),
         React.createElement("div", { className: b('container') },
             React.createElement("div", { className: b('title') },
                 title,

package/build/esm/components/NewHeader/components/NHProductsPopup/NHProductsPopup.css

@@ -15,7 +15,7 @@ unpredictable css rules order in build */
 }
 
 .pc-addons-nh-products-popup > div + div {
-  border-top: 1px solid #e4ebf0;
+  border-top: 1px solid var(--g-color-line-generic-solid);
 }
 
 .pc-addons-nh-products-popup__section {
@@ -80,7 +80,6 @@ unpredictable css rules order in build */
   color: inherit;
   text-decoration: none;
   grid-area: 1/3/3/4;
-  font-weight: 500;
   border-radius: 16px;
   padding: 16px;
   display: flex;

package/build/esm/components/NewHeader/components/NHProductsPopup/NHProductsPopup.js

@@ -17,18 +17,18 @@ export const NHProductsPopup = ({ sections, primaryColor, primaryColorHover, })
     let content;
     if ('mode' in section && section.mode === 'run') {
         content = (React.createElement("div", { className: b('wrap-scale') },
-            ((_a = section.items) === null || _a === void 0 ? void 0 : _a[0]) && React.createElement(NHPopupItem, Object.assign({}, section.items[0], { hover: true, column: true })),
-            React.createElement("div", { className: b('wrap') }, (_b = section.items) === null || _b === void 0 ? void 0 : _b.slice(1, 4).map((item, cardIndex) => (React.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${cardIndex + 1}` }, item, { hover: true, column: true }))))),
-            React.createElement("div", { className: b('wrap') }, (_c = section.items) === null || _c === void 0 ? void 0 : _c.slice(4).map((item, cardIndex) => (React.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${cardIndex + 4}` }, item, { hover: true, column: true })))))));
+            ((_a = section.items) === null || _a === void 0 ? void 0 : _a[0]) && React.createElement(NHPopupItem, Object.assign({}, section.items[0], { column: true })),
+            React.createElement("div", { className: b('wrap') }, (_b = section.items) === null || _b === void 0 ? void 0 : _b.slice(1, 4).map((item, cardIndex) => (React.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${cardIndex + 1}` }, item, { column: true }))))),
+            React.createElement("div", { className: b('wrap') }, (_c = section.items) === null || _c === void 0 ? void 0 : _c.slice(4).map((item, cardIndex) => (React.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${cardIndex + 4}` }, item, { column: true })))))));
     }
     else if ('mode' in section && section.mode === 'scale') {
         content = (React.createElement("div", { className: b('wrap') }, (_d = section.items) === null || _d === void 0 ? void 0 :
-            _d.map((item, itemIndex) => (React.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}`, imageColor: primaryColor, imageColorHover: primaryColorHover }, item, { hover: true })))),
+            _d.map((item, itemIndex) => (React.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}`, imageColor: primaryColor, imageColorHover: primaryColorHover }, item)))),
             section.banner && React.createElement(NHBanner, Object.assign({}, section.banner))));
     }
     else {
         content = (React.createElement("div", { className: b('wrap') }, (_e = section.items) === null || _e === void 0 ? void 0 :
-            _e.map((item, itemIndex) => (React.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}`, imageColor: primaryColor, imageColorHover: primaryColorHover }, item, { hover: true })))),
+            _e.map((item, itemIndex) => (React.createElement(NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}`, imageColor: primaryColor, imageColorHover: primaryColorHover }, item)))),
             ' '));
     }
     return (React.createElement("div", { className: b('section'), key: section.title },

package/build/esm/components/NewHeader/models.d.ts

@@ -1,53 +1,24 @@
 import type { ButtonProps, LinkProps } from '@doyourjob/gravity-ui-page-constructor';
 export declare enum NHNavigationItemType {
-    NHMediumPopup = "medium-popup",
     NHProductsPopup = "products-popup",
-    NHSolutionsPopup = "solutions-popup",
-    NHWhyPopup = "why-popup",
-    NHResourcesPopup = "resources-popup",
-    NHCompanyPopup = "company-popup",
-    NHInvestorPopup = "investor-popup",
+    NHDefaultPopup = "default-popup",
     Link = "link"
 }
-export declare enum NHNavigationTagColor {
-    Green = "green",
-    Yellow = "yellow",
-    Blue = "blue"
-}
 export interface NHLogoData {
     href?: string;
     src?: string;
     alt?: string;
 }
-export interface NHNavigationTag {
-    text: string;
-    color?: string;
-    textColor?: string;
-    size?: 's' | 'm';
-}
 export interface NHPopupItemData {
     title: string;
     url: string;
     slug?: string;
     description?: string;
     image?: string | null;
+    imageMobile?: string | null;
     imageColor?: string;
     imageColorHover?: string;
-}
-export interface NHCategoryGroupData {
-    title?: string;
-    items: NHPopupItemData[];
-    imageSize?: 's' | 'xm' | 'm';
-    url?: string;
-}
-export interface NHMediumPopupData {
-    groups: NHCategoryGroupData[];
-}
-export interface NHBannerData {
-    title: string;
-    description: string;
-    image: string;
-    url: string;
+    target?: string;
 }
 export interface NHProductBannerData {
     title: string;
@@ -70,75 +41,44 @@ export interface NHProductsPopupSectionScale extends NHProductsPopupSectionBase
     mode: 'scale';
     banner?: NHProductBannerData;
 }
+export type NHProductsPopupSection = NHProductsPopupSectionRun | NHProductsPopupSectionScale | NHProductsPopupSectionBase;
 export interface NHProductsPopupData {
     primaryColor?: string;
     primaryColorHover?: string;
-    sections: (NHProductsPopupSectionRun | NHProductsPopupSectionBase | NHProductsPopupSectionScale)[];
+    sections: NHProductsPopupSection[];
 }
-export interface NHSolutionsPopupSection {
+export interface NHDefaultPopupSection {
     title: string;
     subtitle: string;
     items: NHPopupItemData[];
+    columns?: number;
 }
-export interface NHSolutionsPopupData {
-    sections: NHSolutionsPopupSection[];
-}
-export interface NHWhyPopupGroup {
-    title: string;
-    items: NHPopupItemData[];
-}
-export interface NHWhyPopupData {
-    groups: NHWhyPopupGroup[];
-    card: NHBannerData;
-}
-export interface NHBannerData {
+export interface NHStoryCardData {
     title: string;
     description: string;
     image: string;
-    icon: string;
     url: string;
 }
 export interface NHEventCardData {
-    url: string;
-    tag: string;
     title: string;
-    date: string;
+    caption: string;
+    description: string;
     image: string;
-    location: string;
-}
-export interface NHResourcesPopupGroup {
-    title: string;
-    subtitle: string;
     url: string;
-    items: NHPopupItemData[];
 }
-export interface NHResourcesPopupData {
-    groups: NHResourcesPopupGroup[];
-    banner: NHBannerData;
-    events: {
+export interface NHDefaultPopupData {
+    sections: NHDefaultPopupSection[];
+    maxWidth?: number;
+    primaryColor?: string;
+    primaryColorHover?: string;
+    right?: {
         title: string;
-        items: NHEventCardData[];
+        stories?: NHStoryCardData[];
+        events?: NHEventCardData[];
+        stock?: boolean;
+        stockImage?: string;
     };
 }
-export interface NHCompanyPopupSection {
-    title: string;
-    items: NHPopupItemData[];
-}
-export interface NHCompanyPopupData {
-    sections: NHCompanyPopupSection[];
-}
-export interface NHStockData {
-    title: string;
-    price: string;
-    date: string;
-}
-export interface NHInvestorPopupData {
-    title: string;
-    subtitle: string;
-    url: string;
-    items: NHPopupItemData[];
-    stock: NHStockData;
-}
 export interface NHLoginItemData {
     title: string;
     subtitle: string;
@@ -146,7 +86,7 @@ export interface NHLoginItemData {
 }
 export interface NHLoginPopupData {
     text: string;
-    items: NHLoginItemData[];
+    items: NHPopupItemData[];
 }
 export interface NHNavigationDefaultData {
     title: string;
@@ -155,35 +95,15 @@ export interface NHNavigationLinkData extends NHNavigationDefaultData {
     type: NHNavigationItemType.Link;
     data: LinkProps;
 }
-export interface NHNavigationMediumPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHMediumPopup;
-    data: NHMediumPopupData;
-}
 export interface NHNavigationProductsPopupData extends NHNavigationDefaultData {
     type: NHNavigationItemType.NHProductsPopup;
     data: NHProductsPopupData;
 }
-export interface NHNavigationSolutionsPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHSolutionsPopup;
-    data: NHSolutionsPopupData;
-}
-export interface NHNavigationWhyPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHWhyPopup;
-    data: NHWhyPopupData;
-}
-export interface NHNavigationResourcesPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHResourcesPopup;
-    data: NHResourcesPopupData;
-}
-export interface NHNavigationCompanyPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHCompanyPopup;
-    data: NHCompanyPopupData;
-}
-export interface NHNavigationInvestorPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHInvestorPopup;
-    data: NHInvestorPopupData;
+export interface NHNavigationDefaultPopupData extends NHNavigationDefaultData {
+    type: NHNavigationItemType.NHDefaultPopup;
+    data: NHDefaultPopupData;
 }
-export type NHNavigationItemData = NHNavigationLinkData | NHNavigationMediumPopupData | NHNavigationProductsPopupData | NHNavigationSolutionsPopupData | NHNavigationWhyPopupData | NHNavigationResourcesPopupData | NHNavigationCompanyPopupData | NHNavigationInvestorPopupData;
+export type NHNavigationItemData = NHNavigationLinkData | NHNavigationProductsPopupData | NHNavigationDefaultPopupData;
 export interface NHMobileNavigationDefaultData {
     title: string;
 }
@@ -201,11 +121,11 @@ export interface NHMobileNavigationGroupData extends NHMobileNavigationDefaultDa
 }
 export type NHMobileNavigationItemData = NHMobileNavigationLinkData | NHMobileNavigationGroupData;
 export interface NHNavigationData {
-    left: NHNavigationItemData[];
-    right: NHNavigationItemData[];
-    mobile: NHMobileNavigationItemData[];
-    login: NHLoginPopupData;
-    logo: NHLogoData;
-    buttons: ButtonProps[];
+    left?: NHNavigationItemData[];
+    right?: NHNavigationItemData[];
+    mobile?: NHMobileNavigationItemData[];
+    login?: NHLoginPopupData;
+    logo?: NHLogoData;
+    buttons?: ButtonProps[];
 }
 export type SetupRouteChangeHandler = (handler: () => void) => void;

package/build/esm/components/NewHeader/models.js

@@ -1,17 +1,6 @@
 export var NHNavigationItemType;
 (function (NHNavigationItemType) {
-    NHNavigationItemType["NHMediumPopup"] = "medium-popup";
     NHNavigationItemType["NHProductsPopup"] = "products-popup";
-    NHNavigationItemType["NHSolutionsPopup"] = "solutions-popup";
-    NHNavigationItemType["NHWhyPopup"] = "why-popup";
-    NHNavigationItemType["NHResourcesPopup"] = "resources-popup";
-    NHNavigationItemType["NHCompanyPopup"] = "company-popup";
-    NHNavigationItemType["NHInvestorPopup"] = "investor-popup";
+    NHNavigationItemType["NHDefaultPopup"] = "default-popup";
     NHNavigationItemType["Link"] = "link";
 })(NHNavigationItemType || (NHNavigationItemType = {}));
-export var NHNavigationTagColor;
-(function (NHNavigationTagColor) {
-    NHNavigationTagColor["Green"] = "green";
-    NHNavigationTagColor["Yellow"] = "yellow";
-    NHNavigationTagColor["Blue"] = "blue";
-})(NHNavigationTagColor || (NHNavigationTagColor = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor-addons",
-  "version": "2.1.31",
+  "version": "2.1.33",
   "description": "Components and plugins for @doyourjob/gravity-ui-page-constructor",
   "license": "MIT",
   "repository": {
@@ -72,7 +72,7 @@
     "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
-    "@doyourjob/gravity-ui-page-constructor": "^5.31.32",
+    "@doyourjob/gravity-ui-page-constructor": "^5.31.256",
     "@gravity-ui/uikit": "^6.23.1",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },

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

@@ -1,30 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.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);
-  overflow: auto;
-  max-width: 900px;
-  margin-left: auto;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-nh-company-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-nh-company-popup__container {
-  padding: 20px;
-  display: flex;
-}
-
-.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;
-  font-weight: 500;
-  color: #9fb1bd;
-}

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

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

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 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(NHPopupItem_1.NHPopupItem, Object.assign({ key: item.title, hover: true }, item)))))))))));
-exports.NHCompanyPopup = NHCompanyPopup;

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

@@ -1,86 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.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);
-  overflow: auto;
-  max-width: 900px;
-  margin-left: auto;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-nh-investor-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-nh-investor-popup__container {
-  padding: 32px;
-  display: flex;
-}
-
-.pc-addons-nh-investor-popup__wrap {
-  display: flex;
-  flex-direction: column;
-  gap: 24px;
-  padding: 0;
-  flex: 1;
-}
-
-.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-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-nh-investor-popup__card {
-  background-color: #f2f4f5;
-  border-radius: 8px;
-  width: 268px;
-  padding: 20px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-.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-nh-investor-popup__card-wrap {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.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-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;
-  color: #9fb1bd;
-}

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

@@ -1,3 +0,0 @@
-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/NHInvestorPopup/NHInvestorPopup.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 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(NHPopupItem_1.NHPopupItem, Object.assign({ key: item.title, hover: true }, item)))))),
-    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.NHInvestorPopup = NHInvestorPopup;

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

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

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

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

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

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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 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(NHPopupItem_1.NHPopupItem, Object.assign({}, item, { key: item.title, hover: true })))))))));
-exports.NHMediumPopup = NHMediumPopup;