@gravity-ui/page-constructor 5.2.0 → 5.4.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/components/Media/DataLens/DataLens.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
+const localeContext_1 = require("../../../context/localeContext");
 const utils_1 = require("../../../utils");
 const i18n_1 = require("./i18n");
 const utils_2 = require("./utils");
@@ -9,7 +10,8 @@ const b = (0, utils_1.block)('media-component-data-lens');
 const DataLens = (props) => {
     const { dataLens } = props;
     const dataLensData = (0, utils_2.unifyDataLensToObject)(dataLens);
+    const locale = (0, react_1.useContext)(localeContext_1.LocaleContext);
     return dataLens ? (react_1.default.createElement("div", { className: b('wrap') },
-        react_1.default.createElement("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}`, className: b('iframe'), loading: "lazy", title: (0, i18n_1.i18n)('iframe-title'), frameBorder: 0 }))) : null;
+        react_1.default.createElement("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}&_lang=${locale.lang}`, className: b('iframe'), loading: "lazy", title: (0, i18n_1.i18n)('iframe-title'), frameBorder: 0 }))) : null;
 };
 exports.default = DataLens;

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/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/components/Media/DataLens/DataLens.js

@@ -1,4 +1,5 @@
-import React from 'react';
+import React, { useContext } from 'react';
+import { LocaleContext } from '../../../context/localeContext';
 import { block } from '../../../utils';
 import { i18n } from './i18n';
 import { unifyDataLensToObject } from './utils';
@@ -7,7 +8,8 @@ const b = block('media-component-data-lens');
 const DataLens = (props) => {
     const { dataLens } = props;
     const dataLensData = unifyDataLensToObject(dataLens);
+    const locale = useContext(LocaleContext);
     return dataLens ? (React.createElement("div", { className: b('wrap') },
-        React.createElement("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}`, className: b('iframe'), loading: "lazy", title: i18n('iframe-title'), frameBorder: 0 }))) : null;
+        React.createElement("iframe", { src: `https://datalens.yandex/${dataLensData.id}?_embedded=1&_theme=${dataLensData.theme}&_lang=${locale.lang}`, className: b('iframe'), loading: "lazy", title: i18n('iframe-title'), frameBorder: 0 }))) : null;
 };
 export default DataLens;

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/package.json

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