@gravity-ui/page-constructor 6.0.0-beta.1 → 6.0.0-beta.10

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

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("../../sub-blocks/PriceDetailed/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/BackgroundCard/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/Content/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/MediaCard/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/LayoutItem/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/Quote/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/Divider/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/BasicCard/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/PriceCard/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/HubspotForm/schema.js"), exports);
-tslib_1.__exportStar(require("../../sub-blocks/ImageCard/schema.js"), exports);
-//# sourceMappingURL=sub-blocks.js.map
+export * from '../../sub-blocks/PriceDetailed/schema';
+export * from '../../sub-blocks/BackgroundCard/schema';
+export * from '../../sub-blocks/Content/schema';
+export * from '../../sub-blocks/MediaCard/schema';
+export * from '../../sub-blocks/LayoutItem/schema';
+export * from '../../sub-blocks/Quote/schema';
+export * from '../../sub-blocks/Divider/schema';
+export * from '../../sub-blocks/BasicCard/schema';
+export * from '../../sub-blocks/PriceCard/schema';
+export * from '../../sub-blocks/HubspotForm/schema';
+export * from '../../sub-blocks/ImageCard/schema';

package/build/cjs/schema/validators/utils.js

@@ -1,13 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.filteredArray = exports.filteredItem = void 0;
-const filteredItem = (itemsSchema) => (Object.assign(Object.assign({}, itemsSchema), { type: 'object', properties: Object.assign({ when: {
+export const filteredItem = (itemsSchema) => (Object.assign(Object.assign({}, itemsSchema), { type: 'object', properties: Object.assign({ when: {
             type: 'string',
         } }, itemsSchema.properties) }));
-exports.filteredItem = filteredItem;
-const filteredArray = (itemsSchema) => ({
+export const filteredArray = (itemsSchema) => ({
     type: 'array',
-    items: (0, exports.filteredItem)(itemsSchema),
+    items: filteredItem(itemsSchema),
 });
-exports.filteredArray = filteredArray;
-//# sourceMappingURL=utils.js.map

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

@@ -1,3 +1,3 @@
-import { BackgroundCardProps } from "../../models/index.js";
+import { BackgroundCardProps } from '../../models';
 declare const BackgroundCard: (props: BackgroundCardProps) => import("react/jsx-runtime").JSX.Element;
 export default BackgroundCard;

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

@@ -1,21 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const utils_1 = require("../../utils/index.js");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
-const b = (0, utils_1.block)('background-card');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUniqId } from '@gravity-ui/uikit';
+import { BackgroundImage, CardBase } from '../../components/';
+import { useTheme } from '../../context/theme';
+import { block, getThemedValue } from '../../utils';
+import Content from '../Content/Content';
+const b = block('background-card');
 const BackgroundCard = (props) => {
     const { url, title, text, border, background, paddingBottom, backgroundColor, additionalInfo, theme: cardTheme = 'default', links, buttons, analyticsEvents, urlTitle, controlPosition = 'content', list, } = props;
-    const titleId = (0, uikit_1.useUniqId)();
-    const theme = (0, theme_1.useTheme)();
+    const titleId = useUniqId();
+    const theme = useTheme();
     const hasBackgroundColor = backgroundColor || cardTheme !== 'default';
     const borderType = hasBackgroundColor ? 'none' : border;
     const areControlsInFooter = !paddingBottom && controlPosition === 'footer';
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), contentClassName: b('content'), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle, children: (0, jsx_runtime_1.jsxs)(components_1.CardBase.Content, { children: [(0, jsx_runtime_1.jsx)(components_1.BackgroundImage, Object.assign({ className: b('image') }, (0, utils_1.getThemedValue)(background, theme), { style: { backgroundColor } })), (0, jsx_runtime_1.jsx)(Content_1.default, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: links, buttons: buttons, list: list, colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' })] }) }));
+    return (_jsx(CardBase, { className: b({ padding: paddingBottom, theme: cardTheme }), contentClassName: b('content'), url: url, border: borderType, analyticsEvents: analyticsEvents, urlTitle: urlTitle, children: _jsxs(CardBase.Content, { children: [_jsx(BackgroundImage, Object.assign({ className: b('image') }, getThemedValue(background, theme), { style: { backgroundColor } })), _jsx(Content, { titleId: titleId, title: title, text: text, additionalInfo: additionalInfo, size: "s", theme: cardTheme, links: links, buttons: buttons, list: list, colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' })] }) }));
 };
-exports.default = BackgroundCard;
-//# sourceMappingURL=BackgroundCard.js.map
+export default BackgroundCard;

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

@@ -59,7 +59,7 @@ export declare const BackgroundCard: {
                 }) | {
                     type: string;
                     additionalProperties: boolean;
-                    required: import("../../index.js").Theme[];
+                    required: import("../..").Theme[];
                     properties: {};
                     optionName: string;
                 })[];

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

@@ -1,32 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackgroundCard = void 0;
-const tslib_1 = require("tslib");
-const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = require("../../components/Image/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 BackgroundCardContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'controlPosition']);
-exports.BackgroundCard = {
+import omit from 'lodash/omit';
+import { ImageObjectProps } from '../../components/Image/schema';
+import { BaseProps, CardBase, CardLayoutProps, withTheme } from '../../schema/validators/common';
+import { AnalyticsEventSchema } from '../../schema/validators/event';
+import { ContentBase } from '../Content/schema';
+const BackgroundCardContentProps = omit(ContentBase, ['size', 'controlPosition']);
+export const BackgroundCard = {
     'background-card': {
         additionalProperties: false,
         required: ['title', 'text'],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.CardLayoutProps), BackgroundCardContentProps), { url: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), CardLayoutProps), BackgroundCardContentProps), { url: {
                 type: 'string',
             }, urlTitle: {
                 type: 'string',
-            }, background: (0, common_1.withTheme)(schema_1.ImageObjectProps), backgroundColor: {
+            }, background: withTheme(ImageObjectProps), backgroundColor: {
                 type: 'string',
             }, paddingBottom: {
                 type: 'string',
                 enum: ['s', 'm', 'l', 'xl'],
             }, analyticsEvents: {
                 oneOf: [
-                    Object.assign(Object.assign({}, event_1.AnalyticsEventSchema), { optionName: 'single' }),
+                    Object.assign(Object.assign({}, AnalyticsEventSchema), { optionName: 'single' }),
                     {
                         type: 'array',
-                        items: event_1.AnalyticsEventSchema,
+                        items: AnalyticsEventSchema,
                         optionName: 'list',
                     },
                 ],
@@ -36,4 +32,3 @@ exports.BackgroundCard = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { BannerCardProps } from "../../models/index.js";
+import { BannerCardProps } from '../../models';
 export declare const BannerCard: (props: BannerCardProps) => import("react/jsx-runtime").JSX.Element;
 export default BannerCard;

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

@@ -1,20 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BannerCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const components_1 = require("../../components/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('banner-card');
-const BannerCard = (props) => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BackgroundImage, Button, HTML, RouterLink, YFMWrapper } from '../../components';
+import { useTheme } from '../../context/theme';
+import { block, getThemedValue } from '../../utils';
+const b = block('banner-card');
+export const BannerCard = (props) => {
     const { title, subtitle, button: { url, text, target, theme: buttonTheme = 'raised' } = {}, color, theme: textTheme = 'light', image, disableCompress, mediaView = 'full', } = props;
-    const theme = (0, theme_1.useTheme)();
+    const theme = useTheme();
     const contentStyle = {};
     if (color) {
-        contentStyle.backgroundColor = (0, utils_1.getThemedValue)(color, theme);
+        contentStyle.backgroundColor = getThemedValue(color, theme);
     }
-    return ((0, jsx_runtime_1.jsx)("div", { className: b({ theme: textTheme, ['media-view']: mediaView }), children: (0, jsx_runtime_1.jsxs)("div", { className: b('content'), style: contentStyle, children: [(0, jsx_runtime_1.jsxs)("div", { className: b('info'), children: [(0, jsx_runtime_1.jsxs)("div", { className: b('text'), children: [(0, jsx_runtime_1.jsx)("h2", { className: b('title'), children: (0, jsx_runtime_1.jsx)(components_1.HTML, { children: title }) }), subtitle && ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))] }), url && ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text !== null && text !== void 0 ? text : '', url: url, target: target }) }))] }), (0, jsx_runtime_1.jsx)(components_1.BackgroundImage, { className: b('image'), src: (0, utils_1.getThemedValue)(image, theme), disableCompress: disableCompress })] }) }));
+    return (_jsx("div", { className: b({ theme: textTheme, ['media-view']: mediaView }), children: _jsxs("div", { className: b('content'), style: contentStyle, children: [_jsxs("div", { className: b('info'), children: [_jsxs("div", { className: b('text'), children: [_jsx("h2", { className: b('title'), children: _jsx(HTML, { children: title }) }), subtitle && (_jsx(YFMWrapper, { className: b('subtitle'), content: subtitle, modifiers: { constructor: true } }))] }), url && (_jsx(RouterLink, { href: url, children: _jsx(Button, { className: b('button'), theme: buttonTheme, size: "xl", text: text !== null && text !== void 0 ? text : '', url: url, target: target }) }))] }), _jsx(BackgroundImage, { className: b('image'), src: getThemedValue(image, theme), disableCompress: disableCompress })] }) }));
 };
-exports.BannerCard = BannerCard;
-exports.default = exports.BannerCard;
-//# sourceMappingURL=BannerCard.js.map
+export default BannerCard;

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

@@ -1,3 +1,3 @@
-import { BasicCardProps } from "../../models/index.js";
+import { BasicCardProps } from '../../models';
 declare const BasicCard: (props: BasicCardProps) => import("react/jsx-runtime").JSX.Element;
 export default BasicCard;

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

@@ -1,22 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const sub_blocks_1 = require("../../models/constructor-items/sub-blocks.js");
-const utils_1 = require("../../utils/index.js");
-const Content_1 = tslib_1.__importDefault(require("../Content/Content.js"));
-const b = (0, utils_1.block)('basic-card');
+import { createRequire as _createRequire } from "module";
+const __require = _createRequire(import.meta.url);
+const tslib_1 = __require("tslib");
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useUniqId } from '@gravity-ui/uikit';
+import { CardBase, IconWrapper } from '../../components';
+import { useTheme } from '../../context/theme';
+import { IconPosition } from '../../models/constructor-items/sub-blocks';
+import { block, getThemedValue } from '../../utils';
+import Content from '../Content/Content';
+const b = block('basic-card');
 const BasicCard = (props) => {
-    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = sub_blocks_1.IconPosition.Top, controlPosition = 'content' } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition", "controlPosition"]);
-    const titleId = (0, uikit_1.useUniqId)();
-    const descriptionId = (0, uikit_1.useUniqId)();
+    const { title, text, icon, additionalInfo, links, list, buttons, iconPosition = IconPosition.Top, controlPosition = 'content' } = props, cardParams = tslib_1.__rest(props, ["title", "text", "icon", "additionalInfo", "links", "list", "buttons", "iconPosition", "controlPosition"]);
+    const titleId = useUniqId();
+    const descriptionId = useUniqId();
     const areControlsInFooter = controlPosition === 'footer';
-    const theme = (0, theme_1.useTheme)();
-    const themedIcon = (0, utils_1.getThemedValue)(icon, theme);
-    return ((0, jsx_runtime_1.jsx)(components_1.CardBase, Object.assign({ className: b(), contentClassName: b('content') }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId }, children: (0, jsx_runtime_1.jsx)(components_1.CardBase.Content, { children: (0, jsx_runtime_1.jsx)(components_1.IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper'), children: (0, jsx_runtime_1.jsx)(Content_1.default, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }) }) })));
+    const theme = useTheme();
+    const themedIcon = getThemedValue(icon, theme);
+    return (_jsx(CardBase, Object.assign({ className: b(), contentClassName: b('content') }, cardParams, { extraProps: { 'aria-describedby': descriptionId, 'aria-labelledby': titleId }, children: _jsx(CardBase.Content, { children: _jsx(IconWrapper, { icon: themedIcon ? { value: themedIcon, position: iconPosition } : undefined, className: b('wrapper'), children: _jsx(Content, { title: title, titleId: titleId, text: text, textId: descriptionId, additionalInfo: additionalInfo, links: links, list: list, buttons: buttons, size: "s", colSizes: { all: 12, md: 12 }, controlPosition: areControlsInFooter ? 'bottom' : 'default' }) }) }) })));
 };
-exports.default = BasicCard;
-//# sourceMappingURL=BasicCard.js.map
+export default BasicCard;

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

@@ -1,21 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BasicCard = void 0;
-const tslib_1 = require("tslib");
-const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
-const schema_1 = require("../../components/Image/schema.js");
-const common_1 = require("../../schema/validators/common.js");
-const schema_2 = require("../Content/schema.js");
-const BasicCardContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'theme', 'controlPosition']);
-exports.BasicCard = {
+import omit from 'lodash/omit';
+import { ImageProps } from '../../components/Image/schema';
+import { BaseProps, CardBase, CardLayoutProps } from '../../schema/validators/common';
+import { ContentBase } from '../Content/schema';
+const BasicCardContentProps = omit(ContentBase, ['size', 'theme', 'controlPosition']);
+export const BasicCard = {
     'basic-card': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), common_1.CardLayoutProps), BasicCardContentProps), { url: {
+        properties: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), CardLayoutProps), BasicCardContentProps), { url: {
                 type: 'string',
             }, urlTitle: {
                 type: 'string',
-            }, icon: schema_1.ImageProps, target: {
+            }, icon: ImageProps, target: {
                 type: 'string',
                 enum: ['_blank', '_parent', '_top', '_self'],
             }, iconPosition: {
@@ -27,4 +23,3 @@ exports.BasicCard = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,5 +1,5 @@
-import { ClassNameProps, ContentBlockProps } from "../../models/index.js";
-import { QAProps } from "../../models/common.js";
+import { ClassNameProps, ContentBlockProps } from '../../models';
+import { QAProps } from '../../models/common';
 export type ContentProps = ContentBlockProps & ClassNameProps & QAProps;
 declare const Content: (props: ContentProps) => import("react/jsx-runtime").JSX.Element;
 export default Content;

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

@@ -1,12 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_1 = require("@gravity-ui/uikit");
-const components_1 = require("../../components/index.js");
-const grid_1 = require("../../grid/index.js");
-const utils_1 = require("../../utils/index.js");
-const blocks_1 = require("../../utils/blocks.js");
-const b = (0, utils_1.block)('content');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUniqId } from '@gravity-ui/uikit';
+import { Buttons, ContentList, Links, Title, YFMWrapper } from '../../components';
+import { Col } from '../../grid';
+import { block } from '../../utils';
+import { getQaAttrubutes } from '../../utils/blocks';
+const b = block('content');
 function getTextSize(size) {
     switch (size) {
         case 's':
@@ -18,18 +16,17 @@ function getTextSize(size) {
 }
 const Content = (props) => {
     const { title, titleId: titleIdFromProps, text, textId, additionalInfo, size = 'l', links, buttons, colSizes = { all: 12, sm: 8 }, centered, theme, className, list, qa, controlPosition, } = props;
-    const qaAttributes = (0, blocks_1.getQaAttrubutes)(qa, ['links', 'link', 'buttons', 'button', 'list']);
+    const qaAttributes = getQaAttrubutes(qa, ['links', 'link', 'buttons', 'button', 'list']);
     const titleProps = !title || typeof title === 'string'
         ? { text: title, textSize: getTextSize(size) }
         : title;
     const hasTitle = Boolean(title);
-    const defaultTitleId = (0, uikit_1.useUniqId)();
+    const defaultTitleId = useUniqId();
     const titleId = titleIdFromProps || defaultTitleId;
-    return ((0, jsx_runtime_1.jsxs)(grid_1.Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && ((0, jsx_runtime_1.jsx)(components_1.Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && ((0, jsx_runtime_1.jsx)("div", { className: b('text', { ['without-title']: !hasTitle }), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }) })), (list === null || list === void 0 ? void 0 : list.length) ? ((0, jsx_runtime_1.jsx)("div", { className: b('list'), children: (0, jsx_runtime_1.jsx)(components_1.ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && ((0, jsx_runtime_1.jsx)("div", { className: b('notice'), children: (0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: additionalInfo, modifiers: {
+    return (_jsxs(Col, { className: b({ size, centered, theme, 'control-position': controlPosition }, className), reset: true, sizes: colSizes, qa: qaAttributes.container, children: [title && (_jsx(Title, { className: b('title'), title: titleProps, colSizes: { all: 12 }, id: titleId })), text && (_jsx("div", { className: b('text', { ['without-title']: !hasTitle }), children: _jsx(YFMWrapper, { content: text, modifiers: { constructor: true, [`constructor-size-${size}`]: true }, id: textId }) })), (list === null || list === void 0 ? void 0 : list.length) ? (_jsx("div", { className: b('list'), children: _jsx(ContentList, { list: list, size: size, qa: qaAttributes.list, theme: theme }) })) : null, additionalInfo && (_jsx("div", { className: b('notice'), children: _jsx(YFMWrapper, { content: additionalInfo, modifiers: {
                         constructor: true,
                         'constructor-notice': true,
                         [`constructor-size-${size}`]: true,
-                    } }) })), links && ((0, jsx_runtime_1.jsx)(components_1.Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })), buttons && ((0, jsx_runtime_1.jsx)(components_1.Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))] }));
+                    } }) })), links && (_jsx(Links, { className: b('links', { size }), size: size, links: links, titleId: titleId, qa: qaAttributes.links, linkQa: qaAttributes.link })), buttons && (_jsx(Buttons, { className: b('buttons', { size }), size: size, buttons: buttons, titleId: titleId, qa: qaAttributes.buttons, buttonQa: qaAttributes.button }))] }));
 };
-exports.default = Content;
-//# sourceMappingURL=Content.js.map
+export default Content;

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

@@ -42,7 +42,7 @@ export declare const ContentItem: {
             }) | {
                 type: string;
                 additionalProperties: boolean;
-                required: import("../../index.js").Theme[];
+                required: import("../..").Theme[];
                 properties: {};
                 optionName: string;
             })[];

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

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentBlock = exports.ContentBase = exports.ContentItem = void 0;
-const schema_1 = require("../../components/Image/schema.js");
-const common_1 = require("../../schema/validators/common.js");
-const utils_1 = require("../../schema/validators/utils.js");
-exports.ContentItem = {
+import { ImageProps } from '../../components/Image/schema';
+import { ButtonBlock, LinkProps, TitleProps, containerSizesArray, contentSizes, contentThemes, sizeNumber, withTheme, } from '../../schema/validators/common';
+import { filteredArray } from '../../schema/validators/utils';
+export const ContentItem = {
     additionalProperties: false,
     required: ['icon'],
     properties: {
@@ -16,10 +13,10 @@ exports.ContentItem = {
             type: 'string',
             contentType: 'yfm',
         },
-        icon: (0, common_1.withTheme)(schema_1.ImageProps),
+        icon: withTheme(ImageProps),
     },
 };
-exports.ContentBase = {
+export const ContentBase = {
     title: {
         oneOf: [
             {
@@ -27,7 +24,7 @@ exports.ContentBase = {
                 contentType: 'text',
                 optionName: 'text',
             },
-            Object.assign(Object.assign({}, common_1.TitleProps), { optionName: 'options' }),
+            Object.assign(Object.assign({}, TitleProps), { optionName: 'options' }),
         ],
     },
     text: {
@@ -41,26 +38,25 @@ exports.ContentBase = {
     },
     size: {
         type: 'string',
-        enum: common_1.contentSizes,
+        enum: contentSizes,
     },
-    links: (0, utils_1.filteredArray)(common_1.LinkProps),
-    buttons: (0, utils_1.filteredArray)(common_1.ButtonBlock),
+    links: filteredArray(LinkProps),
+    buttons: filteredArray(ButtonBlock),
     theme: {
         type: 'string',
-        enum: common_1.contentThemes,
+        enum: contentThemes,
     },
-    list: (0, utils_1.filteredArray)(exports.ContentItem),
+    list: filteredArray(ContentItem),
     controlPosition: {
         type: 'string',
         enum: ['default', 'bottom'],
     },
 };
-exports.ContentBlock = {
+export const ContentBlock = {
     content: {
         additionalProperties: false,
-        properties: Object.assign(Object.assign({}, exports.ContentBase), { colSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), centered: {
+        properties: Object.assign(Object.assign({}, ContentBase), { colSizes: containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: sizeNumber })), {}), centered: {
                 type: 'boolean',
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,3 +1,3 @@
-import { DividerProps } from "../../models/index.js";
+import { DividerProps } from '../../models';
 declare const Divider: ({ size, border }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export default Divider;

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

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("../../utils/index.js");
-const b = (0, utils_1.block)('divider-block');
-const Divider = ({ size = 'm', border }) => (0, jsx_runtime_1.jsx)("div", { className: b({ size, border }) });
-exports.default = Divider;
-//# sourceMappingURL=Divider.js.map
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from '../../utils';
+const b = block('divider-block');
+const Divider = ({ size = 'm', border }) => _jsx("div", { className: b({ size, border }) });
+export default Divider;

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

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Divider = void 0;
-const common_1 = require("../../schema/validators/common.js");
-exports.Divider = {
+import { BaseProps, dividerEnum } from '../../schema/validators/common';
+export const Divider = {
     divider: {
         additionalProperties: false,
-        properties: Object.assign(Object.assign({}, common_1.BaseProps), { border: {
+        properties: Object.assign(Object.assign({}, BaseProps), { border: {
                 type: 'boolean',
-            }, size: common_1.dividerEnum }),
+            }, size: dividerEnum }),
     },
 };
-//# sourceMappingURL=schema.js.map

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { HubspotFormProps } from "../../models/index.js";
+import { HubspotFormProps } from '../../models';
 type HubspotFormContainerPropsKeys = 'className' | 'formId' | 'formInstanceId' | 'portalId' | 'region' | 'formClassName' | 'createDOMElement';
 type HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;
 declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const hooks_1 = require("../../hooks/index.js");
-const loadHubspotScript_1 = tslib_1.__importDefault(require("./loadHubspotScript.js"));
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useMount } from '../../hooks';
+import loadHubspotScript from './loadHubspotScript';
 const HubspotFormContainer = React.forwardRef((props, ref) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
     const containerRef = React.useRef(null);
@@ -34,10 +31,10 @@ const HubspotFormContainer = React.forwardRef((props, ref) => {
             }
         }
     };
-    (0, hooks_1.useMount)(() => {
+    useMount(() => {
         (async () => {
             if (!window.hbspt) {
-                await (0, loadHubspotScript_1.default)();
+                await loadHubspotScript();
             }
             createForm();
         })();
@@ -47,8 +44,7 @@ const HubspotFormContainer = React.forwardRef((props, ref) => {
             }
         };
     });
-    return (0, jsx_runtime_1.jsx)("div", { className: className, id: containerId, ref: containerRef });
+    return _jsx("div", { className: className, id: containerId, ref: containerRef });
 });
 HubspotFormContainer.displayName = 'HubspotFormContainer';
-exports.default = HubspotFormContainer;
-//# sourceMappingURL=HubspotFormContainer.js.map
+export default HubspotFormContainer;

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { HubspotFormProps } from "../../models/index.js";
+import { HubspotFormProps } from '../../models';
 declare const HubspotForm: React.ForwardRefExoticComponent<HubspotFormProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotForm;

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

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const theme_1 = require("../../context/theme/index.js");
-const hooks_1 = require("../../hooks/index.js");
-const models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer.js"));
-const b = (0, utils_1.block)('hubspot-form');
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { MobileContext } from '../../context/mobileContext';
+import { useTheme } from '../../context/theme';
+import { useAnalytics, useHandleHubspotEvents } from '../../hooks';
+import { DefaultEventNames } from '../../models';
+import { block } from '../../utils';
+import HubspotFormContainer from './HubspotFormContainer';
+const b = block('hubspot-form');
 const HubspotForm = React.forwardRef((props, ref) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
-    const themeValue = (0, theme_1.useTheme)();
-    const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.HubspotFormSubmit);
-    const isMobileValue = React.useContext(mobileContext_1.MobileContext);
+    const themeValue = useTheme();
+    const handleAnalytics = useAnalytics(DefaultEventNames.HubspotFormSubmit);
+    const isMobileValue = React.useContext(MobileContext);
     const theme = themeProp !== null && themeProp !== void 0 ? themeProp : themeValue;
     const mobile = isMobileProp !== null && isMobileProp !== void 0 ? isMobileProp : isMobileValue;
     const handlers = React.useMemo(() => ({
@@ -37,9 +34,8 @@ const HubspotForm = React.forwardRef((props, ref) => {
         onSubmit,
         onSubmitError,
     ]);
-    (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
-    return ((0, jsx_runtime_1.jsx)(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }, [formClassName, formId, formInstanceId, portalId, region].join()));
+    useHandleHubspotEvents(handlers, formId);
+    return (_jsx(HubspotFormContainer, { createDOMElement: createDOMElement, className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }, [formClassName, formId, formInstanceId, portalId, region].join()));
 });
 HubspotForm.displayName = 'HubspotForm';
-exports.default = HubspotForm;
-//# sourceMappingURL=index.js.map
+export default HubspotForm;

package/build/cjs/sub-blocks/HubspotForm/loadHubspotScript.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 let scriptPromise;
 const loadHubspotScript = async () => {
     if (scriptPromise) {
@@ -22,5 +20,4 @@ const loadHubspotScript = async () => {
         return scriptPromise;
     }
 };
-exports.default = loadHubspotScript;
-//# sourceMappingURL=loadHubspotScript.js.map
+export default loadHubspotScript;

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

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HubspotFormProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
-exports.HubspotFormProps = {
+import { BaseProps } from '../../schema/validators/common';
+export const HubspotFormProps = {
     type: 'object',
     required: ['portalId', 'formId'],
-    properties: Object.assign(Object.assign({}, common_1.BaseProps), { region: {
+    properties: Object.assign(Object.assign({}, BaseProps), { region: {
             type: 'string',
         }, portalId: {
             type: 'string',
@@ -15,4 +12,3 @@ exports.HubspotFormProps = {
             type: 'string',
         } }),
 };
-//# sourceMappingURL=schema.js.map