@gravity-ui/page-constructor 8.4.1 → 8.5.0-alpha.0

package/build/esm/gravity-blocks/extensions/NavigationExtension.js

@@ -0,0 +1,298 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { useContent } from "../hooks/index.js";
+import Layout from "../navigation/containers/Layout/Layout.js";
+export const NavigationExtensionContentWrapper = ({ children, renderMenu }) => {
+    const { content } = useContent();
+    const { navigation } = content;
+    return (_jsxs(Layout, { navigation: navigation, children: [renderMenu?.(), children] }));
+};
+export const navigationExtension = ({ wrapperProps = {}, globalDefaults = {}, }) => {
+    return {
+        name: 'Navigation Extension',
+        id: '@gravity-ui/page-constructor/navigation-extension',
+        settings: {
+            ContentWrapper: NavigationExtensionContentWrapper,
+            contentWrapperProps: wrapperProps,
+            globalInputs: [
+                {
+                    type: 'section',
+                    title: 'Navigation',
+                    opened: false,
+                    fields: [
+                        {
+                            type: 'text',
+                            text: 'Logo',
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Light theme desktop logo URL',
+                            name: 'navigation.logo.light.icon.default',
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Light theme mobile logo URL',
+                            name: 'navigation.logo.light.icon.mobile',
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Dark theme desktop logo URL',
+                            name: 'navigation.logo.dark.icon.default',
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Dark theme mobile logo URL',
+                            name: 'navigation.logo.dark.icon.mobile',
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Alt text',
+                            name: 'navigation.logo.alt',
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Logo URL',
+                            name: 'navigation.logo.url',
+                        },
+                        {
+                            type: 'text',
+                            text: 'Header',
+                        },
+                        {
+                            type: 'switch',
+                            title: 'Compact',
+                            name: 'navigation.header.compact',
+                        },
+                        {
+                            type: 'switch',
+                            title: 'Hide logo',
+                            name: 'navigation.header.hideLogo',
+                        },
+                        {
+                            type: 'switch',
+                            title: 'Dark theme',
+                            name: 'navigation.header.isDarkTheme',
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Icon size',
+                            name: 'navigation.header.iconSize',
+                        },
+                        {
+                            type: 'switch',
+                            title: 'With border',
+                            name: 'navigation.header.withBorder',
+                        },
+                        {
+                            type: 'switch',
+                            title: 'With border on scroll',
+                            name: 'navigation.header.withBorderOnScroll',
+                        },
+                        {
+                            type: 'section',
+                            title: 'Left menu item {{index}}',
+                            index: 'index',
+                            withAddButton: true,
+                            fields: [
+                                {
+                                    type: 'textInput',
+                                    title: 'Text',
+                                    name: 'navigation.header.leftItems[{{index}}].text',
+                                },
+                                {
+                                    type: 'textInput',
+                                    title: 'URL',
+                                    name: 'navigation.header.leftItems[{{index}}].url',
+                                },
+                                {
+                                    type: 'select',
+                                    title: 'Target',
+                                    name: 'navigation.header.leftItems[{{index}}].target',
+                                    options: [
+                                        { value: '_blank' },
+                                        { value: '_self' },
+                                        { value: '_parent' },
+                                        { value: '_top' },
+                                    ],
+                                    hasClear: true,
+                                },
+                                {
+                                    type: 'select',
+                                    title: 'Type',
+                                    name: 'navigation.header.leftItems[{{index}}].type',
+                                    options: [
+                                        { value: 'link', content: 'Link' },
+                                        { value: 'dropdown', content: 'Dropdown' },
+                                        { value: 'button', content: 'Button' },
+                                    ],
+                                },
+                            ],
+                        },
+                        {
+                            type: 'section',
+                            title: 'Right button {{index2}}',
+                            index: 'index2',
+                            withAddButton: true,
+                            fields: [
+                                {
+                                    type: 'textInput',
+                                    title: 'Text',
+                                    name: 'navigation.header.rightItems[{{index2}}].text',
+                                },
+                                {
+                                    type: 'textInput',
+                                    title: 'URL',
+                                    name: 'navigation.header.rightItems[{{index2}}].url',
+                                },
+                                {
+                                    type: 'select',
+                                    title: 'Theme',
+                                    name: 'navigation.header.rightItems[{{index2}}].theme',
+                                    options: [
+                                        { value: 'action', content: 'Action' },
+                                        { value: 'outlined', content: 'Outlined' },
+                                        { value: 'normal', content: 'Normal' },
+                                        { value: 'monochrome', content: 'Monochrome' },
+                                        {
+                                            value: 'outlined-contrast',
+                                            content: 'Outlined-contrast',
+                                        },
+                                        {
+                                            value: 'normal-contrast',
+                                            content: 'Normal-contrast',
+                                        },
+                                    ],
+                                },
+                                {
+                                    type: 'select',
+                                    title: 'Type',
+                                    name: 'navigation.header.rightItems[{{index2}}].type',
+                                    options: [
+                                        { value: 'link', content: 'Link' },
+                                        { value: 'button', content: 'Button' },
+                                    ],
+                                },
+                            ],
+                        },
+                        {
+                            type: 'text',
+                            text: 'Footer',
+                        },
+                        {
+                            type: 'section',
+                            title: 'Column {{index3}}',
+                            index: 'index3',
+                            withAddButton: true,
+                            fields: [
+                                {
+                                    type: 'textInput',
+                                    title: 'Title',
+                                    name: 'navigation.footer.columns[{{index3}}].title',
+                                },
+                                {
+                                    type: 'section',
+                                    title: 'Link {{index4}}',
+                                    index: 'index4',
+                                    withAddButton: true,
+                                    fields: [
+                                        {
+                                            type: 'textInput',
+                                            title: 'Text',
+                                            name: 'navigation.footer.columns[{{index3}}].links[{{index4}}].text',
+                                        },
+                                        {
+                                            type: 'textInput',
+                                            title: 'URL',
+                                            name: 'navigation.footer.columns[{{index3}}].links[{{index4}}].url',
+                                        },
+                                        {
+                                            type: 'select',
+                                            title: 'Target',
+                                            name: 'navigation.footer.columns[{{index3}}].links[{{index4}}].target',
+                                            options: [
+                                                { value: '_blank' },
+                                                { value: '_self' },
+                                                { value: '_parent' },
+                                                { value: '_top' },
+                                            ],
+                                            hasClear: true,
+                                        },
+                                        {
+                                            type: 'select',
+                                            title: 'Type',
+                                            name: 'navigation.footer.columns[{{index3}}].links[{{index4}}].type',
+                                            options: [
+                                                { value: 'link', content: 'Link' },
+                                                { value: 'button', content: 'Button' },
+                                            ],
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                        {
+                            type: 'section',
+                            title: 'Social link {{index5}}',
+                            index: 'index5',
+                            withAddButton: true,
+                            fields: [
+                                {
+                                    type: 'textInput',
+                                    title: 'Icon URL',
+                                    name: 'navigation.footer.social[{{index5}}].icon.src',
+                                },
+                                {
+                                    type: 'textInput',
+                                    title: 'URL',
+                                    name: 'navigation.footer.social[{{index5}}].url',
+                                },
+                                {
+                                    type: 'textInput',
+                                    title: 'Alt text',
+                                    name: 'navigation.footer.social[{{index5}}].urlTitle',
+                                },
+                            ],
+                        },
+                        {
+                            type: 'text',
+                            text: 'Underline',
+                        },
+                        {
+                            type: 'textInput',
+                            title: 'Copyright text',
+                            name: 'navigation.footer.underline.copyright',
+                        },
+                        {
+                            type: 'section',
+                            title: 'Link {{index6}}',
+                            index: 'index6',
+                            withAddButton: true,
+                            fields: [
+                                {
+                                    type: 'textInput',
+                                    title: 'Text',
+                                    name: 'navigation.footer.underline.links[{{index6}}].text',
+                                },
+                                {
+                                    type: 'textInput',
+                                    title: 'URL',
+                                    name: 'navigation.footer.underline.links[{{index6}}].url',
+                                },
+                                {
+                                    type: 'select',
+                                    title: 'Type',
+                                    name: 'navigation.footer.underline.links[{{index6}}].type',
+                                    options: [
+                                        { value: 'link', content: 'Link' },
+                                        { value: 'button', content: 'Button' },
+                                    ],
+                                },
+                            ],
+                        },
+                    ],
+                },
+            ],
+            globalDefaults,
+        },
+    };
+};
+//# sourceMappingURL=NavigationExtension.js.map

package/build/esm/gravity-blocks/extensions/NavigationExtension.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationExtension.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/NavigationExtension.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,UAAU,EAAC,0BAAiB;AACpC,OAAO,MAAM,kDAA+C;AAY5D,MAAM,CAAC,MAAM,iCAAiC,GAE1C,CAAC,EAAC,QAAQ,EAAE,UAAU,EAAC,EAAE,EAAE;IAC3B,MAAM,EAAC,OAAO,EAAC,GAAG,UAAU,EAAyB,CAAC;IACtD,MAAM,EAAC,UAAU,EAAC,GAAG,OAAO,CAAC;IAE7B,OAAO,CACH,MAAC,MAAM,IAAC,UAAU,EAAE,UAAU,aACzB,UAAU,EAAE,EAAE,EACd,QAAQ,IACJ,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAChC,YAAY,GAAG,EAAE,EACjB,cAAc,GAAG,EAAE,GAItB,EAA8F,EAAE;IAC7F,OAAO;QACH,IAAI,EAAE,sBAAsB;QAC5B,EAAE,EAAE,mDAAmD;QACvD,QAAQ,EAAE;YACN,cAAc,EAAE,iCAAiC;YACjD,mBAAmB,EAAE,YAAY;YACjC,YAAY,EAAE;gBACV;oBACI,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,YAAY;oBACnB,MAAM,EAAE,KAAK;oBACb,MAAM,EAAE;wBACJ;4BACI,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,MAAM;yBACf;wBACD;4BACI,IAAI,EAAE,WAAW;4BACjB,KAAK,EAAE,8BAA8B;4BACrC,IAAI,EAAE,oCAAoC;yBAC7C;wBACD;4BACI,IAAI,EAAE,WAAW;4BACjB,KAAK,EAAE,6BAA6B;4BACpC,IAAI,EAAE,mCAAmC;yBAC5C;wBACD;4BACI,IAAI,EAAE,WAAW;4BACjB,KAAK,EAAE,6BAA6B;4BACpC,IAAI,EAAE,mCAAmC;yBAC5C;wBACD;4BACI,IAAI,EAAE,WAAW;4BACjB,KAAK,EAAE,4BAA4B;4BACnC,IAAI,EAAE,kCAAkC;yBAC3C;wBACD;4BACI,IAAI,EAAE,WAAW;4BACjB,KAAK,EAAE,UAAU;4BACjB,IAAI,EAAE,qBAAqB;yBAC9B;wBACD;4BACI,IAAI,EAAE,WAAW;4BACjB,KAAK,EAAE,UAAU;4BACjB,IAAI,EAAE,qBAAqB;yBAC9B;wBACD;4BACI,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,QAAQ;yBACjB;wBACD;4BACI,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,SAAS;4BAChB,IAAI,EAAE,2BAA2B;yBACpC;wBACD;4BACI,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,WAAW;4BAClB,IAAI,EAAE,4BAA4B;yBACrC;wBACD;4BACI,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,YAAY;4BACnB,IAAI,EAAE,+BAA+B;yBACxC;wBACD;4BACI,IAAI,EAAE,WAAW;4BACjB,KAAK,EAAE,WAAW;4BAClB,IAAI,EAAE,4BAA4B;yBACrC;wBACD;4BACI,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,aAAa;4BACpB,IAAI,EAAE,8BAA8B;yBACvC;wBACD;4BACI,IAAI,EAAE,QAAQ;4BACd,KAAK,EAAE,uBAAuB;4BAC9B,IAAI,EAAE,sCAAsC;yBAC/C;wBACD;4BACI,IAAI,EAAE,SAAS;4BACf,KAAK,EAAE,0BAA0B;4BACjC,KAAK,EAAE,OAAO;4BACd,aAAa,EAAE,IAAI;4BACnB,MAAM,EAAE;gCACJ;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,MAAM;oCACb,IAAI,EAAE,6CAA6C;iCACtD;gCACD;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,KAAK;oCACZ,IAAI,EAAE,4CAA4C;iCACrD;gCACD;oCACI,IAAI,EAAE,QAAQ;oCACd,KAAK,EAAE,QAAQ;oCACf,IAAI,EAAE,+CAA+C;oCACrD,OAAO,EAAE;wCACL,EAAC,KAAK,EAAE,QAAQ,EAAC;wCACjB,EAAC,KAAK,EAAE,OAAO,EAAC;wCAChB,EAAC,KAAK,EAAE,SAAS,EAAC;wCAClB,EAAC,KAAK,EAAE,MAAM,EAAC;qCAClB;oCACD,QAAQ,EAAE,IAAI;iCACjB;gCACD;oCACI,IAAI,EAAE,QAAQ;oCACd,KAAK,EAAE,MAAM;oCACb,IAAI,EAAE,6CAA6C;oCACnD,OAAO,EAAE;wCACL,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAC;wCAChC,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAC;wCACxC,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAC;qCACvC;iCACJ;6BACJ;yBACJ;wBACD;4BACI,IAAI,EAAE,SAAS;4BACf,KAAK,EAAE,yBAAyB;4BAChC,KAAK,EAAE,QAAQ;4BACf,aAAa,EAAE,IAAI;4BACnB,MAAM,EAAE;gCACJ;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,MAAM;oCACb,IAAI,EAAE,+CAA+C;iCACxD;gCACD;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,KAAK;oCACZ,IAAI,EAAE,8CAA8C;iCACvD;gCACD;oCACI,IAAI,EAAE,QAAQ;oCACd,KAAK,EAAE,OAAO;oCACd,IAAI,EAAE,gDAAgD;oCACtD,OAAO,EAAE;wCACL,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAC;wCACpC,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAC;wCACxC,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAC;wCACpC,EAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAC;wCAC5C;4CACI,KAAK,EAAE,mBAAmB;4CAC1B,OAAO,EAAE,mBAAmB;yCAC/B;wCACD;4CACI,KAAK,EAAE,iBAAiB;4CACxB,OAAO,EAAE,iBAAiB;yCAC7B;qCACJ;iCACJ;gCACD;oCACI,IAAI,EAAE,QAAQ;oCACd,KAAK,EAAE,MAAM;oCACb,IAAI,EAAE,+CAA+C;oCACrD,OAAO,EAAE;wCACL,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAC;wCAChC,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAC;qCACvC;iCACJ;6BACJ;yBACJ;wBACD;4BACI,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,QAAQ;yBACjB;wBACD;4BACI,IAAI,EAAE,SAAS;4BACf,KAAK,EAAE,mBAAmB;4BAC1B,KAAK,EAAE,QAAQ;4BACf,aAAa,EAAE,IAAI;4BACnB,MAAM,EAAE;gCACJ;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,OAAO;oCACd,IAAI,EAAE,6CAA6C;iCACtD;gCACD;oCACI,IAAI,EAAE,SAAS;oCACf,KAAK,EAAE,iBAAiB;oCACxB,KAAK,EAAE,QAAQ;oCACf,aAAa,EAAE,IAAI;oCACnB,MAAM,EAAE;wCACJ;4CACI,IAAI,EAAE,WAAW;4CACjB,KAAK,EAAE,MAAM;4CACb,IAAI,EAAE,8DAA8D;yCACvE;wCACD;4CACI,IAAI,EAAE,WAAW;4CACjB,KAAK,EAAE,KAAK;4CACZ,IAAI,EAAE,6DAA6D;yCACtE;wCACD;4CACI,IAAI,EAAE,QAAQ;4CACd,KAAK,EAAE,QAAQ;4CACf,IAAI,EAAE,gEAAgE;4CACtE,OAAO,EAAE;gDACL,EAAC,KAAK,EAAE,QAAQ,EAAC;gDACjB,EAAC,KAAK,EAAE,OAAO,EAAC;gDAChB,EAAC,KAAK,EAAE,SAAS,EAAC;gDAClB,EAAC,KAAK,EAAE,MAAM,EAAC;6CAClB;4CACD,QAAQ,EAAE,IAAI;yCACjB;wCACD;4CACI,IAAI,EAAE,QAAQ;4CACd,KAAK,EAAE,MAAM;4CACb,IAAI,EAAE,8DAA8D;4CACpE,OAAO,EAAE;gDACL,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAC;gDAChC,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAC;6CACvC;yCACJ;qCACJ;iCACJ;6BACJ;yBACJ;wBACD;4BACI,IAAI,EAAE,SAAS;4BACf,KAAK,EAAE,wBAAwB;4BAC/B,KAAK,EAAE,QAAQ;4BACf,aAAa,EAAE,IAAI;4BACnB,MAAM,EAAE;gCACJ;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,UAAU;oCACjB,IAAI,EAAE,+CAA+C;iCACxD;gCACD;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,KAAK;oCACZ,IAAI,EAAE,0CAA0C;iCACnD;gCACD;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,UAAU;oCACjB,IAAI,EAAE,+CAA+C;iCACxD;6BACJ;yBACJ;wBACD;4BACI,IAAI,EAAE,MAAM;4BACZ,IAAI,EAAE,WAAW;yBACpB;wBACD;4BACI,IAAI,EAAE,WAAW;4BACjB,KAAK,EAAE,gBAAgB;4BACvB,IAAI,EAAE,uCAAuC;yBAChD;wBACD;4BACI,IAAI,EAAE,SAAS;4BACf,KAAK,EAAE,iBAAiB;4BACxB,KAAK,EAAE,QAAQ;4BACf,aAAa,EAAE,IAAI;4BACnB,MAAM,EAAE;gCACJ;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,MAAM;oCACb,IAAI,EAAE,oDAAoD;iCAC7D;gCACD;oCACI,IAAI,EAAE,WAAW;oCACjB,KAAK,EAAE,KAAK;oCACZ,IAAI,EAAE,mDAAmD;iCAC5D;gCACD;oCACI,IAAI,EAAE,QAAQ;oCACd,KAAK,EAAE,MAAM;oCACb,IAAI,EAAE,oDAAoD;oCAC1D,OAAO,EAAE;wCACL,EAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAC;wCAChC,EAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAC;qCACvC;iCACJ;6BACJ;yBACJ;qBACJ;iBACJ;aACJ;YACD,cAAc;SACjB;KACJ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport type {PageConstructorWrapperProps} from '../../common/types';\nimport type {PageConstructorExtension} from '../../containers/PageConstructor/PageConstructor';\nimport {NavigationData} from '../../models';\nimport {useContent} from '../hooks';\nimport Layout from '../navigation/containers/Layout/Layout';\n\nexport interface NavigationExtensionWrapperProps {\n    renderMenu?: () => React.ReactNode;\n}\n\nexport interface NavigationExtensionGlobalConfig {\n    navigation?: NavigationData;\n}\n\nexport interface NavigationPageContent extends NavigationExtensionGlobalConfig {}\n\nexport const NavigationExtensionContentWrapper: React.FC<\n    NavigationExtensionWrapperProps & PageConstructorWrapperProps\n> = ({children, renderMenu}) => {\n    const {content} = useContent<NavigationPageContent>();\n    const {navigation} = content;\n\n    return (\n        <Layout navigation={navigation}>\n            {renderMenu?.()}\n            {children}\n        </Layout>\n    );\n};\n\nexport const navigationExtension = ({\n    wrapperProps = {},\n    globalDefaults = {},\n}: {\n    wrapperProps?: NavigationExtensionWrapperProps;\n    globalDefaults?: NavigationExtensionGlobalConfig;\n}): PageConstructorExtension<NavigationExtensionGlobalConfig, NavigationExtensionWrapperProps> => {\n    return {\n        name: 'Navigation Extension',\n        id: '@gravity-ui/page-constructor/navigation-extension',\n        settings: {\n            ContentWrapper: NavigationExtensionContentWrapper,\n            contentWrapperProps: wrapperProps,\n            globalInputs: [\n                {\n                    type: 'section',\n                    title: 'Navigation',\n                    opened: false,\n                    fields: [\n                        {\n                            type: 'text',\n                            text: 'Logo',\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Light theme desktop logo URL',\n                            name: 'navigation.logo.light.icon.default',\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Light theme mobile logo URL',\n                            name: 'navigation.logo.light.icon.mobile',\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Dark theme desktop logo URL',\n                            name: 'navigation.logo.dark.icon.default',\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Dark theme mobile logo URL',\n                            name: 'navigation.logo.dark.icon.mobile',\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Alt text',\n                            name: 'navigation.logo.alt',\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Logo URL',\n                            name: 'navigation.logo.url',\n                        },\n                        {\n                            type: 'text',\n                            text: 'Header',\n                        },\n                        {\n                            type: 'switch',\n                            title: 'Compact',\n                            name: 'navigation.header.compact',\n                        },\n                        {\n                            type: 'switch',\n                            title: 'Hide logo',\n                            name: 'navigation.header.hideLogo',\n                        },\n                        {\n                            type: 'switch',\n                            title: 'Dark theme',\n                            name: 'navigation.header.isDarkTheme',\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Icon size',\n                            name: 'navigation.header.iconSize',\n                        },\n                        {\n                            type: 'switch',\n                            title: 'With border',\n                            name: 'navigation.header.withBorder',\n                        },\n                        {\n                            type: 'switch',\n                            title: 'With border on scroll',\n                            name: 'navigation.header.withBorderOnScroll',\n                        },\n                        {\n                            type: 'section',\n                            title: 'Left menu item {{index}}',\n                            index: 'index',\n                            withAddButton: true,\n                            fields: [\n                                {\n                                    type: 'textInput',\n                                    title: 'Text',\n                                    name: 'navigation.header.leftItems[{{index}}].text',\n                                },\n                                {\n                                    type: 'textInput',\n                                    title: 'URL',\n                                    name: 'navigation.header.leftItems[{{index}}].url',\n                                },\n                                {\n                                    type: 'select',\n                                    title: 'Target',\n                                    name: 'navigation.header.leftItems[{{index}}].target',\n                                    options: [\n                                        {value: '_blank'},\n                                        {value: '_self'},\n                                        {value: '_parent'},\n                                        {value: '_top'},\n                                    ],\n                                    hasClear: true,\n                                },\n                                {\n                                    type: 'select',\n                                    title: 'Type',\n                                    name: 'navigation.header.leftItems[{{index}}].type',\n                                    options: [\n                                        {value: 'link', content: 'Link'},\n                                        {value: 'dropdown', content: 'Dropdown'},\n                                        {value: 'button', content: 'Button'},\n                                    ],\n                                },\n                            ],\n                        },\n                        {\n                            type: 'section',\n                            title: 'Right button {{index2}}',\n                            index: 'index2',\n                            withAddButton: true,\n                            fields: [\n                                {\n                                    type: 'textInput',\n                                    title: 'Text',\n                                    name: 'navigation.header.rightItems[{{index2}}].text',\n                                },\n                                {\n                                    type: 'textInput',\n                                    title: 'URL',\n                                    name: 'navigation.header.rightItems[{{index2}}].url',\n                                },\n                                {\n                                    type: 'select',\n                                    title: 'Theme',\n                                    name: 'navigation.header.rightItems[{{index2}}].theme',\n                                    options: [\n                                        {value: 'action', content: 'Action'},\n                                        {value: 'outlined', content: 'Outlined'},\n                                        {value: 'normal', content: 'Normal'},\n                                        {value: 'monochrome', content: 'Monochrome'},\n                                        {\n                                            value: 'outlined-contrast',\n                                            content: 'Outlined-contrast',\n                                        },\n                                        {\n                                            value: 'normal-contrast',\n                                            content: 'Normal-contrast',\n                                        },\n                                    ],\n                                },\n                                {\n                                    type: 'select',\n                                    title: 'Type',\n                                    name: 'navigation.header.rightItems[{{index2}}].type',\n                                    options: [\n                                        {value: 'link', content: 'Link'},\n                                        {value: 'button', content: 'Button'},\n                                    ],\n                                },\n                            ],\n                        },\n                        {\n                            type: 'text',\n                            text: 'Footer',\n                        },\n                        {\n                            type: 'section',\n                            title: 'Column {{index3}}',\n                            index: 'index3',\n                            withAddButton: true,\n                            fields: [\n                                {\n                                    type: 'textInput',\n                                    title: 'Title',\n                                    name: 'navigation.footer.columns[{{index3}}].title',\n                                },\n                                {\n                                    type: 'section',\n                                    title: 'Link {{index4}}',\n                                    index: 'index4',\n                                    withAddButton: true,\n                                    fields: [\n                                        {\n                                            type: 'textInput',\n                                            title: 'Text',\n                                            name: 'navigation.footer.columns[{{index3}}].links[{{index4}}].text',\n                                        },\n                                        {\n                                            type: 'textInput',\n                                            title: 'URL',\n                                            name: 'navigation.footer.columns[{{index3}}].links[{{index4}}].url',\n                                        },\n                                        {\n                                            type: 'select',\n                                            title: 'Target',\n                                            name: 'navigation.footer.columns[{{index3}}].links[{{index4}}].target',\n                                            options: [\n                                                {value: '_blank'},\n                                                {value: '_self'},\n                                                {value: '_parent'},\n                                                {value: '_top'},\n                                            ],\n                                            hasClear: true,\n                                        },\n                                        {\n                                            type: 'select',\n                                            title: 'Type',\n                                            name: 'navigation.footer.columns[{{index3}}].links[{{index4}}].type',\n                                            options: [\n                                                {value: 'link', content: 'Link'},\n                                                {value: 'button', content: 'Button'},\n                                            ],\n                                        },\n                                    ],\n                                },\n                            ],\n                        },\n                        {\n                            type: 'section',\n                            title: 'Social link {{index5}}',\n                            index: 'index5',\n                            withAddButton: true,\n                            fields: [\n                                {\n                                    type: 'textInput',\n                                    title: 'Icon URL',\n                                    name: 'navigation.footer.social[{{index5}}].icon.src',\n                                },\n                                {\n                                    type: 'textInput',\n                                    title: 'URL',\n                                    name: 'navigation.footer.social[{{index5}}].url',\n                                },\n                                {\n                                    type: 'textInput',\n                                    title: 'Alt text',\n                                    name: 'navigation.footer.social[{{index5}}].urlTitle',\n                                },\n                            ],\n                        },\n                        {\n                            type: 'text',\n                            text: 'Underline',\n                        },\n                        {\n                            type: 'textInput',\n                            title: 'Copyright text',\n                            name: 'navigation.footer.underline.copyright',\n                        },\n                        {\n                            type: 'section',\n                            title: 'Link {{index6}}',\n                            index: 'index6',\n                            withAddButton: true,\n                            fields: [\n                                {\n                                    type: 'textInput',\n                                    title: 'Text',\n                                    name: 'navigation.footer.underline.links[{{index6}}].text',\n                                },\n                                {\n                                    type: 'textInput',\n                                    title: 'URL',\n                                    name: 'navigation.footer.underline.links[{{index6}}].url',\n                                },\n                                {\n                                    type: 'select',\n                                    title: 'Type',\n                                    name: 'navigation.footer.underline.links[{{index6}}].type',\n                                    options: [\n                                        {value: 'link', content: 'Link'},\n                                        {value: 'button', content: 'Button'},\n                                    ],\n                                },\n                            ],\n                        },\n                    ],\n                },\n            ],\n            globalDefaults,\n        },\n    };\n};\n"]}

package/build/esm/gravity-blocks/extensions/index.d.ts

@@ -0,0 +1,5 @@
+export { blockBaseExtension, BlockBaseExtensionBlockWrapper } from "./BlockBaseExtension.js";
+export { generalExtension, GeneralExtensionContentWrapper, type GeneralExtensionGlobalConfig, type GeneralExtensionWrapperProps, type GeneralPageContent, } from "./GeneralExtension.js";
+export { backgroundExtension, BackgroundExtensionContentWrapper, type BackgroundExtensionGlobalConfig, type BackgroundExtensionWrapperProps, type BackgroundPageContent, } from "./BackgroundExtension.js";
+export { navigationExtension, NavigationExtensionContentWrapper, type NavigationExtensionGlobalConfig, type NavigationExtensionWrapperProps, type NavigationPageContent, } from "./NavigationExtension.js";
+export { gravityBlocksExtension, type GravityBlocksGlobalConfig, type GravityBlocksWrapperProps, type GravityPageContent, } from "./GravityBlocksExtension.js";

package/build/esm/gravity-blocks/extensions/index.js

@@ -0,0 +1,6 @@
+export { blockBaseExtension, BlockBaseExtensionBlockWrapper } from "./BlockBaseExtension.js";
+export { generalExtension, GeneralExtensionContentWrapper, } from "./GeneralExtension.js";
+export { backgroundExtension, BackgroundExtensionContentWrapper, } from "./BackgroundExtension.js";
+export { navigationExtension, NavigationExtensionContentWrapper, } from "./NavigationExtension.js";
+export { gravityBlocksExtension, } from "./GravityBlocksExtension.js";
+//# sourceMappingURL=index.js.map

package/build/esm/gravity-blocks/extensions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["gravity-blocks/extensions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,8BAA8B,EAAC,gCAA6B;AAExF,OAAO,EACH,gBAAgB,EAChB,8BAA8B,GAIjC,8BAA2B;AAE5B,OAAO,EACH,mBAAmB,EACnB,iCAAiC,GAIpC,iCAA8B;AAE/B,OAAO,EACH,mBAAmB,EACnB,iCAAiC,GAIpC,iCAA8B;AAE/B,OAAO,EACH,sBAAsB,GAIzB,oCAAiC","sourcesContent":["export {blockBaseExtension, BlockBaseExtensionBlockWrapper} from './BlockBaseExtension';\n\nexport {\n    generalExtension,\n    GeneralExtensionContentWrapper,\n    type GeneralExtensionGlobalConfig,\n    type GeneralExtensionWrapperProps,\n    type GeneralPageContent,\n} from './GeneralExtension';\n\nexport {\n    backgroundExtension,\n    BackgroundExtensionContentWrapper,\n    type BackgroundExtensionGlobalConfig,\n    type BackgroundExtensionWrapperProps,\n    type BackgroundPageContent,\n} from './BackgroundExtension';\n\nexport {\n    navigationExtension,\n    NavigationExtensionContentWrapper,\n    type NavigationExtensionGlobalConfig,\n    type NavigationExtensionWrapperProps,\n    type NavigationPageContent,\n} from './NavigationExtension';\n\nexport {\n    gravityBlocksExtension,\n    type GravityBlocksGlobalConfig,\n    type GravityBlocksWrapperProps,\n    type GravityPageContent,\n} from './GravityBlocksExtension';\n"]}

package/build/esm/gravity-blocks/grid/Break/Break.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Break.js","sourceRoot":"../../../../../src","sources":["gravity-blocks/grid/Break/Break.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,MAAM,KAAK,GAA4B,GAAG,EAAE,CAAC,cAAK,SAAS,EAAC,OAAO,GAAO,CAAC","sourcesContent":["import * as React from 'react';\n\nexport const Break: React.FunctionComponent = () => <div className=\"w-100\"></div>;\n"]}

package/build/esm/gravity-blocks/grid/Col/Col.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AriaProps, QAProps, Refable, Roleable } from "../../../models/index.js";
+import { GridColumnClassParams } from "../types.js";
+export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement>, QAProps, Roleable, AriaProps {
+    id?: string;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const Col: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<GridColumnProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/gravity-blocks/grid/Col/Col.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Col.js","sourceRoot":"../../../../../src","sources":["gravity-blocks/grid/Col/Col.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAC,WAAW,EAAC,oBAAiB;AAarC,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAC/B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACX,MAAM,EAAC,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,EAAC,GAAG,KAAK,CAAC;IAElE,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,EAC5B,KAAK,EAAE,KAAK,aACH,EAAE,EACX,IAAI,EAAE,IAAI,KACN,SAAS,YAEZ,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AriaProps, QAProps, Refable, Roleable} from '../../../models';\nimport {GridColumnClassParams} from '../types';\nimport {getColClass} from '../utils';\n\nexport interface GridColumnProps\n    extends GridColumnClassParams,\n        Refable<HTMLDivElement>,\n        QAProps,\n        Roleable,\n        AriaProps {\n    id?: string;\n    style?: React.CSSProperties;\n    children?: React.ReactNode;\n}\n\nexport const Col = React.forwardRef<HTMLDivElement, React.PropsWithChildren<GridColumnProps>>(\n    (props, ref) => {\n        const {id, children, style, qa, role, ariaProps, ...rest} = props;\n\n        return (\n            <div\n                ref={ref}\n                id={id}\n                className={getColClass(rest)}\n                style={style}\n                data-qa={qa}\n                role={role}\n                {...ariaProps}\n            >\n                {children}\n            </div>\n        );\n    },\n);\n\nCol.displayName = 'Col';\n"]}

package/build/esm/gravity-blocks/grid/Grid/Grid.css

@@ -0,0 +1,83 @@
+.pc-Grid .container-fluid,
+.pc-Grid .container {
+  max-width: calc(1232px + 8px * 2 + 40px * 2);
+}
+.pc-Grid .pc-Grid .container-fluid,
+.pc-Grid .pc-Grid .container {
+  padding: 0;
+}
+.pc-Grid .row {
+  margin: 0 -8px;
+}
+.pc-Grid_debug .container,
+.pc-Grid_debug .container-fluid,
+.pc-Grid_debug [class*=col-] {
+  box-sizing: border-box;
+  border: 1px solid var(--g-color-line-generic);
+}
+@media only screen and (max-width: 577px) {
+  .pc-Grid .container,
+  .pc-Grid .container-fluid {
+    padding: 0 16px;
+  }
+  .pc-Grid .col,
+  .pc-Grid .col-sm-auto,
+  .pc-Grid .col-auto {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-0,
+  .pc-Grid .col-0 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-1,
+  .pc-Grid .col-1 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-2,
+  .pc-Grid .col-2 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-3,
+  .pc-Grid .col-3 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-4,
+  .pc-Grid .col-4 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-5,
+  .pc-Grid .col-5 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-6,
+  .pc-Grid .col-6 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-7,
+  .pc-Grid .col-7 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-8,
+  .pc-Grid .col-8 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-9,
+  .pc-Grid .col-9 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-10,
+  .pc-Grid .col-10 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-11,
+  .pc-Grid .col-11 {
+    padding: 0 8px;
+  }
+  .pc-Grid .col-sm-12,
+  .pc-Grid .col-12 {
+    padding: 0 8px;
+  }
+  .pc-Grid .row {
+    margin: 0 -8px;
+  }
+}

package/build/esm/gravity-blocks/grid/Grid/Grid.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { block } from "../../../utils/index.js";
+import './Grid.css';
+import '../styles/bootstrap.css';
+const b = block('Grid');
+export const Grid = ({ debug, children, className, style, containerClass = '', }) => (_jsx("div", { style: style, className: b({ debug }, className), children: _jsx("div", { className: `container-fluid ${containerClass}`, children: children }) }));
+//# sourceMappingURL=Grid.js.map

package/build/esm/gravity-blocks/grid/Grid/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"../../../../../src","sources":["gravity-blocks/grid/Grid/Grid.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,gCAAuB;AAErC,OAAO,YAAY,CAAC;AACpB,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;AASxB,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,GAAG,EAAE,GACc,EAAE,EAAE,CAAC,CACtC,cAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,EAAC,KAAK,EAAC,EAAE,SAAS,CAAC,YAC/C,cAAK,SAAS,EAAE,mBAAmB,cAAc,EAAE,YAAG,QAAQ,GAAO,GACnE,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../utils';\n\nimport './Grid.scss';\nimport '../styles/bootstrap.scss';\n\nconst b = block('Grid');\n\nexport interface GridProps {\n    debug?: boolean;\n    className?: string;\n    containerClass?: string;\n    style?: React.CSSProperties;\n}\n\nexport const Grid = ({\n    debug,\n    children,\n    className,\n    style,\n    containerClass = '',\n}: React.PropsWithChildren<GridProps>) => (\n    <div style={style} className={b({debug}, className)}>\n        <div className={`container-fluid ${containerClass}`}>{children}</div>\n    </div>\n);\n"]}

package/build/esm/gravity-blocks/grid/Row/Row.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { AriaProps, Roleable } from "../../../models/index.js";
+import { ClassNameProps, Refable } from "../../../models/common.js";
+import { GridAlignItems, GridJustifyContent } from "../types.js";
+export interface RowProps extends ClassNameProps, Refable<HTMLDivElement>, Roleable, AriaProps {
+    id?: string;
+    justifyContent?: GridJustifyContent;
+    alignItems?: GridAlignItems;
+    noGutter?: boolean;
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+export declare const Row: React.ForwardRefExoticComponent<Omit<RowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/gravity-blocks/grid/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sourceRoot":"../../../../../src","sources":["gravity-blocks/grid/Row/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAe/B,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAA2B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAC,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAC,GACzF,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,OAAO,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,IAAI,WAAW,CAAC;aACzE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtD,OAAO,CACH,cAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,KAAM,SAAS,YACpF,QAAQ,GACP,CACT,CAAC;AACN,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AriaProps, Roleable} from '../../../models';\nimport {ClassNameProps, Refable} from '../../../models/common';\nimport {GridAlignItems, GridJustifyContent} from '../types';\n\nexport interface RowProps extends ClassNameProps, Refable<HTMLDivElement>, Roleable, AriaProps {\n    id?: string;\n    justifyContent?: GridJustifyContent;\n    alignItems?: GridAlignItems;\n    noGutter?: boolean;\n    style?: React.CSSProperties;\n    children?: React.ReactNode;\n}\n\nexport const Row = React.forwardRef<HTMLDivElement, RowProps>((props, ref) => {\n    const {id, className, justifyContent, alignItems, noGutter, style, role, ariaProps, children} =\n        props;\n\n    const getClassName = React.useCallback(() => {\n        return ['row', className, justifyContent, alignItems, noGutter && 'no-gutter']\n            .filter(Boolean)\n            .join(' ');\n    }, [className, justifyContent, alignItems, noGutter]);\n\n    return (\n        <div ref={ref} id={id} className={getClassName()} style={style} role={role} {...ariaProps}>\n            {children}\n        </div>\n    );\n});\n\nRow.displayName = 'Row';\n"]}

package/build/esm/gravity-blocks/grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["gravity-blocks/grid/index.ts"],"names":[],"mappings":"AAAA,6BAA0B;AAC1B,6BAA0B;AAC1B,iCAA8B;AAC9B,+BAA4B;AAC5B,2BAAwB;AACxB,2BAAwB","sourcesContent":["export * from './Col/Col';\nexport * from './Row/Row';\nexport * from './Break/Break';\nexport * from './Grid/Grid';\nexport * from './types';\nexport * from './utils';\n"]}

package/build/esm/gravity-blocks/grid/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["gravity-blocks/grid/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,qDAA+B,CAAA;IAC/B,uDAAiC,CAAA;IACjC,iDAA2B,CAAA;IAC3B,uDAAiC,CAAA;IACjC,yDAAmC,CAAA;AACvC,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACtB,6CAA2B,CAAA;IAC3B,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;AAC3B,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAED,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACtB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACf,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB;AAED,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,iDAA0B,CAAA;IAC1B,mDAA4B,CAAA;IAC5B,6CAAsB,CAAA;AAC1B,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAED,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,oCAAW,CAAA;IACX,0CAAiB,CAAA;IACjB,wCAAe,CAAA;AACnB,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAED,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,0CAAa,CAAA;IACb,4CAAe,CAAA;AACnB,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC;AAED,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,yCAAe,CAAA;IACf,uCAAa,CAAA;AACjB,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC","sourcesContent":["export enum GridJustifyContent {\n    Start = 'justify-content-start',\n    Center = 'justify-content-center',\n    End = 'justify-content-end',\n    Around = 'justify-content-around',\n    Between = 'justify-content-between',\n}\n\nexport enum GridAlignItems {\n    Start = 'align-items-start',\n    Center = 'align-items-center',\n    End = 'align-items-end',\n}\n\nexport enum GridColumnSize {\n    Sm = 'sm',\n    Md = 'md',\n    Lg = 'lg',\n    Xl = 'xl',\n    All = 'all',\n}\n\nexport enum GridColumnAlignSelf {\n    Start = 'align-self-start',\n    Center = 'align-self-center',\n    End = 'align-self-end',\n}\n\nexport enum GridColumnClassPrefix {\n    Col = 'col',\n    Offset = 'offset',\n    Order = 'order',\n}\n\nexport enum GridColumnVisibilityClass {\n    None = 'none',\n    Block = 'block',\n}\n\nexport enum GridColumnOrderClasses {\n    First = 'first',\n    Last = 'last',\n}\n\nexport type GridColumnSizesType = Partial<Record<GridColumnSize, number>>;\nexport type GridColumnOrderSizesType = Partial<\n    Record<GridColumnSize, number | GridColumnOrderClasses>\n>;\n\nexport interface GridColumnClassParams {\n    className?: string;\n    sizes?: GridColumnSizesType | number;\n    offsets?: GridColumnSizesType;\n    orders?: GridColumnOrderSizesType;\n    hidden?: GridColumnSize;\n    visible?: GridColumnSize;\n    alignSelf?: GridColumnAlignSelf;\n    justifyContent?: GridJustifyContent;\n    reset?: boolean;\n}\n\nexport type IndentValue = '0' | 'xs' | 's' | 'm' | 'l' | 'xl';\n"]}

package/build/esm/gravity-blocks/grid/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["gravity-blocks/grid/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    GridColumnClassParams,\n    GridColumnClassPrefix,\n    GridColumnOrderSizesType,\n    GridColumnSize,\n    GridColumnSizesType,\n    GridColumnVisibilityClass,\n    GridJustifyContent,\n} from './types';\n\nfunction getVisibilityClass(visibility: GridColumnVisibilityClass, size?: GridColumnSize) {\n    return `d${size ? `-${size}` : ''}-${visibility}`;\n}\n\nexport function getClasses(\n    items: GridColumnSizesType | GridColumnOrderSizesType,\n    prefix: GridColumnClassPrefix,\n) {\n    return Object.keys(items).reduce((result, size) => {\n        const sizeName = size === GridColumnSize.All ? '' : `-${size}`;\n        const itemSize = items[size as keyof GridColumnSizesType];\n        const sizeValue = !itemSize && prefix === GridColumnClassPrefix.Col ? '' : `-${itemSize}`;\n\n        return result + ` ${prefix}${sizeName}${sizeValue}`;\n    }, '');\n}\n\nexport function getOffsetClass(offsets: GridColumnSizesType) {\n    return getClasses(offsets, GridColumnClassPrefix.Offset);\n}\n\nexport function getOrderClass(orders: GridColumnOrderSizesType) {\n    return getClasses(orders, GridColumnClassPrefix.Order);\n}\n\nexport function getVisibilityClasses(size: GridColumnSize, type: GridColumnVisibilityClass) {\n    const [oppositeClass, mainClass] =\n        type === GridColumnVisibilityClass.None\n            ? [GridColumnVisibilityClass.None, GridColumnVisibilityClass.Block]\n            : [GridColumnVisibilityClass.Block, GridColumnVisibilityClass.None];\n\n    return `${getVisibilityClass(mainClass)} ${getVisibilityClass(oppositeClass, size)}`;\n}\n\nexport function getSizeClass(sizes: GridColumnSizesType | number): string {\n    if (typeof sizes === 'number') {\n        return `${GridColumnClassPrefix.Col}-${sizes.toString()}`;\n    }\n\n    return getClasses(sizes, GridColumnClassPrefix.Col);\n}\n\nexport function getJustifyClass(justifyContent: GridJustifyContent): string {\n    return `d-flex ${justifyContent}`;\n}\n\nexport function getResetClass() {\n    return 'col-reset';\n}\n\nexport function getColClass(params: GridColumnClassParams) {\n    const {\n        className = '',\n        sizes,\n        offsets,\n        orders,\n        hidden,\n        visible,\n        alignSelf,\n        justifyContent,\n        reset,\n    } = params;\n    return [\n        GridColumnClassPrefix.Col,\n        alignSelf,\n        justifyContent && getJustifyClass(justifyContent),\n        sizes && getSizeClass(sizes),\n        offsets && getOffsetClass(offsets),\n        orders && getOrderClass(orders),\n        hidden && getVisibilityClasses(hidden, GridColumnVisibilityClass.None),\n        visible && getVisibilityClasses(visible, GridColumnVisibilityClass.Block),\n        reset && getResetClass(),\n        className,\n    ]\n        .filter(Boolean)\n        .join(' ');\n}\n"]}

package/build/esm/gravity-blocks/hooks/hubspot.d.ts

@@ -0,0 +1,16 @@
+import { HubspotEventHandlers } from "../../utils/hubspot.js";
+/**
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame
+ */
+export declare function useLoopBackHubspotEvents(formId: string): void;
+/**
+ * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook in any frame to handle hubspot forms events
+ */
+export declare function useHandleHubspotEvents(handlers: HubspotEventHandlers, formId: string): void;

package/build/esm/gravity-blocks/hooks/hubspot.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { handleHubspotEvents, loopBackHabspotEvents, } from "../../utils/hubspot.js";
+/**
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame
+ */
+export function useLoopBackHubspotEvents(formId) {
+    React.useEffect(() => {
+        const topHandler = loopBackHabspotEvents(formId);
+        window.addEventListener('message', topHandler, { passive: true });
+        return () => {
+            window.removeEventListener('message', topHandler);
+        };
+    }, [formId]);
+}
+/**
+ * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders
+ * @param {string} formId
+ * @returns {void}
+ *
+ * @description Use this hook in any frame to handle hubspot forms events
+ */
+export function useHandleHubspotEvents(handlers, formId) {
+    React.useEffect(() => {
+        const topHandler = handleHubspotEvents(handlers, formId);
+        window.addEventListener('message', topHandler, { passive: true });
+        return () => {
+            window.removeEventListener('message', topHandler);
+        };
+    }, [handlers, formId]);
+}
+//# sourceMappingURL=hubspot.js.map

package/build/esm/gravity-blocks/hooks/hubspot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hubspot.js","sourceRoot":"../../../../src","sources":["gravity-blocks/hooks/hubspot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEH,mBAAmB,EACnB,qBAAqB,GACxB,+BAA4B;AAE7B;;;;;GAKG;AACH,MAAM,UAAU,wBAAwB,CAAC,MAAc;IACnD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;QAEjD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACjB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,sBAAsB,CAAC,QAA8B,EAAE,MAAc;IACjF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,UAAU,GAAG,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAEzD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACR,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACtD,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;AAC3B,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {\n    HubspotEventHandlers,\n    handleHubspotEvents,\n    loopBackHabspotEvents,\n} from '../../utils/hubspot';\n\n/**\n * @param {string} formId\n * @returns {void}\n *\n * @description Use this hook on top level frame to loopback hubspot forms events back to origin frame\n */\nexport function useLoopBackHubspotEvents(formId: string): void {\n    React.useEffect(() => {\n        const topHandler = loopBackHabspotEvents(formId);\n\n        window.addEventListener('message', topHandler, {passive: true});\n\n        return () => {\n            window.removeEventListener('message', topHandler);\n        };\n    }, [formId]);\n}\n\n/**\n * @param {HubspotEventHandlers} handlers form event handlers, should be stable across renders\n * @param {string} formId\n * @returns {void}\n *\n * @description Use this hook in any frame to handle hubspot forms events\n */\nexport function useHandleHubspotEvents(handlers: HubspotEventHandlers, formId: string): void {\n    React.useEffect(() => {\n        const topHandler = handleHubspotEvents(handlers, formId);\n\n        window.addEventListener('message', topHandler, {passive: true});\n\n        return () => {\n            window.removeEventListener('message', topHandler);\n        };\n    }, [handlers, formId]);\n}\n"]}

package/build/esm/gravity-blocks/hooks/index.d.ts

@@ -0,0 +1,8 @@
+export { default as useFocus } from "./useFocus.js";
+export { default as useMount } from "./useMount.js";
+export { default as useHeightCalculator } from "./useHeightCalculator.js";
+export * from "./useImageSize.js";
+export * from "./useAnalytics.js";
+export * from "./hubspot.js";
+export * from "./useDeviceValue.js";
+export * from "./useContent.js";

package/build/esm/gravity-blocks/hooks/index.js

@@ -0,0 +1,9 @@
+export { default as useFocus } from "./useFocus.js";
+export { default as useMount } from "./useMount.js";
+export { default as useHeightCalculator } from "./useHeightCalculator.js";
+export * from "./useImageSize.js";
+export * from "./useAnalytics.js";
+export * from "./hubspot.js";
+export * from "./useDeviceValue.js";
+export * from "./useContent.js";
+//# sourceMappingURL=index.js.map

package/build/esm/gravity-blocks/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["gravity-blocks/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,sBAAmB;AAC/C,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,sBAAmB;AAC/C,OAAO,EAAC,OAAO,IAAI,mBAAmB,EAAC,iCAA8B;AACrE,kCAA+B;AAC/B,kCAA+B;AAC/B,6BAA0B;AAC1B,oCAAiC;AACjC,gCAA6B","sourcesContent":["export {default as useFocus} from './useFocus';\nexport {default as useMount} from './useMount';\nexport {default as useHeightCalculator} from './useHeightCalculator';\nexport * from './useImageSize';\nexport * from './useAnalytics';\nexport * from './hubspot';\nexport * from './useDeviceValue';\nexport * from './useContent';\n"]}

package/build/esm/gravity-blocks/hooks/useAnalytics.d.ts

@@ -0,0 +1,2 @@
+import { AnalyticsEventsProp } from "../../models/index.js";
+export declare const useAnalytics: (name?: string, target?: string) => (e?: AnalyticsEventsProp | null, additionalContext?: Record<string, string>) => void;