@doyourjob/gravity-ui-page-constructor 5.31.16

package/build/cjs/blocks/CardLayout/schema.d.ts

@@ -0,0 +1,454 @@
+export declare const CardLayoutProps: {
+    additionalProperties: boolean;
+    required: never[];
+    properties: {
+        colSizes: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {};
+        };
+        background: {
+            anyOf: ({
+                properties: {
+                    border: {
+                        type: string;
+                        enum: string[];
+                    };
+                    src: {
+                        type: string;
+                        pattern: string;
+                    };
+                    style: {
+                        type: string;
+                        additionalProperties: boolean;
+                        required: never[];
+                        properties: {
+                            backgroundColor: {
+                                type: string;
+                            };
+                            height: {
+                                type: string[];
+                            };
+                            width: {
+                                type: string[];
+                            };
+                            color: {
+                                type: string;
+                            };
+                        };
+                    };
+                    alt: {
+                        type: string;
+                        contentType: string;
+                    };
+                    disableCompress: {
+                        type: string;
+                    };
+                    loading: {
+                        type: string;
+                        enum: string[];
+                    };
+                    fetchPriority: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+                optionName: string;
+                type: string;
+                additionalProperties: boolean;
+            } | {
+                properties: {
+                    border: {
+                        type: string;
+                        enum: string[];
+                    };
+                    desktop: {
+                        type: string;
+                        pattern: string;
+                    };
+                    tablet: {
+                        type: string;
+                        pattern: string;
+                    };
+                    mobile: {
+                        type: string;
+                        pattern: string;
+                    };
+                    alt: {
+                        type: string;
+                        contentType: string;
+                    };
+                    disableCompress: {
+                        type: string;
+                    };
+                    loading: {
+                        type: string;
+                        enum: string[];
+                    };
+                    fetchPriority: {
+                        type: string;
+                        enum: string[];
+                    };
+                };
+                optionName: string;
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+            })[];
+        };
+        children: {
+            type: string;
+            items: {
+                $ref: string;
+            };
+        };
+        title: {
+            oneOf: ({
+                type: string;
+                optionName: string;
+            } | {
+                optionName: string;
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    textSize: {
+                        type: string;
+                        enum: string[];
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                    resetMargin: {
+                        type: string;
+                    };
+                };
+            })[];
+        };
+        description: {
+            type: string;
+            contentType: string;
+            inputType: string;
+        };
+        animated: {
+            type: string;
+        };
+        anchor: {
+            type: string;
+            additionalProperties: boolean;
+            required: string[];
+            properties: {
+                text: {
+                    type: string;
+                    contentType: string;
+                };
+                url: {
+                    type: string;
+                };
+                urlTitle: {
+                    type: string;
+                };
+            };
+        };
+        visibility: {
+            oneOf: ({
+                type: string;
+                enum: string[];
+                additionalProperties?: undefined;
+                properties?: undefined;
+            } | {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    xs: {
+                        type: string;
+                    };
+                    sm: {
+                        type: string;
+                    };
+                    md: {
+                        type: string;
+                    };
+                    lg: {
+                        type: string;
+                    };
+                    xl: {
+                        type: string;
+                    };
+                    xxl: {
+                        type: string;
+                    };
+                };
+                enum?: undefined;
+            })[];
+        };
+        visible: {
+            type: string;
+            enum: string[];
+        };
+        hidden: {
+            type: string;
+            enum: string[];
+        };
+        resetPaddings: {
+            type: string;
+        };
+        context: {
+            type: string;
+        };
+        indent: {
+            type: string;
+            additionalProperties: boolean;
+            properties: {
+                top: {
+                    enum: string[];
+                };
+                bottom: {
+                    enum: string[];
+                };
+            };
+        };
+        backgroundFull: {
+            type: string;
+        };
+        type: {};
+        when: {
+            type: string;
+        };
+    };
+};
+export declare const CardLayoutBlock: {
+    'card-layout-block': {
+        additionalProperties: boolean;
+        required: never[];
+        properties: {
+            colSizes: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {};
+            };
+            background: {
+                anyOf: ({
+                    properties: {
+                        border: {
+                            type: string;
+                            enum: string[];
+                        };
+                        src: {
+                            type: string;
+                            pattern: string;
+                        };
+                        style: {
+                            type: string;
+                            additionalProperties: boolean;
+                            required: never[];
+                            properties: {
+                                backgroundColor: {
+                                    type: string;
+                                };
+                                height: {
+                                    type: string[];
+                                };
+                                width: {
+                                    type: string[];
+                                };
+                                color: {
+                                    type: string;
+                                };
+                            };
+                        };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                        disableCompress: {
+                            type: string;
+                        };
+                        loading: {
+                            type: string;
+                            enum: string[];
+                        };
+                        fetchPriority: {
+                            type: string;
+                            enum: string[];
+                        };
+                    };
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                } | {
+                    properties: {
+                        border: {
+                            type: string;
+                            enum: string[];
+                        };
+                        desktop: {
+                            type: string;
+                            pattern: string;
+                        };
+                        tablet: {
+                            type: string;
+                            pattern: string;
+                        };
+                        mobile: {
+                            type: string;
+                            pattern: string;
+                        };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                        disableCompress: {
+                            type: string;
+                        };
+                        loading: {
+                            type: string;
+                            enum: string[];
+                        };
+                        fetchPriority: {
+                            type: string;
+                            enum: string[];
+                        };
+                    };
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                })[];
+            };
+            children: {
+                type: string;
+                items: {
+                    $ref: string;
+                };
+            };
+            title: {
+                oneOf: ({
+                    type: string;
+                    optionName: string;
+                } | {
+                    optionName: string;
+                    type: string;
+                    additionalProperties: boolean;
+                    required: string[];
+                    properties: {
+                        text: {
+                            type: string;
+                            contentType: string;
+                        };
+                        textSize: {
+                            type: string;
+                            enum: string[];
+                        };
+                        url: {
+                            type: string;
+                        };
+                        urlTitle: {
+                            type: string;
+                        };
+                        resetMargin: {
+                            type: string;
+                        };
+                    };
+                })[];
+            };
+            description: {
+                type: string;
+                contentType: string;
+                inputType: string;
+            };
+            animated: {
+                type: string;
+            };
+            anchor: {
+                type: string;
+                additionalProperties: boolean;
+                required: string[];
+                properties: {
+                    text: {
+                        type: string;
+                        contentType: string;
+                    };
+                    url: {
+                        type: string;
+                    };
+                    urlTitle: {
+                        type: string;
+                    };
+                };
+            };
+            visibility: {
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {
+                        xs: {
+                            type: string;
+                        };
+                        sm: {
+                            type: string;
+                        };
+                        md: {
+                            type: string;
+                        };
+                        lg: {
+                            type: string;
+                        };
+                        xl: {
+                            type: string;
+                        };
+                        xxl: {
+                            type: string;
+                        };
+                    };
+                    enum?: undefined;
+                })[];
+            };
+            visible: {
+                type: string;
+                enum: string[];
+            };
+            hidden: {
+                type: string;
+                enum: string[];
+            };
+            resetPaddings: {
+                type: string;
+            };
+            context: {
+                type: string;
+            };
+            indent: {
+                type: string;
+                additionalProperties: boolean;
+                properties: {
+                    top: {
+                        enum: string[];
+                    };
+                    bottom: {
+                        enum: string[];
+                    };
+                };
+            };
+            backgroundFull: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/blocks/CardLayout/schema.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CardLayoutBlock = exports.CardLayoutProps = void 0;
+const schema_1 = require("../../components/Image/schema");
+const common_1 = require("../../schema/validators/common");
+exports.CardLayoutProps = {
+    additionalProperties: false,
+    required: [],
+    properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), common_1.BlockHeaderProps), { colSizes: common_1.containerSizesObject, background: {
+            anyOf: [
+                Object.assign(Object.assign({}, schema_1.ImageBaseObjectProps), { properties: Object.assign(Object.assign({}, schema_1.ImageBaseObjectProps.properties), { border: common_1.BorderProps }), optionName: 'options' }),
+                Object.assign(Object.assign({}, schema_1.ImageDeviceProps), { properties: Object.assign(Object.assign({}, schema_1.ImageDeviceProps.properties), { border: common_1.BorderProps }), optionName: 'device options' }),
+            ],
+        }, children: common_1.ChildrenCardsProps }),
+};
+exports.CardLayoutBlock = {
+    'card-layout-block': exports.CardLayoutProps,
+};

package/build/cjs/blocks/Companies/Companies.css

@@ -0,0 +1,21 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-companies-block {
+  text-align: center;
+}
+.pc-companies-block__images {
+  margin-top: 32px;
+}
+.pc-companies-block__image {
+  max-width: 100%;
+}
+@media (min-width: 769px) {
+  .pc-companies-block.pc-AnimateBlock .pc-companies-block__images, .pc-AnimateBlock .pc-companies-block .pc-companies-block__images {
+    opacity: 0;
+  }
+  .pc-companies-block.pc-AnimateBlock.animate .pc-companies-block__images, .pc-AnimateBlock .pc-companies-block.animate .pc-companies-block__images {
+    opacity: 1;
+    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition-delay: 0s;
+  }
+}

package/build/cjs/blocks/Companies/Companies.d.ts

@@ -0,0 +1,3 @@
+import { CompaniesBlockProps } from '../../models';
+export declare const CompaniesBlock: ({ title, description, images, animated }: CompaniesBlockProps) => JSX.Element;
+export default CompaniesBlock;

package/build/cjs/blocks/Companies/Companies.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompaniesBlock = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../components");
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
+const theme_1 = require("../../context/theme");
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('companies-block');
+const CompaniesBlock = ({ title, description, images, animated }) => {
+    const theme = (0, theme_1.useTheme)();
+    const themedImages = (0, utils_1.getThemedValue)(images, theme) || {};
+    return (react_1.default.createElement(AnimateBlock_1.default, { className: b(), offset: 150, animate: animated },
+        react_1.default.createElement("div", { className: b('content') },
+            react_1.default.createElement(components_1.Title, { title: title, subtitle: description, colSizes: { all: 12, sm: 12 } }),
+            react_1.default.createElement("div", { className: b('images') },
+                react_1.default.createElement(components_1.Image, Object.assign({}, themedImages, { className: b('image') }))))));
+};
+exports.CompaniesBlock = CompaniesBlock;
+exports.default = exports.CompaniesBlock;

package/build/cjs/blocks/Companies/schema.d.ts

@@ -0,0 +1,52 @@
+export declare const CompaniesBlock: {
+    'companies-block': {
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            title: {
+                type: string;
+                contentType: string;
+            };
+            description: {
+                type: string;
+                contentType: string;
+            };
+            images: {
+                oneOf: (({
+                    type: string;
+                    required: string[];
+                    properties: {
+                        desktop: {
+                            type: string;
+                        };
+                        tablet: {
+                            type: string;
+                        };
+                        mobile: {
+                            type: string;
+                        };
+                        alt: {
+                            type: string;
+                            contentType: string;
+                        };
+                    };
+                } & {
+                    optionName: string;
+                }) | {
+                    type: string;
+                    additionalProperties: boolean;
+                    required: import("../..").Theme[];
+                    properties: {};
+                    optionName: string;
+                })[];
+            };
+            animated: {
+                type: string;
+            };
+            type: {};
+            when: {
+                type: string;
+            };
+        };
+    };
+};

package/build/cjs/blocks/Companies/schema.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompaniesBlock = void 0;
+const common_1 = require("../../schema/validators/common");
+exports.CompaniesBlock = {
+    'companies-block': {
+        additionalProperties: false,
+        required: ['title', 'images'],
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.AnimatableProps), { title: {
+                type: 'string',
+                contentType: 'text',
+            }, description: {
+                type: 'string',
+                contentType: 'text',
+            }, images: (0, common_1.withTheme)({
+                type: 'object',
+                required: ['desktop', 'tablet', 'mobile'],
+                properties: {
+                    desktop: {
+                        type: 'string',
+                    },
+                    tablet: {
+                        type: 'string',
+                    },
+                    mobile: {
+                        type: 'string',
+                    },
+                    alt: {
+                        type: 'string',
+                        contentType: 'text',
+                    },
+                },
+            }) }),
+    },
+};

package/build/cjs/blocks/ContentLayout/ContentLayout.css

@@ -0,0 +1,59 @@
+.pc-content-layout-block__files_size_l, .pc-content-layout-block__files_size_s {
+  margin: 0;
+}
+
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-content-layout-block {
+  position: relative;
+}
+.pc-content-layout-block__content, .pc-content-layout-block__files {
+  z-index: 10;
+  position: relative;
+}
+.pc-content-layout-block__files {
+  margin-top: 24px;
+}
+.pc-content-layout-block__files_size_s {
+  font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
+  line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
+}
+.pc-content-layout-block__files_size_l {
+  font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
+  line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
+}
+.pc-content-layout-block__files_centered {
+  margin-left: auto;
+  margin-right: auto;
+}
+.pc-content-layout-block__files a {
+  text-decoration: none;
+}
+.pc-content-layout-block__file {
+  margin-bottom: 12px;
+}
+.pc-content-layout-block__file:last-child {
+  margin-bottom: 0;
+}
+.pc-content-layout-block__background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.pc-content-layout-block__background-item {
+  height: 100%;
+  border-radius: var(--pc-border-radius);
+}
+.pc-content-layout-block_background {
+  padding: 64px;
+}
+.pc-content-layout-block_theme_dark {
+  --g-color-line-focus: var(--pc-color-line-focus-dark);
+}
+@media (max-width: 577px) {
+  .pc-content-layout-block_background {
+    padding: 32px;
+  }
+}

package/build/cjs/blocks/ContentLayout/ContentLayout.d.ts

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