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

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

@@ -1,6 +1,5 @@
 import type { ButtonProps, LinkProps } from '@doyourjob/gravity-ui-page-constructor';
 export declare enum NHNavigationItemType {
-    NHProductsPopup = "products-popup",
     NHDefaultPopup = "default-popup",
     Link = "link"
 }
@@ -29,29 +28,13 @@ export interface NHProductBannerData {
     color?: string;
     border?: boolean;
 }
-export interface NHProductsPopupSectionBase {
-    title: string;
-    subtitle: string;
-    items?: NHPopupItemData[];
-}
-export interface NHProductsPopupSectionRun extends NHProductsPopupSectionBase {
-    mode: 'run';
-}
-export interface NHProductsPopupSectionScale extends NHProductsPopupSectionBase {
-    mode: 'scale';
-    banner?: NHProductBannerData;
-}
-export type NHProductsPopupSection = NHProductsPopupSectionRun | NHProductsPopupSectionScale | NHProductsPopupSectionBase;
-export interface NHProductsPopupData {
-    primaryColor?: string;
-    primaryColorHover?: string;
-    sections: NHProductsPopupSection[];
-}
 export interface NHDefaultPopupSection {
     title: string;
     subtitle: string;
     items: NHPopupItemData[];
     columns?: number;
+    mode?: 'run' | 'scale' | 'build';
+    banner?: NHProductBannerData;
 }
 export interface NHStoryCardData {
     title: string;
@@ -66,6 +49,11 @@ export interface NHEventCardData {
     image: string;
     url: string;
 }
+export interface NHStockData {
+    title?: string;
+    image?: string;
+    delayed?: string;
+}
 export interface NHDefaultPopupData {
     sections: NHDefaultPopupSection[];
     maxWidth?: number;
@@ -75,8 +63,7 @@ export interface NHDefaultPopupData {
         title: string;
         stories?: NHStoryCardData[];
         events?: NHEventCardData[];
-        stock?: boolean;
-        stockImage?: string;
+        stock?: NHStockData;
     };
 }
 export interface NHLoginItemData {
@@ -95,35 +82,14 @@ export interface NHNavigationLinkData extends NHNavigationDefaultData {
     type: NHNavigationItemType.Link;
     data: LinkProps;
 }
-export interface NHNavigationProductsPopupData extends NHNavigationDefaultData {
-    type: NHNavigationItemType.NHProductsPopup;
-    data: NHProductsPopupData;
-}
 export interface NHNavigationDefaultPopupData extends NHNavigationDefaultData {
     type: NHNavigationItemType.NHDefaultPopup;
     data: NHDefaultPopupData;
 }
-export type NHNavigationItemData = NHNavigationLinkData | NHNavigationProductsPopupData | NHNavigationDefaultPopupData;
-export interface NHMobileNavigationDefaultData {
-    title: string;
-}
-export interface NHMobileNavigationLinkData extends NHMobileNavigationDefaultData {
-    link: LinkProps;
-}
-export interface NHMobileNavigationGroupData extends NHMobileNavigationDefaultData {
-    data: {
-        title?: string;
-        items: {
-            title: string;
-            url: string;
-        }[];
-    }[];
-}
-export type NHMobileNavigationItemData = NHMobileNavigationLinkData | NHMobileNavigationGroupData;
+export type NHNavigationItemData = NHNavigationLinkData | NHNavigationDefaultPopupData;
 export interface NHNavigationData {
     left?: NHNavigationItemData[];
     right?: NHNavigationItemData[];
-    mobile?: NHMobileNavigationItemData[];
     login?: NHLoginPopupData;
     logo?: NHLogoData;
     buttons?: ButtonProps[];

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

@@ -1,6 +1,5 @@
 export var NHNavigationItemType;
 (function (NHNavigationItemType) {
-    NHNavigationItemType["NHProductsPopup"] = "products-popup";
     NHNavigationItemType["NHDefaultPopup"] = "default-popup";
     NHNavigationItemType["Link"] = "link";
 })(NHNavigationItemType || (NHNavigationItemType = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor-addons",
-  "version": "2.1.33",
+  "version": "2.1.35",
   "description": "Components and plugins for @doyourjob/gravity-ui-page-constructor",
   "license": "MIT",
   "repository": {

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

@@ -1,118 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-nh-products-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;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-nh-products-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-nh-products-popup > div + div {
-  border-top: 1px solid var(--g-color-line-generic-solid);
-}
-
-.pc-addons-nh-products-popup__section {
-  display: flex;
-  padding: 24px 32px;
-}
-
-.pc-addons-nh-products-popup__section-head {
-  display: flex;
-  flex-direction: column;
-  width: 200px;
-  padding-right: 32px;
-  flex-shrink: 0;
-  gap: 2px;
-}
-
-.pc-addons-nh-products-popup__title {
-  font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
-  line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
-  color: var(--g-color-text-primary);
-  font-weight: 500;
-}
-
-.pc-addons-nh-products-popup__subtitle {
-  font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
-  line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
-  color: var(--g-color-text-secondary);
-}
-
-.pc-addons-nh-products-popup__wrap, .pc-addons-nh-products-popup__wrap-scale {
-  display: grid;
-  gap: 24px 40px;
-  align-items: flex-start;
-}
-
-.pc-addons-nh-products-popup__wrap {
-  grid-template-columns: 1fr 1fr 1fr;
-}
-
-.pc-addons-nh-products-popup__wrap-scale {
-  grid-template-columns: repeat(12, 1fr);
-}
-
-.pc-addons-nh-products-popup__wrap-scale > a {
-  grid-column: span 4;
-  grid-row: 1;
-}
-
-.pc-addons-nh-products-popup__wrap-scale > .pc-addons-nh-products-popup__wrap:empty {
-  display: none;
-}
-
-.pc-addons-nh-products-popup__wrap-scale > a + .pc-addons-nh-products-popup__wrap {
-  grid-column: span 8;
-}
-
-.pc-addons-nh-products-popup__wrap-scale > .pc-addons-nh-products-popup__wrap:last-child {
-  grid-column: span 12;
-}
-
-.pc-addons-nh-products-popup__banner {
-  color: inherit;
-  text-decoration: none;
-  grid-area: 1/3/3/4;
-  border-radius: 16px;
-  padding: 16px;
-  display: flex;
-  gap: 20px;
-  background: var(--nh-products-banner-background, transparent);
-}
-
-.pc-addons-nh-products-popup__banner_border {
-  border: 1px solid var(--g-color-line-generic-solid);
-}
-
-.pc-addons-nh-products-popup__banner-wrap {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  gap: 4px;
-}
-
-.pc-addons-nh-products-popup__banner-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));
-  color: var(--nh-products-banner-color, var(--g-color-text-primary));
-  font-weight: 600;
-}
-
-.pc-addons-nh-products-popup__banner-description {
-  font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
-  line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
-  color: var(--nh-products-banner-color, var(--g-color-text-secondary));
-}
-
-.pc-addons-nh-products-popup__banner-image {
-  display: block;
-  width: 86px;
-  aspect-ratio: 1;
-}

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

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

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

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NHProductsPopup = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
-const cn_1 = require("../../../../utils/cn");
-const NHPopupItem_1 = require("../NHPopupItem/NHPopupItem");
-const b = (0, cn_1.block)('nh-products-popup');
-const NHBanner = ({ title, description, image, url, background, color, border, }) => {
-    const styles = (0, react_1.useMemo)(() => (Object.assign(Object.assign({}, (background ? { '--nh-products-banner-background': background } : {})), (color ? { '--nh-products-banner-color': color } : {}))), [background, color]);
-    return (react_1.default.createElement("a", Object.assign({ href: url, className: b('banner', { border }), style: styles }, (0, gravity_ui_page_constructor_1.getLinkProps)(url)),
-        react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('banner-image'), src: image }),
-        react_1.default.createElement("div", { className: b('banner-wrap') },
-            react_1.default.createElement("div", { className: b('banner-title') }, title),
-            react_1.default.createElement("div", { className: b('banner-description') }, description))));
-};
-const NHProductsPopup = ({ sections, primaryColor, primaryColorHover, }) => (react_1.default.createElement("div", { className: b() }, sections.map((section) => {
-    var _a, _b, _c, _d, _e;
-    let content;
-    if ('mode' in section && section.mode === 'run') {
-        content = (react_1.default.createElement("div", { className: b('wrap-scale') },
-            ((_a = section.items) === null || _a === void 0 ? void 0 : _a[0]) && react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({}, section.items[0], { column: true })),
-            react_1.default.createElement("div", { className: b('wrap') }, (_b = section.items) === null || _b === void 0 ? void 0 : _b.slice(1, 4).map((item, cardIndex) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: `${item.title}-${cardIndex + 1}` }, item, { column: true }))))),
-            react_1.default.createElement("div", { className: b('wrap') }, (_c = section.items) === null || _c === void 0 ? void 0 : _c.slice(4).map((item, cardIndex) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: `${item.title}-${cardIndex + 4}` }, item, { column: true })))))));
-    }
-    else if ('mode' in section && section.mode === 'scale') {
-        content = (react_1.default.createElement("div", { className: b('wrap') }, (_d = section.items) === null || _d === void 0 ? void 0 :
-            _d.map((item, itemIndex) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}`, imageColor: primaryColor, imageColorHover: primaryColorHover }, item)))),
-            section.banner && react_1.default.createElement(NHBanner, Object.assign({}, section.banner))));
-    }
-    else {
-        content = (react_1.default.createElement("div", { className: b('wrap') }, (_e = section.items) === null || _e === void 0 ? void 0 :
-            _e.map((item, itemIndex) => (react_1.default.createElement(NHPopupItem_1.NHPopupItem, Object.assign({ key: `${item.title}-${itemIndex}`, imageColor: primaryColor, imageColorHover: primaryColorHover }, item)))),
-            ' '));
-    }
-    return (react_1.default.createElement("div", { className: b('section'), key: section.title },
-        react_1.default.createElement("div", { className: b('section-head') },
-            react_1.default.createElement("div", { className: b('title') }, section.title),
-            react_1.default.createElement("div", { className: b('subtitle') }, section.subtitle)),
-        content));
-})));
-exports.NHProductsPopup = NHProductsPopup;

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

@@ -1,118 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-addons-nh-products-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;
-  width: 100%;
-  border-radius: var(--pc-border-radius, 24px);
-  scrollbar-width: none;
-}
-
-.pc-addons-nh-products-popup::-webkit-scrollbar {
-  display: none;
-}
-
-.pc-addons-nh-products-popup > div + div {
-  border-top: 1px solid var(--g-color-line-generic-solid);
-}
-
-.pc-addons-nh-products-popup__section {
-  display: flex;
-  padding: 24px 32px;
-}
-
-.pc-addons-nh-products-popup__section-head {
-  display: flex;
-  flex-direction: column;
-  width: 200px;
-  padding-right: 32px;
-  flex-shrink: 0;
-  gap: 2px;
-}
-
-.pc-addons-nh-products-popup__title {
-  font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
-  line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
-  color: var(--g-color-text-primary);
-  font-weight: 500;
-}
-
-.pc-addons-nh-products-popup__subtitle {
-  font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
-  line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
-  color: var(--g-color-text-secondary);
-}
-
-.pc-addons-nh-products-popup__wrap, .pc-addons-nh-products-popup__wrap-scale {
-  display: grid;
-  gap: 24px 40px;
-  align-items: flex-start;
-}
-
-.pc-addons-nh-products-popup__wrap {
-  grid-template-columns: 1fr 1fr 1fr;
-}
-
-.pc-addons-nh-products-popup__wrap-scale {
-  grid-template-columns: repeat(12, 1fr);
-}
-
-.pc-addons-nh-products-popup__wrap-scale > a {
-  grid-column: span 4;
-  grid-row: 1;
-}
-
-.pc-addons-nh-products-popup__wrap-scale > .pc-addons-nh-products-popup__wrap:empty {
-  display: none;
-}
-
-.pc-addons-nh-products-popup__wrap-scale > a + .pc-addons-nh-products-popup__wrap {
-  grid-column: span 8;
-}
-
-.pc-addons-nh-products-popup__wrap-scale > .pc-addons-nh-products-popup__wrap:last-child {
-  grid-column: span 12;
-}
-
-.pc-addons-nh-products-popup__banner {
-  color: inherit;
-  text-decoration: none;
-  grid-area: 1/3/3/4;
-  border-radius: 16px;
-  padding: 16px;
-  display: flex;
-  gap: 20px;
-  background: var(--nh-products-banner-background, transparent);
-}
-
-.pc-addons-nh-products-popup__banner_border {
-  border: 1px solid var(--g-color-line-generic-solid);
-}
-
-.pc-addons-nh-products-popup__banner-wrap {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  gap: 4px;
-}
-
-.pc-addons-nh-products-popup__banner-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));
-  color: var(--nh-products-banner-color, var(--g-color-text-primary));
-  font-weight: 600;
-}
-
-.pc-addons-nh-products-popup__banner-description {
-  font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
-  line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
-  color: var(--nh-products-banner-color, var(--g-color-text-secondary));
-}
-
-.pc-addons-nh-products-popup__banner-image {
-  display: block;
-  width: 86px;
-  aspect-ratio: 1;
-}

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { NHProductsPopupData } from '../../models';
-import './NHProductsPopup.css';
-export declare const NHProductsPopup: ({ sections, primaryColor, primaryColorHover, }: NHProductsPopupData) => React.JSX.Element;

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

@@ -1,39 +0,0 @@
-import React, { useMemo } from 'react';
-import { Image, getLinkProps } from '@doyourjob/gravity-ui-page-constructor';
-import { block } from '../../../../utils/cn';
-import { NHPopupItem } from '../NHPopupItem/NHPopupItem';
-import './NHProductsPopup.css';
-const b = block('nh-products-popup');
-const NHBanner = ({ title, description, image, url, background, color, border, }) => {
-    const styles = useMemo(() => (Object.assign(Object.assign({}, (background ? { '--nh-products-banner-background': background } : {})), (color ? { '--nh-products-banner-color': color } : {}))), [background, color]);
-    return (React.createElement("a", Object.assign({ href: url, className: b('banner', { border }), style: styles }, getLinkProps(url)),
-        React.createElement(Image, { className: b('banner-image'), src: image }),
-        React.createElement("div", { className: b('banner-wrap') },
-            React.createElement("div", { className: b('banner-title') }, title),
-            React.createElement("div", { className: b('banner-description') }, description))));
-};
-export const NHProductsPopup = ({ sections, primaryColor, primaryColorHover, }) => (React.createElement("div", { className: b() }, sections.map((section) => {
-    var _a, _b, _c, _d, _e;
-    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], { 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)))),
-            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)))),
-            ' '));
-    }
-    return (React.createElement("div", { className: b('section'), key: section.title },
-        React.createElement("div", { className: b('section-head') },
-            React.createElement("div", { className: b('title') }, section.title),
-            React.createElement("div", { className: b('subtitle') }, section.subtitle)),
-        content));
-})));