npm - @gravity-ui/page-constructor - Versions diffs - 6.3.0 → 6.3.2-alpha.0 - Mend

@gravity-ui/page-constructor 6.3.0 → 6.3.2-alpha.0

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 (536) hide show

package/build/cjs/constructor-items.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":";;;;AAAA,8CAoBkB;AAClB,mDAAiD;AACjD,8CAAqE;AACrE,oFAKgD;AAChD,0GAAuE;AACvE,sDAYsB;AAET,QAAA,QAAQ,GAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,qBAAqB,CAAC,EAAE,8BAAqB;IACxD,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,2BAAkB;IAClD,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,uBAAc;IAC1C,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,uBAAc;IAC1C,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,iBAAiB,CAAC,EAAE,0BAAiB;IAChD,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,wBAAe;IAC5C,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,2BAAkB;IAClD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,iBAAQ;IAC9B,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,WAAW;IACX,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,yBAAc;CAC7C,CAAC;AAEW,QAAA,WAAW,GAAG;IACvB,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,oBAAO;IAC/B,CAAC,qBAAY,CAAC,aAAa,CAAC,EAAE,0BAAa;IAC3C,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,uBAAU;IACrC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,uBAAU;IACrC,CAAC,qBAAY,CAAC,cAAc,CAAC,EAAE,2BAAc;IAC7C,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,oBAAO;IAC/B,CAAC,qBAAY,CAAC,KAAK,CAAC,EAAE,kBAAK;IAC3B,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;CACtC,CAAC;AAEW,QAAA,UAAU,GAAG;IACtB,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,iCAAgB;IAC7C,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,oBAAU;IACvC,CAAC,2BAAkB,CAAC,QAAQ,CAAC,EAAE,mCAAkB;IACjD,CAAC,2BAAkB,CAAC,IAAI,CAAC,EAAE,+BAAc;IACzC,CAAC,2BAAkB,CAAC,YAAY,CAAC,EAAE,6BAAY;CAClD,CAAC","sourcesContent":["import {\n BannerBlock,\n CardLayoutBlock,\n CompaniesBlock,\n ContentLayoutBlock,\n ExtendedFeaturesBlock,\n FilterBlock,\n FormBlock,\n HeaderBlock,\n HeaderSliderBlock,\n IconsBlock,\n InfoBlock,\n MapBlock,\n MediaBlock,\n PromoFeaturesBlock,\n QuestionsBlock,\n ShareBlock,\n SliderBlock,\n TableBlock,\n TabsBlock,\n} from './blocks';\nimport {SliderNewBlock} from './blocks/unstable';\nimport {BlockType, NavigationItemType, SubBlockType} from './models';\nimport {\n GithubButton,\n NavigationButton,\n NavigationDropdown,\n NavigationLink,\n} from './navigation/components/NavigationItem';\nimport SocialIcon from './navigation/components/SocialIcon/SocialIcon';\nimport {\n BackgroundCard,\n BannerCard,\n BasicCard,\n Content,\n Divider,\n ImageCard,\n LayoutItem,\n MediaCard,\n PriceCard,\n PriceDetailed,\n Quote,\n} from './sub-blocks';\n\nexport const blockMap = {\n [BlockType.SliderBlock]: SliderBlock,\n [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,\n [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,\n [BlockType.QuestionsBlock]: QuestionsBlock,\n [BlockType.BannerBlock]: BannerBlock,\n [BlockType.CompaniesBlock]: CompaniesBlock,\n [BlockType.MediaBlock]: MediaBlock,\n [BlockType.InfoBlock]: InfoBlock,\n [BlockType.TableBlock]: TableBlock,\n [BlockType.TabsBlock]: TabsBlock,\n [BlockType.HeaderBlock]: HeaderBlock,\n [BlockType.IconsBlock]: IconsBlock,\n [BlockType.HeaderSliderBlock]: HeaderSliderBlock,\n [BlockType.CardLayoutBlock]: CardLayoutBlock,\n [BlockType.ContentLayoutBlock]: ContentLayoutBlock,\n [BlockType.ShareBlock]: ShareBlock,\n [BlockType.MapBlock]: MapBlock,\n [BlockType.FilterBlock]: FilterBlock,\n [BlockType.FormBlock]: FormBlock,\n // unstable\n [BlockType.SliderNewBlock]: SliderNewBlock,\n};\n\nexport const subBlockMap = {\n [SubBlockType.Divider]: Divider,\n [SubBlockType.PriceDetailed]: PriceDetailed,\n [SubBlockType.MediaCard]: MediaCard,\n [SubBlockType.BannerCard]: BannerCard,\n [SubBlockType.LayoutItem]: LayoutItem,\n [SubBlockType.BackgroundCard]: BackgroundCard,\n [SubBlockType.BasicCard]: BasicCard,\n [SubBlockType.Content]: Content,\n [SubBlockType.Quote]: Quote,\n [SubBlockType.PriceCard]: PriceCard,\n [SubBlockType.ImageCard]: ImageCard,\n};\n\nexport const navItemMap = {\n [NavigationItemType.Button]: NavigationButton,\n [NavigationItemType.Social]: SocialIcon,\n [NavigationItemType.Dropdown]: NavigationDropdown,\n [NavigationItemType.Link]: NavigationLink,\n [NavigationItemType.GithubButton]: GithubButton,\n};\n"]}
1	+ {"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":";;;;AAIA,8CAoBkB;AAClB,8EAAgD;AAChD,sFAAwD;AACxD,oFAAsD;AACtD,4FAA8D;AAC9D,kGAAoE;AACpE,wFAAqD;AACrD,0EAA4C;AAC5C,8EAAgD;AAChD,0FAA4D;AAC5D,4EAA8C;AAC9C,0EAA4C;AAC5C,wEAA0C;AAC1C,4EAA8C;AAC9C,sGAAmE;AACnE,oFAAsD;AACtD,4EAA8C;AAC9C,8EAAgD;AAChD,4EAA8C;AAC9C,0EAA4C;AAC5C,gGAA6D;AAC7D,0GAAuE;AACvE,mDAAiD;AACjD,8CAAqE;AACrE,sDAAgG;AAChG,0GAAuE;AACvE,sDAYsB;AACtB,kGAA+D;AAC/D,0FAAuD;AACvD,wFAAqD;AACrD,oFAAiD;AACjD,oFAAiD;AACjD,wFAAqD;AACrD,0FAAuD;AACvD,wFAAqD;AACrD,wFAAqD;AACrD,gGAA6D;AAC7D,gFAA6C;AAE7C;;;IAGI;AACS,QAAA,QAAQ,GAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,qBAAqB,CAAC,EAAE,8BAAqB;IACxD,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,2BAAkB;IAClD,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,uBAAc;IAC1C,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,uBAAc;IAC1C,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,iBAAiB,CAAC,EAAE,0BAAiB;IAChD,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,wBAAe;IAC5C,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,2BAAkB;IAClD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,mBAAU;IAClC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,iBAAQ;IAC9B,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,oBAAW;IACpC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,kBAAS;IAChC,WAAW;IACX,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,yBAAc;IAC1C,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,yBAAe;CAC/C,CAAC;AAEF;;;IAGI;AACS,QAAA,WAAW,GAAG;IACvB,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,oBAAO;IAC/B,CAAC,qBAAY,CAAC,aAAa,CAAC,EAAE,0BAAa;IAC3C,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,uBAAU;IACrC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,uBAAU;IACrC,CAAC,qBAAY,CAAC,cAAc,CAAC,EAAE,2BAAc;IAC7C,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,oBAAO;IAC/B,CAAC,qBAAY,CAAC,KAAK,CAAC,EAAE,kBAAK;IAC3B,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;IACnC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,sBAAS;CACtC,CAAC;AAEW,QAAA,UAAU,GAAG;IACtB,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,6BAAgB;IAC7C,CAAC,2BAAkB,CAAC,MAAM,CAAC,EAAE,oBAAU;IACvC,CAAC,2BAAkB,CAAC,QAAQ,CAAC,EAAE,+BAAkB;IACjD,CAAC,2BAAkB,CAAC,IAAI,CAAC,EAAE,2BAAc;IACzC,CAAC,2BAAkB,CAAC,YAAY,CAAC,EAAE,yBAAY;CAClD,CAAC;AASW,QAAA,YAAY,GAA8B;IACnD,CAAC,kBAAS,CAAC,qBAAqB,CAAC,EAAE,0BAA2B;IAC9D,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,4BAAwB;IACxD,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,mBAAoB;IAChD,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,gBAAiB;IAC1C,CAAC,kBAAS,CAAC,cAAc,CAAC,EAAE,mBAAoB;IAChD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,cAAe;IACtC,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,cAAe;IACtC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,gBAAiB;IAC1C,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,iBAAiB,CAAC,EAAE,sBAAuB;IACtD,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,oBAAqB;IAClD,CAAC,kBAAS,CAAC,kBAAkB,CAAC,EAAE,uBAAwB;IACxD,CAAC,kBAAS,CAAC,UAAU,CAAC,EAAE,eAAgB;IACxC,CAAC,kBAAS,CAAC,QAAQ,CAAC,EAAE,aAAc;IACpC,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,qBAAiB;IAC1C,CAAC,kBAAS,CAAC,SAAS,CAAC,EAAE,cAAe;IACtC,CAAC,kBAAS,CAAC,eAAe,CAAC,EAAE,yBAAqB;IAClD,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,gBAAiB;IAE1C,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,iBAAa;IACrC,CAAC,qBAAY,CAAC,aAAa,CAAC,EAAE,uBAAmB;IACjD,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;IACzC,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,oBAAgB;IAC3C,CAAC,qBAAY,CAAC,UAAU,CAAC,EAAE,oBAAgB;IAC3C,CAAC,qBAAY,CAAC,cAAc,CAAC,EAAE,wBAAoB;IACnD,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;IACzC,CAAC,qBAAY,CAAC,OAAO,CAAC,EAAE,iBAAa;IACrC,CAAC,qBAAY,CAAC,KAAK,CAAC,EAAE,eAAW;IACjC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;IACzC,CAAC,qBAAY,CAAC,SAAS,CAAC,EAAE,mBAAe;CAC5C,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockConfig} from '../common/types';\n\nimport {\n BannerBlock,\n CardLayoutBlock,\n CompaniesBlock,\n ContentLayoutBlock,\n ExtendedFeaturesBlock,\n FilterBlock,\n FormBlock,\n HeaderBlock,\n HeaderSliderBlock,\n IconsBlock,\n InfoBlock,\n MapBlock,\n MediaBlock,\n PromoFeaturesBlock,\n QuestionsBlock,\n ShareBlock,\n SliderBlock,\n TableBlock,\n TabsBlock,\n} from './blocks';\nimport BannerBlockConfig from './blocks/Banner';\nimport CardLayoutBlockConfig from './blocks/CardLayout';\nimport CompaniesBlockConfig from './blocks/Companies';\nimport ContentLayoutBlockConfig from './blocks/ContentLayout';\nimport ExtendedFeaturesBlockConfig from './blocks/ExtendedFeatures';\nimport FilterBlockConfig from './blocks/FilterBlock';\nimport FormBlockConfig from './blocks/Form';\nimport HeaderBlockConfig from './blocks/Header';\nimport HeaderSliderBlockConfig from './blocks/HeaderSlider';\nimport IconsBlockConfig from './blocks/Icons';\nimport InfoBlockConfig from './blocks/Info';\nimport MapBlockConfig from './blocks/Map';\nimport MediaBlockConfig from './blocks/Media';\nimport PromoFeaturesBlockConfig from './blocks/PromoFeaturesBlock';\nimport QuestionsBlockConfig from './blocks/Questions';\nimport ShareBlockConfig from './blocks/Share';\nimport SliderBlockConfig from './blocks/Slider';\nimport TableBlockConfig from './blocks/Table';\nimport TabsBlockConfig from './blocks/Tabs';\nimport TestEditorBlockConfig from './blocks/TestEditorBlock';\nimport TestEditorBlock from './blocks/TestEditorBlock/TestEditorBlock';\nimport {SliderNewBlock} from './blocks/unstable';\nimport {BlockType, NavigationItemType, SubBlockType} from './models';\nimport {GithubButton, NavigationButton, NavigationDropdown, NavigationLink} from './navigation';\nimport SocialIcon from './navigation/components/SocialIcon/SocialIcon';\nimport {\n BackgroundCard,\n BannerCard,\n BasicCard,\n Content,\n Divider,\n ImageCard,\n LayoutItem,\n MediaCard,\n PriceCard,\n PriceDetailed,\n Quote,\n} from './sub-blocks';\nimport BackgroundCardConfig from './sub-blocks/BackgroundCard';\nimport BannerCardConfig from './sub-blocks/BannerCard';\nimport BasicCardConfig from './sub-blocks/BasicCard';\nimport ContentConfig from './sub-blocks/Content';\nimport DividerConfig from './sub-blocks/Divider';\nimport ImageCardConfig from './sub-blocks/ImageCard';\nimport LayoutItemConfig from './sub-blocks/LayoutItem';\nimport MediaCardConfig from './sub-blocks/MediaCard';\nimport PriceCardConfig from './sub-blocks/PriceCard';\nimport PriceDetailedConfig from './sub-blocks/PriceDetailed';\nimport QuoteConfig from './sub-blocks/Quote';\n\n/*\n TODO: remove it\n * @deprecated use blockDataMap\n /\nexport const blockMap = {\n [BlockType.SliderBlock]: SliderBlock,\n [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,\n [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,\n [BlockType.QuestionsBlock]: QuestionsBlock,\n [BlockType.BannerBlock]: BannerBlock,\n [BlockType.CompaniesBlock]: CompaniesBlock,\n [BlockType.MediaBlock]: MediaBlock,\n [BlockType.InfoBlock]: InfoBlock,\n [BlockType.TableBlock]: TableBlock,\n [BlockType.TabsBlock]: TabsBlock,\n [BlockType.HeaderBlock]: HeaderBlock,\n [BlockType.IconsBlock]: IconsBlock,\n [BlockType.HeaderSliderBlock]: HeaderSliderBlock,\n [BlockType.CardLayoutBlock]: CardLayoutBlock,\n [BlockType.ContentLayoutBlock]: ContentLayoutBlock,\n [BlockType.ShareBlock]: ShareBlock,\n [BlockType.MapBlock]: MapBlock,\n [BlockType.FilterBlock]: FilterBlock,\n [BlockType.FormBlock]: FormBlock,\n // unstable\n [BlockType.SliderNewBlock]: SliderNewBlock,\n [BlockType.TestEditorBlock]: TestEditorBlock,\n};\n\n/\n * TODO: remove it\n * @deprecated use blockDataMap\n **/\nexport const subBlockMap = {\n [SubBlockType.Divider]: Divider,\n [SubBlockType.PriceDetailed]: PriceDetailed,\n [SubBlockType.MediaCard]: MediaCard,\n [SubBlockType.BannerCard]: BannerCard,\n [SubBlockType.LayoutItem]: LayoutItem,\n [SubBlockType.BackgroundCard]: BackgroundCard,\n [SubBlockType.BasicCard]: BasicCard,\n [SubBlockType.Content]: Content,\n [SubBlockType.Quote]: Quote,\n [SubBlockType.PriceCard]: PriceCard,\n [SubBlockType.ImageCard]: ImageCard,\n};\n\nexport const navItemMap = {\n [NavigationItemType.Button]: NavigationButton,\n [NavigationItemType.Social]: SocialIcon,\n [NavigationItemType.Dropdown]: NavigationDropdown,\n [NavigationItemType.Link]: NavigationLink,\n [NavigationItemType.GithubButton]: GithubButton,\n};\n\nexport interface BlockData {\n // TODO: remove any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n component: React.ComponentType<any>;\n schema: BlockConfig;\n}\n\nexport const blockDataMap: Record<string, BlockData> = {\n [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlockConfig,\n [BlockType.PromoFeaturesBlock]: PromoFeaturesBlockConfig,\n [BlockType.QuestionsBlock]: QuestionsBlockConfig,\n [BlockType.BannerBlock]: BannerBlockConfig,\n [BlockType.CompaniesBlock]: CompaniesBlockConfig,\n [BlockType.MediaBlock]: MediaBlockConfig,\n [BlockType.InfoBlock]: InfoBlockConfig,\n [BlockType.TableBlock]: TableBlockConfig,\n [BlockType.TabsBlock]: TabsBlockConfig,\n [BlockType.HeaderBlock]: HeaderBlockConfig,\n [BlockType.IconsBlock]: IconsBlockConfig,\n [BlockType.HeaderSliderBlock]: HeaderSliderBlockConfig,\n [BlockType.CardLayoutBlock]: CardLayoutBlockConfig,\n [BlockType.ContentLayoutBlock]: ContentLayoutBlockConfig,\n [BlockType.ShareBlock]: ShareBlockConfig,\n [BlockType.MapBlock]: MapBlockConfig,\n [BlockType.FilterBlock]: FilterBlockConfig,\n [BlockType.FormBlock]: FormBlockConfig,\n [BlockType.TestEditorBlock]: TestEditorBlockConfig,\n [BlockType.SliderBlock]: SliderBlockConfig,\n\n [SubBlockType.Divider]: DividerConfig,\n [SubBlockType.PriceDetailed]: PriceDetailedConfig,\n [SubBlockType.MediaCard]: MediaCardConfig,\n [SubBlockType.BannerCard]: BannerCardConfig,\n [SubBlockType.LayoutItem]: LayoutItemConfig,\n [SubBlockType.BackgroundCard]: BackgroundCardConfig,\n [SubBlockType.BasicCard]: BasicCardConfig,\n [SubBlockType.Content]: ContentConfig,\n [SubBlockType.Quote]: QuoteConfig,\n [SubBlockType.PriceCard]: PriceCardConfig,\n [SubBlockType.ImageCard]: ImageCardConfig,\n};\n"]}

package/build/cjs/containers/PageConstructor/PageConstructor.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import '@diplodoc/transform/dist/js/yfm.js';
+import '@diplodoc/transform/dist/js/yfm';
 import { blockMap, navItemMap, subBlockMap } from "../../constructor-items.js";
 import { CustomConfig, CustomItems, NavigationData, PageContent, ShouldRenderBlock } from "../../models/index.js";
 export type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;

package/build/cjs/containers/PageConstructor/PageConstructor.js CHANGED Viewed

@@ -4,7 +4,8 @@ exports.PageConstructor = exports.Constructor = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
-require("@diplodoc/transform/dist/js/yfm.js");
+require("@diplodoc/transform/dist/js/yfm");
+const uikit_1 = require("@gravity-ui/uikit");
 const BackgroundMedia_1 = tslib_1.__importDefault(require("../../components/BackgroundMedia/BackgroundMedia.js"));
 const BrandFooter_1 = tslib_1.__importDefault(require("../../components/BrandFooter/BrandFooter.js"));
 const RootCn_1 = tslib_1.__importDefault(require("../../components/RootCn/index.js"));
@@ -13,16 +14,25 @@ const animateContext_1 = require("../../context/animateContext/index.js");
 const innerContext_1 = require("../../context/innerContext/index.js");
 const projectSettingsContext_1 = require("../../context/projectSettingsContext/index.js");
 const theme_1 = require("../../context/theme/index.js");
-const grid_1 = require("../../grid/index.js");
+const usePCEditorInitializeEvents_1 = require("../../hooks/usePCEditorInitializeEvents.js");
+const usePCEditorStore_1 = require("../../hooks/usePCEditorStore.js");
 const models_1 = require("../../models/index.js");
 const Layout_1 = tslib_1.__importDefault(require("../../navigation/containers/Layout/Layout.js"));
 const utils_1 = require("../../utils/index.js");
-const ConstructorBlocks_1 = require("./components/ConstructorBlocks/index.js");
-const ConstructorItem_1 = require("./components/ConstructorItem/index.js");
+const components_1 = require("./components/index.js");
 const ConstructorRow_1 = require("./components/ConstructorRow/index.js");
 const b = (0, utils_1.block)('page-constructor');
 const Constructor = (props) => {
     const { content: { blocks = [], background } = {}, renderMenu, shouldRenderBlock, navigation, custom, isBranded, microdata, } = props;
+    const [content, setContent] = React.useState({
+        blocks,
+        background,
+        navigation,
+    });
+    const theme = (0, theme_1.useTheme)();
+    const store = (0, usePCEditorStore_1.usePCEditorStore)();
+    const { initialized } = store;
+    (0, usePCEditorInitializeEvents_1.usePCEditorInitializeEvents)({ initialContent: { blocks, background, navigation }, setContent });
     const { context } = React.useMemo(() => ({
         context: {
             blockTypes: [...models_1.BlockTypes, ...(0, utils_1.getCustomTypes)(['blocks', 'headers'], custom)],
@@ -49,17 +59,15 @@ const Constructor = (props) => {
             microdata,
         },
     }), [custom, shouldRenderBlock, microdata]);
-    const theme = (0, theme_1.useTheme)();
-    const header = (0, utils_1.getHeaderBlock)(blocks, context.headerBlockTypes);
-    const restBlocks = (0, utils_1.getOrderedBlocks)(blocks, context.headerBlockTypes);
-    const themedBackground = (0, utils_1.getThemedValue)(background, theme);
-    return ((0, jsx_runtime_1.jsx)(innerContext_1.InnerContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(RootCn_1.default, { className: b(), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [themedBackground && ((0, jsx_runtime_1.jsx)(BackgroundMedia_1.default, { ...themedBackground, className: b('background') })), (0, jsx_runtime_1.jsxs)(Layout_1.default, { navigation: navigation, children: [renderMenu && renderMenu(), header && ((0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorHeader, { data: header, blockKey: models_1.BlockType.HeaderBlock })), (0, jsx_runtime_1.jsx)(grid_1.Grid, { children: restBlocks && ((0, jsx_runtime_1.jsx)(ConstructorRow_1.ConstructorRow, { children: (0, jsx_runtime_1.jsx)(ConstructorBlocks_1.ConstructorBlocks, { items: restBlocks }) })) })] }), isBranded && (0, jsx_runtime_1.jsx)(BrandFooter_1.default, {})] }) }) }));
+    const restBlocks = content.blocks;
+    const themedBackground = (0, utils_1.getThemedValue)(content.background, theme);
+    return ((0, jsx_runtime_1.jsx)(innerContext_1.InnerContext.Provider, { value: context, children: (0, jsx_runtime_1.jsx)(RootCn_1.default, { className: b('', { ['with-editor']: initialized }), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [themedBackground && ((0, jsx_runtime_1.jsx)(BackgroundMedia_1.default, { ...themedBackground, className: b('background') })), (0, jsx_runtime_1.jsxs)(Layout_1.default, { navigation: content.navigation, children: [renderMenu && renderMenu(), restBlocks && ((0, jsx_runtime_1.jsx)(ConstructorRow_1.ConstructorRow, { children: (0, jsx_runtime_1.jsx)(components_1.ConstructorBlocks, { items: restBlocks }) }))] }), isBranded && (0, jsx_runtime_1.jsx)(BrandFooter_1.default, {})] }) }) }));
 };
 exports.Constructor = Constructor;
 const PageConstructor = (props) => {
     const { isAnimationEnabled = true } = React.useContext(projectSettingsContext_1.ProjectSettingsContext);
     const { content: { animated = isAnimationEnabled } = {}, ...rest } = props;
-    return ((0, jsx_runtime_1.jsx)(animateContext_1.AnimateContext.Provider, { value: { animated }, children: (0, jsx_runtime_1.jsx)(exports.Constructor, { content: props.content, ...rest }) }));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.ThemeProvider, { children: (0, jsx_runtime_1.jsx)(animateContext_1.AnimateContext.Provider, { value: { animated }, children: (0, jsx_runtime_1.jsx)(exports.Constructor, { content: props.content, ...rest }) }) }));
 };
 exports.PageConstructor = PageConstructor;
 //# sourceMappingURL=PageConstructor.js.map

package/build/cjs/containers/PageConstructor/PageConstructor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PageConstructor.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/PageConstructor.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,~~8CAA4C~~;~~AAE5C~~,kHAA+E;AAC/E,sGAAmE;AACnE,sFAA6C;AAC7C,kEAA0E;AAC1E,0EAA4D;AAC5D,sEAAwD;AACxD,0FAA4E;AAC5E,wDAA6C;AAC7C,~~8CAAgC~~;~~AAChC~~,kDAWsB;AACtB,kGAA+D;AAC/D,~~gDAOqB~~;~~AAErB,+EAAiE;AACjE~~,~~2EAA~~+D;AAC/D,yEAA2D;AAI3D,MAAM,CAAC,GAAG,IAAA,aAAO,EAAC,kBAAkB,CAAC,CAAC;AAkB/B,MAAM,WAAW,GAAG,CAAC,KAA2B,EAAE,EAAE;IACvD,MAAM,EACF,OAAO,EAAE,EAAC,MAAM,GAAG,EAAE,EAAE,UAAU,EAAC,GAAG,EAAE,EACvC,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,MAAM,EACN,SAAS,EACT,SAAS,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC;QACH,OAAO,EAAE;YACL,UAAU,EAAE,CAAC,GAAG,mBAAU,EAAE,GAAG,IAAA,sBAAc,EAAC,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;YAC7E,aAAa,EAAE,CAAC,GAAG,sBAAa,EAAE,GAAG,IAAA,sBAAc,EAAC,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,CAAC;YAC3E,gBAAgB,EAAE,CAAC,GAAG,yBAAgB,EAAE,GAAG,IAAA,sBAAc,EAAC,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;YAC/E,oBAAoB,EAAE;gBAClB,GAAG,4BAAmB;gBACtB,GAAG,IAAA,sBAAc,EAAC,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;aAC5C;YACD,OAAO,EAAE;gBACL,GAAG,4BAAQ;gBACX,GAAG,+BAAW;gBACd,GAAG,IAAA,sBAAc,EAAC,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC,EAAE,MAAM,CAAC;aAChE;YACD,UAAU,EAAE;gBACR,GAAG,8BAAU;gBACb,GAAG,IAAA,sBAAc,EAAC,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;aAC5C;YACD,SAAS,EAAE,MAAM,EAAE,QAAQ;YAC3B,iBAAiB;YACjB,aAAa,EAAE;gBACX,UAAU,EAAE,MAAM,EAAE,UAAU;aACjC;YACD,SAAS;SACZ;KACJ,CAAC,EACF,CAAC,MAAM,EAAE,iBAAiB,EAAE,SAAS,CAAC,CACzC,CAAC;IAEF,MAAM,~~KAAK~~,GAAG,~~IAAA~~,~~gBAAQ,GAAE,~~CAAC~~;IAEzB~~,MAAM,~~MAAM,GAAG,IAAA,sBAAc,EAAC,MAAM,EAAE,OAAO,~~CAAC~~,gBAAgB,CAAC,CAAC~~;~~IAChE~~,MAAM,~~UAAU~~,GAAG,IAAA,~~wBAAgB~~,EAAC,~~MAAM,EAAE,~~OAAO,CAAC,~~gBAAgB,CAAC,CAAC;IACtE,MAAM,gBAAgB,GAAG,IAAA,sBAAc,EAAC,~~UAAU,EAAE,KAAK,CAAC,CAAC;~~IAE3D~~,OAAO,CACH,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACjC,uBAAC,gBAAM,IAAC,SAAS,EAAE,CAAC,EAAE,~~YAClB~~,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,gBAAgB,IAAI,CACjB,uBAAC,yBAAe,OAAK,gBAAgB,EAAE,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAAI,CACxE,EACD,wBAAC,gBAAM,IAAC,UAAU,EAAE,UAAU,~~aACzB~~,UAAU,IAAI,UAAU,EAAE,EAC1B,~~MAAM,IAAI,CACP,uBAAC,mCAAiB,IAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,kBAAS,CAAC,WAAW,GAAI,CACvE,EACD,uBAAC,WAAI,cACA,~~UAAU,IAAI,CACX,uBAAC,+BAAc,cACX,uBAAC,~~qCAAiB~~,IAAC,KAAK,EAAE,UAAU,GAAI,GAC3B,CACpB,~~GACE~~,~~IACF,~~EACR,SAAS,IAAI,uBAAC,qBAAW,KAAG,IAC3B,GACD,GACW,CAC3B,CAAC;AACN,CAAC,CAAC;~~AAxEW~~,QAAA,WAAW,~~eAwEtB~~;AAEK,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC3D,MAAM,EAAC,kBAAkB,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,+CAAsB,CAAC,CAAC;IAC7E,MAAM,EAAC,OAAO,EAAE,EAAC,QAAQ,GAAG,kBAAkB,EAAC,GAAG,EAAE,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAEvE,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,YACtC,uBAAC,mBAAW,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,KAAM,IAAI,GAAI,GAC3B,~~CAC7B~~,CAAC;AACN,CAAC,CAAC;~~AATW~~,QAAA,eAAe,~~mBAS1B~~","sourcesContent":["import * as React from 'react';\n\nimport '@diplodoc/transform/dist/js/yfm~~.js~~';\n\nimport BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';\nimport BrandFooter from '../../components/BrandFooter/BrandFooter';\nimport RootCn from '../../components/RootCn';\nimport {blockMap, navItemMap, subBlockMap} from '../../constructor-items';\nimport {AnimateContext} from '../../context/animateContext';\nimport {InnerContext} from '../../context/innerContext';\nimport {ProjectSettingsContext} from '../../context/projectSettingsContext';\nimport {useTheme} from '../../context/theme';\nimport {~~Grid~~} from '../../~~grid~~';\nimport {\n ~~BlockType,\n~~ BlockTypes,\n CustomConfig,\n CustomItems,\n HeaderBlockTypes,\n NavigationData,\n NavigationItemTypes,\n PageContent,\n ShouldRenderBlock,\n SubBlockTypes,\n} from '../../models';\nimport Layout from '../../navigation/containers/Layout/Layout';\nimport {\n block as cnBlock~~,\n~~ getCustomItems~~,\n~~ getCustomTypes~~,\n getHeaderBlock,\n getOrderedBlocks,\n~~ getThemedValue~~,\n~~} from '../../utils';\n\nimport {ConstructorBlocks} from './components~~/ConstructorBlocks~~';\nimport {~~ConstructorHeader} from './components/ConstructorItem';\nimport {~~ConstructorRow} from './components/ConstructorRow';\n\nimport './PageConstructor.scss';\n\nconst b = cnBlock('page-constructor');\n\nexport type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;\n\nexport type NavItemMap = typeof navItemMap & CustomItems;\n\nexport interface PageConstructorProps {\n content?: PageContent;\n shouldRenderBlock?: ShouldRenderBlock;\n custom?: CustomConfig;\n renderMenu?: () => React.ReactNode;\n navigation?: NavigationData;\n isBranded?: boolean;\n microdata?: {\n contentUpdatedDate?: string;\n };\n}\n\nexport const Constructor = (props: PageConstructorProps) => {\n const {\n content: {blocks = [], background} = {},\n renderMenu,\n shouldRenderBlock,\n navigation,\n custom,\n isBranded,\n microdata,\n } = props;\n\n const {context} = React.useMemo(\n () => ({\n context: {\n blockTypes: [...BlockTypes, ...getCustomTypes(['blocks', 'headers'], custom)],\n subBlockTypes: [...SubBlockTypes, ...getCustomTypes(['subBlocks'], custom)],\n headerBlockTypes: [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)],\n navigationBlockTypes: [\n ...NavigationItemTypes,\n ...getCustomTypes(['navigation'], custom),\n ],\n itemMap: {\n ...blockMap,\n ...subBlockMap,\n ...getCustomItems(['blocks', 'headers', 'subBlocks'], custom),\n },\n navItemMap: {\n ...navItemMap,\n ...getCustomItems(['navigation'], custom),\n },\n loadables: custom?.loadable,\n shouldRenderBlock,\n customization: {\n decorators: custom?.decorators,\n },\n microdata,\n },\n }),\n [custom, shouldRenderBlock, microdata],\n );\n\n const ~~theme~~ = ~~useTheme();\n\n const header = getHeaderBlock(blocks, context~~.~~headerBlockTypes);\n const restBlocks = getOrderedBlocks(~~blocks~~, context.headerBlockTypes)~~;\n const themedBackground = getThemedValue(background, theme);\n\n return (\n <InnerContext.Provider value={context}>\n <RootCn className={b()}>\n <div className={b('wrapper')}>\n {themedBackground && (\n <BackgroundMedia {...themedBackground} className={b('background')} />\n )}\n <Layout navigation={navigation}>\n {renderMenu && renderMenu()}\n {~~header~~ && (\n <~~ConstructorHeader data={header} blockKey={BlockType.HeaderBlock} />\n )}\n <Grid~~>\n ~~{restBlocks && (\n~~ <~~ConstructorRow>\n <~~ConstructorBlocks items={restBlocks} />\n </ConstructorRow>\n )}\n ~~</Grid>\n~~ </Layout>\n {isBranded && <BrandFooter />}\n </div>\n </RootCn>\n </InnerContext.Provider>\n );\n};\n\nexport const PageConstructor = (props: PageConstructorProps) => {\n const {isAnimationEnabled = true} = React.useContext(ProjectSettingsContext);\n const {content: {animated = isAnimationEnabled} = {}, ...rest} = props;\n\n return (\n <AnimateContext.Provider value={{animated}}>\n <Constructor content={props.content} {...rest} />\n </AnimateContext.Provider>\n );\n};\n"]}
1	+ {"version":3,"file":"PageConstructor.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/PageConstructor.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport '@diplodoc/transform/dist/js/yfm';\nimport {ThemeProvider} from '@gravity-ui/uikit';\n\nimport BackgroundMedia from '../../components/BackgroundMedia/BackgroundMedia';\nimport BrandFooter from '../../components/BrandFooter/BrandFooter';\nimport RootCn from '../../components/RootCn';\nimport {blockMap, navItemMap, subBlockMap} from '../../constructor-items';\nimport {AnimateContext} from '../../context/animateContext';\nimport {InnerContext} from '../../context/innerContext';\nimport {ProjectSettingsContext} from '../../context/projectSettingsContext';\nimport {useTheme} from '../../context/theme';\nimport {usePCEditorInitializeEvents} from '../../hooks/usePCEditorInitializeEvents';\nimport {usePCEditorStore} from '../../hooks/usePCEditorStore';\nimport {\n BlockTypes,\n CustomConfig,\n CustomItems,\n HeaderBlockTypes,\n NavigationData,\n NavigationItemTypes,\n PageContent,\n PageContentWithNavigation,\n ShouldRenderBlock,\n SubBlockTypes,\n} from '../../models';\nimport Layout from '../../navigation/containers/Layout/Layout';\nimport {block as cnBlock, getCustomItems, getCustomTypes, getThemedValue} from '../../utils';\n\nimport {ConstructorBlocks} from './components';\nimport {ConstructorRow} from './components/ConstructorRow';\n\nimport './PageConstructor.scss';\n\nconst b = cnBlock('page-constructor');\n\nexport type ItemMap = typeof blockMap & typeof subBlockMap & CustomItems;\n\nexport type NavItemMap = typeof navItemMap & CustomItems;\n\nexport interface PageConstructorProps {\n content?: PageContent;\n shouldRenderBlock?: ShouldRenderBlock;\n custom?: CustomConfig;\n renderMenu?: () => React.ReactNode;\n navigation?: NavigationData;\n isBranded?: boolean;\n microdata?: {\n contentUpdatedDate?: string;\n };\n}\n\nexport const Constructor = (props: PageConstructorProps) => {\n const {\n content: {blocks = [], background} = {},\n renderMenu,\n shouldRenderBlock,\n navigation,\n custom,\n isBranded,\n microdata,\n } = props;\n\n const [content, setContent] = React.useState<PageContentWithNavigation>({\n blocks,\n background,\n navigation,\n });\n\n const theme = useTheme();\n\n const store = usePCEditorStore();\n const {initialized} = store;\n\n usePCEditorInitializeEvents({initialContent: {blocks, background, navigation}, setContent});\n\n const {context} = React.useMemo(\n () => ({\n context: {\n blockTypes: [...BlockTypes, ...getCustomTypes(['blocks', 'headers'], custom)],\n subBlockTypes: [...SubBlockTypes, ...getCustomTypes(['subBlocks'], custom)],\n headerBlockTypes: [...HeaderBlockTypes, ...getCustomTypes(['headers'], custom)],\n navigationBlockTypes: [\n ...NavigationItemTypes,\n ...getCustomTypes(['navigation'], custom),\n ],\n itemMap: {\n ...blockMap,\n ...subBlockMap,\n ...getCustomItems(['blocks', 'headers', 'subBlocks'], custom),\n },\n navItemMap: {\n ...navItemMap,\n ...getCustomItems(['navigation'], custom),\n },\n loadables: custom?.loadable,\n shouldRenderBlock,\n customization: {\n decorators: custom?.decorators,\n },\n microdata,\n },\n }),\n [custom, shouldRenderBlock, microdata],\n );\n\n const restBlocks = content.blocks;\n const themedBackground = getThemedValue(content.background, theme);\n\n return (\n <InnerContext.Provider value={context}>\n <RootCn className={b('', {['with-editor']: initialized})}>\n <div className={b('wrapper')}>\n {themedBackground && (\n <BackgroundMedia {...themedBackground} className={b('background')} />\n )}\n <Layout navigation={content.navigation}>\n {renderMenu && renderMenu()}\n {restBlocks && (\n <ConstructorRow>\n <ConstructorBlocks items={restBlocks} />\n </ConstructorRow>\n )}\n </Layout>\n {isBranded && <BrandFooter />}\n </div>\n </RootCn>\n </InnerContext.Provider>\n );\n};\n\nexport const PageConstructor = (props: PageConstructorProps) => {\n const {isAnimationEnabled = true} = React.useContext(ProjectSettingsContext);\n const {content: {animated = isAnimationEnabled} = {}, ...rest} = props;\n\n return (\n <ThemeProvider>\n <AnimateContext.Provider value={{animated}}>\n <Constructor content={props.content} {...rest} />\n </AnimateContext.Provider>\n </ThemeProvider>\n );\n};\n"]}

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

@@ -6,6 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const constants_1 = require("../../components/constants.js");
 const analyticsContext_1 = require("../../context/analyticsContext/index.js");
+const editorStoreContext_1 = require("../../context/editorStoreContext/index.js");
 const FormsContext_1 = require("../../context/formsContext/FormsContext.js");
 const imageContext_1 = require("../../context/imageContext/index.js");
 const localeContext_1 = require("../../context/localeContext/index.js");
@@ -29,6 +30,7 @@ const PageConstructorProvider = (props) => {
         (0, jsx_runtime_1.jsx)(analyticsContext_1.AnalyticsContext.Provider, { value: analytics }),
         (0, jsx_runtime_1.jsx)(FormsContext_1.FormsContext.Provider, { value: forms }),
         (0, jsx_runtime_1.jsx)(ssrContext_1.SSRContext.Provider, { value: { isServer: ssrConfig?.isServer } }),
+        (0, jsx_runtime_1.jsx)(editorStoreContext_1.PCEditorStoreProvider, {}),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
     /* eslint-enable react/jsx-key */
     return (0, jsx_runtime_1.jsx)(React.Fragment, { children: context });

package/build/cjs/containers/PageConstructor/Provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Provider.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/Provider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAAyD;AACzD,8EAAuF;AACvF,6EAIiD;AACjD,sEAA2E;AAC3E,wEAA8E;AAC9E,4EAAoF;AACpF,0EAAoG;AACpG,wEAA0D;AAC1D,0FAG8C;AAC9C,kEAAqE;AACrE,wDAAiD;AAgB1C,MAAM,uBAAuB,GAAG,CACnC,KAA4D,EAC9D,EAAE;IACA,MAAM,EACF,QAAQ,EACR,WAAW,GAAG,6BAAe,EAC7B,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,KAAK,GAAG,yBAAa,EACrB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,0CAA2B,GACtC,GAAG,KAAK,CAAC;IAEV,kCAAkC;IAClC,MAAM,OAAO,GAAG;QACZ,uBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,KAAK,EAAC,GAAI;QACzC,uBAAC,+CAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,GAAI;QAC3D,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,GAAI;QACzC,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,uBAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,GAAI;QAC7C,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAI;QACpD,uBAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,GAAI;QAC5C,uBAAC,mCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,GAAI;QAC/C,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,uBAAC,uBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAC,GAAI;~~KAClE~~,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IACpF,iCAAiC;IAEjC,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC;~~AAjCW~~,QAAA,uBAAuB,~~2BAiClC~~","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../components/constants';\nimport {AnalyticsContext, AnalyticsContextProps} from '../../context/analyticsContext';\nimport {\n DEFAULT_FORMS_CONTEXT_VALUE,\n FormsContext,\n FormsContextProps,\n} from '../../context/formsContext/FormsContext';\nimport {ImageContext, ImageContextProps} from '../../context/imageContext';\nimport {LocaleContext, LocaleContextProps} from '../../context/localeContext';\nimport {LocationContext, LocationContextProps} from '../../context/locationContext';\nimport {MapsContext, MapsContextType, initialMapValue} from '../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {\n ProjectSettingsContext,\n ProjectSettingsContextProps,\n} from '../../context/projectSettingsContext';\nimport {SSRContext, SSRContextProps} from '../../context/ssrContext';\nimport {ThemeContext} from '../../context/theme';\nimport {Theme} from '../../models';\n\nexport interface PageConstructorProviderProps {\n isMobile?: boolean;\n locale?: LocaleContextProps;\n location?: LocationContextProps;\n ssrConfig?: SSRContextProps;\n theme?: Theme;\n mapsContext?: MapsContextType;\n projectSettings?: ProjectSettingsContextProps;\n analytics?: AnalyticsContextProps;\n forms?: FormsContextProps;\n image?: ImageContextProps;\n}\n\nexport const PageConstructorProvider = (\n props: React.PropsWithChildren<PageConstructorProviderProps>,\n) => {\n const {\n isMobile,\n mapsContext = initialMapValue,\n locale = {},\n location = {},\n analytics = {},\n ssrConfig = {},\n projectSettings = {},\n theme = DEFAULT_THEME,\n children,\n image = {},\n forms = DEFAULT_FORMS_CONTEXT_VALUE,\n } = props;\n\n /* eslint-disable react/jsx-key /\n const context = [\n <ThemeContext.Provider value={{theme}} />,\n <ProjectSettingsContext.Provider value={projectSettings} />,\n <LocaleContext.Provider value={locale} />,\n <ImageContext.Provider value={image} />,\n <LocationContext.Provider value={location} />,\n <MobileContext.Provider value={Boolean(isMobile)} />,\n <MapsContext.Provider value={mapsContext} />,\n <AnalyticsContext.Provider value={analytics} />,\n <FormsContext.Provider value={forms} />,\n <SSRContext.Provider value={{isServer: ssrConfig?.isServer}} />,\n ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);\n / eslint-enable react/jsx-key */\n\n return <React.Fragment>{context}</React.Fragment>;\n};\n"]}
1	+ {"version":3,"file":"Provider.js","sourceRoot":"../../../../src","sources":["containers/PageConstructor/Provider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAAyD;AACzD,8EAAuF;AACvF,kFAAuE;AACvE,6EAIiD;AACjD,sEAA2E;AAC3E,wEAA8E;AAC9E,4EAAoF;AACpF,0EAAoG;AACpG,wEAA0D;AAC1D,0FAG8C;AAC9C,kEAAqE;AACrE,wDAAiD;AAgB1C,MAAM,uBAAuB,GAAG,CACnC,KAA4D,EAC9D,EAAE;IACA,MAAM,EACF,QAAQ,EACR,WAAW,GAAG,6BAAe,EAC7B,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,eAAe,GAAG,EAAE,EACpB,KAAK,GAAG,yBAAa,EACrB,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,KAAK,GAAG,0CAA2B,GACtC,GAAG,KAAK,CAAC;IAEV,kCAAkC;IAClC,MAAM,OAAO,GAAG;QACZ,uBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,KAAK,EAAC,GAAI;QACzC,uBAAC,+CAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,eAAe,GAAI;QAC3D,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,GAAI;QACzC,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,uBAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,GAAI;QAC7C,uBAAC,6BAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAI;QACpD,uBAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,GAAI;QAC5C,uBAAC,mCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,GAAI;QAC/C,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,GAAI;QACvC,uBAAC,uBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAC,GAAI;QAC/D,uBAAC,0CAAqB,KAAG;KAC5B,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC;IACpF,iCAAiC;IAEjC,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC;AAlCW,QAAA,uBAAuB,2BAkClC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../components/constants';\nimport {AnalyticsContext, AnalyticsContextProps} from '../../context/analyticsContext';\nimport {PCEditorStoreProvider} from '../../context/editorStoreContext';\nimport {\n DEFAULT_FORMS_CONTEXT_VALUE,\n FormsContext,\n FormsContextProps,\n} from '../../context/formsContext/FormsContext';\nimport {ImageContext, ImageContextProps} from '../../context/imageContext';\nimport {LocaleContext, LocaleContextProps} from '../../context/localeContext';\nimport {LocationContext, LocationContextProps} from '../../context/locationContext';\nimport {MapsContext, MapsContextType, initialMapValue} from '../../context/mapsContext/mapsContext';\nimport {MobileContext} from '../../context/mobileContext';\nimport {\n ProjectSettingsContext,\n ProjectSettingsContextProps,\n} from '../../context/projectSettingsContext';\nimport {SSRContext, SSRContextProps} from '../../context/ssrContext';\nimport {ThemeContext} from '../../context/theme';\nimport {Theme} from '../../models';\n\nexport interface PageConstructorProviderProps {\n isMobile?: boolean;\n locale?: LocaleContextProps;\n location?: LocationContextProps;\n ssrConfig?: SSRContextProps;\n theme?: Theme;\n mapsContext?: MapsContextType;\n projectSettings?: ProjectSettingsContextProps;\n analytics?: AnalyticsContextProps;\n forms?: FormsContextProps;\n image?: ImageContextProps;\n}\n\nexport const PageConstructorProvider = (\n props: React.PropsWithChildren<PageConstructorProviderProps>,\n) => {\n const {\n isMobile,\n mapsContext = initialMapValue,\n locale = {},\n location = {},\n analytics = {},\n ssrConfig = {},\n projectSettings = {},\n theme = DEFAULT_THEME,\n children,\n image = {},\n forms = DEFAULT_FORMS_CONTEXT_VALUE,\n } = props;\n\n /* eslint-disable react/jsx-key /\n const context = [\n <ThemeContext.Provider value={{theme}} />,\n <ProjectSettingsContext.Provider value={projectSettings} />,\n <LocaleContext.Provider value={locale} />,\n <ImageContext.Provider value={image} />,\n <LocationContext.Provider value={location} />,\n <MobileContext.Provider value={Boolean(isMobile)} />,\n <MapsContext.Provider value={mapsContext} />,\n <AnalyticsContext.Provider value={analytics} />,\n <FormsContext.Provider value={forms} />,\n <SSRContext.Provider value={{isServer: ssrConfig?.isServer}} />,\n <PCEditorStoreProvider />,\n ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);\n / eslint-enable react/jsx-key */\n\n return <React.Fragment>{context}</React.Fragment>;\n};\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.css CHANGED Viewed

@@ -1,22 +1,22 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
 .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_0 {
-  margin-top: 0;
+  padding-top: 0;
 }
 .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_xs {
-  margin-top: 16px;
+  padding-top: 16px;
 }
 .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_s {
-  margin-top: 24px;
+  padding-top: 24px;
 }
 .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_m {
-  margin-top: 32px;
+  padding-top: 32px;
 }
 .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_l {
-  margin-top: 48px;
+  padding-top: 48px;
 }
 .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentTop_xl {
-  margin-top: 64px;
+  padding-top: 64px;
 }
 .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_0 {
   padding-bottom: 0;
@@ -35,4 +35,8 @@ unpredictable css rules order in build */
 }
 .pc-constructor-block.pc-constructor-block.pc-constructor-block.pc-constructor-block_indentBottom_xl {
   padding-bottom: 64px;
+}
+.pc-page-constructor_with-editor .pc-constructor-block {
+  cursor: pointer;
 }

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.js CHANGED Viewed

@@ -7,12 +7,14 @@ const React = tslib_1.__importStar(require("react"));
 const pick_1 = tslib_1.__importDefault(require("lodash/pick.js"));
 const BlockBase_1 = tslib_1.__importDefault(require("../../../../components/BlockBase/BlockBase.js"));
 const BlockDecoration_1 = require("../../../../customization/BlockDecoration.js");
+const usePCEditorItemWrap_1 = require("../../../../hooks/usePCEditorItemWrap.js");
 const utils_1 = require("../../../../utils/index.js");
 const b = (0, utils_1.block)('constructor-block');
 const ConstructorBlock = ({ index = 0, data, children, }) => {
+    const { blockRef, adminBlockMouseEvents } = (0, usePCEditorItemWrap_1.usePCEditorItemWrap)(index);
     const { type } = data;
     const blockBaseProps = React.useMemo(() => (0, pick_1.default)(data, ['anchor', 'visible', 'resetPaddings', 'indent']), [data]);
-    return ((0, jsx_runtime_1.jsx)(BlockDecoration_1.BlockDecoration, { type: type, index: index, ...blockBaseProps, children: (0, jsx_runtime_1.jsx)(BlockBase_1.default, { className: b({ type }), ...blockBaseProps, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: blockRef, ...adminBlockMouseEvents, children: (0, jsx_runtime_1.jsx)(BlockDecoration_1.BlockDecoration, { type: type, index: index, ...blockBaseProps, children: (0, jsx_runtime_1.jsx)(BlockBase_1.default, { className: b({ type }), ...blockBaseProps, children: children }) }) }));
 };
 exports.ConstructorBlock = ConstructorBlock;
 //# sourceMappingURL=ConstructorBlock.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConstructorBlock.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kEAA+B;AAE/B,sGAAmE;AACnE,kFAA0E;AAE1E,sDAAwC;AAQxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,GACqC,EAAE,EAAE;IACjD,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IACpB,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,IAAA,cAAI,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,EAClE,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,OAAO,CACH,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,KAAM,cAAc,YACzD,uBAAC,mBAAS,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,KAAM,cAAc,YAC9C,QAAQ,GACD,GACE,~~CACrB~~,CAAC;AACN,CAAC,CAAC;~~AAlBW~~,QAAA,gBAAgB,~~oBAkB3B~~","sourcesContent":["import * as React from 'react';\n\nimport pick from 'lodash/pick';\n\nimport BlockBase from '../../../../components/BlockBase/BlockBase';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockDecorationProps, ConstructorBlock as ConstructorBlockType} from '../../../../models';\nimport {block} from '../../../../utils';\n\nimport './ConstructorBlock.scss';\n\ninterface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {\n data: ConstructorBlockType;\n}\n\nconst b = block('constructor-block');\n\nexport const ConstructorBlock = ({\n index = 0,\n data,\n children,\n}: React.PropsWithChildren<ConstructorBlockProps>) => {\n const {type} = data;\n const blockBaseProps = React.useMemo(\n () => pick(data, ['anchor', 'visible', 'resetPaddings', 'indent']),\n [data],\n );\n\n return (\n <BlockDecoration type={type} index={index} {...blockBaseProps}>\n <BlockBase className={b({type})} {...blockBaseProps}>\n {children}\n </BlockBase>\n </BlockDecoration>\n );\n};\n"]}
1	+ {"version":3,"file":"ConstructorBlock.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kEAA+B;AAE/B,sGAAmE;AACnE,kFAA0E;AAC1E,kFAA0E;AAE1E,sDAAwC;AAQxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAC7B,KAAK,GAAG,CAAC,EACT,IAAI,EACJ,QAAQ,GACqC,EAAE,EAAE;IACjD,MAAM,EAAC,QAAQ,EAAE,qBAAqB,EAAC,GAAG,IAAA,yCAAmB,EAAC,KAAK,CAAC,CAAC;IAErE,MAAM,EAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IACpB,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,IAAA,cAAI,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,QAAQ,CAAC,CAAC,EAClE,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,OAAO,CACH,gCAAK,GAAG,EAAE,QAAQ,KAAM,qBAAqB,YACzC,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,KAAM,cAAc,YACzD,uBAAC,mBAAS,IAAC,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,KAAM,cAAc,YAC9C,QAAQ,GACD,GACE,GAChB,CACT,CAAC;AACN,CAAC,CAAC;AAtBW,QAAA,gBAAgB,oBAsB3B","sourcesContent":["import * as React from 'react';\n\nimport pick from 'lodash/pick';\n\nimport BlockBase from '../../../../components/BlockBase/BlockBase';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {usePCEditorItemWrap} from '../../../../hooks/usePCEditorItemWrap';\nimport {BlockDecorationProps, ConstructorBlock as ConstructorBlockType} from '../../../../models';\nimport {block} from '../../../../utils';\n\nimport './ConstructorBlock.scss';\n\ninterface ConstructorBlockProps extends Pick<BlockDecorationProps, 'index'> {\n data: ConstructorBlockType;\n}\n\nconst b = block('constructor-block');\n\nexport const ConstructorBlock = ({\n index = 0,\n data,\n children,\n}: React.PropsWithChildren<ConstructorBlockProps>) => {\n const {blockRef, adminBlockMouseEvents} = usePCEditorItemWrap(index);\n\n const {type} = data;\n const blockBaseProps = React.useMemo(\n () => pick(data, ['anchor', 'visible', 'resetPaddings', 'indent']),\n [data],\n );\n\n return (\n <div ref={blockRef} {...adminBlockMouseEvents}>\n <BlockDecoration type={type} index={index} {...blockBaseProps}>\n <BlockBase className={b({type})} {...blockBaseProps}>\n {children}\n </BlockBase>\n </BlockDecoration>\n </div>\n );\n};\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js CHANGED Viewed

@@ -12,8 +12,9 @@ const ConstructorBlock_1 = require("../ConstructorBlock/ConstructorBlock.js");
 const ConstructorItem_1 = require("../ConstructorItem/index.js");
 const ConstructorLoadable_1 = require("../ConstructorLoadable/index.js");
 const ConstructorBlocks = ({ items }) => {
-    const { blockTypes, loadables, itemMap, shouldRenderBlock } = React.useContext(innerContext_1.InnerContext);
-    const renderer = (parentId = '', item, index) => {
+    const { blockTypes, subBlockTypes, loadables, itemMap, shouldRenderBlock } = React.useContext(innerContext_1.InnerContext);
+    const allBlocks = [...blockTypes, ...subBlockTypes];
+    const renderer = (parentId = '', withoutConstructorBlockWrapper = false, item, index) => {
         if (!itemMap[item.type]) {
             return parentId ? null : ((0, jsx_runtime_1.jsx)(BlockDecoration_1.BlockDecoration, { type: item.type, index: index, children: null }));
         }
@@ -34,16 +35,16 @@ const ConstructorBlocks = ({ items }) => {
         else {
             let children;
             if ('children' in item && item.children) {
-                children = item.children.map(renderer.bind(null, blockId));
+                children = item.children.map(renderer.bind(null, blockId, true));
             }
-            itemElement = ((0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: item, blockKey: blockId, children: children }, blockId));
+            itemElement = ((0, jsx_runtime_1.jsx)(ConstructorItem_1.ConstructorItem, { data: item, blockKey: index, children: children }, blockId));
         }
-        return blockTypes.includes(item.type) ? (
+        return allBlocks.includes(item.type) && !withoutConstructorBlockWrapper ? (
         //TODO: replace ConstructorBlock (and delete it) with BlockBase when all
         // components relying on constructor inner structure like Slider or blog-constructor will be refactored
         (0, jsx_runtime_1.jsx)(ConstructorBlock_1.ConstructorBlock, { data: item, index: index, children: itemElement }, blockId)) : (itemElement);
     };
-    return (0, jsx_runtime_1.jsx)(React.Fragment, { children: items.map(renderer.bind(null, '')) });
+    return (0, jsx_runtime_1.jsx)(React.Fragment, { children: items.map(renderer.bind(null, '', false)) });
 };
 exports.ConstructorBlocks = ConstructorBlocks;
 //# sourceMappingURL=ConstructorBlocks.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConstructorBlocks.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,gEAA6B;AAE7B,4EAA8D;AAC9D,kFAA0E;AAO1E,sDAA8C;AAC9C,8EAAsE;AACtE,iEAAmD;AACnD,yEAA2D;AAMpD,MAAM,iBAAiB,GAAqC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IAC3E,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAC,~~GAAG~~,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;~~IAE3F~~,MAAM,QAAQ,GAAG,CACb,QAAQ,GAAG,EAAE,EACb,IAA0B,EAC1B,KAAa,EACY,EAAE;QAC3B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACtB,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,EAAE,KAAK,EAAE,KAAK,YACtD,IAAI,GACS,CACrB,CAAC;QACN,CAAC;QAED,IAAI,WAAW,CAAC;QAChB,MAAM,GAAG,GAAG,IAAA,mBAAW,EAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACtD,IAAI,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC;YACzD,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtC,MAAM,EAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,QAAyB,CAAC;YACnE,MAAM,MAAM,GAAG,IAAA,aAAG,EAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAEtC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACV,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,WAAW,GAAG,CACV,uBAAC,yCAAmB,IAChB,KAAK,EAAE,IAAI,EAEX,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAJT,OAAO,CAKd,CACL,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,IAAI,QAAQ,CAAC;YACb,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACtC,QAAQ,GAAI,IAAI,CAAC,QAAuB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;~~YAC/E~~,CAAC;YAED,WAAW,GAAG,CACV,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,EAAgB,QAAQ,EAAE,~~OAAO~~,~~YACvD~~,QAAQ,IADqB,OAAO,CAEvB,CACrB,CAAC;QACN,CAAC;QAED,OAAO,~~UAAU~~,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;~~QACpC~~,wEAAwE;QACxE,uGAAuG;QACvG,uBAAC,mCAAgB,IAAC,IAAI,EAAE,IAAI,EAAgB,KAAK,EAAE,KAAK,YACnD,WAAW,IADmB,OAAO,CAEvB,CACtB,CAAC,CAAC,CAAC,CACA,WAAW,CACd,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAkB,CAAC;~~AACjF~~,CAAC,CAAC;~~AAlEW~~,QAAA,iBAAiB,~~qBAkE5B~~","sourcesContent":["import * as React from 'react';\n\nimport get from 'lodash/get';\n\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {\n BlockType,\n ConstructorBlock as ConstructorBlockType,\n LoadableProps,\n SubBlock,\n} from '../../../../models';\nimport {getBlockKey} from '../../../../utils';\nimport {ConstructorBlock} from '../ConstructorBlock/ConstructorBlock';\nimport {ConstructorItem} from '../ConstructorItem';\nimport {ConstructorLoadable} from '../ConstructorLoadable';\n\nexport interface ConstructorBlocksProps {\n items: ConstructorBlockType[];\n}\n\nexport const ConstructorBlocks: React.FC<ConstructorBlocksProps> = ({items}) => {\n const {blockTypes, loadables, itemMap, shouldRenderBlock} = React.useContext(InnerContext);\n\n const renderer = (\n parentId = '',\n item: ConstructorBlockType,\n index: number,\n ): React.ReactElement \| null => {\n if (!itemMap[item.type]) {\n return parentId ? null : (\n <BlockDecoration type={item.type as BlockType} index={index}>\n {null}\n </BlockDecoration>\n );\n }\n\n let itemElement;\n const key = getBlockKey(item, index);\n const blockId = parentId ? `${parentId}_${key}` : key;\n if (shouldRenderBlock && !shouldRenderBlock(item, blockId)) {\n return null;\n }\n\n if ('loadable' in item && item.loadable) {\n const {source, serviceId, params} = item.loadable as LoadableProps;\n const config = get(loadables, source);\n\n if (!config) {\n return null;\n }\n\n itemElement = (\n <ConstructorLoadable\n block={item}\n key={blockId}\n blockKey={blockId}\n config={config}\n serviceId={serviceId}\n params={params}\n />\n );\n } else {\n let children;\n if ('children' in item && item.children) {\n children = (item.children as SubBlock[]).map(renderer.bind(null, blockId));\n }\n\n itemElement = (\n <ConstructorItem data={item} key={blockId} blockKey={~~blockId~~}>\n {children}\n </ConstructorItem>\n );\n }\n\n return ~~blockTypes~~.includes(item.type) ? (\n //TODO: replace ConstructorBlock (and delete it) with BlockBase when all\n // components relying on constructor inner structure like Slider or blog-constructor will be refactored\n <ConstructorBlock data={item} key={blockId} index={index}>\n {itemElement}\n </ConstructorBlock>\n ) : (\n itemElement\n );\n };\n\n return <React.Fragment>{items.map(renderer.bind(null, ''))}</React.Fragment>;\n};\n"]}
1	+ {"version":3,"file":"ConstructorBlocks.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport get from 'lodash/get';\n\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {\n BlockType,\n ConstructorBlock as ConstructorBlockType,\n LoadableProps,\n SubBlock,\n} from '../../../../models';\nimport {getBlockKey} from '../../../../utils';\nimport {ConstructorBlock} from '../ConstructorBlock/ConstructorBlock';\nimport {ConstructorItem} from '../ConstructorItem';\nimport {ConstructorLoadable} from '../ConstructorLoadable';\n\nexport interface ConstructorBlocksProps {\n items: ConstructorBlockType[];\n}\n\nexport const ConstructorBlocks: React.FC<ConstructorBlocksProps> = ({items}) => {\n const {blockTypes, subBlockTypes, loadables, itemMap, shouldRenderBlock} =\n React.useContext(InnerContext);\n\n const allBlocks = [...blockTypes, ...subBlockTypes];\n\n const renderer = (\n parentId = '',\n withoutConstructorBlockWrapper = false,\n item: ConstructorBlockType,\n index: number,\n ): React.ReactElement \| null => {\n if (!itemMap[item.type]) {\n return parentId ? null : (\n <BlockDecoration type={item.type as BlockType} index={index}>\n {null}\n </BlockDecoration>\n );\n }\n\n let itemElement;\n const key = getBlockKey(item, index);\n const blockId = parentId ? `${parentId}_${key}` : key;\n if (shouldRenderBlock && !shouldRenderBlock(item, blockId)) {\n return null;\n }\n\n if ('loadable' in item && item.loadable) {\n const {source, serviceId, params} = item.loadable as LoadableProps;\n const config = get(loadables, source);\n\n if (!config) {\n return null;\n }\n\n itemElement = (\n <ConstructorLoadable\n block={item}\n key={blockId}\n blockKey={blockId}\n config={config}\n serviceId={serviceId}\n params={params}\n />\n );\n } else {\n let children;\n if ('children' in item && item.children) {\n children = (item.children as SubBlock[]).map(renderer.bind(null, blockId, true));\n }\n\n itemElement = (\n <ConstructorItem data={item} key={blockId} blockKey={index}>\n {children}\n </ConstructorItem>\n );\n }\n\n return allBlocks.includes(item.type) && !withoutConstructorBlockWrapper ? (\n //TODO: replace ConstructorBlock (and delete it) with BlockBase when all\n // components relying on constructor inner structure like Slider or blog-constructor will be refactored\n <ConstructorBlock data={item} key={blockId} index={index}>\n {itemElement}\n </ConstructorBlock>\n ) : (\n itemElement\n );\n };\n\n return <React.Fragment>{items.map(renderer.bind(null, '', false))}</React.Fragment>;\n};\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ConstructorBlock } from "../../../../models/index.js";
 export interface ConstructorItemProps {
     data: ConstructorBlock;
-    blockKey: string;
+    blockKey: number;
 }
 export declare const ConstructorItem: ({ data, blockKey, children, }: React.PropsWithChildren<ConstructorItemProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const ConstructorHeader: ({ data, blockKey, }: Pick<ConstructorItemProps, "data" | "blockKey">) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js CHANGED Viewed

@@ -9,9 +9,10 @@ const innerContext_1 = require("../../../../context/innerContext/index.js");
 const BlockDecoration_1 = require("../../../../customization/BlockDecoration.js");
 const ConstructorItem = ({ data, blockKey, children, }) => {
     const { itemMap } = React.useContext(innerContext_1.InnerContext);
+    const parentId = React.useContext(blockIdContext_1.BlockIdContext);
     const { type, ...rest } = data;
     const Component = itemMap[type];
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: blockKey, children: (0, jsx_runtime_1.jsx)(Component, { ...rest, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: [...parentId, blockKey], children: (0, jsx_runtime_1.jsx)(Component, { ...rest, children: children }) }, blockKey));
 };
 exports.ConstructorItem = ConstructorItem;
 const ConstructorHeader = ({ data, blockKey, }) => ((0, jsx_runtime_1.jsx)(BlockDecoration_1.BlockDecoration, { type: data.type, children: (0, jsx_runtime_1.jsx)(exports.ConstructorItem, { data: data, blockKey: blockKey }, data.type) }));

package/build/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,gFAAkE;AAClE,4EAA8D;AAC9D,kFAA0E;AAQnE,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,~~YACpC~~,uBAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,~~GACrB~~,CAC7B,CAAC;AACN,CAAC,CAAC;~~AAjBW~~,QAAA,eAAe,~~mBAiB1B~~;AAEK,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,uBAAC,uBAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC;AAPW,QAAA,iBAAiB,qBAO5B","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n data: ConstructorBlock;\n blockKey: ~~string~~;\n}\n\nexport const ConstructorItem = ({\n data,\n blockKey,\n children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n const {itemMap} = React.useContext(InnerContext);\n const {type, ...rest} = data;\n\n const Component = itemMap[type] as React.ComponentType<\n React.ComponentProps<(typeof itemMap)[typeof type]>\n >;\n\n return (\n <BlockIdContext.Provider value={blockKey}>\n <Component {...rest}>{children}</Component>\n </BlockIdContext.Provider>\n );\n};\n\nexport const ConstructorHeader = ({\n data,\n blockKey,\n}: Pick<ConstructorItemProps, 'data' \| 'blockKey'>) => (\n <BlockDecoration type={data.type as BlockType}>\n <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n </BlockDecoration>\n);\n"]}
1	+ {"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,gFAAkE;AAClE,4EAA8D;AAC9D,kFAA0E;AAQnE,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAc,CAAC,CAAC;IAClD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAE,QAAQ,CAAC,YACnD,uBAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,IADe,QAAQ,CAE5C,CAC7B,CAAC;AACN,CAAC,CAAC;AAlBW,QAAA,eAAe,mBAkB1B;AAEK,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,uBAAC,uBAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC;AAPW,QAAA,iBAAiB,qBAO5B","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n data: ConstructorBlock;\n blockKey: number;\n}\n\nexport const ConstructorItem = ({\n data,\n blockKey,\n children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n const {itemMap} = React.useContext(InnerContext);\n const parentId = React.useContext(BlockIdContext);\n const {type, ...rest} = data;\n\n const Component = itemMap[type] as React.ComponentType<\n React.ComponentProps<(typeof itemMap)[typeof type]>\n >;\n\n return (\n <BlockIdContext.Provider value={[...parentId, blockKey]} key={blockKey}>\n <Component {...rest}>{children}</Component>\n </BlockIdContext.Provider>\n );\n};\n\nexport const ConstructorHeader = ({\n data,\n blockKey,\n}: Pick<ConstructorItemProps, 'data' \| 'blockKey'>) => (\n <BlockDecoration type={data.type as BlockType}>\n <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n </BlockDecoration>\n);\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.js CHANGED Viewed

@@ -13,7 +13,8 @@ const ConstructorLoadable = (props) => {
     const { type } = block;
     const { fetch, component: ChildComponent } = config;
     const Component = itemMap[type];
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: blockKey, children: (0, jsx_runtime_1.jsx)(Loadable_1.default, { block: block, blockKey: blockKey, Component: Component, ChildComponent: ChildComponent, fetch: fetch, serviceId: serviceId, params: params }, blockKey) }, blockKey));
+    const parentId = React.useContext(blockIdContext_1.BlockIdContext);
+    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: [...parentId, Number(blockKey)], children: (0, jsx_runtime_1.jsx)(Loadable_1.default, { block: block, blockKey: blockKey, Component: Component, ChildComponent: ChildComponent, fetch: fetch, serviceId: serviceId, params: params }, blockKey) }, blockKey));
 };
 exports.ConstructorLoadable = ConstructorLoadable;
 //# sourceMappingURL=ConstructorLoadable.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConstructorLoadable.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,gFAAkE;AAClE,4EAA8D;AAE9D,qFAA6E;AAOtE,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACnE,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACjD,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC;IAC3D,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC;IACrB,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAC,GAAG,MAAM,CAAC;IAClD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;~~IAEF~~,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,~~YACpC~~,uBAAC,kBAAQ,IAEL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAPT,QAAQ,CAQf,~~IAVyC~~,QAAQ,~~CAW7B~~,CAC7B,CAAC;AACN,CAAC,CAAC;~~AAvBW~~,QAAA,mBAAmB,~~uBAuB9B~~","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {LoadableConfigItem} from '../../../../models';\nimport Loadable, {LoadableComponentsProps} from '../../../Loadable/Loadable';\n\ninterface ConstructorLoadableProps\n extends Omit<LoadableComponentsProps, 'Component' \| 'ChildComponent' \| 'fetch'> {\n config: LoadableConfigItem;\n}\n\nexport const ConstructorLoadable = (props: ConstructorLoadableProps) => {\n const {itemMap} = React.useContext(InnerContext);\n const {block, blockKey, config, serviceId, params} = props;\n const {type} = block;\n const {fetch, component: ChildComponent} = config;\n const Component = itemMap[type] as React.Component<\n React.ComponentProps<(typeof itemMap)[typeof type]>\n >;\n\n return (\n <BlockIdContext.Provider value={blockKey} key={blockKey}>\n <Loadable\n key={blockKey}\n block={block}\n blockKey={blockKey}\n Component={Component}\n ChildComponent={ChildComponent}\n fetch={fetch}\n serviceId={serviceId}\n params={params}\n />\n </BlockIdContext.Provider>\n );\n};\n"]}
1	+ {"version":3,"file":"ConstructorLoadable.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,gFAAkE;AAClE,4EAA8D;AAE9D,qFAA6E;AAOtE,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACnE,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACjD,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC;IAC3D,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC;IACrB,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAC,GAAG,MAAM,CAAC;IAClD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,+BAAc,CAAC,CAAC;IAElD,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,YAC3D,uBAAC,kBAAQ,IAEL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAPT,QAAQ,CAQf,IAVgE,QAAQ,CAWpD,CAC7B,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,mBAAmB,uBAwB9B","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {LoadableConfigItem} from '../../../../models';\nimport Loadable, {LoadableComponentsProps} from '../../../Loadable/Loadable';\n\ninterface ConstructorLoadableProps\n extends Omit<LoadableComponentsProps, 'Component' \| 'ChildComponent' \| 'fetch'> {\n config: LoadableConfigItem;\n}\n\nexport const ConstructorLoadable = (props: ConstructorLoadableProps) => {\n const {itemMap} = React.useContext(InnerContext);\n const {block, blockKey, config, serviceId, params} = props;\n const {type} = block;\n const {fetch, component: ChildComponent} = config;\n const Component = itemMap[type] as React.Component<\n React.ComponentProps<(typeof itemMap)[typeof type]>\n >;\n const parentId = React.useContext(BlockIdContext);\n\n return (\n <BlockIdContext.Provider value={[...parentId, Number(blockKey)]} key={blockKey}>\n <Loadable\n key={blockKey}\n block={block}\n blockKey={blockKey}\n Component={Component}\n ChildComponent={ChildComponent}\n fetch={fetch}\n serviceId={serviceId}\n params={params}\n />\n </BlockIdContext.Provider>\n );\n};\n"]}

package/build/cjs/containers/PageConstructor/components/ConstructorRow/ConstructorRow.js CHANGED Viewed

@@ -2,9 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorRow = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const grid_1 = require("../../../../grid/index.js");
 const utils_1 = require("../../../../utils/index.js");
 const b = (0, utils_1.block)('constructor-row');
-const ConstructorRow = ({ children }) => children ? ((0, jsx_runtime_1.jsx)(grid_1.Row, { className: b(), children: (0, jsx_runtime_1.jsx)(grid_1.Col, { children: children }) })) : null;
+const ConstructorRow = ({ children }) => children ? (0, jsx_runtime_1.jsx)("div", { className: b(), children: children }) : null;
 exports.ConstructorRow = ConstructorRow;
 //# sourceMappingURL=ConstructorRow.js.map

package/build/cjs/containers/PageConstructor/components/ConstructorRow/ConstructorRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConstructorRow.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/ConstructorRow.tsx"],"names":[],"mappings":";;;;AAEA,~~oDAA0C;AAC1C,~~sDAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,~~CACP~~,~~uBAAC,UAAG,IAAC,~~SAAS,EAAE,CAAC,EAAE,~~YACf~~,~~uBAAC,UAAG,cAAE,~~QAAQ,GAAO,~~GACnB,CACT,~~CAAC,CAAC,CAAC,IAAI,CAAC;~~AALA~~,QAAA,cAAc,~~kBAKd~~","sourcesContent":["import * as React from 'react';\n\nimport {~~Col, Row} from '../../../../grid';\nimport {~~block} from '../../../../utils';\n\nimport './ConstructorRow.scss';\n\nconst b = block('constructor-row');\n\nexport const ConstructorRow = ({children}: React.PropsWithChildren<{}>) =>\n children ? ~~(\n~~ <~~Row~~ className={b()}~~>\n <Col~~>{children}</~~Col>\n </Row>\n )~~ : null;\n"]}
1	+ {"version":3,"file":"ConstructorRow.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/ConstructorRow.tsx"],"names":[],"mappings":";;;;AAEA,sDAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAE,CAAC,EAAE,YAAG,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC;AAD/C,QAAA,cAAc,kBACiC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../../utils';\n\nimport './ConstructorRow.scss';\n\nconst b = block('constructor-row');\n\nexport const ConstructorRow = ({children}: React.PropsWithChildren<{}>) =>\n children ? <div className={b()}>{children}</div> : null;\n"]}

package/build/cjs/context/blockIdContext/blockIdContext.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export type BlockIdContextProp = string;
-export declare const BlockIdContext: React.Context<string>;
+export type BlockIdContextProp = number[];
+export declare const BlockIdContext: React.Context<BlockIdContextProp>;

package/build/cjs/context/blockIdContext/blockIdContext.js CHANGED Viewed

@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlockIdContext = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
-exports.BlockIdContext = React.createContext('');
+exports.BlockIdContext = React.createContext([]);
 //# sourceMappingURL=blockIdContext.js.map

package/build/cjs/context/blockIdContext/blockIdContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"blockIdContext.js","sourceRoot":"../../../../src","sources":["context/blockIdContext/blockIdContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAIlB,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockIdContextProp = ~~string~~;\n\nexport const BlockIdContext = React.createContext<BlockIdContextProp>('');\n"]}
1	+ {"version":3,"file":"blockIdContext.js","sourceRoot":"../../../../src","sources":["context/blockIdContext/blockIdContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAIlB,QAAA,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockIdContextProp = number[];\n\nexport const BlockIdContext = React.createContext<BlockIdContextProp>([]);\n"]}

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { StoreApi } from 'zustand';
+import { EditorState } from "../../../common/store.js";
+export interface PCEditorStoreContextProps {
+    state: StoreApi<EditorState>;
+}
+export declare const PCEditorStoreContext: React.Context<PCEditorStoreContextProps>;

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js ADDED Viewed

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PCEditorStoreContext = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const store_1 = require("../../../common/store.js");
+exports.PCEditorStoreContext = React.createContext({
+    state: (0, store_1.createPCEditorStore)(),
+});
+//# sourceMappingURL=PCEditorStoreContext.js.map

package/build/cjs/context/editorStoreContext/PCEditorStoreContext.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PCEditorStoreContext.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreContext.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAI/B,oDAAuE;AAM1D,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IAC/E,KAAK,EAAE,IAAA,2BAAmB,GAAE;CAC/B,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../../common/store';\n\nexport interface PCEditorStoreContextProps {\n state: StoreApi<EditorState>;\n}\n\nexport const PCEditorStoreContext = React.createContext<PCEditorStoreContextProps>({\n state: createPCEditorStore(),\n});\n"]}

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import * as React from 'react';
+interface PCEditorStoreProviderProps extends React.PropsWithChildren {
+}
+export declare const PCEditorStoreProvider: ({ children }: PCEditorStoreProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js ADDED Viewed

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PCEditorStoreProvider = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const store_1 = require("../../../common/store.js");
+const PCEditorStoreContext_1 = require("./PCEditorStoreContext.js");
+const PCEditorStoreProvider = ({ children }) => {
+    const storeRef = React.useRef();
+    const syncStore = React.useCallback((message) => {
+        if (storeRef.current && message.state) {
+            storeRef.current.setState(message.state);
+        }
+    }, []);
+    React.useEffect(() => {
+        const onMessage = (e) => {
+            const message = e.data;
+            syncStore(message);
+        };
+        window.addEventListener('message', onMessage);
+        return () => {
+            window.removeEventListener('message', onMessage);
+        };
+    }, [syncStore]);
+    if (!storeRef.current) {
+        storeRef.current = (0, store_1.createPCEditorStore)();
+    }
+    return ((0, jsx_runtime_1.jsx)(PCEditorStoreContext_1.PCEditorStoreContext.Provider, { value: {
+            state: storeRef.current,
+        }, children: children }));
+};
+exports.PCEditorStoreProvider = PCEditorStoreProvider;
+//# sourceMappingURL=PCEditorStoreProvider.js.map

package/build/cjs/context/editorStoreContext/PCEditorStoreProvider.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PCEditorStoreProvider.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/PCEditorStoreProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,oDAAuE;AAGvE,oEAA4D;AAIrD,MAAM,qBAAqB,GAAG,CAAC,EAAC,QAAQ,EAA6B,EAAE,EAAE;IAC5E,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAyB,CAAC;IAEvD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAyB,EAAE,EAAE;QAC9D,IAAI,QAAQ,CAAC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC7C,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,SAAS,GAAG,CAAC,CAAe,EAAE,EAAE;YAClC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAwB,CAAC;YAC3C,SAAS,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QACrD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;QACpB,QAAQ,CAAC,OAAO,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAC7C,CAAC;IAED,OAAO,CACH,uBAAC,2CAAoB,CAAC,QAAQ,IAC1B,KAAK,EAAE;YACH,KAAK,EAAE,QAAQ,CAAC,OAAO;SAC1B,YAEA,QAAQ,GACmB,CACnC,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,qBAAqB,yBAmChC","sourcesContent":["import * as React from 'react';\n\nimport {StoreApi} from 'zustand';\n\nimport {EditorState, createPCEditorStore} from '../../../common/store';\nimport {StoreSyncMessage} from '../../../common/types';\n\nimport {PCEditorStoreContext} from './PCEditorStoreContext';\n\ninterface PCEditorStoreProviderProps extends React.PropsWithChildren {}\n\nexport const PCEditorStoreProvider = ({children}: PCEditorStoreProviderProps) => {\n const storeRef = React.useRef<StoreApi<EditorState>>();\n\n const syncStore = React.useCallback((message: StoreSyncMessage) => {\n if (storeRef.current && message.state) {\n storeRef.current.setState(message.state);\n }\n }, []);\n\n React.useEffect(() => {\n const onMessage = (e: MessageEvent) => {\n const message = e.data as StoreSyncMessage;\n syncStore(message);\n };\n\n window.addEventListener('message', onMessage);\n\n return () => {\n window.removeEventListener('message', onMessage);\n };\n }, [syncStore]);\n\n if (!storeRef.current) {\n storeRef.current = createPCEditorStore();\n }\n\n return (\n <PCEditorStoreContext.Provider\n value={{\n state: storeRef.current,\n }}\n >\n {children}\n </PCEditorStoreContext.Provider>\n );\n};\n"]}

package/build/cjs/context/editorStoreContext/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from "./PCEditorStoreContext.js";
2	+ export * from "./PCEditorStoreProvider.js";

package/build/cjs/context/editorStoreContext/index.js ADDED Viewed

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./PCEditorStoreContext.js"), exports);
+tslib_1.__exportStar(require("./PCEditorStoreProvider.js"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/context/editorStoreContext/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/editorStoreContext/index.ts"],"names":[],"mappings":";;;AAAA,oEAAuC;AACvC,qEAAwC","sourcesContent":["export * from './PCEditorStoreContext';\nexport * from './PCEditorStoreProvider';\n"]}

package/build/cjs/editor/components/CodeEditor/CodeEditor.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { PageContent } from "../../../models/index.js";
 import { CodeEditorMessageProps } from "../../utils/validation.js";
 interface CodeEditorProps {
@@ -9,5 +8,5 @@ interface CodeEditorProps {
     onChange: (content: PageContent) => void;
     message?: CodeEditorMessageProps;
 }
-export declare const CodeEditor: React.MemoExoticComponent<({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const CodeEditor: ({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/cjs/editor/components/CodeEditor/CodeEditor.js CHANGED Viewed

@@ -14,8 +14,7 @@ const context_1 = require("../../context.js");
 const code_1 = require("../../utils/code.js");
 const constants_1 = require("./constants.js");
 const b = (0, utils_1.block)('code-editor');
-const ON_CHANGE_DEBOUNCE_TIMEOUT = 300;
-exports.CodeEditor = React.memo(({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }) => {
+const CodeEditor = ({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code, }) => {
     const [message, setMessage] = React.useState(() => validator(code));
     const { theme = models_1.Theme.Light } = React.useContext(context_1.EditorContext);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -23,8 +22,8 @@ exports.CodeEditor = React.memo(({ onChange, validator, fullscreenModeOn, onFull
         const validationResult = validator(newCode);
         setMessage(validationResult);
         onChange((0, code_1.parseCode)(newCode));
-    }, ON_CHANGE_DEBOUNCE_TIMEOUT), [onChange, validator]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ fullscreen: fullscreenModeOn }), children: [(0, jsx_runtime_1.jsx)("div", { className: b('header'), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: fullscreenModeOn ? icons_1.ChevronsCollapseUpRight : icons_1.ChevronsExpandUpRight, size: 16 }) }) }), (0, jsx_runtime_1.jsx)("div", { className: b('code'), children: (0, jsx_runtime_1.jsx)(react_monaco_editor_1.default, { defaultValue: code, value: code, language: "yaml", options: constants_1.options, onChange: onChangeWithValidation, theme: theme === models_1.Theme.Dark ? 'vs-dark' : 'vs' }, String(fullscreenModeOn)) }), (0, jsx_runtime_1.jsx)("div", { className: b('footer'), children: message && ((0, jsx_runtime_1.jsx)("div", { className: b('message-container'), children: (0, jsx_runtime_1.jsx)("div", { className: b('message', { status: message.status }), children: message.text }) })) })] }));
-});
-exports.CodeEditor.displayName = 'CodeEditor';
+    }, 200), [onChange, validator]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b({ fullscreen: fullscreenModeOn }), children: [(0, jsx_runtime_1.jsx)("div", { className: b('header'), children: (0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn), children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: fullscreenModeOn ? icons_1.ChevronsCollapseUpRight : icons_1.ChevronsExpandUpRight, size: 16 }) }) }), (0, jsx_runtime_1.jsx)("div", { className: b('code'), children: (0, jsx_runtime_1.jsx)(react_monaco_editor_1.default, { value: code, language: "yaml", options: constants_1.options, onChange: onChangeWithValidation, theme: theme === models_1.Theme.Dark ? 'vs-dark' : 'vs' }, String(fullscreenModeOn)) }), (0, jsx_runtime_1.jsx)("div", { className: b('footer'), children: message && ((0, jsx_runtime_1.jsx)("div", { className: b('message-container'), children: (0, jsx_runtime_1.jsx)("div", { className: b('message', { status: message.status }), children: message.text }) })) })] }));
+};
+exports.CodeEditor = CodeEditor;
 //# sourceMappingURL=CodeEditor.js.map