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

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

@@ -3,10 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LayoutItem = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit.js"));
-const schema_1 = tslib_1.__importDefault(require("../../components/MetaInfo/schema.js"));
+const schema_1 = require("../../blocks/Media/schema.js");
+const schema_2 = tslib_1.__importDefault(require("../../components/MetaInfo/schema.js"));
 const common_1 = require("../../schema/validators/common.js");
 const event_1 = require("../../schema/validators/event.js");
-const schema_2 = require("../Content/schema.js");
+const schema_3 = require("../Content/schema.js");
 exports.LayoutItem = {
     type: 'object',
     additionalProperties: false,
@@ -14,14 +15,14 @@ exports.LayoutItem = {
     properties: {
         ...common_1.BaseProps,
         ...common_1.CardLayoutProps,
-        media: common_1.MediaProps,
-        content: (0, omit_1.default)(schema_2.ContentBase, ['colSize', 'size', 'centered']),
+        media: schema_1.Media,
+        content: (0, omit_1.default)(schema_3.ContentBase, ['colSize', 'size', 'centered']),
         contentMargin: {
             type: 'string',
             enum: ['m', 'l'],
             default: 'm',
         },
-        metaInfo: schema_1.default,
+        metaInfo: schema_2.default,
         border: {
             type: 'boolean',
         },

package/build/cjs/sub-blocks/LayoutItem/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,yFAAwD;AACxD,8DAAsF;AACtF,4DAAmE;AACnE,iDAA4D;AAE/C,QAAA,UAAU,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE;QACR,GAAG,kBAAS;QACZ,GAAG,wBAAe;QAClB,KAAK,EAAE,mBAAU;QACjB,OAAO,EAAE,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QAC3D,aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;YAChB,OAAO,EAAE,GAAG;SACf;QACD,QAAQ,EAAE,gBAAQ;QAClB,MAAM,EAAE;YACJ,IAAI,EAAE,SAAS;SAClB;QACD,UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB;QACD,eAAe,EAAE;YACb,KAAK,EAAE;gBACH;oBACI,GAAG,4BAAoB;oBACvB,UAAU,EAAE,QAAQ;iBACvB;gBACD;oBACI,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,4BAAoB;oBAC3B,UAAU,EAAE,MAAM;iBACrB;aACJ;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport metaInfo from '../../components/MetaInfo/schema';\nimport {BaseProps, CardLayoutProps, MediaProps} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nexport const LayoutItem = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['content', 'media'],\n    properties: {\n        ...BaseProps,\n        ...CardLayoutProps,\n        media: MediaProps,\n        content: omit(ContentBase, ['colSize', 'size', 'centered']),\n        contentMargin: {\n            type: 'string',\n            enum: ['m', 'l'],\n            default: 'm',\n        },\n        metaInfo: metaInfo,\n        border: {\n            type: 'boolean',\n        },\n        fullscreen: {\n            type: 'boolean',\n        },\n        analyticsEvents: {\n            oneOf: [\n                {\n                    ...AnalyticsEventSchema,\n                    optionName: 'single',\n                },\n                {\n                    type: 'array',\n                    items: AnalyticsEventSchema,\n                    optionName: 'list',\n                },\n            ],\n        },\n    },\n};\n"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["sub-blocks/LayoutItem/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,yDAAgD;AAChD,yFAAwD;AACxD,8DAA0E;AAC1E,4DAAmE;AACnE,iDAA4D;AAE/C,QAAA,UAAU,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,oBAAoB,EAAE,KAAK;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;IAC9B,UAAU,EAAE;QACR,GAAG,kBAAS;QACZ,GAAG,wBAAe;QAClB,KAAK,EAAE,cAAK;QACZ,OAAO,EAAE,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;QAC3D,aAAa,EAAE;YACX,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;YAChB,OAAO,EAAE,GAAG;SACf;QACD,QAAQ,EAAE,gBAAQ;QAClB,MAAM,EAAE;YACJ,IAAI,EAAE,SAAS;SAClB;QACD,UAAU,EAAE;YACR,IAAI,EAAE,SAAS;SAClB;QACD,eAAe,EAAE;YACb,KAAK,EAAE;gBACH;oBACI,GAAG,4BAAoB;oBACvB,UAAU,EAAE,QAAQ;iBACvB;gBACD;oBACI,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,4BAAoB;oBAC3B,UAAU,EAAE,MAAM;iBACrB;aACJ;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {Media} from '../../blocks/Media/schema';\nimport metaInfo from '../../components/MetaInfo/schema';\nimport {BaseProps, CardLayoutProps} from '../../schema/validators/common';\nimport {AnalyticsEventSchema} from '../../schema/validators/event';\nimport {ContentBase} from '../../sub-blocks/Content/schema';\n\nexport const LayoutItem = {\n    type: 'object',\n    additionalProperties: false,\n    required: ['content', 'media'],\n    properties: {\n        ...BaseProps,\n        ...CardLayoutProps,\n        media: Media,\n        content: omit(ContentBase, ['colSize', 'size', 'centered']),\n        contentMargin: {\n            type: 'string',\n            enum: ['m', 'l'],\n            default: 'm',\n        },\n        metaInfo: metaInfo,\n        border: {\n            type: 'boolean',\n        },\n        fullscreen: {\n            type: 'boolean',\n        },\n        analyticsEvents: {\n            oneOf: [\n                {\n                    ...AnalyticsEventSchema,\n                    optionName: 'single',\n                },\n                {\n                    type: 'array',\n                    items: AnalyticsEventSchema,\n                    optionName: 'list',\n                },\n            ],\n        },\n    },\n};\n"]}

package/build/cjs/sub-blocks/MediaCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const MediaCardConfig: BlockData;
+export default MediaCardConfig;

package/build/cjs/sub-blocks/MediaCard/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const MediaCard_1 = tslib_1.__importDefault(require("./MediaCard.js"));
+const schema_1 = require("./schema.js");
+const MediaCardConfig = {
+    component: MediaCard_1.default,
+    schema: {
+        name: 'Media Card',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.MediaCardBlock['media-card']),
+        default: {
+            content: {
+                title: 'Media Card',
+                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+            },
+            image: 'https://storage.yandexcloud.net/yc-www-community-images/event_ecaf1ef1-bc3a-40fa-adef-827b0959e6c3.jpg',
+        },
+    },
+};
+exports.default = MediaCardConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/MediaCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/MediaCard/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,uEAAoC;AACpC,wCAA2D;AAE3D,MAAM,eAAe,GAAc;IAC/B,SAAS,EAAE,mBAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,uBAAe,CAAC,YAAY,CAAkC,CAAC;QACvF,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,KAAK,EAAE,YAAY;gBACnB,IAAI,EAAE,6HAA6H;aACtI;YACD,KAAK,EAAE,wGAAwG;SAClH;KACJ;CACJ,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport MediaCard from './MediaCard';\nimport {MediaCardBlock as MediaCardSchema} from './schema';\n\nconst MediaCardConfig: BlockData = {\n    component: MediaCard,\n    schema: {\n        name: 'Media Card',\n        group: 'cards',\n        inputs: generateFromAJV(MediaCardSchema['media-card'] as unknown as JSONSchemaType<{}>),\n        default: {\n            content: {\n                title: 'Media Card',\n                text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n            },\n            image: 'https://storage.yandexcloud.net/yc-www-community-images/event_ecaf1ef1-bc3a-40fa-adef-827b0959e6c3.jpg',\n        },\n    },\n};\n\nexport default MediaCardConfig;\n"]}

package/build/cjs/sub-blocks/PriceCard/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const PriceCardConfig: BlockData;
+export default PriceCardConfig;

package/build/cjs/sub-blocks/PriceCard/index.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const PriceCard_1 = tslib_1.__importDefault(require("./PriceCard.js"));
+const schema_1 = require("./schema.js");
+const PriceCardConfig = {
+    component: PriceCard_1.default,
+    schema: {
+        name: 'Price Card',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.PriceCardBlock['price-card']),
+        default: {
+            type: 'price-card',
+            border: 'line',
+            title: 'Basic',
+            price: '100 $',
+            pricePeriod: 'month',
+            priceDetails: '+ 5% from check',
+            description: 'For any purposes',
+            buttons: [
+                {
+                    url: '/',
+                    text: 'Read More',
+                    width: 'max',
+                    theme: 'action',
+                },
+            ],
+        },
+    },
+};
+exports.default = PriceCardConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/PriceCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceCard/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,uEAAoC;AACpC,wCAA2D;AAE3D,MAAM,eAAe,GAAc;IAC/B,SAAS,EAAE,mBAAS;IACpB,MAAM,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,uBAAe,CAAC,YAAY,CAAkC,CAAC;QACvF,OAAO,EAAE;YACL,IAAI,EAAE,YAAY;YAClB,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,OAAO;YACpB,YAAY,EAAE,iBAAiB;YAC/B,WAAW,EAAE,kBAAkB;YAC/B,OAAO,EAAE;gBACL;oBACI,GAAG,EAAE,GAAG;oBACR,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,KAAK;oBACZ,KAAK,EAAE,QAAQ;iBAClB;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,eAAe,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport PriceCard from './PriceCard';\nimport {PriceCardBlock as PriceCardSchema} from './schema';\n\nconst PriceCardConfig: BlockData = {\n    component: PriceCard,\n    schema: {\n        name: 'Price Card',\n        group: 'cards',\n        inputs: generateFromAJV(PriceCardSchema['price-card'] as unknown as JSONSchemaType<{}>),\n        default: {\n            type: 'price-card',\n            border: 'line',\n            title: 'Basic',\n            price: '100 $',\n            pricePeriod: 'month',\n            priceDetails: '+ 5% from check',\n            description: 'For any purposes',\n            buttons: [\n                {\n                    url: '/',\n                    text: 'Read More',\n                    width: 'max',\n                    theme: 'action',\n                },\n            ],\n        },\n    },\n};\n\nexport default PriceCardConfig;\n"]}

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

@@ -11,7 +11,7 @@ const SeparatePriceDetailed_1 = tslib_1.__importDefault(require("./SeparatePrice
 // eslint-disable-next-line valid-jsdoc
 /** @deprecated */
 const PriceDetailed = (props) => {
-    const { priceType = models_1.PriceDetailsType.SETTINGS, items, numberGroupItems = 1, description, details, foldable, labelsDefaultText, isCombined = false, useMixedView = false, border, } = props;
+    const { priceType = models_1.PriceDetailsType.SETTINGS, items = [], numberGroupItems = 1, description, details, foldable, labelsDefaultText, isCombined = false, useMixedView = false, border, } = props;
     const { titleSize: descriptionTitleSize = 'l', descriptionSize = 'm', titleColor: descriptionTitleColor = 'cornflower', } = description || {};
     const { titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm' } = details || {};
     const getDescriptionComponent = (priceDescription) => {

package/build/cjs/sub-blocks/PriceDetailed/PriceDetailed.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceDetailed.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceDetailed/PriceDetailed.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,kDAMsB;AAEtB,qHAAkF;AAClF,sGAAmE;AACnE,0FAAuD;AACvD,qHAAkF;AAElF,uCAAuC;AACvC,kBAAkB;AAClB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAChD,MAAM,EACF,SAAS,GAAG,yBAAgB,CAAC,QAAQ,EACrC,KAAK,EACL,gBAAgB,GAAG,CAAC,EACpB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,MAAM,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EACF,SAAS,EAAE,oBAAoB,GAAG,GAAG,EACrC,eAAe,GAAG,GAAG,EACrB,UAAU,EAAE,qBAAqB,GAAG,YAAY,GACnD,GAAG,WAAW,IAAI,EAAE,CAAC;IAEtB,MAAM,EAAC,SAAS,EAAE,gBAAgB,GAAG,GAAG,EAAE,eAAe,EAAE,sBAAsB,GAAG,GAAG,EAAC,GACpF,OAAO,IAAI,EAAE,CAAC;IAElB,MAAM,uBAAuB,GAAG,CAAC,gBAAuC,EAAE,EAAE;QACxE,OAAO,CACH,uBAAC,0BAAgB,OACT,gBAAgB,EACpB,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,qBAAqB,EACjC,iBAAiB,EAAE,iBAAiB,GACtC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CACxB,YAAoE,EACtE,EAAE;QACA,OAAO,CACH,uBAAC,sBAAY,IACT,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,gBAAgB,EAC3B,eAAe,EAAE,sBAAsB,EACvC,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,UAAU,CAAC,CAAC,CAAC,CACV,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC,CAAC,CAAC,CACA,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,GACY,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {\n    PriceDescriptionProps,\n    PriceDetailedProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceDetailsType,\n} from '../../models';\n\nimport CombinedPriceDetailed from './CombinedPriceDetailed/CombinedPriceDetailed';\nimport PriceDescription from './PriceDescription/PriceDescription';\nimport PriceDetails from './PriceDetails/PriceDetails';\nimport SeparatePriceDetailed from './SeparatePriceDetailed/SeparatePriceDetailed';\n\n// eslint-disable-next-line valid-jsdoc\n/** @deprecated */\nconst PriceDetailed = (props: PriceDetailedProps) => {\n    const {\n        priceType = PriceDetailsType.SETTINGS,\n        items,\n        numberGroupItems = 1,\n        description,\n        details,\n        foldable,\n        labelsDefaultText,\n        isCombined = false,\n        useMixedView = false,\n        border,\n    } = props;\n\n    const {\n        titleSize: descriptionTitleSize = 'l',\n        descriptionSize = 'm',\n        titleColor: descriptionTitleColor = 'cornflower',\n    } = description || {};\n\n    const {titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm'} =\n        details || {};\n\n    const getDescriptionComponent = (priceDescription: PriceDescriptionProps) => {\n        return (\n            <PriceDescription\n                {...priceDescription}\n                titleSize={descriptionTitleSize}\n                descriptionSize={descriptionSize}\n                colorTitle={descriptionTitleColor}\n                labelsDefaultText={labelsDefaultText}\n            />\n        );\n    };\n\n    const getDetailsComponent = (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => {\n        return (\n            <PriceDetails\n                items={priceDetails}\n                type={priceType}\n                foldable={foldable}\n                titleSize={detailsTitleSize}\n                descriptionSize={detailsDescriptionSize}\n                useMixedView={useMixedView}\n            />\n        );\n    };\n\n    return (\n        <React.Fragment>\n            {isCombined ? (\n                <CombinedPriceDetailed\n                    items={items}\n                    numberGroupItems={numberGroupItems}\n                    border={border}\n                    useMixedView={useMixedView}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            ) : (\n                <SeparatePriceDetailed\n                    items={items}\n                    border={border}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default PriceDetailed;\n"]}
+{"version":3,"file":"PriceDetailed.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceDetailed/PriceDetailed.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,kDAMsB;AAEtB,qHAAkF;AAClF,sGAAmE;AACnE,0FAAuD;AACvD,qHAAkF;AAElF,uCAAuC;AACvC,kBAAkB;AAClB,MAAM,aAAa,GAAG,CAAC,KAAyB,EAAE,EAAE;IAChD,MAAM,EACF,SAAS,GAAG,yBAAgB,CAAC,QAAQ,EACrC,KAAK,GAAG,EAAE,EACV,gBAAgB,GAAG,CAAC,EACpB,WAAW,EACX,OAAO,EACP,QAAQ,EACR,iBAAiB,EACjB,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,KAAK,EACpB,MAAM,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EACF,SAAS,EAAE,oBAAoB,GAAG,GAAG,EACrC,eAAe,GAAG,GAAG,EACrB,UAAU,EAAE,qBAAqB,GAAG,YAAY,GACnD,GAAG,WAAW,IAAI,EAAE,CAAC;IAEtB,MAAM,EAAC,SAAS,EAAE,gBAAgB,GAAG,GAAG,EAAE,eAAe,EAAE,sBAAsB,GAAG,GAAG,EAAC,GACpF,OAAO,IAAI,EAAE,CAAC;IAElB,MAAM,uBAAuB,GAAG,CAAC,gBAAuC,EAAE,EAAE;QACxE,OAAO,CACH,uBAAC,0BAAgB,OACT,gBAAgB,EACpB,SAAS,EAAE,oBAAoB,EAC/B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,qBAAqB,EACjC,iBAAiB,EAAE,iBAAiB,GACtC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CACxB,YAAoE,EACtE,EAAE;QACA,OAAO,CACH,uBAAC,sBAAY,IACT,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,gBAAgB,EAC3B,eAAe,EAAE,sBAAsB,EACvC,YAAY,EAAE,YAAY,GAC5B,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,uBAAC,KAAK,CAAC,QAAQ,cACV,UAAU,CAAC,CAAC,CAAC,CACV,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC,CAAC,CAAC,CACA,uBAAC,+BAAqB,IAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,uBAAuB,EAAE,uBAAuB,EAChD,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,GACY,CACpB,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {\n    PriceDescriptionProps,\n    PriceDetailedProps,\n    PriceDetailsListProps,\n    PriceDetailsSettingsProps,\n    PriceDetailsType,\n} from '../../models';\n\nimport CombinedPriceDetailed from './CombinedPriceDetailed/CombinedPriceDetailed';\nimport PriceDescription from './PriceDescription/PriceDescription';\nimport PriceDetails from './PriceDetails/PriceDetails';\nimport SeparatePriceDetailed from './SeparatePriceDetailed/SeparatePriceDetailed';\n\n// eslint-disable-next-line valid-jsdoc\n/** @deprecated */\nconst PriceDetailed = (props: PriceDetailedProps) => {\n    const {\n        priceType = PriceDetailsType.SETTINGS,\n        items = [],\n        numberGroupItems = 1,\n        description,\n        details,\n        foldable,\n        labelsDefaultText,\n        isCombined = false,\n        useMixedView = false,\n        border,\n    } = props;\n\n    const {\n        titleSize: descriptionTitleSize = 'l',\n        descriptionSize = 'm',\n        titleColor: descriptionTitleColor = 'cornflower',\n    } = description || {};\n\n    const {titleSize: detailsTitleSize = 's', descriptionSize: detailsDescriptionSize = 'm'} =\n        details || {};\n\n    const getDescriptionComponent = (priceDescription: PriceDescriptionProps) => {\n        return (\n            <PriceDescription\n                {...priceDescription}\n                titleSize={descriptionTitleSize}\n                descriptionSize={descriptionSize}\n                colorTitle={descriptionTitleColor}\n                labelsDefaultText={labelsDefaultText}\n            />\n        );\n    };\n\n    const getDetailsComponent = (\n        priceDetails?: PriceDetailsSettingsProps[] | PriceDetailsListProps[],\n    ) => {\n        return (\n            <PriceDetails\n                items={priceDetails}\n                type={priceType}\n                foldable={foldable}\n                titleSize={detailsTitleSize}\n                descriptionSize={detailsDescriptionSize}\n                useMixedView={useMixedView}\n            />\n        );\n    };\n\n    return (\n        <React.Fragment>\n            {isCombined ? (\n                <CombinedPriceDetailed\n                    items={items}\n                    numberGroupItems={numberGroupItems}\n                    border={border}\n                    useMixedView={useMixedView}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            ) : (\n                <SeparatePriceDetailed\n                    items={items}\n                    border={border}\n                    getDescriptionComponent={getDescriptionComponent}\n                    getDetailsComponent={getDetailsComponent}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default PriceDetailed;\n"]}

package/build/cjs/sub-blocks/PriceDetailed/index.d.ts

@@ -0,0 +1,4 @@
+import { BlockData } from "../../constructor-items.js";
+/** @deprecated */
+declare const PriceDetailedConfig: BlockData;
+export default PriceDetailedConfig;

package/build/cjs/sub-blocks/PriceDetailed/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const PriceDetailed_1 = tslib_1.__importDefault(require("./PriceDetailed.js"));
+const schema_1 = require("./schema.js");
+/** @deprecated */
+const PriceDetailedConfig = {
+    component: PriceDetailed_1.default,
+    schema: {
+        name: 'Price Detailed',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.PriceDetailedBlock['price-detailed']),
+        default: {
+            priceType: 'marked-list',
+            items: [
+                {
+                    title: '100$',
+                    description: 'Basic edition',
+                    detailedTitle: 'per year',
+                    items: [
+                        {
+                            text: 'First item',
+                        },
+                        {
+                            text: 'Second item',
+                        },
+                    ],
+                },
+            ],
+        },
+    },
+};
+exports.default = PriceDetailedConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/PriceDetailed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/PriceDetailed/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,+EAA4C;AAC5C,wCAAmE;AAEnE,kBAAkB;AAClB,MAAM,mBAAmB,GAAc;IACnC,SAAS,EAAE,uBAAa;IACxB,MAAM,EAAE;QACJ,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EACnB,2BAAmB,CAAC,gBAAgB,CAAkC,CACzE;QACD,OAAO,EAAE;YACL,SAAS,EAAE,aAAa;YACxB,KAAK,EAAE;gBACH;oBACI,KAAK,EAAE,MAAM;oBACb,WAAW,EAAE,eAAe;oBAC5B,aAAa,EAAE,UAAU;oBACzB,KAAK,EAAE;wBACH;4BACI,IAAI,EAAE,YAAY;yBACrB;wBACD;4BACI,IAAI,EAAE,aAAa;yBACtB;qBACJ;iBACJ;aACJ;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,mBAAmB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport PriceDetailed from './PriceDetailed';\nimport {PriceDetailedBlock as PriceDetailedSchema} from './schema';\n\n/** @deprecated */\nconst PriceDetailedConfig: BlockData = {\n    component: PriceDetailed,\n    schema: {\n        name: 'Price Detailed',\n        group: 'cards',\n        inputs: generateFromAJV(\n            PriceDetailedSchema['price-detailed'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            priceType: 'marked-list',\n            items: [\n                {\n                    title: '100$',\n                    description: 'Basic edition',\n                    detailedTitle: 'per year',\n                    items: [\n                        {\n                            text: 'First item',\n                        },\n                        {\n                            text: 'Second item',\n                        },\n                    ],\n                },\n            ],\n        },\n    },\n};\n\nexport default PriceDetailedConfig;\n"]}

package/build/cjs/sub-blocks/Quote/index.d.ts

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const QuoteConfig: BlockData;
+export default QuoteConfig;

package/build/cjs/sub-blocks/Quote/index.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const form_generator_1 = require("../../utils/form-generator.js");
+const Quote_1 = tslib_1.__importDefault(require("./Quote.js"));
+const schema_1 = require("./schema.js");
+const QuoteConfig = {
+    component: Quote_1.default,
+    schema: {
+        name: 'Quote',
+        group: 'cards',
+        inputs: (0, form_generator_1.generateFromAJV)(schema_1.Quote['quote']),
+        default: {
+            text: 'A good decision is based on knowledge and not on numbers.',
+            author: {
+                firstName: ' Plato',
+                description: 'Greek philosopher',
+            },
+        },
+    },
+};
+exports.default = QuoteConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/sub-blocks/Quote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["sub-blocks/Quote/index.tsx"],"names":[],"mappings":";;;AAGA,kEAA2D;AAE3D,+DAA4B;AAC5B,wCAA8C;AAE9C,MAAM,WAAW,GAAc;IAC3B,SAAS,EAAE,eAAK;IAChB,MAAM,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,IAAA,gCAAe,EAAC,cAAW,CAAC,OAAO,CAAkC,CAAC;QAC9E,OAAO,EAAE;YACL,IAAI,EAAE,2DAA2D;YACjE,MAAM,EAAE;gBACJ,SAAS,EAAE,QAAQ;gBACnB,WAAW,EAAE,mBAAmB;aACnC;SACJ;KACJ;CACJ,CAAC;AAEF,kBAAe,WAAW,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport Quote from './Quote';\nimport {Quote as QuoteSchema} from './schema';\n\nconst QuoteConfig: BlockData = {\n    component: Quote,\n    schema: {\n        name: 'Quote',\n        group: 'cards',\n        inputs: generateFromAJV(QuoteSchema['quote'] as unknown as JSONSchemaType<{}>),\n        default: {\n            text: 'A good decision is based on knowledge and not on numbers.',\n            author: {\n                firstName: ' Plato',\n                description: 'Greek philosopher',\n            },\n        },\n    },\n};\n\nexport default QuoteConfig;\n"]}

package/build/cjs/utils/editor.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const getCursorPositionOverElement: (elementRect: DOMRect, mouseEvent: React.MouseEvent) => "left" | "right" | "top" | "bottom";

package/build/cjs/utils/editor.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCursorPositionOverElement = void 0;
+const getCursorPositionOverElement = (elementRect, mouseEvent) => {
+    const cursorPositionY = elementRect.height - (mouseEvent.clientY - elementRect.y);
+    const cursorPositionX = elementRect.width - (mouseEvent.clientX - elementRect.x);
+    const cursorRatioY = elementRect.height / 2 / cursorPositionY;
+    const cursorRatioX = elementRect.width / 2 / cursorPositionX;
+    if (cursorRatioY > cursorRatioX) {
+        if (cursorRatioY >= 1) {
+            return 'bottom';
+        }
+        else {
+            return 'left';
+        }
+    }
+    else if (cursorRatioX >= 1) {
+        return 'right';
+    }
+    else {
+        return 'top';
+    }
+};
+exports.getCursorPositionOverElement = getCursorPositionOverElement;
+//# sourceMappingURL=editor.js.map

package/build/cjs/utils/editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"../../../src","sources":["utils/editor.ts"],"names":[],"mappings":";;;AAEO,MAAM,4BAA4B,GAAG,CACxC,WAAoB,EACpB,UAA4B,EAC9B,EAAE;IACA,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,UAAU,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IAClF,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,UAAU,CAAC,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;IACjF,MAAM,YAAY,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC,GAAG,eAAe,CAAC;IAC9D,MAAM,YAAY,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,CAAC;IAE7D,IAAI,YAAY,GAAG,YAAY,EAAE,CAAC;QAC9B,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC;YACpB,OAAO,QAAQ,CAAC;QACpB,CAAC;aAAM,CAAC;YACJ,OAAO,MAAM,CAAC;QAClB,CAAC;IACL,CAAC;SAAM,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC;QAC3B,OAAO,OAAO,CAAC;IACnB,CAAC;SAAM,CAAC;QACJ,OAAO,KAAK,CAAC;IACjB,CAAC;AACL,CAAC,CAAC;AApBW,QAAA,4BAA4B,gCAoBvC","sourcesContent":["import * as React from 'react';\n\nexport const getCursorPositionOverElement = (\n    elementRect: DOMRect,\n    mouseEvent: React.MouseEvent,\n) => {\n    const cursorPositionY = elementRect.height - (mouseEvent.clientY - elementRect.y);\n    const cursorPositionX = elementRect.width - (mouseEvent.clientX - elementRect.x);\n    const cursorRatioY = elementRect.height / 2 / cursorPositionY;\n    const cursorRatioX = elementRect.width / 2 / cursorPositionX;\n\n    if (cursorRatioY > cursorRatioX) {\n        if (cursorRatioY >= 1) {\n            return 'bottom';\n        } else {\n            return 'left';\n        }\n    } else if (cursorRatioX >= 1) {\n        return 'right';\n    } else {\n        return 'top';\n    }\n};\n"]}

package/build/cjs/utils/form-generator.d.ts

@@ -0,0 +1,9 @@
+import { JSONSchemaType } from 'ajv';
+import { ArrayBaseInput, BooleanInput, ConfigInput, NumberInput, ObjectInput, SelectBaseInput, TextAreaInput, TextInput } from "../../common/types/index.js";
+export declare const generateFromAJV: (schema: JSONSchemaType<{}>) => ConfigInput[];
+export declare const generateSingleEntity: (key: string, schema: JSONSchemaType<{}>) => TextInput | BooleanInput | NumberInput | TextAreaInput | SelectBaseInput | ObjectInput | ArrayBaseInput | {
+    type: string;
+    name: string;
+    title: string;
+    options: any;
+} | undefined;

package/build/cjs/utils/form-generator.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateSingleEntity = exports.generateFromAJV = void 0;
+const generateFromAJV = (schema) => {
+    if (schema && schema.properties) {
+        const obj = Object.entries(schema.properties).map(([key, value]) => {
+            const innerSchema = value;
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            return (0, exports.generateSingleEntity)(key, innerSchema);
+        });
+        return obj.filter(Boolean);
+    }
+    return [];
+};
+exports.generateFromAJV = generateFromAJV;
+const generateSingleEntity = (key, schema) => {
+    const type = schema.type;
+    if (!type && schema.enum) {
+        return {
+            type: 'select',
+            view: 'select',
+            name: key,
+            title: key,
+            enum: schema.enum.map((enumValue) => ({
+                content: enumValue,
+                value: enumValue,
+            })),
+        };
+    }
+    if (schema.oneOf) {
+        return {
+            type: 'oneOf',
+            name: key,
+            title: key,
+            options: schema.oneOf.map((item) => {
+                let properties;
+                if (item.properties) {
+                    properties = (0, exports.generateFromAJV)(item);
+                }
+                else {
+                    properties = [
+                        (0, exports.generateSingleEntity)('', {
+                            ...item,
+                            name: '',
+                            title: item.optionName,
+                        }),
+                    ];
+                }
+                return {
+                    value: item.optionName,
+                    title: item.optionName,
+                    properties: properties,
+                };
+            }),
+        };
+    }
+    switch (type) {
+        case 'string': {
+            if (schema.inputType === 'textarea') {
+                return {
+                    type: 'textarea',
+                    name: key,
+                    title: key,
+                };
+            }
+            if (schema.enum) {
+                return {
+                    type: 'select',
+                    view: 'select',
+                    name: key,
+                    title: key,
+                    enum: schema.enum.map((enumValue) => ({
+                        content: enumValue,
+                        value: enumValue,
+                    })),
+                };
+            }
+            return {
+                type: 'text',
+                name: key,
+                title: key,
+            };
+        }
+        case 'number': {
+            return {
+                type: 'number',
+                name: key,
+                title: key,
+            };
+        }
+        case 'object': {
+            return {
+                type: 'object',
+                name: key,
+                title: key,
+                properties: (0, exports.generateFromAJV)(schema),
+            };
+        }
+        case 'boolean': {
+            return {
+                type: 'boolean',
+                name: key,
+                title: key,
+                properties: (0, exports.generateFromAJV)(schema),
+            };
+        }
+        case 'array': {
+            if (schema.items.type === 'string') {
+                return {
+                    type: 'array',
+                    name: key,
+                    title: key,
+                    properties: (0, exports.generateFromAJV)(schema.items),
+                    buttonText: 'Add',
+                    arrayType: 'text',
+                };
+            }
+            return {
+                type: 'array',
+                name: key,
+                title: key,
+                properties: (0, exports.generateFromAJV)(schema.items),
+                buttonText: 'Add',
+                arrayType: 'object',
+            };
+        }
+    }
+    return undefined;
+};
+exports.generateSingleEntity = generateSingleEntity;
+//# sourceMappingURL=form-generator.js.map

package/build/cjs/utils/form-generator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-generator.js","sourceRoot":"../../../src","sources":["utils/form-generator.ts"],"names":[],"mappings":"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","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {\n    ArrayBaseInput,\n    BooleanInput,\n    ConfigInput,\n    NumberInput,\n    ObjectInput,\n    SelectBaseInput,\n    TextAreaInput,\n    TextInput,\n} from '../../common/types';\n\nexport const generateFromAJV = (schema: JSONSchemaType<{}>): ConfigInput[] => {\n    if (schema && schema.properties) {\n        const obj = Object.entries(schema.properties).map(([key, value]) => {\n            const innerSchema = value as JSONSchemaType<{}>;\n            // eslint-disable-next-line @typescript-eslint/no-use-before-define\n            return generateSingleEntity(key, innerSchema);\n        });\n\n        return obj.filter(Boolean) as ConfigInput[];\n    }\n    return [];\n};\n\nexport const generateSingleEntity = (key: string, schema: JSONSchemaType<{}>) => {\n    const type = schema.type;\n\n    if (!type && schema.enum) {\n        return {\n            type: 'select',\n            view: 'select',\n            name: key,\n            title: key,\n            enum: schema.enum.map((enumValue: string) => ({\n                content: enumValue,\n                value: enumValue,\n            })),\n        } as SelectBaseInput;\n    }\n\n    if (schema.oneOf) {\n        return {\n            type: 'oneOf',\n            name: key,\n            title: key,\n            options: schema.oneOf.map((item: JSONSchemaType<{}>) => {\n                let properties;\n                if (item.properties) {\n                    properties = generateFromAJV(item);\n                } else {\n                    properties = [\n                        generateSingleEntity('', {\n                            ...item,\n                            name: '',\n                            title: item.optionName,\n                        }),\n                    ];\n                }\n\n                return {\n                    value: item.optionName,\n                    title: item.optionName,\n                    properties: properties,\n                };\n            }),\n        };\n    }\n\n    switch (type) {\n        case 'string': {\n            if (schema.inputType === 'textarea') {\n                return {\n                    type: 'textarea',\n                    name: key,\n                    title: key,\n                } as TextAreaInput;\n            }\n            if (schema.enum) {\n                return {\n                    type: 'select',\n                    view: 'select',\n                    name: key,\n                    title: key,\n                    enum: schema.enum.map((enumValue: string) => ({\n                        content: enumValue,\n                        value: enumValue,\n                    })),\n                } as SelectBaseInput;\n            }\n            return {\n                type: 'text',\n                name: key,\n                title: key,\n            } as TextInput;\n        }\n        case 'number': {\n            return {\n                type: 'number',\n                name: key,\n                title: key,\n            } as NumberInput;\n        }\n        case 'object': {\n            return {\n                type: 'object',\n                name: key,\n                title: key,\n                properties: generateFromAJV(schema),\n            } as ObjectInput;\n        }\n        case 'boolean': {\n            return {\n                type: 'boolean',\n                name: key,\n                title: key,\n                properties: generateFromAJV(schema),\n            } as BooleanInput;\n        }\n        case 'array': {\n            if (schema.items.type === 'string') {\n                return {\n                    type: 'array',\n                    name: key,\n                    title: key,\n                    properties: generateFromAJV(schema.items),\n                    buttonText: 'Add',\n                    arrayType: 'text',\n                } as ArrayBaseInput;\n            }\n\n            return {\n                type: 'array',\n                name: key,\n                title: key,\n                properties: generateFromAJV(schema.items),\n                buttonText: 'Add',\n                arrayType: 'object',\n            } as ArrayBaseInput;\n        }\n    }\n\n    return undefined;\n};\n"]}

package/build/cjs/utils/index.d.ts

@@ -5,5 +5,6 @@ export * from "./url.js";
 export * from "./cn.js";
 export * from "./url.js";
 export * from "./theme.js";
+export * from "./navigation.js";
 export type { HubspotEventData, HubspotEventHandlers, HubspotEventName } from "./hubspot.js";
 export { isHubspotEventData } from "./hubspot.js";

package/build/cjs/utils/index.js

@@ -9,6 +9,7 @@ tslib_1.__exportStar(require("./url.js"), exports);
 tslib_1.__exportStar(require("./cn.js"), exports);
 tslib_1.__exportStar(require("./url.js"), exports);
 tslib_1.__exportStar(require("./theme.js"), exports);
+tslib_1.__exportStar(require("./navigation.js"), exports);
 var hubspot_1 = require("./hubspot.js");
 Object.defineProperty(exports, "isHubspotEventData", { enumerable: true, get: function () { return hubspot_1.isHubspotEventData; } });
 //# sourceMappingURL=index.js.map

package/build/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["utils/index.ts"],"names":[],"mappings":";;;;AAAA,sDAAyB;AACzB,yDAA4B;AAC5B,sDAAyB;AACzB,mDAAsB;AACtB,kDAAqB;AACrB,mDAAsB;AACtB,qDAAwB;AAGxB,wCAA6C;AAArC,6GAAA,kBAAkB,OAAA","sourcesContent":["export * from './common';\nexport * from './analytics';\nexport * from './blocks';\nexport * from './url';\nexport * from './cn';\nexport * from './url';\nexport * from './theme';\n\nexport type {HubspotEventData, HubspotEventHandlers, HubspotEventName} from './hubspot';\nexport {isHubspotEventData} from './hubspot';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["utils/index.ts"],"names":[],"mappings":";;;;AAAA,sDAAyB;AACzB,yDAA4B;AAC5B,sDAAyB;AACzB,mDAAsB;AACtB,kDAAqB;AACrB,mDAAsB;AACtB,qDAAwB;AACxB,0DAA6B;AAG7B,wCAA6C;AAArC,6GAAA,kBAAkB,OAAA","sourcesContent":["export * from './common';\nexport * from './analytics';\nexport * from './blocks';\nexport * from './url';\nexport * from './cn';\nexport * from './url';\nexport * from './theme';\nexport * from './navigation';\n\nexport type {HubspotEventData, HubspotEventHandlers, HubspotEventName} from './hubspot';\nexport {isHubspotEventData} from './hubspot';\n"]}

package/build/cjs/utils/navigation.d.ts

@@ -0,0 +1,3 @@
+import { HeaderData, ThemedNavigationLogoData } from "../models/index.js";
+export declare function isLogoSet(logo?: ThemedNavigationLogoData): logo is ThemedNavigationLogoData;
+export declare function isHeaderSet(header?: HeaderData): header is HeaderData;

package/build/cjs/utils/navigation.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isLogoSet = isLogoSet;
+exports.isHeaderSet = isHeaderSet;
+const tslib_1 = require("tslib");
+const get_1 = tslib_1.__importDefault(require("lodash/get.js"));
+const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty.js"));
+function isLogoSet(logo) {
+    return Boolean((0, get_1.default)(logo, 'icon') || (0, get_1.default)(logo, 'light.icon'));
+}
+function isHeaderSet(header) {
+    return !(0, isEmpty_1.default)(header?.leftItems);
+}
+//# sourceMappingURL=navigation.js.map

package/build/cjs/utils/navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.js","sourceRoot":"../../../src","sources":["utils/navigation.ts"],"names":[],"mappings":";;AAKA,8BAEC;AAED,kCAEC;;AAXD,gEAA8B;AAC9B,wEAAsC;AAItC,SAAgB,SAAS,CAAC,IAA+B;IACrD,OAAO,OAAO,CAAC,IAAA,aAAI,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,IAAA,aAAI,EAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;AACnE,CAAC;AAED,SAAgB,WAAW,CAAC,MAAmB;IAC3C,OAAO,CAAC,IAAA,iBAAQ,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AACxC,CAAC","sourcesContent":["import _get from 'lodash/get';\nimport _isEmpty from 'lodash/isEmpty';\n\nimport {HeaderData, ThemedNavigationLogoData} from '../models';\n\nexport function isLogoSet(logo?: ThemedNavigationLogoData): logo is ThemedNavigationLogoData {\n    return Boolean(_get(logo, 'icon') || _get(logo, 'light.icon'));\n}\n\nexport function isHeaderSet(header?: HeaderData): header is HeaderData {\n    return !_isEmpty(header?.leftItems);\n}\n"]}

package/build/esm/blocks/Banner/Banner.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
+import { Grid } from "../../grid/index.js";
 import { BannerCard } from "../../sub-blocks/index.js";
 import { block } from "../../utils/index.js";
 import './Banner.css';
 const b = block('banner-block');
 export const BannerBlock = (props) => {
     const { animated, className, ...bannerProps } = props;
-    return (_jsx(AnimateBlock, { className: b(null, className), animate: animated, children: _jsx(BannerCard, { ...bannerProps }) }));
+    return (_jsx(AnimateBlock, { className: b(null, className), animate: animated, children: _jsx(Grid, { children: _jsx(BannerCard, { ...bannerProps }) }) }));
 };
 export default BannerBlock;
 //# sourceMappingURL=Banner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,sDAAmD;AAEtE,OAAO,EAAC,UAAU,EAAC,kCAAyB;AAC5C,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEpD,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,KAAC,UAAU,OAAK,WAAW,GAAI,GACpB,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {BannerBlockProps} from '../../models';\nimport {BannerCard} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './Banner.scss';\n\nconst b = block('banner-block');\n\nexport const BannerBlock = (props: BannerBlockProps) => {\n    const {animated, className, ...bannerProps} = props;\n\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <BannerCard {...bannerProps} />\n        </AnimateBlock>\n    );\n};\n\nexport default BannerBlock;\n"]}
+{"version":3,"file":"Banner.js","sourceRoot":"../../../../src","sources":["blocks/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,sDAAmD;AACtE,OAAO,EAAC,IAAI,EAAC,4BAAmB;AAEhC,OAAO,EAAC,UAAU,EAAC,kCAAyB;AAC5C,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACnD,MAAM,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,WAAW,EAAC,GAAG,KAAK,CAAC;IAEpD,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,KAAC,IAAI,cACD,KAAC,UAAU,OAAK,WAAW,GAAI,GAC5B,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport {Grid} from '../../grid';\nimport {BannerBlockProps} from '../../models';\nimport {BannerCard} from '../../sub-blocks';\nimport {block} from '../../utils';\n\nimport './Banner.scss';\n\nconst b = block('banner-block');\n\nexport const BannerBlock = (props: BannerBlockProps) => {\n    const {animated, className, ...bannerProps} = props;\n\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <Grid>\n                <BannerCard {...bannerProps} />\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nexport default BannerBlock;\n"]}

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

@@ -0,0 +1,3 @@
+import { BlockData } from "../../constructor-items.js";
+declare const BannerBlockConfig: BlockData;
+export default BannerBlockConfig;

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

@@ -0,0 +1,21 @@
+import { generateFromAJV } from "../../utils/form-generator.js";
+import BannerBlock from "./Banner.js";
+import { BannerCardProps } from "./schema.js";
+const BannerBlockConfig = {
+    component: BannerBlock,
+    schema: {
+        name: 'Banner Block',
+        group: 'block',
+        inputs: generateFromAJV(BannerCardProps),
+        default: {
+            color: 'rgba(54, 151, 241, 0.4)',
+            title: 'Banner Block',
+            subtitle: 'Some sort of description.',
+            button: {
+                text: 'Read more',
+            },
+        },
+    },
+};
+export default BannerBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Banner/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,eAAe,EAAC,sCAAmC;AAE3D,OAAO,WAAW,oBAAiB;AACnC,OAAO,EAAC,eAAe,EAAC,oBAAiB;AAEzC,MAAM,iBAAiB,GAAc;IACjC,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,eAAe,CAAC,eAAgD,CAAC;QACzE,OAAO,EAAE;YACL,KAAK,EAAE,yBAAyB;YAChC,KAAK,EAAE,cAAc;YACrB,QAAQ,EAAE,2BAA2B;YACrC,MAAM,EAAE;gBACJ,IAAI,EAAE,WAAW;aACpB;SACJ;KACJ;CACJ,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {BlockData} from '../../constructor-items';\nimport {generateFromAJV} from '../../utils/form-generator';\n\nimport BannerBlock from './Banner';\nimport {BannerCardProps} from './schema';\n\nconst BannerBlockConfig: BlockData = {\n    component: BannerBlock,\n    schema: {\n        name: 'Banner Block',\n        group: 'block',\n        inputs: generateFromAJV(BannerCardProps as unknown as JSONSchemaType<{}>),\n        default: {\n            color: 'rgba(54, 151, 241, 0.4)',\n            title: 'Banner Block',\n            subtitle: 'Some sort of description.',\n            button: {\n                text: 'Read more',\n            },\n        },\n    },\n};\n\nexport default BannerBlockConfig;\n"]}

package/build/esm/blocks/CardLayout/CardLayout.css

@@ -21,6 +21,7 @@ unpredictable css rules order in build */
   width: 100%;
   height: 100%;
   border-radius: 32px;
+  pointer-events: none;
 }
 .pc-card-layout-block__image img {
   object-fit: cover;

package/build/esm/blocks/CardLayout/CardLayout.js

@@ -2,8 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import isEmpty from "lodash/isEmpty.js";
 import { AnimateBlock, BackgroundImage, Title } from "../../components/index.js";
+import ItemWrap from "../../components/editor/ItemWrap/ItemWrap.js";
 import { useTheme } from "../../context/theme/index.js";
-import { Col, Row } from "../../grid/index.js";
+import { Col, Grid, Row } from "../../grid/index.js";
 import { block, getThemedValue } from "../../utils/index.js";
 import './CardLayout.css';
 const DEFAULT_SIZES = {
@@ -15,9 +16,9 @@ const b = block('card-layout-block');
 const CardLayout = ({ title, description, animated, colSizes = DEFAULT_SIZES, children, className, titleClassName, background, }) => {
     const theme = useTheme();
     const { border, ...backgroundImageProps } = getThemedValue(background || {}, theme);
-    return (_jsxs(AnimateBlock, { className: b(null, className), animate: animated, children: [(title || description) && (_jsx(Title, { title: title, subtitle: description, className: titleClassName })), _jsxs("div", { className: b('content', {
-                    'with-background': !isEmpty(background),
-                }), children: [_jsx(BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: child }, index))) })] })] }));
+    return (_jsx(AnimateBlock, { className: b(null, className), animate: animated, children: _jsxs(Grid, { children: [(title || description) && (_jsx(Title, { title: title, subtitle: description, className: titleClassName })), _jsxs("div", { className: b('content', {
+                        'with-background': !isEmpty(background),
+                    }), children: [_jsx(BackgroundImage, { className: b('image', { border }), ...backgroundImageProps }), _jsx(Row, { children: React.Children.map(children, (child, index) => (_jsx(Col, { sizes: colSizes, className: b('item'), children: _jsx(ItemWrap, { index: index, children: child }) }, index))) })] })] }) }));
 };
 export default CardLayout;
 //# sourceMappingURL=CardLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,OAAO,0BAAuB;AAErC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAE,KAAK,EAAC,kCAAyB;AACtE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,GAAG,EAAuB,GAAG,EAAC,4BAAmB;AAEzD,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,cAAc,CAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,MAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,aACzD,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,EACD,eACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;oBACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;iBAC1C,CAAC,aAEF,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAC9E,KAAC,GAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,GAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACjD,KAAK,IADA,KAAK,CAET,CACT,CAAC,GACA,IACJ,IACK,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport {useTheme} from '../../context/theme';\nimport {Col, GridColumnSizesType, Row} from '../../grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}) => {\n    const theme = useTheme();\n    const {border, ...backgroundImageProps} = getThemedValue(background || {}, theme);\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            {(title || description) && (\n                <Title title={title} subtitle={description} className={titleClassName} />\n            )}\n            <div\n                className={b('content', {\n                    'with-background': !isEmpty(background),\n                })}\n            >\n                <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n                <Row>\n                    {React.Children.map(children, (child, index) => (\n                        <Col key={index} sizes={colSizes} className={b('item')}>\n                            {child}\n                        </Col>\n                    ))}\n                </Row>\n            </div>\n        </AnimateBlock>\n    );\n};\n\nexport default CardLayout;\n"]}
+{"version":3,"file":"CardLayout.js","sourceRoot":"../../../../src","sources":["blocks/CardLayout/CardLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,OAAO,0BAAuB;AAErC,OAAO,EAAC,YAAY,EAAE,eAAe,EAAE,KAAK,EAAC,kCAAyB;AACtE,OAAO,QAAQ,qDAAkD;AACjE,OAAO,EAAC,QAAQ,EAAC,qCAA4B;AAC7C,OAAO,EAAC,GAAG,EAAE,IAAI,EAAuB,GAAG,EAAC,4BAAmB;AAE/D,OAAO,EAAC,KAAK,EAAE,cAAc,EAAC,6BAAoB;AAElD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,aAAa,GAAwB;IACvC,GAAG,EAAE,EAAE;IACP,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;CACR,CAAC;AAMF,MAAM,CAAC,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,UAAU,GAAmC,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,UAAU,GACb,EAAE,EAAE;IACD,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,EAAC,MAAM,EAAE,GAAG,oBAAoB,EAAC,GAAG,cAAc,CAAC,UAAU,IAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IAClF,OAAO,CACH,KAAC,YAAY,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,QAAQ,YAC1D,MAAC,IAAI,eACA,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,GAAI,CAC5E,EACD,eACI,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE;wBACpB,iBAAiB,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;qBAC1C,CAAC,aAEF,KAAC,eAAe,IAAC,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAC,CAAC,KAAM,oBAAoB,GAAI,EAE9E,KAAC,GAAG,cACC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5C,KAAC,GAAG,IAAa,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAClD,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,KAAK,GAAY,IADpC,KAAK,CAET,CACT,CAAC,GACA,IACJ,IACH,GACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import * as React from 'react';\nimport isEmpty from 'lodash/isEmpty';\n\nimport {AnimateBlock, BackgroundImage, Title} from '../../components';\nimport ItemWrap from '../../components/editor/ItemWrap/ItemWrap';\nimport {useTheme} from '../../context/theme';\nimport {Col, Grid, GridColumnSizesType, Row} from '../../grid';\nimport {CardLayoutBlockProps as CardLayoutBlockParams, ClassNameProps} from '../../models';\nimport {block, getThemedValue} from '../../utils';\n\nimport './CardLayout.scss';\n\nconst DEFAULT_SIZES: GridColumnSizesType = {\n    all: 12,\n    sm: 6,\n    md: 4,\n};\nexport type CardLayoutBlockProps = React.PropsWithChildren<\n    Omit<CardLayoutBlockParams, 'children'>\n> &\n    ClassNameProps;\n\nconst b = block('card-layout-block');\n\nconst CardLayout: React.FC<CardLayoutBlockProps> = ({\n    title,\n    description,\n    animated,\n    colSizes = DEFAULT_SIZES,\n    children,\n    className,\n    titleClassName,\n    background,\n}) => {\n    const theme = useTheme();\n    const {border, ...backgroundImageProps} = getThemedValue(background || {}, theme);\n    return (\n        <AnimateBlock className={b(null, className)} animate={animated}>\n            <Grid>\n                {(title || description) && (\n                    <Title title={title} subtitle={description} className={titleClassName} />\n                )}\n                <div\n                    className={b('content', {\n                        'with-background': !isEmpty(background),\n                    })}\n                >\n                    <BackgroundImage className={b('image', {border})} {...backgroundImageProps} />\n\n                    <Row>\n                        {React.Children.map(children, (child, index) => (\n                            <Col key={index} sizes={colSizes} className={b('item')}>\n                                <ItemWrap index={index}>{child}</ItemWrap>\n                            </Col>\n                        ))}\n                    </Row>\n                </div>\n            </Grid>\n        </AnimateBlock>\n    );\n};\n\nexport default CardLayout;\n"]}