@gravity-ui/page-constructor 4.0.1 → 4.1.1

package/build/cjs/blocks/Icons/Icons.js

@@ -6,12 +6,16 @@ const components_1 = require("../../components");
 const locationContext_1 = require("../../context/locationContext");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('icons-block');
+const getItemContent = (item) => (react_1.default.createElement(react_1.Fragment, null,
+    react_1.default.createElement(components_1.Image, { className: b('image'), src: item.src }),
+    react_1.default.createElement("p", { className: b('text') }, item.text)));
 const Icons = ({ title, size = 's', items }) => {
     const { hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     return (react_1.default.createElement("div", { className: b({ size }) },
         title && react_1.default.createElement(components_1.Title, { className: b('header'), title: title, colSizes: { all: 12 } }),
-        items.map((item) => (react_1.default.createElement("a", Object.assign({ className: b('item'), key: item.url, href: item.url }, (0, utils_1.getLinkProps)(item.url, hostname)),
-            react_1.default.createElement(components_1.Image, { className: b('image'), src: item.src }),
-            react_1.default.createElement("p", { className: b('text') }, item.text))))));
+        items.map((item) => {
+            const itemContent = getItemContent(item);
+            return item.url ? (react_1.default.createElement("a", Object.assign({ className: b('item'), key: item.url, href: item.url }, (0, utils_1.getLinkProps)(item.url, hostname)), itemContent)) : (react_1.default.createElement("div", { className: b('item'), key: item.url }, itemContent));
+        })));
 };
 exports.default = Icons;

package/build/cjs/components/MetaInfo/MetaInfo.d.ts

@@ -1,4 +1,4 @@
-import { ClassNameProps } from 'src/models';
+import { ClassNameProps } from '../../models';
 export interface MetaInfpoProps extends ClassNameProps {
     items: string[];
 }

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -23,6 +23,10 @@ export declare enum SubBlockType {
      */
     Card = "card"
 }
+export declare enum IconPosition {
+    Top = "top",
+    Left = "left"
+}
 export declare const SubBlockTypes: SubBlockType[];
 export interface DividerProps {
     size?: DividerSize;
@@ -77,6 +81,7 @@ export interface BasicCardProps extends CardBaseProps, Omit<ContentBlockProps, '
     url: string;
     icon?: ImageProps;
     target?: string;
+    iconPosition?: IconPosition;
 }
 export interface BannerCardProps {
     title: string;

package/build/cjs/models/constructor-items/sub-blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubBlockTypes = exports.SubBlockType = void 0;
+exports.SubBlockTypes = exports.IconPosition = exports.SubBlockType = void 0;
 var SubBlockType;
 (function (SubBlockType) {
     SubBlockType["Divider"] = "divider";
@@ -21,4 +21,9 @@ var SubBlockType;
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));
+var IconPosition;
+(function (IconPosition) {
+    IconPosition["Top"] = "top";
+    IconPosition["Left"] = "left";
+})(IconPosition = exports.IconPosition || (exports.IconPosition = {}));
 exports.SubBlockTypes = Object.values(SubBlockType);

package/build/cjs/schema/constants.d.ts

@@ -26,6 +26,10 @@ export declare const cardSchemas: {
                 type: string;
                 enum: string[];
             };
+            iconPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/cjs/sub-blocks/BasicCard/BasicCard.css

@@ -10,4 +10,19 @@ unpredictable css rules order in build */
   height: 32px;
   object-fit: contain;
   display: block;
+}
+.pc-basic-card__icon_icon-position_left {
+  height: 22px;
+  width: 22px;
+  margin: 1px 12px 1px 0px;
+}
+.pc-basic-card__content {
+  display: flex;
+  flex-direction: column;
+}
+.pc-basic-card__content_icon-position_left {
+  flex-direction: row;
+}
+.pc-basic-card_content-layout_left.pc-basic-card_content-layout_left {
+  flex: 1 0 0;
 }

package/build/cjs/sub-blocks/BasicCard/BasicCard.js

@@ -6,14 +6,16 @@ const __1 = require("../");
 const CardBase_1 = tslib_1.__importDefault(require("../../components/CardBase/CardBase"));
 const Image_1 = tslib_1.__importDefault(require("../../components/Image/Image"));
 const utils_1 = require("../../components/Media/Image/utils");
+const sub_blocks_1 = require("../../models/constructor-items/sub-blocks");
 const utils_2 = require("../../utils");
 const b = (0, utils_2.block)('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, buttons } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons"]);
+    const { title, text, icon, additionalInfo, links, buttons, iconPosition = sub_blocks_1.IconPosition.Top } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons", "iconPosition"]);
     const iconProps = icon && (0, utils_1.getMediaImage)(icon);
     return (react_1.default.createElement(CardBase_1.default, Object.assign({ className: b() }, cardParams),
         react_1.default.createElement(CardBase_1.default.Content, null,
-            iconProps && react_1.default.createElement(Image_1.default, Object.assign({}, iconProps, { className: b('icon') })),
-            react_1.default.createElement(__1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s" }))));
+            react_1.default.createElement("div", { className: b('content', { ['icon-position']: iconPosition }) },
+                iconProps && (react_1.default.createElement(Image_1.default, Object.assign({}, iconProps, { className: b('icon', { ['icon-position']: iconPosition }) }))),
+                react_1.default.createElement(__1.Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s", className: b({ ['content-layout']: iconPosition }) })))));
 };
 exports.default = BasicCard;

package/build/cjs/sub-blocks/BasicCard/schema.d.ts

@@ -24,6 +24,10 @@ export declare const BasicCard: {
                 type: string;
                 enum: string[];
             };
+            iconPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/cjs/sub-blocks/BasicCard/schema.js

@@ -16,6 +16,9 @@ exports.BasicCard = {
             }, icon: schema_1.ImageProps, target: {
                 type: 'string',
                 enum: ['_blank', '_parent', '_top', '_self'],
+            }, iconPosition: {
+                type: 'string',
+                enum: ['top', 'left'],
             } }),
     },
 };

package/build/esm/blocks/Icons/Icons.js

@@ -1,15 +1,19 @@
-import React, { useContext } from 'react';
+import React, { Fragment, useContext } from 'react';
 import { Image, Title } from '../../components';
 import { LocationContext } from '../../context/locationContext';
 import { block, getLinkProps } from '../../utils';
 import './Icons.css';
 const b = block('icons-block');
+const getItemContent = (item) => (React.createElement(Fragment, null,
+    React.createElement(Image, { className: b('image'), src: item.src }),
+    React.createElement("p", { className: b('text') }, item.text)));
 const Icons = ({ title, size = 's', items }) => {
     const { hostname } = useContext(LocationContext);
     return (React.createElement("div", { className: b({ size }) },
         title && React.createElement(Title, { className: b('header'), title: title, colSizes: { all: 12 } }),
-        items.map((item) => (React.createElement("a", Object.assign({ className: b('item'), key: item.url, href: item.url }, getLinkProps(item.url, hostname)),
-            React.createElement(Image, { className: b('image'), src: item.src }),
-            React.createElement("p", { className: b('text') }, item.text))))));
+        items.map((item) => {
+            const itemContent = getItemContent(item);
+            return item.url ? (React.createElement("a", Object.assign({ className: b('item'), key: item.url, href: item.url }, getLinkProps(item.url, hostname)), itemContent)) : (React.createElement("div", { className: b('item'), key: item.url }, itemContent));
+        })));
 };
 export default Icons;

package/build/esm/components/MetaInfo/MetaInfo.d.ts

@@ -1,4 +1,4 @@
-import { ClassNameProps } from 'src/models';
+import { ClassNameProps } from '../../models';
 import './MetaInfo.css';
 export interface MetaInfpoProps extends ClassNameProps {
     items: string[];

package/build/esm/models/constructor-items/sub-blocks.d.ts

@@ -23,6 +23,10 @@ export declare enum SubBlockType {
      */
     Card = "card"
 }
+export declare enum IconPosition {
+    Top = "top",
+    Left = "left"
+}
 export declare const SubBlockTypes: SubBlockType[];
 export interface DividerProps {
     size?: DividerSize;
@@ -77,6 +81,7 @@ export interface BasicCardProps extends CardBaseProps, Omit<ContentBlockProps, '
     url: string;
     icon?: ImageProps;
     target?: string;
+    iconPosition?: IconPosition;
 }
 export interface BannerCardProps {
     title: string;

package/build/esm/models/constructor-items/sub-blocks.js

@@ -18,4 +18,9 @@ export var SubBlockType;
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType || (SubBlockType = {}));
+export var IconPosition;
+(function (IconPosition) {
+    IconPosition["Top"] = "top";
+    IconPosition["Left"] = "left";
+})(IconPosition || (IconPosition = {}));
 export const SubBlockTypes = Object.values(SubBlockType);

package/build/esm/schema/constants.d.ts

@@ -26,6 +26,10 @@ export declare const cardSchemas: {
                 type: string;
                 enum: string[];
             };
+            iconPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/esm/sub-blocks/BasicCard/BasicCard.css

@@ -10,4 +10,19 @@ unpredictable css rules order in build */
   height: 32px;
   object-fit: contain;
   display: block;
+}
+.pc-basic-card__icon_icon-position_left {
+  height: 22px;
+  width: 22px;
+  margin: 1px 12px 1px 0px;
+}
+.pc-basic-card__content {
+  display: flex;
+  flex-direction: column;
+}
+.pc-basic-card__content_icon-position_left {
+  flex-direction: row;
+}
+.pc-basic-card_content-layout_left.pc-basic-card_content-layout_left {
+  flex: 1 0 0;
 }

package/build/esm/sub-blocks/BasicCard/BasicCard.js

@@ -4,15 +4,17 @@ import { Content } from '../';
 import CardBase from '../../components/CardBase/CardBase';
 import Image from '../../components/Image/Image';
 import { getMediaImage } from '../../components/Media/Image/utils';
+import { IconPosition } from '../../models/constructor-items/sub-blocks';
 import { block } from '../../utils';
 import './BasicCard.css';
 const b = block('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, buttons } = props, cardParams = __rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons"]);
+    const { title, text, icon, additionalInfo, links, buttons, iconPosition = IconPosition.Top } = props, cardParams = __rest(props, ["title", "text", "icon", "additionalInfo", "links", "buttons", "iconPosition"]);
     const iconProps = icon && getMediaImage(icon);
     return (React.createElement(CardBase, Object.assign({ className: b() }, cardParams),
         React.createElement(CardBase.Content, null,
-            iconProps && React.createElement(Image, Object.assign({}, iconProps, { className: b('icon') })),
-            React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s" }))));
+            React.createElement("div", { className: b('content', { ['icon-position']: iconPosition }) },
+                iconProps && (React.createElement(Image, Object.assign({}, iconProps, { className: b('icon', { ['icon-position']: iconPosition }) }))),
+                React.createElement(Content, { title: title, text: text, additionalInfo: additionalInfo, links: links, buttons: buttons, colSizes: { all: 12, md: 12 }, size: "s", className: b({ ['content-layout']: iconPosition }) })))));
 };
 export default BasicCard;

package/build/esm/sub-blocks/BasicCard/schema.d.ts

@@ -24,6 +24,10 @@ export declare const BasicCard: {
                 type: string;
                 enum: string[];
             };
+            iconPosition: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/esm/sub-blocks/BasicCard/schema.js

@@ -12,6 +12,9 @@ export const BasicCard = {
             }, icon: ImageProps, target: {
                 type: 'string',
                 enum: ['_blank', '_parent', '_top', '_self'],
+            }, iconPosition: {
+                type: 'string',
+                enum: ['top', 'left'],
             } }),
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.0.1",
+  "version": "4.1.1",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -81,7 +81,7 @@
   },
   "dependencies": {
     "@gravity-ui/components": "^2.0.0",
-    "@gravity-ui/dynamic-forms": "^1.11.0",
+    "@gravity-ui/dynamic-forms": "^2.0.0",
     "@gravity-ui/i18n": "^1.0.0",
     "ajv": "^8.12.0",
     "bem-cn-lite": "^4.0.0",

package/server/models/constructor-items/sub-blocks.d.ts

@@ -23,6 +23,10 @@ export declare enum SubBlockType {
      */
     Card = "card"
 }
+export declare enum IconPosition {
+    Top = "top",
+    Left = "left"
+}
 export declare const SubBlockTypes: SubBlockType[];
 export interface DividerProps {
     size?: DividerSize;
@@ -77,6 +81,7 @@ export interface BasicCardProps extends CardBaseProps, Omit<ContentBlockProps, '
     url: string;
     icon?: ImageProps;
     target?: string;
+    iconPosition?: IconPosition;
 }
 export interface BannerCardProps {
     title: string;

package/server/models/constructor-items/sub-blocks.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubBlockTypes = exports.SubBlockType = void 0;
+exports.SubBlockTypes = exports.IconPosition = exports.SubBlockType = void 0;
 var SubBlockType;
 (function (SubBlockType) {
     SubBlockType["Divider"] = "divider";
@@ -21,4 +21,9 @@ var SubBlockType;
      */
     SubBlockType["Card"] = "card";
 })(SubBlockType = exports.SubBlockType || (exports.SubBlockType = {}));
+var IconPosition;
+(function (IconPosition) {
+    IconPosition["Top"] = "top";
+    IconPosition["Left"] = "left";
+})(IconPosition = exports.IconPosition || (exports.IconPosition = {}));
 exports.SubBlockTypes = Object.values(SubBlockType);