@gravity-ui/page-constructor 2.18.0 → 3.0.0-alpha.1

package/build/cjs/hooks/useIntersection.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIntersection = void 0;
-const react_1 = require("react");
-const useIntersection = (element, startMargin = '0px', threshold = 0.2) => {
-    const [isVisible, setState] = (0, react_1.useState)(false);
-    (0, react_1.useEffect)(() => {
-        const observer = new IntersectionObserver(([entry]) => {
-            setState(entry.isIntersecting);
-        }, {
-            rootMargin: startMargin,
-            threshold,
-        });
-        if (element) {
-            observer.observe(element);
-        }
-        return () => element && observer.unobserve(element);
-    }, [element, startMargin, threshold]);
-    return isVisible;
-};
-exports.useIntersection = useIntersection;

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

@@ -1,19 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-card-with-image__content {
-  padding-right: 16px;
-}
-.pc-card-with-image__image {
-  width: 100%;
-  display: block;
-  margin-bottom: 16px;
-  border-radius: var(--pc-border-radius);
-}
-.pc-card-with-image__image_border {
-  border: 1px solid var(--yc-color-line-generic);
-}
-.pc-card-with-image__image-item {
-  width: 100%;
-  display: block;
-  border-radius: var(--pc-border-radius);
-}

package/build/cjs/sub-blocks/CardWithImage/CardWithImage.d.ts

@@ -1,3 +0,0 @@
-import { CardWithImageProps } from '../../models';
-declare const CardWithImage: ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }: CardWithImageProps) => JSX.Element;
-export default CardWithImage;

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const __1 = require("../");
-const components_1 = require("../../components");
-const utils_1 = require("../../utils");
-const b = (0, utils_1.block)('card-with-image');
-const CardWithImage = ({ title, description, image, disableCompress, links, border, fullScreen, className, additionalInfo, buttons, }) => {
-    const unifiedLinks = links === null || links === void 0 ? void 0 : links.map((link) => (Object.assign(Object.assign({ theme: 'normal' }, link), { text: link.title, url: link.link })));
-    return (react_1.default.createElement("div", { className: b(null, className) },
-        react_1.default.createElement("div", { className: b('image', { border }) }, fullScreen ? (react_1.default.createElement(components_1.FullscreenImage, { src: image, imageClassName: b('image-item'), disableCompress: disableCompress })) : (react_1.default.createElement(components_1.Image, { className: b('image-item'), src: image, alt: 'card-image', disableCompress: disableCompress }))),
-        react_1.default.createElement("div", { className: b('content') },
-            react_1.default.createElement(__1.Content, { title: title, text: description, links: unifiedLinks, additionalInfo: additionalInfo, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 } }))));
-};
-exports.default = CardWithImage;

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

@@ -1,154 +0,0 @@
-export declare const CardWithImageItem: {
-    additionalProperties: boolean;
-    required: string[];
-    properties: {
-        image: {
-            type: string;
-        };
-        description: {
-            type: string;
-            contentType: string;
-        };
-        disableCompress: {
-            type: string;
-        };
-        border: {
-            type: string;
-        };
-        fullScreen: {
-            type: string;
-        };
-        links: {
-            type: string;
-            items: {
-                type: string;
-                properties: {
-                    when: {
-                        type: string;
-                    };
-                };
-            };
-        };
-        title: {
-            oneOf: ({
-                type: string;
-                additionalProperties: boolean;
-                required: string[];
-                properties: {
-                    text: {
-                        type: string;
-                        contentType: string;
-                    };
-                    textSize: {
-                        type: string;
-                        enum: string[];
-                    };
-                    url: {
-                        type: string;
-                    };
-                    resetMargin: {
-                        type: string;
-                    };
-                };
-            } | {
-                type: string;
-                contentType: string;
-            })[];
-        };
-        additionalInfo: {
-            type: string;
-            contentType: string;
-        };
-        buttons: {
-            type: string;
-            items: {
-                type: string;
-                properties: {
-                    when: {
-                        type: string;
-                    };
-                };
-            };
-        };
-        type: {};
-        when: {};
-    };
-};
-export declare const CardWithImage: {
-    'card-with-image': {
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            image: {
-                type: string;
-            };
-            description: {
-                type: string;
-                contentType: string;
-            };
-            disableCompress: {
-                type: string;
-            };
-            border: {
-                type: string;
-            };
-            fullScreen: {
-                type: string;
-            };
-            links: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
-            };
-            title: {
-                oneOf: ({
-                    type: string;
-                    additionalProperties: boolean;
-                    required: string[];
-                    properties: {
-                        text: {
-                            type: string;
-                            contentType: string;
-                        };
-                        textSize: {
-                            type: string;
-                            enum: string[];
-                        };
-                        url: {
-                            type: string;
-                        };
-                        resetMargin: {
-                            type: string;
-                        };
-                    };
-                } | {
-                    type: string;
-                    contentType: string;
-                })[];
-            };
-            additionalInfo: {
-                type: string;
-                contentType: string;
-            };
-            buttons: {
-                type: string;
-                items: {
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                };
-            };
-            type: {};
-            when: {};
-        };
-    };
-};

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

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardWithImage = exports.CardWithImageItem = void 0;
-const lodash_1 = require("lodash");
-const common_1 = require("../../schema/validators/common");
-const utils_1 = require("../../schema/validators/utils");
-const schema_1 = require("../../sub-blocks/Content/schema");
-const CardWithImageContentProps = (0, lodash_1.omit)(schema_1.ContentBase, ['links', 'size', 'text', 'theme']);
-const CardWithImageLinks = {
-    type: 'object',
-    additionalProperties: false,
-    required: ['title', 'link'],
-    properties: Object.assign(Object.assign({}, common_1.BaseProps), { title: {
-            type: 'string',
-            contentType: 'text',
-        }, link: {
-            type: 'string',
-        }, arrow: {
-            type: 'boolean',
-        }, theme: {
-            type: 'string',
-            enum: ['back', 'file-link', 'normal'],
-        }, textSize: {
-            type: 'string',
-            enum: common_1.textSize,
-        } }),
-};
-exports.CardWithImageItem = {
-    additionalProperties: false,
-    required: ['image'],
-    properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), CardWithImageContentProps), { image: {
-            type: 'string',
-        }, description: {
-            type: 'string',
-            contentType: 'yfm',
-        }, disableCompress: {
-            type: 'boolean',
-        }, border: {
-            type: 'boolean',
-        }, fullScreen: {
-            type: 'boolean',
-        }, links: (0, utils_1.filteredArray)(CardWithImageLinks) }),
-};
-exports.CardWithImage = {
-    'card-with-image': exports.CardWithImageItem,
-};

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

@@ -1,8 +0,0 @@
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-partner-block__logo {
-  margin-bottom: 12px;
-  height: 32px;
-  object-fit: contain;
-  display: block;
-}

package/build/cjs/sub-blocks/Partner/Partner.d.ts

@@ -1,3 +0,0 @@
-import { PartnerProps } from '../../models';
-declare const Partner: ({ text, logo, url, border }: PartnerProps) => JSX.Element;
-export default Partner;

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

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const components_1 = require("../../components");
-const utils_1 = require("../../utils");
-const b = (0, utils_1.block)('partner-block');
-const Partner = ({ text, logo, url, border }) => {
-    const logoData = typeof logo === 'string' ? { src: logo } : logo;
-    return (react_1.default.createElement(components_1.CardBase, { url: url, target: "_blank", className: b(), border: border },
-        react_1.default.createElement(components_1.CardBase.Content, null,
-            react_1.default.createElement(components_1.Image, Object.assign({ className: b('logo') }, logoData)),
-            react_1.default.createElement(components_1.HTML, null, text))));
-};
-exports.default = Partner;

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

@@ -1,30 +0,0 @@
-export declare const PartnerBlock: {
-    partner: {
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            text: {
-                type: string;
-                contentType: string;
-            };
-            logo: {
-                oneOf: ({
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                } | {
-                    type: string;
-                    pattern: string;
-                })[];
-            };
-            url: {
-                type: string;
-            };
-            type: {};
-            when: {};
-        };
-    };
-};

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

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PartnerBlock = void 0;
-const schema_1 = require("../../components/Image/schema");
-const common_1 = require("../../schema/validators/common");
-exports.PartnerBlock = {
-    partner: {
-        additionalProperties: false,
-        required: ['text', 'logo', 'url'],
-        properties: Object.assign(Object.assign({}, common_1.BaseProps), { text: {
-                type: 'string',
-                contentType: 'text',
-            }, logo: schema_1.ImageProps, url: {
-                type: 'string',
-            } }),
-    },
-};

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

@@ -1,20 +0,0 @@
-.pc-tutorial-card__title {
-  margin: 0;
-}
-
-/* use this for style redefinitions to awoid problems with
-unpredictable css rules order in build */
-.pc-tutorial-card__title {
-  font-size: var(--yc-text-header-1-font-size);
-  line-height: var(--yc-text-header-1-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-  margin-bottom: 12px;
-}
-.pc-tutorial-card__icon {
-  width: 32px;
-  height: 32px;
-  background-size: cover;
-  display: block;
-  margin-bottom: 12px;
-}

package/build/cjs/sub-blocks/TutorialCard/TutorialCard.d.ts

@@ -1,3 +0,0 @@
-import { TutorialCardProps } from '../../models';
-declare const TutorialCard: (props: TutorialCardProps) => JSX.Element;
-export default TutorialCard;

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

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const components_1 = require("../../components/");
-const CardBase_1 = tslib_1.__importDefault(require("../../components/CardBase/CardBase"));
-const utils_1 = require("../../components/Media/Image/utils");
-const utils_2 = require("../../utils");
-const b = (0, utils_2.block)('tutorial-card');
-function iconElement(icon, title) {
-    const image = (0, utils_1.getMediaImage)(icon !== null && icon !== void 0 ? icon : {});
-    return react_1.default.createElement(components_1.Image, Object.assign({}, image, { alt: image.alt || title, className: b('icon') }));
-}
-const TutorialCard = (props) => {
-    const { url, title, text, border, icon } = props;
-    return (react_1.default.createElement(CardBase_1.default, { className: b(), url: url, border: border },
-        react_1.default.createElement(CardBase_1.default.Content, null,
-            icon && iconElement(icon, title),
-            react_1.default.createElement("h6", { className: b('title') },
-                react_1.default.createElement(components_1.HTML, null, title)),
-            react_1.default.createElement(components_1.HTML, null, text))));
-};
-exports.default = TutorialCard;

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

@@ -1,34 +0,0 @@
-export declare const TutorialCard: {
-    'tutorial-card': {
-        additionalProperties: boolean;
-        required: string[];
-        properties: {
-            url: {
-                type: string;
-            };
-            title: {
-                type: string;
-                contentType: string;
-            };
-            text: {
-                type: string;
-                contentType: string;
-            };
-            icon: {
-                oneOf: ({
-                    type: string;
-                    properties: {
-                        when: {
-                            type: string;
-                        };
-                    };
-                } | {
-                    type: string;
-                    pattern: string;
-                })[];
-            };
-            type: {};
-            when: {};
-        };
-    };
-};

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

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TutorialCard = void 0;
-const schema_1 = require("../../components/Image/schema");
-const common_1 = require("../../schema/validators/common");
-exports.TutorialCard = {
-    'tutorial-card': {
-        additionalProperties: false,
-        required: ['url', 'title', 'text'],
-        properties: Object.assign(Object.assign({}, common_1.BaseProps), { url: {
-                type: 'string',
-            }, title: {
-                type: 'string',
-                contentType: 'text',
-            }, text: {
-                type: 'string',
-                contentType: 'text',
-            }, icon: schema_1.ImageProps }),
-    },
-};