@gravity-ui/page-constructor 5.14.3 → 5.14.4-alpha.1

package/build/esm/blocks/ExtendedFeatures/ExtendedFeatures.js

@@ -3,7 +3,7 @@ import { AnimateBlock, HTML, Title } from '../../components/';
 import Image from '../../components/Image/Image';
 import { getMediaImage } from '../../components/Media/Image/utils';
 import { useTheme } from '../../context/theme';
-import { Col, Row } from '../../grid';
+import { Col, Grid, Row } from '../../grid';
 import { Content } from '../../sub-blocks';
 import { block, getThemedValue } from '../../utils';
 import './ExtendedFeatures.css';
@@ -17,25 +17,27 @@ export const ExtendedFeaturesBlock = ({ title, description, items, colSizes = DE
     const theme = useTheme();
     const itemTitleHeadingTag = title ? 'h3' : 'h2';
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
-        React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
-        React.createElement("div", { className: b('items') },
-            React.createElement(Row, null, items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
-                const itemLinks = links || [];
-                const iconThemed = icon && getThemedValue(icon, theme);
-                const iconData = iconThemed && getMediaImage(iconThemed);
-                if (link) {
-                    itemLinks.push(link);
-                }
-                return (React.createElement(Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
-                    iconData && React.createElement(Image, Object.assign({}, iconData, { className: b('icon') })),
-                    React.createElement("div", { className: b('container') },
-                        itemTitle &&
-                            React.createElement(itemTitleHeadingTag, {
-                                className: b('item-title'),
-                            }, React.createElement(React.Fragment, null,
-                                React.createElement(HTML, null, itemTitle),
-                                label && (React.createElement("span", { className: b('item-label') }, label)))),
-                        React.createElement(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
-            })))));
+        React.createElement(Grid, null,
+            React.createElement(Title, { title: title, subtitle: description, className: b('header') }),
+            React.createElement("div", { className: b('items') },
+                React.createElement(Row, null, items &&
+                    items.map(({ title: itemTitle, text, list, link, links, label, icon, buttons, additionalInfo, }) => {
+                        const itemLinks = links || [];
+                        const iconThemed = icon && getThemedValue(icon, theme);
+                        const iconData = iconThemed && getMediaImage(iconThemed);
+                        if (link) {
+                            itemLinks.push(link);
+                        }
+                        return (React.createElement(Col, { className: b('item'), key: text || itemTitle, sizes: colSizes },
+                            iconData && (React.createElement(Image, Object.assign({}, iconData, { className: b('icon') }))),
+                            React.createElement("div", { className: b('container') },
+                                itemTitle &&
+                                    React.createElement(itemTitleHeadingTag, {
+                                        className: b('item-title'),
+                                    }, React.createElement(React.Fragment, null,
+                                        React.createElement(HTML, null, itemTitle),
+                                        label && (React.createElement("span", { className: b('item-label') }, label)))),
+                                React.createElement(Content, { text: text, links: itemLinks, size: "s", list: list, colSizes: { all: 12, md: 12 }, buttons: buttons, additionalInfo: additionalInfo }))));
+                    }))))));
 };
 export default ExtendedFeaturesBlock;

package/build/esm/blocks/ExtendedFeatures/index.d.ts

@@ -0,0 +1,12 @@
+declare const ExtendedFeaturesBlockConfig: {
+    component: ({ title, description, items, colSizes, animated, }: import("../..").ExtendedFeaturesProps) => JSX.Element;
+    schema: {
+        name: string;
+        inputs: import("../../editor-v2").ConfigInput[];
+        default: {
+            title: string;
+            items: {}[];
+        };
+    };
+};
+export default ExtendedFeaturesBlockConfig;

package/build/esm/blocks/ExtendedFeatures/index.js

@@ -0,0 +1,15 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import ExtendedFeaturesBlock from './ExtendedFeatures';
+import { ExtendedFeaturesBlock as ExtendedFeaturesBlockSchema } from './schema';
+const ExtendedFeaturesBlockConfig = {
+    component: ExtendedFeaturesBlock,
+    schema: {
+        name: 'Extended Features Block',
+        inputs: generateFromAJV(ExtendedFeaturesBlockSchema['extended-features-block']),
+        default: {
+            title: 'Extended Features Block',
+            items: [{}],
+        },
+    },
+};
+export default ExtendedFeaturesBlockConfig;

package/build/esm/blocks/ExtendedFeatures/schema.d.ts

@@ -9,6 +9,7 @@ export declare const ExtendedFeaturesItem: {
         text: {
             type: string;
             contentType: string;
+            inputType: string;
         };
         label: {
             type: string;

package/build/esm/blocks/ExtendedFeatures/schema.js

@@ -12,6 +12,7 @@ export const ExtendedFeaturesItem = {
         text: {
             type: 'string',
             contentType: 'yfm',
+            inputType: 'textarea',
         },
         label: {
             type: 'string',

package/build/esm/blocks/FilterBlock/FilterBlock.js

@@ -3,12 +3,12 @@ import { CardLayoutBlock } from '..';
 import { AnimateBlock, Title } from '../../components';
 import ButtonTabs from '../../components/ButtonTabs/ButtonTabs';
 import { ConstructorItem } from '../../containers/PageConstructor/components/ConstructorItem';
-import { Col, Row } from '../../grid';
+import { Col, Grid, Row } from '../../grid';
 import { block, getBlockKey } from '../../utils';
 import { i18n } from './i18n';
 import './FilterBlock.css';
 const b = block('filter-block');
-const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, colSizes, centered, animated, }) => {
+const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items = [], colSizes, centered, animated, }) => {
     const tabButtons = useMemo(() => {
         const allButton = allTag
             ? { id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag }
@@ -29,14 +29,15 @@ const FilterBlock = ({ title, description, tags, tagButtonSize, allTag, items, c
         return itemsToShow.map((item) => item.card);
     }, [actualTag, items]);
     return (React.createElement(AnimateBlock, { className: b(), animate: animated },
-        title && (React.createElement(Title, { className: b('title', { centered: centered }), title: title, subtitle: description })),
-        tabButtons.length && (React.createElement(Row, null,
-            React.createElement(Col, null,
-                React.createElement(ButtonTabs, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize })))),
-        React.createElement(Row, { className: b('block-container') },
-            React.createElement(CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container') }, cards.map((card, index) => {
-                const key = getBlockKey(card, index);
-                return React.createElement(ConstructorItem, { data: card, blockKey: key, key: key });
-            })))));
+        React.createElement(Grid, null,
+            title && (React.createElement(Title, { className: b('title', { centered: centered }), title: title, subtitle: description })),
+            tabButtons.length && (React.createElement(Row, null,
+                React.createElement(Col, null,
+                    React.createElement(ButtonTabs, { className: b('tabs', { centered: centered }), items: tabButtons, activeTab: selectedTag, onSelectTab: setSelectedTag, tabSize: tagButtonSize })))),
+            React.createElement(Row, { className: b('block-container') },
+                React.createElement(CardLayoutBlock, { title: "", colSizes: colSizes, className: b('cards-container') }, cards.map((card, index) => {
+                    const key = getBlockKey(card, index);
+                    return React.createElement(ConstructorItem, { data: card, blockKey: index, key: key });
+                }))))));
 };
 export default FilterBlock;

package/build/esm/blocks/FilterBlock/index.d.ts

@@ -0,0 +1,11 @@
+declare const FilterBlockConfig: {
+    component: import("react").FC<import("../..").FilterBlockProps>;
+    schema: {
+        name: string;
+        inputs: import("../../editor-v2").ConfigInput[];
+        default: {
+            title: string;
+        };
+    };
+};
+export default FilterBlockConfig;

package/build/esm/blocks/FilterBlock/index.js

@@ -0,0 +1,14 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import FilterBlock from './FilterBlock';
+import { FilterProps } from './schema';
+const FilterBlockConfig = {
+    component: FilterBlock,
+    schema: {
+        name: 'Filter Block',
+        inputs: generateFromAJV(FilterProps),
+        default: {
+            title: 'Filter Block',
+        },
+    },
+};
+export default FilterBlockConfig;

package/build/esm/blocks/Form/index.d.ts

@@ -0,0 +1,12 @@
+declare const FormBlockConfig: {
+    component: import("react").FC<import("../..").FormBlockProps>;
+    schema: {
+        name: string;
+        inputs: import("../../editor-v2").ConfigInput[];
+        default: {
+            title: string;
+            formData: {};
+        };
+    };
+};
+export default FormBlockConfig;

package/build/esm/blocks/Form/index.js

@@ -0,0 +1,15 @@
+import { generateFromAJV } from '../../utils/form-generator';
+import FormBlock from './Form';
+import { FormBlock as FormBlockSchema } from './schema';
+const FormBlockConfig = {
+    component: FormBlock,
+    schema: {
+        name: 'Form Block',
+        inputs: generateFromAJV(FormBlockSchema['form-block']),
+        default: {
+            title: 'Form Block',
+            formData: {},
+        },
+    },
+};
+export default FormBlockConfig;

package/build/esm/blocks/Header/dynamic-form.d.ts

@@ -0,0 +1,2 @@
+import { BlockConfig } from '../../common/types';
+export declare const blockConfig: BlockConfig;