@gravity-ui/page-constructor 6.3.1 → 6.3.2-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock: React.FC<FilterBlockProps> = ({\n    title,\n    description,\n    tags,\n    tagButtonSize,\n    allTag,\n    items,\n    colSizes,\n    centered,\n    animated,\n}) => {\n    const tabButtons = React.useMemo(() => {\n        const allButton: ButtonTabsItemProps | undefined = allTag\n            ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n            : undefined;\n        const otherButtons: ButtonTabsItemProps[] | undefined =\n            tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n        return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n    }, [allTag, tags]);\n\n    const [selectedTag, setSelectedTag] = React.useState(\n        tabButtons.length ? tabButtons[0].id : null,\n    );\n\n    const actualTag: string | null = React.useMemo(() => {\n        return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n            ? tabButtons[0].id\n            : selectedTag;\n    }, [tabButtons, selectedTag]);\n\n    const cards = React.useMemo(() => {\n        const itemsToShow: FilterItem[] = actualTag\n            ? items.filter((item) => item.tags.includes(actualTag))\n            : items;\n\n        return itemsToShow.map((item) => item.card);\n    }, [actualTag, items]);\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            {title && (\n                <Title\n                    className={b('title', {centered: centered})}\n                    title={title}\n                    subtitle={description}\n                />\n            )}\n            {tabButtons.length && (\n                <Row>\n                    <Col>\n                        <ButtonTabs\n                            className={b('tabs', {centered: centered})}\n                            items={tabButtons}\n                            activeTab={selectedTag}\n                            onSelectTab={setSelectedTag}\n                            tabSize={tagButtonSize}\n                        />\n                    </Col>\n                </Row>\n            )}\n            <Row className={b('block-container')}>\n                <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n                    {cards.map((card, index) => {\n                        const key = getBlockKey(card, index);\n\n                        return <ConstructorItem data={card} blockKey={key} key={key} />;\n                    })}\n                </CardLayoutBlock>\n            </Row>\n        </AnimateBlock>\n    );\n};\nexport default FilterBlock;\n"]}
+{"version":3,"file":"FilterBlock.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/FilterBlock.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {CardLayoutBlock} from '..';\nimport {AnimateBlock, Title} from '../../components';\nimport ButtonTabs, {ButtonTabsItemProps} from '../../components/ButtonTabs/ButtonTabs';\nimport {ConstructorItem} from '../../containers/PageConstructor/components/ConstructorItem';\nimport {Col, Grid, Row} from '../../grid';\nimport {FilterBlockProps, FilterItem} from '../../models';\nimport {block, getBlockKey} from '../../utils';\n\nimport {i18n} from './i18n';\nimport './FilterBlock.scss';\n\nconst b = block('filter-block');\n\nconst FilterBlock: React.FC<FilterBlockProps> = ({\n    title,\n    description,\n    tags,\n    tagButtonSize,\n    allTag,\n    items = [],\n    colSizes,\n    centered,\n    animated,\n}) => {\n    const tabButtons = React.useMemo(() => {\n        const allButton: ButtonTabsItemProps | undefined = allTag\n            ? {id: null, title: typeof allTag === 'boolean' ? i18n('label-all-tag') : allTag}\n            : undefined;\n        const otherButtons: ButtonTabsItemProps[] | undefined =\n            tags && tags.map((tag) => ({id: tag.id, title: tag.label}));\n        return [...(allButton ? [allButton] : []), ...(otherButtons ? otherButtons : [])];\n    }, [allTag, tags]);\n\n    const [selectedTag, setSelectedTag] = React.useState(\n        tabButtons.length ? tabButtons[0].id : null,\n    );\n\n    const actualTag: string | null = React.useMemo(() => {\n        return tabButtons.length && !tabButtons.find((tab) => tab.id === selectedTag)\n            ? tabButtons[0].id\n            : selectedTag;\n    }, [tabButtons, selectedTag]);\n\n    const cards = React.useMemo(() => {\n        const itemsToShow: FilterItem[] = actualTag\n            ? items.filter((item) => item.tags.includes(actualTag))\n            : items;\n\n        return itemsToShow.map((item) => item.card);\n    }, [actualTag, items]);\n\n    return (\n        <AnimateBlock className={b()} animate={animated}>\n            <Grid>\n                {title && (\n                    <Title\n                        className={b('title', {centered: centered})}\n                        title={title}\n                        subtitle={description}\n                    />\n                )}\n                {tabButtons.length && (\n                    <Row>\n                        <Col>\n                            <ButtonTabs\n                                className={b('tabs', {centered: centered})}\n                                items={tabButtons}\n                                activeTab={selectedTag}\n                                onSelectTab={setSelectedTag}\n                                tabSize={tagButtonSize}\n                            />\n                        </Col>\n                    </Row>\n                )}\n                <Row className={b('block-container')}>\n                    <CardLayoutBlock title=\"\" colSizes={colSizes} className={b('cards-container')}>\n                        {cards.map((card, index) => {\n                            const key = getBlockKey(card, index);\n                            return <ConstructorItem data={card} blockKey={index} key={key} />;\n                        })}\n                    </CardLayoutBlock>\n                </Row>\n            </Grid>\n        </AnimateBlock>\n    );\n};\nexport default FilterBlock;\n"]}

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

@@ -0,0 +1,29 @@
+declare const FilterBlockConfig: {
+    component: import("react").FC<import("../..").FilterBlockProps>;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../../common/types/index.js").ConfigInput[];
+        default: {
+            allTag: boolean;
+            description: string;
+            items: {
+                card: {
+                    content: {
+                        title: string;
+                        text: string;
+                    };
+                    type: string;
+                };
+                tags: string[];
+            }[];
+            tags: {
+                id: string;
+                label: string;
+            }[];
+            title: string;
+            type: string;
+        };
+    };
+};
+export default FilterBlockConfig;

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

@@ -0,0 +1,95 @@
+import { generateFromAJV } from "../../utils/form-generator.js";
+import FilterBlock from "./FilterBlock.js";
+import { FilterProps } from "./schema.js";
+const FilterBlockConfig = {
+    component: FilterBlock,
+    schema: {
+        name: 'Filter Block',
+        group: 'block',
+        inputs: generateFromAJV(FilterProps),
+        default: {
+            allTag: true,
+            description: 'Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.',
+            items: [
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 1',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['one'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 2',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['two'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 3',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['three'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 4',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['one'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 5',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['two'],
+                },
+                {
+                    card: {
+                        content: {
+                            title: 'Layout Item 6',
+                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                        },
+                        type: 'layout-item',
+                    },
+                    tags: ['three'],
+                },
+            ],
+            tags: [
+                {
+                    id: 'one',
+                    label: 'First very long label',
+                },
+                {
+                    id: 'two',
+                    label: 'Second very long label',
+                },
+                {
+                    id: 'three',
+                    label: 'Third very long label',
+                },
+            ],
+            title: 'Card Layout',
+            type: 'filter-block',
+        },
+    },
+};
+export default FilterBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/FilterBlock/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,WAAW,yBAAsB;AACxC,OAAO,EAAC,WAAW,EAAC,oBAAiB;AAErC,MAAM,iBAAiB,GAAG;IACtB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CAAC,WAA4C,CAAC;QACrE,OAAO,EAAE;YACL,MAAM,EAAE,IAAI;YACZ,WAAW,EACP,2GAA2G;YAC/G,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,KAAK,CAAC;iBAChB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,KAAK,CAAC;iBAChB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,OAAO,CAAC;iBAClB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,KAAK,CAAC;iBAChB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,KAAK,CAAC;iBAChB;gBACD;oBACI,IAAI,EAAE;wBACF,OAAO,EAAE;4BACL,KAAK,EAAE,eAAe;4BACtB,IAAI,EAAE,6HAA6H;yBACtI;wBACD,IAAI,EAAE,aAAa;qBACtB;oBACD,IAAI,EAAE,CAAC,OAAO,CAAC;iBAClB;aACJ;YACD,IAAI,EAAE;gBACF;oBACI,EAAE,EAAE,KAAK;oBACT,KAAK,EAAE,uBAAuB;iBACjC;gBACD;oBACI,EAAE,EAAE,KAAK;oBACT,KAAK,EAAE,wBAAwB;iBAClC;gBACD;oBACI,EAAE,EAAE,OAAO;oBACX,KAAK,EAAE,uBAAuB;iBACjC;aACJ;YACD,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,cAAc;SACvB;KACJ;CACJ,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport FilterBlock from './FilterBlock';\nimport {FilterProps} from './schema';\n\nconst FilterBlockConfig = {\n    component: FilterBlock,\n    schema: {\n        name: 'Filter Block',\n        group: 'block',\n        inputs: generateFromAJV(FilterProps as unknown as JSONSchemaType<{}>),\n        default: {\n            allTag: true,\n            description:\n                'Three cards in a row on the desktop, two cards in a row on a tablet, one card in a row on a mobile phone.',\n            items: [\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 1',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['one'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 2',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['two'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 3',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['three'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 4',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['one'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 5',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['two'],\n                },\n                {\n                    card: {\n                        content: {\n                            title: 'Layout Item 6',\n                            text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                        },\n                        type: 'layout-item',\n                    },\n                    tags: ['three'],\n                },\n            ],\n            tags: [\n                {\n                    id: 'one',\n                    label: 'First very long label',\n                },\n                {\n                    id: 'two',\n                    label: 'Second very long label',\n                },\n                {\n                    id: 'three',\n                    label: 'Third very long label',\n                },\n            ],\n            title: 'Card Layout',\n            type: 'filter-block',\n        },\n    },\n};\n\nexport default FilterBlockConfig;\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Form/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,SAAS,kBAAe;AAC/B,OAAO,EAAC,SAAS,IAAI,eAAe,EAAC,oBAAiB;AAEtD,MAAM,eAAe,GAAG;IACpB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CAAC,eAAe,CAAC,YAAY,CAAkC,CAAC;QACvF,OAAO,EAAE;YACL,KAAK,EAAE,YAAY;YACnB,QAAQ,EAAE,EAAE;SACf;KACJ;CACJ,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport FormBlock from './Form';\nimport {FormBlock as FormBlockSchema} from './schema';\n\nconst FormBlockConfig = {\n    component: FormBlock,\n    schema: {\n        name: 'Form Block',\n        group: 'block',\n        inputs: generateFromAJV(FormBlockSchema['form-block'] as unknown as JSONSchemaType<{}>),\n        default: {\n            title: 'Form Block',\n            formData: {},\n        },\n    },\n};\n\nexport default FormBlockConfig;\n"]}

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

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