@gravity-ui/page-constructor 5.3.0 → 5.5.0

package/build/cjs/components/InnerForm/InnerForm.js

@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const __1 = require("..");
+const FormsContext_1 = require("../../context/formsContext/FormsContext");
 const models_1 = require("../../models");
 const sub_blocks_1 = require("../../sub-blocks");
 const InnerForm = (props) => {
     const { formData, onContentLoad, className } = props;
+    const formsConfig = (0, react_1.useContext)(FormsContext_1.FormsContext);
     (0, react_1.useEffect)(() => {
         if ((0, models_1.isHubspotDataForm)(formData)) {
             onContentLoad();
@@ -15,13 +17,13 @@ const InnerForm = (props) => {
     if ((0, models_1.isYandexDataForm)(formData)) {
         const _a = formData.yandex, { onLoad } = _a, rest = tslib_1.__rest(_a, ["onLoad"]);
         return (react_1.default.createElement("div", { className: className },
-            react_1.default.createElement(__1.YandexForm, Object.assign({}, rest, { onLoad: () => {
+            react_1.default.createElement(__1.YandexForm, Object.assign({}, formsConfig.yandex, rest, { onLoad: () => {
                     onContentLoad();
                     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
                 } }))));
     }
     if ((0, models_1.isHubspotDataForm)(formData)) {
-        return react_1.default.createElement(sub_blocks_1.HubspotForm, Object.assign({ createDOMElement: true }, formData.hubspot));
+        return (react_1.default.createElement(sub_blocks_1.HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, formData.hubspot)));
     }
     return null;
 };

package/build/cjs/containers/PageConstructor/Provider.d.ts

@@ -1,4 +1,5 @@
 import { AnalyticsContextProps } from '../../context/analyticsContext';
+import { FormsContextProps } from '../../context/formsContext/FormsContext';
 import { ImageContextProps } from '../../context/imageContext';
 import { LocaleContextProps } from '../../context/localeContext';
 import { LocationContextProps } from '../../context/locationContext';
@@ -15,6 +16,7 @@ export interface PageConstructorProviderProps {
     mapsContext?: MapsContextType;
     projectSettings?: ProjectSettingsContextProps;
     analytics?: AnalyticsContextProps;
+    forms?: FormsContextProps;
     image?: ImageContextProps;
 }
 export declare const PageConstructorProvider: (props: WithChildren<PageConstructorProviderProps>) => JSX.Element;

package/build/cjs/containers/PageConstructor/Provider.js

@@ -5,6 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const constants_1 = require("../../components/constants");
 const analyticsContext_1 = require("../../context/analyticsContext");
+const FormsContext_1 = require("../../context/formsContext/FormsContext");
 const imageContext_1 = require("../../context/imageContext");
 const localeContext_1 = require("../../context/localeContext");
 const locationContext_1 = require("../../context/locationContext");
@@ -14,7 +15,7 @@ const projectSettingsContext_1 = require("../../context/projectSettingsContext")
 const ssrContext_1 = require("../../context/ssrContext");
 const theme_1 = require("../../context/theme");
 const PageConstructorProvider = (props) => {
-    const { isMobile, mapsContext = mapsContext_1.initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, image = {}, } = props;
+    const { isMobile, mapsContext = mapsContext_1.initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = constants_1.DEFAULT_THEME, children, image = {}, forms = FormsContext_1.DEFAULT_FORMS_CONTEXT_VALUE, } = props;
     /* eslint-disable react/jsx-key */
     const context = [
         react_1.default.createElement(theme_1.ThemeContext.Provider, { value: { theme } }),
@@ -25,6 +26,7 @@ const PageConstructorProvider = (props) => {
         react_1.default.createElement(mobileContext_1.MobileContext.Provider, { value: Boolean(isMobile) }),
         react_1.default.createElement(mapsContext_1.MapsContext.Provider, { value: mapsContext }),
         react_1.default.createElement(analyticsContext_1.AnalyticsContext.Provider, { value: analytics }),
+        react_1.default.createElement(FormsContext_1.FormsContext.Provider, { value: forms }),
         react_1.default.createElement(ssrContext_1.SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
     ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);
     /* eslint-enable react/jsx-key */

package/build/cjs/context/formsContext/FormsContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { YandexFormProps } from '../../models/constructor-items/common';
+import { HubspotFormProps } from '../../models/constructor-items/sub-blocks';
+export declare const DEFAULT_FORMS_CONTEXT_VALUE: FormsContextProps;
+export interface FormsContextProps {
+    yandex?: YandexFormsContextProps;
+    hubspot?: HubspotFormsContextProps;
+}
+export interface YandexFormsContextProps extends Partial<Pick<YandexFormProps, 'customFormOrigin'>> {
+}
+export interface HubspotFormsContextProps extends Partial<Pick<HubspotFormProps, 'createDOMElement'>> {
+}
+export declare const FormsContext: React.Context<FormsContextProps>;

package/build/cjs/context/formsContext/FormsContext.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormsContext = exports.DEFAULT_FORMS_CONTEXT_VALUE = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+exports.DEFAULT_FORMS_CONTEXT_VALUE = {};
+exports.FormsContext = react_1.default.createContext(exports.DEFAULT_FORMS_CONTEXT_VALUE);

package/build/cjs/context/formsContext/index.d.ts

@@ -0,0 +1 @@
+export * from './FormsContext';

package/build/cjs/context/formsContext/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./FormsContext"), exports);

package/build/cjs/models/navigation.d.ts

@@ -70,6 +70,7 @@ export interface HeaderData {
     rightItems?: NavigationItemModel[];
     iconSize?: number;
     withBorder?: boolean;
+    withBorderOnScroll?: boolean;
 }
 export interface FooterColumn {
     title: string;

package/build/cjs/navigation/components/Navigation/Navigation.js

@@ -12,7 +12,7 @@ const DesktopNavigation_1 = tslib_1.__importDefault(require("../DesktopNavigatio
 const MobileNavigation_1 = tslib_1.__importDefault(require("../MobileNavigation/MobileNavigation"));
 const b = (0, utils_1.block)('navigation');
 const Navigation = ({ data, logo, className }) => {
-    const { leftItems, rightItems, iconSize = 20, withBorder = false } = data;
+    const { leftItems, rightItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
     const [isSidebarOpened, setIsSidebarOpened] = (0, react_1.useState)(false);
     const [activeItemId, setActiveItemId] = (0, react_1.useState)(undefined);
     const [showBorder, setShowBorder] = (0, react_1.useState)(withBorder);
@@ -24,6 +24,8 @@ const Navigation = ({ data, logo, className }) => {
     };
     const onSidebarOpenedChange = (isOpen) => setIsSidebarOpened(isOpen);
     (0, react_1.useEffect)(() => {
+        if (!withBorderOnScroll)
+            return () => { };
         const showBorderOnScroll = () => {
             if (!showBorder) {
                 setShowBorder(window.scrollY > 0);

package/build/esm/components/InnerForm/InnerForm.js

@@ -1,10 +1,12 @@
 import { __rest } from "tslib";
-import React, { useEffect } from 'react';
+import React, { useContext, useEffect } from 'react';
 import { YandexForm } from '..';
+import { FormsContext, } from '../../context/formsContext/FormsContext';
 import { isHubspotDataForm, isYandexDataForm } from '../../models';
 import { HubspotForm } from '../../sub-blocks';
 const InnerForm = (props) => {
     const { formData, onContentLoad, className } = props;
+    const formsConfig = useContext(FormsContext);
     useEffect(() => {
         if (isHubspotDataForm(formData)) {
             onContentLoad();
@@ -13,13 +15,13 @@ const InnerForm = (props) => {
     if (isYandexDataForm(formData)) {
         const _a = formData.yandex, { onLoad } = _a, rest = __rest(_a, ["onLoad"]);
         return (React.createElement("div", { className: className },
-            React.createElement(YandexForm, Object.assign({}, rest, { onLoad: () => {
+            React.createElement(YandexForm, Object.assign({}, formsConfig.yandex, rest, { onLoad: () => {
                     onContentLoad();
                     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
                 } }))));
     }
     if (isHubspotDataForm(formData)) {
-        return React.createElement(HubspotForm, Object.assign({ createDOMElement: true }, formData.hubspot));
+        return (React.createElement(HubspotForm, Object.assign({ createDOMElement: true }, formsConfig.hubspot, formData.hubspot)));
     }
     return null;
 };

package/build/esm/containers/PageConstructor/Provider.d.ts

@@ -1,4 +1,5 @@
 import { AnalyticsContextProps } from '../../context/analyticsContext';
+import { FormsContextProps } from '../../context/formsContext/FormsContext';
 import { ImageContextProps } from '../../context/imageContext';
 import { LocaleContextProps } from '../../context/localeContext';
 import { LocationContextProps } from '../../context/locationContext';
@@ -15,6 +16,7 @@ export interface PageConstructorProviderProps {
     mapsContext?: MapsContextType;
     projectSettings?: ProjectSettingsContextProps;
     analytics?: AnalyticsContextProps;
+    forms?: FormsContextProps;
     image?: ImageContextProps;
 }
 export declare const PageConstructorProvider: (props: WithChildren<PageConstructorProviderProps>) => JSX.Element;

package/build/esm/containers/PageConstructor/Provider.js

@@ -1,6 +1,7 @@
 import React, { Fragment } from 'react';
 import { DEFAULT_THEME } from '../../components/constants';
 import { AnalyticsContext } from '../../context/analyticsContext';
+import { DEFAULT_FORMS_CONTEXT_VALUE, FormsContext, } from '../../context/formsContext/FormsContext';
 import { ImageContext } from '../../context/imageContext';
 import { LocaleContext } from '../../context/localeContext';
 import { LocationContext } from '../../context/locationContext';
@@ -10,7 +11,7 @@ import { ProjectSettingsContext, } from '../../context/projectSettingsContext';
 import { SSRContext } from '../../context/ssrContext';
 import { ThemeContext } from '../../context/theme';
 export const PageConstructorProvider = (props) => {
-    const { isMobile, mapsContext = initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = DEFAULT_THEME, children, image = {}, } = props;
+    const { isMobile, mapsContext = initialMapValue, locale = {}, location = {}, analytics = {}, ssrConfig = {}, projectSettings = {}, theme = DEFAULT_THEME, children, image = {}, forms = DEFAULT_FORMS_CONTEXT_VALUE, } = props;
     /* eslint-disable react/jsx-key */
     const context = [
         React.createElement(ThemeContext.Provider, { value: { theme } }),
@@ -21,6 +22,7 @@ export const PageConstructorProvider = (props) => {
         React.createElement(MobileContext.Provider, { value: Boolean(isMobile) }),
         React.createElement(MapsContext.Provider, { value: mapsContext }),
         React.createElement(AnalyticsContext.Provider, { value: analytics }),
+        React.createElement(FormsContext.Provider, { value: forms }),
         React.createElement(SSRContext.Provider, { value: { isServer: ssrConfig === null || ssrConfig === void 0 ? void 0 : ssrConfig.isServer } }),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
     /* eslint-enable react/jsx-key */

package/build/esm/context/formsContext/FormsContext.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { YandexFormProps } from '../../models/constructor-items/common';
+import { HubspotFormProps } from '../../models/constructor-items/sub-blocks';
+export declare const DEFAULT_FORMS_CONTEXT_VALUE: FormsContextProps;
+export interface FormsContextProps {
+    yandex?: YandexFormsContextProps;
+    hubspot?: HubspotFormsContextProps;
+}
+export interface YandexFormsContextProps extends Partial<Pick<YandexFormProps, 'customFormOrigin'>> {
+}
+export interface HubspotFormsContextProps extends Partial<Pick<HubspotFormProps, 'createDOMElement'>> {
+}
+export declare const FormsContext: React.Context<FormsContextProps>;

package/build/esm/context/formsContext/FormsContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const DEFAULT_FORMS_CONTEXT_VALUE = {};
+export const FormsContext = React.createContext(DEFAULT_FORMS_CONTEXT_VALUE);

package/build/esm/context/formsContext/index.d.ts

@@ -0,0 +1 @@
+export * from './FormsContext';

package/build/esm/context/formsContext/index.js

@@ -0,0 +1 @@
+export * from './FormsContext';

package/build/esm/models/navigation.d.ts

@@ -70,6 +70,7 @@ export interface HeaderData {
     rightItems?: NavigationItemModel[];
     iconSize?: number;
     withBorder?: boolean;
+    withBorderOnScroll?: boolean;
 }
 export interface FooterColumn {
     title: string;

package/build/esm/navigation/components/Navigation/Navigation.js

@@ -9,7 +9,7 @@ import MobileNavigation from '../MobileNavigation/MobileNavigation';
 import './Navigation.css';
 const b = block('navigation');
 export const Navigation = ({ data, logo, className }) => {
-    const { leftItems, rightItems, iconSize = 20, withBorder = false } = data;
+    const { leftItems, rightItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
     const [isSidebarOpened, setIsSidebarOpened] = useState(false);
     const [activeItemId, setActiveItemId] = useState(undefined);
     const [showBorder, setShowBorder] = useState(withBorder);
@@ -21,6 +21,8 @@ export const Navigation = ({ data, logo, className }) => {
     };
     const onSidebarOpenedChange = (isOpen) => setIsSidebarOpened(isOpen);
     useEffect(() => {
+        if (!withBorderOnScroll)
+            return () => { };
         const showBorderOnScroll = () => {
             if (!showBorder) {
                 setShowBorder(window.scrollY > 0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.3.0",
+  "version": "5.5.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/server/models/navigation.d.ts

@@ -70,6 +70,7 @@ export interface HeaderData {
     rightItems?: NavigationItemModel[];
     iconSize?: number;
     withBorder?: boolean;
+    withBorderOnScroll?: boolean;
 }
 export interface FooterColumn {
     title: string;