npm - @gravity-ui/page-constructor - Versions diffs - 6.3.2-alpha.3 → 6.3.2-alpha.6 - Mend

@gravity-ui/page-constructor 6.3.2-alpha.3 → 6.3.2-alpha.6

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 (402) 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":"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","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"]}
1	+ {"version":3,"file":"constructor-items.js","sourceRoot":"../../src","sources":["constructor-items.ts"],"names":[],"mappings":";;;;AAIA,8CAqBkB;AAClB,8EAAgD;AAChD,sFAAwD;AACxD,oFAAsD;AACtD,4FAA8D;AAC9D,kGAAoE;AACpE,wDAAwD;AACxD,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,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,iBAAiB,CAAC,EAAE,0BAAiB;IAChD,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,gDAAgD;IAChD,8CAA8C;IAC9C,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,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 FoldableListBlock,\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';\n// import 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 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.FoldableListBlock]: FoldableListBlock,\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 // TODO: fix items prop for editor compatibility\n // [BlockType.FilterBlock]: FilterBlockConfig,\n [BlockType.FormBlock]: FormBlockConfig,\n [BlockType.TestEditorBlock]: TestEditorBlockConfig,\n [BlockType.SliderBlock]: SliderBlockConfig,\n\n [SubBlockType.Divider]: DividerConfig,\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.js CHANGED Viewed

@@ -31,7 +31,7 @@ const Constructor = (props) => {
     });
     const theme = (0, theme_1.useTheme)();
     const store = (0, usePCEditorStore_1.usePCEditorStore)();
-    const { initialized } = store;
+    const { initialized, isPreviewMode } = store;
     (0, usePCEditorInitializeEvents_1.usePCEditorInitializeEvents)({ initialContent: { blocks, background, navigation }, setContent });
     const { context } = React.useMemo(() => ({
         context: {
@@ -61,6 +61,23 @@ const Constructor = (props) => {
     }), [custom, shouldRenderBlock, microdata]);
     const restBlocks = content.blocks;
     const themedBackground = (0, utils_1.getThemedValue)(content.background, theme);
+    // disable click events
+    React.useEffect(() => {
+        if (!initialized || isPreviewMode) {
+            return;
+        }
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const handler = (e) => {
+            e?.preventDefault();
+            const blockElement = e.target.closest('[data-editor-item]');
+            blockElement.click(e);
+        };
+        document.body.addEventListener('click', handler);
+        // eslint-disable-next-line consistent-return
+        return () => {
+            document.body.removeEventListener('click', handler);
+        };
+    }, [initialized, isPreviewMode]);
     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;

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,2CAAyC;AACzC,6CAAgD;AAEhD,kHAA+E;AAC/E,sGAAmE;AACnE,sFAA6C;AAC7C,kEAA0E;AAC1E,0EAA4D;AAC5D,sEAAwD;AACxD,0FAA4E;AAC5E,wDAA6C;AAC7C,4FAAoF;AACpF,sEAA8D;AAC9D,kDAWsB;AACtB,kGAA+D;AAC/D,gDAA6F;AAE7F,sDAA+C;AAC/C,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,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA4B;QACpE,MAAM;QACN,UAAU;QACV,UAAU;KACb,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,IAAA,mCAAgB,GAAE,CAAC;IACjC,MAAM,EAAC,WAAW,EAAC,GAAG,KAAK,CAAC;~~IAE5B~~,IAAA,yDAA2B,EAAC,EAAC,cAAc,EAAE,EAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAC,EAAE,UAAU,EAAC,CAAC,CAAC;IAE5F,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,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC;IAClC,MAAM,gBAAgB,GAAG,IAAA,sBAAc,EAAC,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAEnE,OAAO,CACH,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACjC,uBAAC,gBAAM,IAAC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,CAAC,aAAa,CAAC,EAAE,WAAW,EAAC,CAAC,YACpD,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,OAAO,CAAC,UAAU,aACjC,UAAU,IAAI,UAAU,EAAE,EAC1B,UAAU,IAAI,CACX,uBAAC,+BAAc,cACX,uBAAC,8BAAiB,IAAC,KAAK,EAAE,UAAU,GAAI,GAC3B,CACpB,IACI,EACR,SAAS,IAAI,uBAAC,qBAAW,KAAG,IAC3B,GACD,GACW,CAC3B,CAAC;AACN,CAAC,CAAC;~~AA7EW~~,QAAA,WAAW,~~eA6EtB~~;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,qBAAa,cACV,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,YACtC,uBAAC,mBAAW,IAAC,OAAO,EAAE,KAAK,CAAC,OAAO,KAAM,IAAI,GAAI,GAC3B,GACd,CACnB,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,eAAe,mBAW1B","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"]}
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, isPreviewMode} = 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 // disable click events\n React.useEffect(() => {\n if (!initialized \|\| isPreviewMode) {\n return;\n }\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const handler: React.EventHandler<any> = (e) => {\n e?.preventDefault();\n const blockElement = e.target.closest('[data-editor-item]');\n blockElement.click(e);\n };\n document.body.addEventListener('click', handler);\n\n // eslint-disable-next-line consistent-return\n return () => {\n document.body.removeEventListener('click', handler);\n };\n }, [initialized, isPreviewMode]);\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/editor-v2/components/DynamicForm/DynamicForm.js CHANGED Viewed

@@ -9,6 +9,7 @@ const Array_1 = tslib_1.__importDefault(require("./Fields/Array/Array.js"));
 const Boolean_1 = tslib_1.__importDefault(require("./Fields/Boolean/Boolean.js"));
 const Number_1 = tslib_1.__importDefault(require("./Fields/Number/Number.js"));
 const Object_1 = tslib_1.__importDefault(require("./Fields/Object/Object.js"));
+const AnyOf_1 = tslib_1.__importDefault(require("./Fields/AnyOf/AnyOf.js"));
 const OneOf_1 = tslib_1.__importDefault(require("./Fields/OneOf/OneOf.js"));
 const Select_1 = tslib_1.__importDefault(require("./Fields/Select/Select.js"));
 const Text_1 = tslib_1.__importDefault(require("./Fields/Text/Text.js"));
@@ -94,13 +95,19 @@ const DynamicForm = ({ blockConfig, onUpdate, contentConfig }) => {
                 }
                 return ((0, jsx_runtime_1.jsx)(OneOf_1.default, { inputConfig: input, contentConfig: contentConfig, onUpdate: onComplexDynamicFieldUpdate }));
             }
+            case 'anyOf': {
+                if (!input || !('options' in input)) {
+                    return null;
+                }
+                return ((0, jsx_runtime_1.jsx)(AnyOf_1.default, { inputConfig: input, contentConfig: contentConfig, onUpdate: onComplexDynamicFieldUpdate }));
+            }
             default: {
                 return (0, jsx_runtime_1.jsxs)("div", { children: ["Ignore ", JSON.stringify(input)] });
             }
         }
     }, [contentConfig, decide, onUpdate]);
     const sortedInputs = inputs.sort((x, y) => {
-        const nestingFieldTypes = ['object', 'array', 'oneOf'];
+        const nestingFieldTypes = ['object', 'array', 'oneOf', 'anyOf'];
         if (nestingFieldTypes.includes(x.type)) {
             return 1;
         }

package/build/cjs/editor-v2/components/DynamicForm/DynamicForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from '../../../common/types';\nimport {editorCn} from '../../utils/cn';\n\nimport './DynamicForm.scss';\nimport ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport OneOfDynamicField from './Fields/OneOf/OneOf';\nimport SelectDynamicField from './Fields/Select/Select';\nimport TextDynamicField from './Fields/Text/Text';\nimport TextAreaDynamicField from './Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n blockConfig: Array<ConfigInput>;\n contentConfig?: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdate, contentConfig}: DynamicFormProps) => {\n const inputs = blockConfig;\n\n const getData = React.useCallback(\n (variable: string) => {\n if (variable.startsWith('block.')) {\n const purePath = variable.replace('block.', '');\n return _.get(contentConfig, purePath);\n }\n\n if (\n (variable.startsWith(`'`) && variable.endsWith(`'`)) \|\|\n (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n ) {\n // @ts-ignore TODO: replaceAll types\n return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n }\n\n return undefined;\n },\n [contentConfig],\n );\n\n const decide = React.useCallback(\n (showIf: string): boolean => {\n const parts = showIf.split(' ');\n\n if (!(parts.length === 3)) {\n // eslint-disable-next-line no-console\n console.log('Something bad happened in showIf, ignored');\n return true;\n }\n\n const [firstVariable, equals, secondVariable] = parts;\n\n const data1 = getData(firstVariable);\n const data2 = getData(secondVariable);\n\n if (equals === '===') {\n return data1 === data2;\n } else {\n return data1 !== data2;\n }\n },\n [getData],\n );\n\n const renderInput = React.useCallback(\n (input: ConfigInput) => {\n const fieldPath = input.name;\n const fieldValue = getContent(contentConfig, input.name);\n\n if (input.showIf) {\n const decision = decide(input.showIf);\n\n if (!decision) {\n return <div>Hidden Field: {input.name}</div>;\n }\n }\n\n // Text, Select, Boolean and etc\n const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n onUpdate(fieldPath, value);\n };\n\n // Array and Objects\n const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n onUpdate(getFullPath(fieldPath, key), value);\n };\n\n switch (input.type) {\n case 'text': {\n return (\n <TextDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'boolean': {\n return (\n <BooleanDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'textarea': {\n return (\n <TextAreaDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'select': {\n return (\n <SelectDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n input={input}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'number': {\n return (\n <NumberDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'object': {\n if (!input \|\| !('properties' in input)) {\n return null;\n }\n\n return (\n <ObjectDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n blockConfig={input.properties}\n title={input.title}\n value={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'array': {\n return (\n <ArrayDynamicField\n blockConfig={input}\n title={input.title}\n values={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'oneOf': {\n if (!input \|\| !('options' in input)) {\n return null;\n }\n\n return (\n <OneOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n default: {\n return <div>Ignore {JSON.stringify(input)}</div>;\n }\n }\n },\n [contentConfig, decide, onUpdate],\n );\n\n const sortedInputs = inputs.sort((x, y) => {\n const nestingFieldTypes = ['object', 'array', 'oneOf'];\n if (nestingFieldTypes.includes(x.type)) {\n return 1;\n }\n if (nestingFieldTypes.includes(y.type)) {\n return -1;\n }\n return 0;\n });\n\n return (\n <div className={b()}>\n {sortedInputs.map((input, index) => (\n <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n ))}\n </div>\n );\n};\n\nexport default DynamicForm;\n"]}
1	+ {"version":3,"file":"DynamicForm.js","sourceRoot":"../../../../../src","sources":["editor-v2/components/DynamicForm/DynamicForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import _ from 'lodash';\nimport * as React from 'react';\n\nimport {ConfigInput, DynamicFormValue} from '../../../common/types';\nimport {editorCn} from '../../utils/cn';\n\nimport './DynamicForm.scss';\nimport ArrayDynamicField from './Fields/Array/Array';\nimport BooleanDynamicField from './Fields/Boolean/Boolean';\nimport NumberDynamicField from './Fields/Number/Number';\nimport ObjectDynamicField from './Fields/Object/Object';\nimport AnyOfDynamicField from './Fields/AnyOf/AnyOf';\nimport OneOfDynamicField from './Fields/OneOf/OneOf';\nimport SelectDynamicField from './Fields/Select/Select';\nimport TextDynamicField from './Fields/Text/Text';\nimport TextAreaDynamicField from './Fields/TextArea/TextArea';\nimport {getContent, getFullPath} from './utils';\n\nconst b = editorCn('dynamic-form');\n\ninterface DynamicFormProps {\n blockConfig: Array<ConfigInput>;\n contentConfig?: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n className?: string;\n}\n\nconst DynamicForm = ({blockConfig, onUpdate, contentConfig}: DynamicFormProps) => {\n const inputs = blockConfig;\n\n const getData = React.useCallback(\n (variable: string) => {\n if (variable.startsWith('block.')) {\n const purePath = variable.replace('block.', '');\n return _.get(contentConfig, purePath);\n }\n\n if (\n (variable.startsWith(`'`) && variable.endsWith(`'`)) \|\|\n (variable.startsWith(`\"`) && variable.endsWith(`\"`))\n ) {\n // @ts-ignore TODO: replaceAll types\n return variable.replaceAll(`'`, '').replaceAll(`\"`, '');\n }\n\n return undefined;\n },\n [contentConfig],\n );\n\n const decide = React.useCallback(\n (showIf: string): boolean => {\n const parts = showIf.split(' ');\n\n if (!(parts.length === 3)) {\n // eslint-disable-next-line no-console\n console.log('Something bad happened in showIf, ignored');\n return true;\n }\n\n const [firstVariable, equals, secondVariable] = parts;\n\n const data1 = getData(firstVariable);\n const data2 = getData(secondVariable);\n\n if (equals === '===') {\n return data1 === data2;\n } else {\n return data1 !== data2;\n }\n },\n [getData],\n );\n\n const renderInput = React.useCallback(\n (input: ConfigInput) => {\n const fieldPath = input.name;\n const fieldValue = getContent(contentConfig, input.name);\n\n if (input.showIf) {\n const decision = decide(input.showIf);\n\n if (!decision) {\n return <div>Hidden Field: {input.name}</div>;\n }\n }\n\n // Text, Select, Boolean and etc\n const onSimpleDynamicFieldUpdate = (value: DynamicFormValue) => {\n onUpdate(fieldPath, value);\n };\n\n // Array and Objects\n const onComplexDynamicFieldUpdate = (key: string, value: DynamicFormValue) => {\n onUpdate(getFullPath(fieldPath, key), value);\n };\n\n switch (input.type) {\n case 'text': {\n return (\n <TextDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'boolean': {\n return (\n <BooleanDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'textarea': {\n return (\n <TextAreaDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'select': {\n return (\n <SelectDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n input={input}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'number': {\n return (\n <NumberDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n title={input.title}\n value={fieldValue}\n onUpdate={onSimpleDynamicFieldUpdate}\n />\n );\n }\n case 'object': {\n if (!input \|\| !('properties' in input)) {\n return null;\n }\n\n return (\n <ObjectDynamicField\n onRefresh={(value) => onUpdate(fieldPath, value)}\n blockConfig={input.properties}\n title={input.title}\n value={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'array': {\n return (\n <ArrayDynamicField\n blockConfig={input}\n title={input.title}\n values={fieldValue}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'oneOf': {\n if (!input \|\| !('options' in input)) {\n return null;\n }\n\n return (\n <OneOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n case 'anyOf': {\n if (!input \|\| !('options' in input)) {\n return null;\n }\n\n return (\n <AnyOfDynamicField\n inputConfig={input}\n contentConfig={contentConfig}\n onUpdate={onComplexDynamicFieldUpdate}\n />\n );\n }\n default: {\n return <div>Ignore {JSON.stringify(input)}</div>;\n }\n }\n },\n [contentConfig, decide, onUpdate],\n );\n\n const sortedInputs = inputs.sort((x, y) => {\n const nestingFieldTypes = ['object', 'array', 'oneOf', 'anyOf'];\n if (nestingFieldTypes.includes(x.type)) {\n return 1;\n }\n if (nestingFieldTypes.includes(y.type)) {\n return -1;\n }\n return 0;\n });\n\n return (\n <div className={b()}>\n {sortedInputs.map((input, index) => (\n <React.Fragment key={index}>{renderInput(input)}</React.Fragment>\n ))}\n </div>\n );\n};\n\nexport default DynamicForm;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.css CHANGED Viewed

@@ -1,13 +1,12 @@
 .pceditor-field-base {
-  padding: 16px 12px;
+  padding: 16px 12px 16px 0;
   border-bottom: 1px solid var(--g-color-line-generic);
   position: relative;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  gap: 8px;
 }
-.pceditor-field-base:hover > .pceditor-field-base__top > .pceditor-field-base__button {
+.pceditor-field-base:hover > .pceditor-field-base__top .pceditor-field-base__title > .pceditor-field-base__button {
   opacity: 1;
 }
 .pceditor-field-base_expandable {
@@ -25,11 +24,12 @@
   display: flex;
   align-items: center;
   gap: 4px;
-  flex: 0 0 64px;
-  word-break: break-all;
+  flex: 0 0 84px;
+  word-break: break-word;
 }
 .pceditor-field-base__children {
   flex: 2 1 auto;
+  margin-left: 12px;
 }
 .pceditor-field-base__foldable {
   width: 100%;
@@ -51,7 +51,9 @@
   font-weight: var(--g-text-body-font-weight);
   font-size: var(--g-text-body-2-font-size);
   line-height: var(--g-text-body-2-line-height);
-  margin: 5px 0;
+  margin: 5px 16px 5px 0;
+  display: flex;
+  flex-direction: row;
 }
 .pceditor-field-base__title_size_s {
   font-family: var(--g-text-body-font-family);

package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.js CHANGED Viewed

@@ -3,15 +3,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const uikit_1 = require("@gravity-ui/uikit");
+const icons_1 = require("@gravity-ui/icons");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const React = tslib_1.__importStar(require("react"));
 const cn_1 = require("../../../utils/cn.js");
 const b = (0, cn_1.editorCn)('field-base');
-const FieldBase = ({ className, title, textSize = 's', children, expandable = false, }) => {
+const FieldBase = ({ className, title, textSize = 's', children, expandable = false, onRefresh, }) => {
     const [showChildren, setShowChildren] = React.useState(!expandable);
     const titleComponent = React.useMemo(() => {
         if (title) {
-            const defaultTitle = ((0, jsx_runtime_1.jsx)("div", { className: b('title', { size: textSize }), children: lodash_1.default.capitalize(title) }));
+            const defaultTitle = ((0, jsx_runtime_1.jsxs)("div", { className: b('title', { size: textSize }), children: [onRefresh && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { className: b('button'), onClick: (e) => {
+                            e.stopPropagation();
+                            onRefresh(undefined);
+                        }, view: 'flat', size: 'xs', children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icons_1.ArrowRotateLeft, size: 14 }) })), (0, jsx_runtime_1.jsx)("span", { children: lodash_1.default.capitalize(title) })] }));
             if (expandable) {
                 return (
                 // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
@@ -20,7 +24,7 @@ const FieldBase = ({ className, title, textSize = 's', children, expandable = fa
             return (0, jsx_runtime_1.jsx)("div", { className: b('non-foldable'), children: defaultTitle });
         }
         return null;
-    }, [expandable, showChildren, textSize, title]);
+    }, [expandable, showChildren, textSize, title, onRefresh]);
     return ((0, jsx_runtime_1.jsxs)("div", { className: b({ expandable }, className), children: [title && (0, jsx_runtime_1.jsx)("div", { className: b('top'), children: titleComponent }), (!title || showChildren) && (0, jsx_runtime_1.jsx)("div", { className: b('children'), children: children })] }));
 };
 exports.default = FieldBase;

package/build/cjs/editor-v2/components/DynamicForm/FieldBase/FieldBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../../src","sources":["editor-v2/components/DynamicForm/FieldBase/FieldBase.tsx"],"names":[],"mappings":";;;;AAAA,~~6CAA8C~~;~~AAC9C~~,4DAAuB;AACvB,qDAA+B;AAE/B,6CAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,YAAY,CAAC,CAAC;AAajC,MAAM,SAAS,GAA6B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,UAAU,GAAG,KAAK,~~GACrB~~,EAAE,EAAE;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,YAAY,GAAG,CACjB,~~gCAAK~~,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,~~YAAG~~,gBAAC,CAAC,UAAU,CAAC,KAAK,CAAC,~~GAAO~~,~~CAC5E~~,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,iCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,uBAAC,mBAAW,IACR,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAC9B,IACA,CACT,CAAC;YACN,CAAC;YAED,OAAO,gCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,YAAY,GAAO,CAAC;QACnE,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;~~IAEhD~~,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAO,IAC1E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {ArrowToggle} from '@gravity-ui/uikit';\nimport _ from 'lodash';\nimport * as React from 'react';\n\nimport {editorCn} from '../../../utils/cn';\n\nimport './FieldBase.scss';\n\nconst b = editorCn('field-base');\n\nexport interface FieldBaseParams {\n title?: string;\n textSize?: 's' \| 'm' \| 'l';\n onRefresh?: (value: undefined) => void;\n expandable?: boolean;\n}\n\nexport interface FieldBaseProps extends React.PropsWithChildren, FieldBaseParams {\n className?: string;\n}\n\nconst FieldBase: React.FC<FieldBaseProps> = ({\n className,\n title,\n textSize = 's',\n children,\n expandable = false,\n}) => {\n const [showChildren, setShowChildren] = React.useState(!expandable);\n\n const titleComponent = React.useMemo(() => {\n if (title) {\n const defaultTitle = (\n <div className={b('title', {size: textSize})}>{_.capitalize(title)}</div>\n );\n\n if (expandable) {\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n <div className={b('foldable')} onClick={() => setShowChildren(!showChildren)}>\n {defaultTitle}\n <ArrowToggle\n direction={showChildren ? 'bottom' : 'right'}\n className={b('arrow-toggle')}\n />\n </div>\n );\n }\n\n return <div className={b('non-foldable')}>{defaultTitle}</div>;\n }\n\n return null;\n }, [expandable, showChildren, textSize, title]);\n\n return (\n <div className={b({expandable}, className)}>\n {title && <div className={b('top')}>{titleComponent}</div>}\n {(!title \|\| showChildren) && <div className={b('children')}>{children}</div>}\n </div>\n );\n};\n\nexport default FieldBase;\n"]}
1	+ {"version":3,"file":"FieldBase.js","sourceRoot":"../../../../../../src","sources":["editor-v2/components/DynamicForm/FieldBase/FieldBase.tsx"],"names":[],"mappings":";;;;AAAA,6CAA4D;AAC5D,6CAAkD;AAClD,4DAAuB;AACvB,qDAA+B;AAE/B,6CAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,YAAY,CAAC,CAAC;AAajC,MAAM,SAAS,GAA6B,CAAC,EACzC,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;IAEpE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,YAAY,GAAG,CACjB,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,CAAC,aACvC,SAAS,IAAI,CACV,uBAAC,cAAM,IACH,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACtB,OAAO,EAAE,CAAC,CAAsC,EAAE,EAAE;4BAChD,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,SAAS,CAAC,SAAS,CAAC,CAAC;wBACzB,CAAC,EACD,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,IAAI,YAEV,uBAAC,YAAI,IAAC,IAAI,EAAE,uBAAe,EAAE,IAAI,EAAE,EAAE,GAAI,GACpC,CACZ,EACD,2CAAO,gBAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAQ,IAChC,CACT,CAAC;YAEF,IAAI,UAAU,EAAE,CAAC;gBACb,OAAO;gBACH,yGAAyG;gBACzG,iCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,aACvE,YAAY,EACb,uBAAC,mBAAW,IACR,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC5C,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,GAC9B,IACA,CACT,CAAC;YACN,CAAC;YAED,OAAO,gCAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,YAAG,YAAY,GAAO,CAAC;QACnE,CAAC;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3D,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAC,EAAE,SAAS,CAAC,aACrC,KAAK,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,YAAG,cAAc,GAAO,EACzD,CAAC,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,gCAAK,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,YAAG,QAAQ,GAAO,IAC1E,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["import {ArrowToggle, Button, Icon} from '@gravity-ui/uikit';\nimport {ArrowRotateLeft} from '@gravity-ui/icons';\nimport _ from 'lodash';\nimport * as React from 'react';\n\nimport {editorCn} from '../../../utils/cn';\n\nimport './FieldBase.scss';\n\nconst b = editorCn('field-base');\n\nexport interface FieldBaseParams {\n title?: string;\n textSize?: 's' \| 'm' \| 'l';\n onRefresh?: (value: undefined) => void;\n expandable?: boolean;\n}\n\nexport interface FieldBaseProps extends React.PropsWithChildren, FieldBaseParams {\n className?: string;\n}\n\nconst FieldBase: React.FC<FieldBaseProps> = ({\n className,\n title,\n textSize = 's',\n children,\n expandable = false,\n onRefresh,\n}) => {\n const [showChildren, setShowChildren] = React.useState(!expandable);\n\n const titleComponent = React.useMemo(() => {\n if (title) {\n const defaultTitle = (\n <div className={b('title', {size: textSize})}>\n {onRefresh && (\n <Button\n className={b('button')}\n onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n e.stopPropagation();\n onRefresh(undefined);\n }}\n view={'flat'}\n size={'xs'}\n >\n <Icon data={ArrowRotateLeft} size={14} />\n </Button>\n )}\n <span>{_.capitalize(title)}</span>\n </div>\n );\n\n if (expandable) {\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions\n <div className={b('foldable')} onClick={() => setShowChildren(!showChildren)}>\n {defaultTitle}\n <ArrowToggle\n direction={showChildren ? 'bottom' : 'right'}\n className={b('arrow-toggle')}\n />\n </div>\n );\n }\n\n return <div className={b('non-foldable')}>{defaultTitle}</div>;\n }\n\n return null;\n }, [expandable, showChildren, textSize, title, onRefresh]);\n\n return (\n <div className={b({expandable}, className)}>\n {title && <div className={b('top')}>{titleComponent}</div>}\n {(!title \|\| showChildren) && <div className={b('children')}>{children}</div>}\n </div>\n );\n};\n\nexport default FieldBase;\n"]}

package/build/cjs/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.css ADDED Viewed

@@ -0,0 +1,6 @@
+.pceditor-anyof-dynamic-field__radio {
+  margin: 16px 12px;
+}
+.pceditor-anyof-dynamic-field__select {
+  min-width: 80px;
+}

package/build/cjs/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { AnyOfInput, DynamicFormValue } from "../../../../../common/types/index.js";
+interface AnyOfDynamicFieldProps {
+    contentConfig: DynamicFormValue;
+    onUpdate: (key: string, value: DynamicFormValue) => void;
+    inputConfig: AnyOfInput;
+    className?: string;
+}
+declare const AnyOfDynamicField: ({ contentConfig, onUpdate, className, inputConfig, }: AnyOfDynamicFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default AnyOfDynamicField;

package/build/cjs/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.js ADDED Viewed

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_1 = require("@gravity-ui/uikit");
+const React = tslib_1.__importStar(require("react"));
+const cn_1 = require("../../../../utils/cn.js");
+const DynamicForm_1 = tslib_1.__importDefault(require("../../DynamicForm.js"));
+const FieldBase_1 = tslib_1.__importDefault(require("../../FieldBase/FieldBase.js"));
+const b = (0, cn_1.editorCn)('anyof-dynamic-field');
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getAnyOfContentConfig = (contentConfig, name) => {
+    if (name) {
+        return contentConfig ? contentConfig[name] : {};
+    }
+    return contentConfig;
+};
+const AnyOfDynamicField = ({ contentConfig, onUpdate, className, inputConfig, }) => {
+    const defaultValue = inputConfig.options[0].value;
+    const [anyOfMetaValue, setAnyOfMetaValue] = React.useState(defaultValue);
+    const anyOfContentConfig = getAnyOfContentConfig(contentConfig, inputConfig.name);
+    const anyOfChosenOption = React.useMemo(() => inputConfig.options.find(({ value: foundAnyOfValue }) => foundAnyOfValue === anyOfMetaValue), [inputConfig.options, anyOfMetaValue]);
+    const onUpdateAnyOf = React.useCallback((value) => {
+        setAnyOfMetaValue(value);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(FieldBase_1.default, { title: inputConfig.title, className: b(null, className), onRefresh: (value) => onUpdate('', value), expandable: true, children: (0, jsx_runtime_1.jsxs)(uikit_1.Card, { children: [inputConfig.options.length < 4 ? ((0, jsx_runtime_1.jsx)(uikit_1.SegmentedRadioGroup, { className: b('radio'), options: inputConfig.options.map((option) => ({
+                        content: option.title,
+                        value: option.value,
+                    })), value: anyOfMetaValue, onUpdate: onUpdateAnyOf })) : ((0, jsx_runtime_1.jsx)(uikit_1.Select, { options: inputConfig.options.map((option) => ({
+                        content: option.title,
+                        value: option.value,
+                    })), value: anyOfMetaValue ? [anyOfMetaValue] : [], onUpdate: ([selectValue]) => onUpdateAnyOf(selectValue), className: b('select') })), anyOfChosenOption && ((0, jsx_runtime_1.jsx)(DynamicForm_1.default, { blockConfig: anyOfChosenOption.properties, contentConfig: anyOfContentConfig, onUpdate: onUpdate }))] }) }));
+};
+exports.default = AnyOfDynamicField;
+//# sourceMappingURL=AnyOf.js.map

package/build/cjs/editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AnyOf.js","sourceRoot":"../../../../../../../src","sources":["editor-v2/components/DynamicForm/Fields/AnyOf/AnyOf.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Card, SegmentedRadioGroup, Select} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {AnyOfInput, DynamicFormValue} from '../../../../../common/types';\nimport {editorCn} from '../../../../utils/cn';\nimport DynamicForm from '../../DynamicForm';\nimport FieldBase from '../../FieldBase/FieldBase';\n\nimport './AnyOf.scss';\n\nconst b = editorCn('anyof-dynamic-field');\n\ninterface AnyOfDynamicFieldProps {\n contentConfig: DynamicFormValue;\n onUpdate: (key: string, value: DynamicFormValue) => void;\n inputConfig: AnyOfInput;\n className?: string;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst getAnyOfContentConfig = (contentConfig: any, name: string) => {\n if (name) {\n return contentConfig ? contentConfig[name] : {};\n }\n return contentConfig;\n};\n\nconst AnyOfDynamicField = ({\n contentConfig,\n onUpdate,\n className,\n inputConfig,\n}: AnyOfDynamicFieldProps) => {\n const defaultValue = inputConfig.options[0].value;\n\n const [anyOfMetaValue, setAnyOfMetaValue] = React.useState(defaultValue);\n\n const anyOfContentConfig = getAnyOfContentConfig(contentConfig, inputConfig.name);\n const anyOfChosenOption = React.useMemo(\n () =>\n inputConfig.options.find(\n ({value: foundAnyOfValue}) => foundAnyOfValue === anyOfMetaValue,\n ),\n [inputConfig.options, anyOfMetaValue],\n );\n\n const onUpdateAnyOf = React.useCallback((value: string) => {\n setAnyOfMetaValue(value);\n }, []);\n\n return (\n <FieldBase\n title={inputConfig.title}\n className={b(null, className)}\n onRefresh={(value) => onUpdate('', value)}\n expandable\n >\n <Card>\n {inputConfig.options.length < 4 ? (\n <SegmentedRadioGroup\n className={b('radio')}\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue}\n onUpdate={onUpdateAnyOf}\n />\n ) : (\n <Select\n options={inputConfig.options.map((option) => ({\n content: option.title,\n value: option.value,\n }))}\n value={anyOfMetaValue ? [anyOfMetaValue] : []}\n onUpdate={([selectValue]) => onUpdateAnyOf(selectValue)}\n className={b('select')}\n />\n )}\n {anyOfChosenOption && (\n <DynamicForm\n blockConfig={anyOfChosenOption.properties}\n contentConfig={anyOfContentConfig}\n onUpdate={onUpdate}\n />\n )}\n </Card>\n </FieldBase>\n );\n};\n\nexport default AnyOfDynamicField;\n"]}

package/build/cjs/editor-v2/containers/BlockConfigForm/BlockConfigForm.css CHANGED Viewed

@@ -3,14 +3,14 @@
   font-weight: var(--g-text-subheader-font-weight);
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
-  padding: 12px 16px;
+  padding: 12px;
   border-bottom: 1px solid var(--g-color-line-generic);
 }
 .pceditor-block-config-form__form {
   padding: 12px 0;
 }
 .pceditor-block-config-form__empty {
-  padding: 12px 16px;
+  padding: 12px;
   display: flex;
   justify-content: center;
   align-items: center;

package/build/cjs/editor-v2/containers/Editor/Editor.d.ts CHANGED Viewed

@@ -8,6 +8,7 @@ interface SidebarTabComponent {
 interface EditorViewProps {
     onUpdate?: (pageContent: PageContentWithNavigation) => void;
     initialUrl: string;
+    initialContent?: PageContentWithNavigation;
     disableUrlField?: boolean;
     componentsConfig?: {
         middleTop?: React.ElementType;

package/build/cjs/editor-v2/containers/Editor/Editor.js CHANGED Viewed

@@ -17,10 +17,10 @@ const cn_1 = require("../../utils/cn.js");
 const Source_1 = tslib_1.__importDefault(require("../Source/Source.js"));
 const ViewSwitches_1 = tslib_1.__importDefault(require("../ViewSwitches/ViewSwitches.js"));
 const b = (0, cn_1.editorCn)('editor');
-const EditorView = ({ componentsConfig = {} }) => {
+const EditorView = ({ componentsConfig = {}, initialContent }) => {
     const store = (0, useMainEditorStore_1.useMainEditorStore)();
     const { manipulateOverlayMode, disableMode } = store;
-    (0, useMainEditorInitialize_1.default)();
+    (0, useMainEditorInitialize_1.default)(initialContent);
     // Disable insert mode on any MouseUp event
     // Maybe should be attached to body
     const onMouseUp = React.useCallback((e) => {

package/build/cjs/editor-v2/containers/Editor/Editor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Editor/Editor.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAG/B,8DAAsD;AACtD,iEAAyD;AACzD,qFAAgE;AAChE,2FAAsE;AACtE,oEAAkE;AAClE,wEAA2D;AAC3D,gEAAwD;AACxD,6GAA0E;AAC1E,0EAAkE;AAClE,0CAAwC;AACxC,yEAAsC;AACtC,2FAAwD;AAIxD,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,QAAQ,CAAC,CAAC;~~AAoB7B~~,MAAM,UAAU,GAAG,CAAC,EAAC,gBAAgB,GAAG,EAAE,EAAkB,EAAE,EAAE;~~IAC5D~~,MAAM,KAAK,GAAG,IAAA,uCAAkB,GAAE,CAAC;IACnC,MAAM,EAAC,qBAAqB,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAEnD,IAAA,iCAAuB,~~GAAE~~,CAAC;~~IAE1B~~,2CAA2C;IAC3C,mCAAmC;IACnC,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAC/B,CAAC,CAAmB,EAAE,EAAE;QACpB,IAAI,qBAAqB,EAAE,CAAC;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,WAAW,EAAE,CAAC;QAClB,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,qBAAqB,CAAC,CACvC,CAAC;IACF,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,IAAA,6BAAa,EAAC,gBAAgB,CAAC,CAAC;IAEtD,OAAO;IACH,mEAAmE;IACnE,iCAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,aACrC,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,eAAM,IACH,IAAI,EAAE,uBAAC,iBAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,gBAAgB,CAAC,OAAO,GAAI,EAC5D,KAAK,EACD,uBAAC,iBAAO,IACJ,IAAI,EAAE,KAAK,EACX,GAAG,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,gBAAM,EAAE,sBAAY,CAAC,EACjE,UAAU,EAAC,cAAc,GAC3B,EAEN,MAAM,EAAE,uBAAC,sBAAY,IAAC,SAAS,EAAE,gBAAgB,CAAC,SAAS,GAAI,GACjE,GACA,EACN,uBAAC,oBAAU,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,IACrC,CACT,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,OAAO,CACH,uBAAC,8BAAc,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,YAChF,uBAAC,qCAAuB,cACpB,uBAAC,UAAU,OAAK,KAAK,GAAI,GACH,GACb,CACpB,CAAC;AACN,CAAC,CAAC;AARW,QAAA,MAAM,UAQjB","sourcesContent":["import * as React from 'react';\n\nimport {PageContentWithNavigation} from '../../../models';\nimport {Panels} from '../../components/Panels/Panels';\nimport {Sidebar} from '../../components/Sidebar/Sidebar';\nimport BigOverlay from '../../containers/BigOverlay/BigOverlay';\nimport MiddleScreen from '../../containers/MiddleScreen/MiddleScreen';\nimport {MainEditorStoreProvider} from '../../context/editorStore';\nimport {IframeProvider} from '../../context/iframeContext';\nimport {useEditorTabs} from '../../hooks/useEditorTabs';\nimport useMainEditorInitialize from '../../hooks/useMainEditorInitialize';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\nimport Source from '../Source/Source';\nimport ViewSwitches from '../ViewSwitches/ViewSwitches';\n\nimport './Editor.scss';\n\nconst b = editorCn('editor');\n\ninterface SidebarTabComponent {\n id: string;\n title: string;\n component: React.ElementType;\n}\ninterface EditorViewProps {\n onUpdate?: (pageContent: PageContentWithNavigation) => void;\n initialUrl: string;\n disableUrlField?: boolean;\n componentsConfig?: {\n middleTop?: React.ElementType;\n leftTop?: React.ElementType[];\n rightTop?: React.ElementType[];\n leftTabs?: SidebarTabComponent[];\n rightTabs?: SidebarTabComponent[];\n };\n}\n\nconst EditorView = ({componentsConfig = {}}: EditorViewProps) => {\n const store = useMainEditorStore();\n const {manipulateOverlayMode, disableMode} = store;\n\n useMainEditorInitialize();\n\n // Disable insert mode on any MouseUp event\n // Maybe should be attached to body\n const onMouseUp = React.useCallback(\n (e: React.MouseEvent) => {\n if (manipulateOverlayMode) {\n e.preventDefault();\n disableMode();\n }\n },\n [disableMode, manipulateOverlayMode],\n );\n const {left, right} = useEditorTabs(componentsConfig);\n\n return (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div className={b()} onMouseUp={onMouseUp}>\n <div className={b('body')}>\n <Panels\n left={<Sidebar tabs={left} top={componentsConfig.leftTop} />}\n right={\n <Sidebar\n tabs={right}\n top={[...(componentsConfig.rightTop \|\| []), Source, ViewSwitches]}\n defaultTab=\"block-config\"\n />\n }\n middle={<MiddleScreen CustomTop={componentsConfig.middleTop} />}\n />\n </div>\n <BigOverlay className={b('overlay')} />\n </div>\n );\n};\n\nexport const Editor = (props: EditorViewProps) => {\n return (\n <IframeProvider initialUrl={props.initialUrl} disableUrlField={props.disableUrlField}>\n <MainEditorStoreProvider>\n <EditorView {...props} />\n </MainEditorStoreProvider>\n </IframeProvider>\n );\n};\n"]}
1	+ {"version":3,"file":"Editor.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/Editor/Editor.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAG/B,8DAAsD;AACtD,iEAAyD;AACzD,qFAAgE;AAChE,2FAAsE;AACtE,oEAAkE;AAClE,wEAA2D;AAC3D,gEAAwD;AACxD,6GAA0E;AAC1E,0EAAkE;AAClE,0CAAwC;AACxC,yEAAsC;AACtC,2FAAwD;AAIxD,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,QAAQ,CAAC,CAAC;AAqB7B,MAAM,UAAU,GAAG,CAAC,EAAC,gBAAgB,GAAG,EAAE,EAAE,cAAc,EAAkB,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG,IAAA,uCAAkB,GAAE,CAAC;IACnC,MAAM,EAAC,qBAAqB,EAAE,WAAW,EAAC,GAAG,KAAK,CAAC;IAEnD,IAAA,iCAAuB,EAAC,cAAc,CAAC,CAAC;IAExC,2CAA2C;IAC3C,mCAAmC;IACnC,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAC/B,CAAC,CAAmB,EAAE,EAAE;QACpB,IAAI,qBAAqB,EAAE,CAAC;YACxB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,WAAW,EAAE,CAAC;QAClB,CAAC;IACL,CAAC,EACD,CAAC,WAAW,EAAE,qBAAqB,CAAC,CACvC,CAAC;IACF,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,IAAA,6BAAa,EAAC,gBAAgB,CAAC,CAAC;IAEtD,OAAO;IACH,mEAAmE;IACnE,iCAAK,SAAS,EAAE,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,aACrC,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,eAAM,IACH,IAAI,EAAE,uBAAC,iBAAO,IAAC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,gBAAgB,CAAC,OAAO,GAAI,EAC5D,KAAK,EACD,uBAAC,iBAAO,IACJ,IAAI,EAAE,KAAK,EACX,GAAG,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,IAAI,EAAE,CAAC,EAAE,gBAAM,EAAE,sBAAY,CAAC,EACjE,UAAU,EAAC,cAAc,GAC3B,EAEN,MAAM,EAAE,uBAAC,sBAAY,IAAC,SAAS,EAAE,gBAAgB,CAAC,SAAS,GAAI,GACjE,GACA,EACN,uBAAC,oBAAU,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,GAAI,IACrC,CACT,CAAC;AACN,CAAC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC7C,OAAO,CACH,uBAAC,8BAAc,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,EAAE,eAAe,EAAE,KAAK,CAAC,eAAe,YAChF,uBAAC,qCAAuB,cACpB,uBAAC,UAAU,OAAK,KAAK,GAAI,GACH,GACb,CACpB,CAAC;AACN,CAAC,CAAC;AARW,QAAA,MAAM,UAQjB","sourcesContent":["import * as React from 'react';\n\nimport {PageContentWithNavigation} from '../../../models';\nimport {Panels} from '../../components/Panels/Panels';\nimport {Sidebar} from '../../components/Sidebar/Sidebar';\nimport BigOverlay from '../../containers/BigOverlay/BigOverlay';\nimport MiddleScreen from '../../containers/MiddleScreen/MiddleScreen';\nimport {MainEditorStoreProvider} from '../../context/editorStore';\nimport {IframeProvider} from '../../context/iframeContext';\nimport {useEditorTabs} from '../../hooks/useEditorTabs';\nimport useMainEditorInitialize from '../../hooks/useMainEditorInitialize';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\nimport Source from '../Source/Source';\nimport ViewSwitches from '../ViewSwitches/ViewSwitches';\n\nimport './Editor.scss';\n\nconst b = editorCn('editor');\n\ninterface SidebarTabComponent {\n id: string;\n title: string;\n component: React.ElementType;\n}\ninterface EditorViewProps {\n onUpdate?: (pageContent: PageContentWithNavigation) => void;\n initialUrl: string;\n initialContent?: PageContentWithNavigation;\n disableUrlField?: boolean;\n componentsConfig?: {\n middleTop?: React.ElementType;\n leftTop?: React.ElementType[];\n rightTop?: React.ElementType[];\n leftTabs?: SidebarTabComponent[];\n rightTabs?: SidebarTabComponent[];\n };\n}\n\nconst EditorView = ({componentsConfig = {}, initialContent}: EditorViewProps) => {\n const store = useMainEditorStore();\n const {manipulateOverlayMode, disableMode} = store;\n\n useMainEditorInitialize(initialContent);\n\n // Disable insert mode on any MouseUp event\n // Maybe should be attached to body\n const onMouseUp = React.useCallback(\n (e: React.MouseEvent) => {\n if (manipulateOverlayMode) {\n e.preventDefault();\n disableMode();\n }\n },\n [disableMode, manipulateOverlayMode],\n );\n const {left, right} = useEditorTabs(componentsConfig);\n\n return (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div className={b()} onMouseUp={onMouseUp}>\n <div className={b('body')}>\n <Panels\n left={<Sidebar tabs={left} top={componentsConfig.leftTop} />}\n right={\n <Sidebar\n tabs={right}\n top={[...(componentsConfig.rightTop \|\| []), Source, ViewSwitches]}\n defaultTab=\"block-config\"\n />\n }\n middle={<MiddleScreen CustomTop={componentsConfig.middleTop} />}\n />\n </div>\n <BigOverlay className={b('overlay')} />\n </div>\n );\n};\n\nexport const Editor = (props: EditorViewProps) => {\n return (\n <IframeProvider initialUrl={props.initialUrl} disableUrlField={props.disableUrlField}>\n <MainEditorStoreProvider>\n <EditorView {...props} />\n </MainEditorStoreProvider>\n </IframeProvider>\n );\n};\n"]}

package/build/cjs/editor-v2/containers/MiddleScreen/MiddleScreen.css CHANGED Viewed

@@ -12,16 +12,55 @@
   overflow-y: auto;
   background-color: var(--g-color-text-secondary);
 }
+.pceditor-middle-screen__content_fullscreen {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1000;
+  background-color: #000;
+}
 .pceditor-middle-screen__wrapper {
   width: 100%;
   height: 100%;
   margin: auto;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  overflow: hidden;
 }
 .pceditor-middle-screen__canvas {
-  transform-origin: left top;
+  transform-origin: center top;
   overflow-y: scroll;
   position: relative;
   height: 100%;
+  max-width: 100%;
+}
+.pceditor-middle-screen__canvas_fullscreen {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+}
+.pceditor-middle-screen__iframe {
+  display: block;
+  margin: 0 auto;
+}
+.pceditor-middle-screen__iframe_fullscreen {
+  width: 100%;
+  height: 100%;
+}
+.pceditor-middle-screen__exit-preview {
+  position: fixed;
+  opacity: 0.5;
+  top: 16px;
+  right: 16px;
+  z-index: 1001;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .pceditor-middle-screen__overlay {
   position: absolute;

package/build/cjs/editor-v2/containers/MiddleScreen/MiddleScreen.js CHANGED Viewed

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_1 = require("@gravity-ui/icons");
 const uikit_1 = require("@gravity-ui/uikit");
 const React = tslib_1.__importStar(require("react"));
 const postMessage_1 = require("../../../common/postMessage.js");
@@ -11,10 +12,16 @@ const cn_1 = require("../../utils/cn.js");
 const Overlay_1 = tslib_1.__importDefault(require("../Overlay/Overlay.js"));
 const b = (0, cn_1.editorCn)('middle-screen');
 const MiddleScreen = ({ className, CustomTop }) => {
-    const { zoom, initialized, deviceWidth } = (0, useMainEditorStore_1.useMainEditorStore)();
+    const { zoom, initialized, deviceWidth, isPreviewMode, togglePreviewMode } = (0, useMainEditorStore_1.useMainEditorStore)();
     const { url, setIframeElement } = React.useContext(iframeContext_1.IframeContext);
     const [canvasRef, setCanvasRef] = React.useState(null);
     const [height, setHeight] = React.useState(0);
+    const canvasStyle = React.useMemo(() => ({
+        transform: isPreviewMode ? 'none' : `scale(${zoom}%)`,
+        height: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,
+        width: isPreviewMode ? '100%' : deviceWidth,
+        maxWidth: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,
+    }), [isPreviewMode, zoom, deviceWidth]);
     const onResize = React.useCallback((newHeight) => {
         setHeight(newHeight + 500);
     }, [setHeight]);
@@ -24,11 +31,7 @@ const MiddleScreen = ({ className, CustomTop }) => {
     (0, postMessage_1.usePostMessageAPIListener)('ON_INIT', ({ height: newHeight }) => {
         onResize(newHeight);
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [CustomTop ? ((0, jsx_runtime_1.jsx)("div", { className: b('topbar'), children: (0, jsx_runtime_1.jsx)(CustomTop, {}) })) : null, (0, jsx_runtime_1.jsx)("div", { className: b('content'), children: (0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), style: { width: deviceWidth }, children: (0, jsx_runtime_1.jsxs)("div", { ref: setCanvasRef, className: b('canvas', { hidden: !initialized }), style: {
-                            transform: `scale(${zoom}%)`,
-                            height: `${(100 / zoom) * 100}%`,
-                            width: `${(100 / zoom) * 100}%`,
-                        }, children: [(0, jsx_runtime_1.jsx)("iframe", { ref: (instance) => instance && setIframeElement(instance), className: b('iframe'), src: url, height: `${height}px`, width: "100%", frameBorder: "0", title: "Page Constructor Iframe" }), (0, jsx_runtime_1.jsx)(Overlay_1.default, { className: b('overlay'), canvasElement: canvasRef }), !initialized && ((0, jsx_runtime_1.jsx)("div", { className: b('loading'), children: (0, jsx_runtime_1.jsx)(uikit_1.Loader, { size: 'l' }) }))] }) }) })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: b(null, className), children: [CustomTop && !isPreviewMode ? ((0, jsx_runtime_1.jsx)("div", { className: b('topbar'), children: (0, jsx_runtime_1.jsx)(CustomTop, {}) })) : null, (0, jsx_runtime_1.jsx)("div", { className: b('content', { fullscreen: isPreviewMode }), children: (0, jsx_runtime_1.jsx)("div", { className: b('wrapper'), children: (0, jsx_runtime_1.jsxs)("div", { ref: setCanvasRef, className: b('canvas', { hidden: !initialized, fullscreen: isPreviewMode }), style: canvasStyle, children: [(0, jsx_runtime_1.jsx)("iframe", { ref: (instance) => instance && setIframeElement(instance), className: b('iframe', { fullscreen: isPreviewMode }), src: url, height: isPreviewMode ? '100%' : `${height}px`, width: isPreviewMode ? '100%' : deviceWidth, frameBorder: "0", title: "Page Constructor Iframe" }), !isPreviewMode && ((0, jsx_runtime_1.jsx)(Overlay_1.default, { className: b('overlay'), canvasElement: canvasRef })), isPreviewMode && ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "action", className: b('exit-preview'), onClick: togglePreviewMode, "aria-label": "Exit preview mode", title: "Exit preview mode", size: "l", children: (0, jsx_runtime_1.jsx)(uikit_1.Icon, { size: 24, data: icons_1.Xmark }) })), !initialized && ((0, jsx_runtime_1.jsx)("div", { className: b('loading'), children: (0, jsx_runtime_1.jsx)(uikit_1.Loader, { size: 'l' }) }))] }) }) })] }));
 };
 exports.default = MiddleScreen;
 //# sourceMappingURL=MiddleScreen.js.map

package/build/cjs/editor-v2/containers/MiddleScreen/MiddleScreen.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MiddleScreen.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/MiddleScreen/MiddleScreen.tsx"],"names":[],"mappings":";;;;AAAA,~~6CAAyC~~;~~AACzC~~,qDAA+B;AAE/B,gEAAsE;AACtE,wEAA0D;AAC1D,0EAAkE;AAClE,0CAAwC;AACxC,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,eAAe,CAAC,CAAC;AAOpC,MAAM,YAAY,GAAG,CAAC,EAAC,SAAS,EAAE,SAAS,EAAoB,EAAE,EAAE;IAC/D,MAAM,EAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAC,GAAG,IAAA,uCAAkB,GAAE,CAAC;~~IAC9D~~,MAAM,EAAC,GAAG,EAAE,gBAAgB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,SAAiB,EAAE,EAAE;QAClB,SAAS,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,SAAS,CAAC,CACd,CAAC;IAEF,IAAA,uCAAyB,EAAC,WAAW,EAAE,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,EAAE;QAC3D,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,IAAA,uCAAyB,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,EAAE;QACzD,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,SAAS,CAAC,CAAC,CAAC,~~CACT~~,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,SAAS,KAAG,GACX,CACT,CAAC,CAAC,CAAC,IAAI,EACR,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,~~YACxB~~,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,~~EAAE~~,~~KAAK,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,YACrD,~~iCACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,MAAM,EAAE,CAAC,WAAW,~~EAAC,CAAC,EAC9C,KAAK,~~EAAE~~;4BACH~~,~~SAAS~~,EAAE,~~SAAS~~,~~IAAI~~,~~IAAI;4BAC5B,MAAM,EAAE,GAAG,~~CAAC,~~GAAG~~,~~GAAG,IAAI,CAAC,GAAG,GAAG,GAAG;4BAChC,~~KAAK,EAAE,~~GAAG~~,~~CAAC~~,~~GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG;yBAClC,aAED,~~mCACI,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,IAAI,gBAAgB,CAAC,QAAQ,CAAC,EACzD,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,~~EACtB~~,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,GAAG,MAAM,IAAI,~~EACrB~~,KAAK,~~EAAC~~,MAAM,~~EACZ~~,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,yBAAyB,GACjC,~~EACF~~,uBAAC,iBAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,aAAa,EAAE,SAAS,GAAI,~~EAC7D~~,CAAC,WAAW,IAAI,CACb,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,uBAAC,cAAM,IAAC,IAAI,EAAE,GAAG,GAAI,GACnB,CACT,IACC,GACJ,GACJ,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC","sourcesContent":["import {Loader} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {usePostMessageAPIListener} from '../../../common/postMessage';\nimport {IframeContext} from '../../context/iframeContext';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\nimport Overlay from '../Overlay/Overlay';\n\nimport './MiddleScreen.scss';\n\nconst b = editorCn('middle-screen');\n\ninterface MiddleScreenProps {\n className?: string;\n CustomTop?: React.ElementType;\n}\n\nconst MiddleScreen = ({className, CustomTop}: MiddleScreenProps) => {\n const {zoom, initialized, deviceWidth} = useMainEditorStore();\n const {url, setIframeElement} = React.useContext(IframeContext);\n const [canvasRef, setCanvasRef] = React.useState<HTMLDivElement \| null>(null);\n const [height, setHeight] = React.useState(0);\n\n const onResize = React.useCallback(\n (newHeight: number) => {\n setHeight(newHeight + 500);\n },\n [setHeight],\n );\n\n usePostMessageAPIListener('ON_RESIZE', ({height: newHeight}) => {\n onResize(newHeight);\n });\n\n usePostMessageAPIListener('ON_INIT', ({height: newHeight}) => {\n onResize(newHeight);\n });\n\n return (\n <div className={b(null, className)}>\n {CustomTop ? (\n <div className={b('topbar')}>\n <CustomTop />\n </div>\n ) : null}\n <div className={b('content')}>\n <div className={b('wrapper')} ~~style={{width: deviceWidth}}~~>\n <div\n ref={setCanvasRef}\n className={b('canvas', {hidden: !initialized})}\n style={~~{\n transform: `scale(${zoom~~}~~%)`,\n height: `${(100 / zoom) * 100}%`,\n width: `${(100 / zoom) * 100}%`,\n }}~~\n >\n <iframe\n ref={(instance) => instance && setIframeElement(instance)}\n className={b('iframe')}\n src={url}\n height={`${height}px`}\n width~~=\"~~100~~%\"~~\n frameBorder=\"0\"\n title=\"Page Constructor Iframe\"\n />\n <Overlay className={b('overlay')} canvasElement={canvasRef} />\n {!initialized && (\n <div className={b('loading')}>\n <Loader size={'l'} />\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default MiddleScreen;\n"]}
1	+ {"version":3,"file":"MiddleScreen.js","sourceRoot":"../../../../../src","sources":["editor-v2/containers/MiddleScreen/MiddleScreen.tsx"],"names":[],"mappings":";;;;AAAA,6CAAwC;AACxC,6CAAuD;AACvD,qDAA+B;AAE/B,gEAAsE;AACtE,wEAA0D;AAC1D,0EAAkE;AAClE,0CAAwC;AACxC,4EAAyC;AAIzC,MAAM,CAAC,GAAG,IAAA,aAAQ,EAAC,eAAe,CAAC,CAAC;AAOpC,MAAM,YAAY,GAAG,CAAC,EAAC,SAAS,EAAE,SAAS,EAAoB,EAAE,EAAE;IAC/D,MAAM,EAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,EAAE,iBAAiB,EAAC,GAAG,IAAA,uCAAkB,GAAE,CAAC;IAChG,MAAM,EAAC,GAAG,EAAE,gBAAgB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAChE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAwB,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC;QACH,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI;QACrD,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG;QACzD,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW;QAC3C,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG;KAC9D,CAAC,EACF,CAAC,aAAa,EAAE,IAAI,EAAE,WAAW,CAAC,CACrC,CAAC;IAEF,MAAM,QAAQ,GAAG,KAAK,CAAC,WAAW,CAC9B,CAAC,SAAiB,EAAE,EAAE;QAClB,SAAS,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,SAAS,CAAC,CACd,CAAC;IAEF,IAAA,uCAAyB,EAAC,WAAW,EAAE,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,EAAE;QAC3D,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,IAAA,uCAAyB,EAAC,SAAS,EAAE,CAAC,EAAC,MAAM,EAAE,SAAS,EAAC,EAAE,EAAE;QACzD,QAAQ,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,aAC7B,SAAS,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAC3B,gCAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,uBAAC,SAAS,KAAG,GACX,CACT,CAAC,CAAC,CAAC,IAAI,EACR,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,UAAU,EAAE,aAAa,EAAC,CAAC,YACrD,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,iCACI,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,MAAM,EAAE,CAAC,WAAW,EAAE,UAAU,EAAE,aAAa,EAAC,CAAC,EACzE,KAAK,EAAE,WAAW,aAElB,mCACI,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,IAAI,gBAAgB,CAAC,QAAQ,CAAC,EACzD,SAAS,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAC,UAAU,EAAE,aAAa,EAAC,CAAC,EACnD,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,EAC9C,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,EAC3C,WAAW,EAAC,GAAG,EACf,KAAK,EAAC,yBAAyB,GACjC,EACD,CAAC,aAAa,IAAI,CACf,uBAAC,iBAAO,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,aAAa,EAAE,SAAS,GAAI,CACjE,EACA,aAAa,IAAI,CACd,uBAAC,cAAM,IACH,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,OAAO,EAAE,iBAAiB,gBACf,mBAAmB,EAC9B,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAC,GAAG,YAER,uBAAC,YAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,aAAK,GAAI,GAC1B,CACZ,EACA,CAAC,WAAW,IAAI,CACb,gCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACxB,uBAAC,cAAM,IAAC,IAAI,EAAE,GAAG,GAAI,GACnB,CACT,IACC,GACJ,GACJ,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC","sourcesContent":["import {Xmark} from '@gravity-ui/icons';\nimport {Button, Icon, Loader} from '@gravity-ui/uikit';\nimport * as React from 'react';\n\nimport {usePostMessageAPIListener} from '../../../common/postMessage';\nimport {IframeContext} from '../../context/iframeContext';\nimport {useMainEditorStore} from '../../hooks/useMainEditorStore';\nimport {editorCn} from '../../utils/cn';\nimport Overlay from '../Overlay/Overlay';\n\nimport './MiddleScreen.scss';\n\nconst b = editorCn('middle-screen');\n\ninterface MiddleScreenProps {\n className?: string;\n CustomTop?: React.ElementType;\n}\n\nconst MiddleScreen = ({className, CustomTop}: MiddleScreenProps) => {\n const {zoom, initialized, deviceWidth, isPreviewMode, togglePreviewMode} = useMainEditorStore();\n const {url, setIframeElement} = React.useContext(IframeContext);\n const [canvasRef, setCanvasRef] = React.useState<HTMLDivElement \| null>(null);\n const [height, setHeight] = React.useState(0);\n\n const canvasStyle = React.useMemo(\n () => ({\n transform: isPreviewMode ? 'none' : `scale(${zoom}%)`,\n height: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,\n width: isPreviewMode ? '100%' : deviceWidth,\n maxWidth: isPreviewMode ? '100%' : `${(100 / zoom) * 100}%`,\n }),\n [isPreviewMode, zoom, deviceWidth],\n );\n\n const onResize = React.useCallback(\n (newHeight: number) => {\n setHeight(newHeight + 500);\n },\n [setHeight],\n );\n\n usePostMessageAPIListener('ON_RESIZE', ({height: newHeight}) => {\n onResize(newHeight);\n });\n\n usePostMessageAPIListener('ON_INIT', ({height: newHeight}) => {\n onResize(newHeight);\n });\n\n return (\n <div className={b(null, className)}>\n {CustomTop && !isPreviewMode ? (\n <div className={b('topbar')}>\n <CustomTop />\n </div>\n ) : null}\n <div className={b('content', {fullscreen: isPreviewMode})}>\n <div className={b('wrapper')}>\n <div\n ref={setCanvasRef}\n className={b('canvas', {hidden: !initialized, fullscreen: isPreviewMode})}\n style={canvasStyle}\n >\n <iframe\n ref={(instance) => instance && setIframeElement(instance)}\n className={b('iframe', {fullscreen: isPreviewMode})}\n src={url}\n height={isPreviewMode ? '100%' : `${height}px`}\n width={isPreviewMode ? '100%' : deviceWidth}\n frameBorder=\"0\"\n title=\"Page Constructor Iframe\"\n />\n {!isPreviewMode && (\n <Overlay className={b('overlay')} canvasElement={canvasRef} />\n )}\n {isPreviewMode && (\n <Button\n view=\"action\"\n className={b('exit-preview')}\n onClick={togglePreviewMode}\n aria-label=\"Exit preview mode\"\n title=\"Exit preview mode\"\n size=\"l\"\n >\n <Icon size={24} data={Xmark} />\n </Button>\n )}\n {!initialized && (\n <div className={b('loading')}>\n <Loader size={'l'} />\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n );\n};\n\nexport default MiddleScreen;\n"]}