@gravity-ui/page-constructor 8.5.0-alpha.2 → 8.6.0

package/build/cjs/context/innerContext/InnerContext.d.ts

@@ -1,18 +1,18 @@
 import * as React from 'react';
-import { BlockData } from "../../constructor-items.js";
-import { NavItemMap } from "../../containers/PageConstructor/PageConstructor.js";
-import { BlockWrapperDataProps, LoadableConfig, PageContent, ShouldRenderBlock } from "../../models/index.js";
-export interface BlockWrapperEntry {
-    wrapper: React.ComponentType<BlockWrapperDataProps & React.PropsWithChildren>;
-    props?: object;
-}
+import { ItemMap, NavItemMap } from "../../containers/PageConstructor/PageConstructor.js";
+import { CustomConfig, LoadableConfig, ShouldRenderBlock } from "../../models/index.js";
 export interface InnerContextType {
+    blockTypes: string[];
+    subBlockTypes: string[];
+    headerBlockTypes: string[];
+    navigationBlockTypes: string[];
+    itemMap: ItemMap;
     navItemMap: NavItemMap;
     loadables?: LoadableConfig;
     shouldRenderBlock?: ShouldRenderBlock;
-    blockWrappers?: BlockWrapperEntry[];
-    blocks: Array<BlockData>;
-    content: PageContent;
-    setContent: React.Dispatch<React.SetStateAction<PageContent>>;
+    customization?: Pick<CustomConfig, 'decorators'>;
+    microdata?: {
+        contentUpdatedDate?: string;
+    };
 }
 export declare const InnerContext: React.Context<InnerContextType>;

package/build/cjs/context/innerContext/InnerContext.js

@@ -4,10 +4,12 @@ exports.InnerContext = void 0;
 const tslib_1 = require("tslib");
 const React = tslib_1.__importStar(require("react"));
 exports.InnerContext = React.createContext({
+    blockTypes: [],
+    subBlockTypes: [],
+    headerBlockTypes: [],
+    navigationBlockTypes: [],
+    itemMap: {},
     navItemMap: {},
-    blocks: [],
-    content: { blocks: [] },
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
-    setContent: () => { },
+    microdata: {},
 });
 //# sourceMappingURL=InnerContext.js.map

package/build/cjs/context/innerContext/InnerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"InnerContext.js","sourceRoot":"../../../../src","sources":["context/innerContext/InnerContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAqBlB,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC9D,UAAU,EAAE,EAAgB;IAC5B,MAAM,EAAE,EAAE;IACV,OAAO,EAAE,EAAC,MAAM,EAAE,EAAE,EAAC;IACrB,gEAAgE;IAChE,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;CACvB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockData} from '../../constructor-items';\nimport {NavItemMap} from '../../containers/PageConstructor/PageConstructor';\nimport {BlockWrapperDataProps, LoadableConfig, PageContent, ShouldRenderBlock} from '../../models';\n\nexport interface BlockWrapperEntry {\n    wrapper: React.ComponentType<BlockWrapperDataProps & React.PropsWithChildren>;\n    props?: object;\n}\n\nexport interface InnerContextType {\n    navItemMap: NavItemMap;\n    loadables?: LoadableConfig;\n    shouldRenderBlock?: ShouldRenderBlock;\n    blockWrappers?: BlockWrapperEntry[];\n    blocks: Array<BlockData>;\n    content: PageContent;\n    setContent: React.Dispatch<React.SetStateAction<PageContent>>;\n}\n\nexport const InnerContext = React.createContext<InnerContextType>({\n    navItemMap: {} as NavItemMap,\n    blocks: [],\n    content: {blocks: []},\n    // eslint-disable-next-line @typescript-eslint/no-empty-function\n    setContent: () => {},\n});\n"]}
+{"version":3,"file":"InnerContext.js","sourceRoot":"../../../../src","sources":["context/innerContext/InnerContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAoBlB,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB;IAC9D,UAAU,EAAE,EAAE;IACd,aAAa,EAAE,EAAE;IACjB,gBAAgB,EAAE,EAAE;IACpB,oBAAoB,EAAE,EAAE;IACxB,OAAO,EAAE,EAAa;IACtB,UAAU,EAAE,EAAgB;IAC5B,SAAS,EAAE,EAAE;CAChB,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ItemMap, NavItemMap} from '../../containers/PageConstructor/PageConstructor';\nimport {CustomConfig, LoadableConfig, ShouldRenderBlock} from '../../models';\n\nexport interface InnerContextType {\n    blockTypes: string[];\n    subBlockTypes: string[];\n    headerBlockTypes: string[];\n    navigationBlockTypes: string[];\n    itemMap: ItemMap;\n    navItemMap: NavItemMap;\n    loadables?: LoadableConfig;\n    shouldRenderBlock?: ShouldRenderBlock;\n    customization?: Pick<CustomConfig, 'decorators'>;\n    microdata?: {\n        contentUpdatedDate?: string;\n    };\n}\n\nexport const InnerContext = React.createContext<InnerContextType>({\n    blockTypes: [],\n    subBlockTypes: [],\n    headerBlockTypes: [],\n    navigationBlockTypes: [],\n    itemMap: {} as ItemMap,\n    navItemMap: {} as NavItemMap,\n    microdata: {},\n});\n"]}

package/build/cjs/context/localeContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/localeContext/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC","sourcesContent":["export * from './localeContext';\n"]}

package/build/cjs/context/localeContext/localeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localeContext.js","sourceRoot":"../../../../src","sources":["context/localeContext/localeContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAuC;AAO1B,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAC,IAAI,EAAE,YAAI,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Lang} from '@gravity-ui/uikit';\n\nexport type LocaleContextProps = {\n    lang?: `${Lang}`;\n    tld?: string;\n};\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({lang: Lang.Ru, tld: '.ru'});\n"]}

package/build/cjs/context/locationContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/locationContext/index.ts"],"names":[],"mappings":";;;AAAA,+DAAkC","sourcesContent":["export * from './locationContext';\n"]}

package/build/cjs/context/locationContext/locationContext.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { RouterLinkProps } from "../../components/RouterLink/RouterLink.js";
+export interface History {
+    action: 'PUSH' | 'POP' | 'REPLACE' | '';
+    replace(location: Partial<Location>): void;
+    push(location: Partial<Location>): void;
+    goBack(): void;
+    length: number;
+}
+export type RouterLink = React.ComponentClass<RouterLinkProps> | ((props: RouterLinkProps) => React.ReactNode);
+export type LocationContextProps = {
+    history?: History;
+    search?: string;
+    hash?: string;
+    pathname?: string;
+    hostname?: string;
+    Link?: RouterLink;
+    asPath?: string;
+};
+export declare const LocationContext: React.Context<LocationContextProps>;

package/build/cjs/context/locationContext/locationContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locationContext.js","sourceRoot":"../../../../src","sources":["context/locationContext/locationContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AA8BlB,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAAuB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {RouterLinkProps} from '../../components/RouterLink/RouterLink';\n\nexport interface History {\n    action: 'PUSH' | 'POP' | 'REPLACE' | '';\n\n    replace(location: Partial<Location>): void;\n\n    push(location: Partial<Location>): void;\n\n    goBack(): void;\n\n    length: number;\n}\n\nexport type RouterLink =\n    | React.ComponentClass<RouterLinkProps>\n    | ((props: RouterLinkProps) => React.ReactNode);\n\nexport type LocationContextProps = {\n    history?: History;\n    search?: string;\n    hash?: string;\n    pathname?: string;\n    hostname?: string;\n    Link?: RouterLink;\n    asPath?: string;\n};\n\nexport const LocationContext = React.createContext<LocationContextProps>({});\n"]}

package/build/cjs/context/mapsContext/mapsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapsContext.js","sourceRoot":"../../../../src","sources":["context/mapsContext/mapsContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,IAAY,OAGX;AAHD,WAAY,OAAO;IACf,4BAAiB,CAAA;IACjB,4BAAiB,CAAA;AACrB,CAAC,EAHW,OAAO,uBAAP,OAAO,QAGlB;AAEY,QAAA,QAAQ,GAAG;IACpB,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;CACd,CAAC;AAUW,QAAA,eAAe,GAAG;IAC3B,MAAM,EAAE,EAAE;IACV,SAAS,EAAE,EAAE;IACb,IAAI,EAAE,OAAO,CAAC,MAAM;CACvB,CAAC;AAEW,QAAA,WAAW,GAAG,KAAK,CAAC,aAAa,CAAkB,uBAAe,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport enum MapType {\n    Yandex = 'yandex',\n    Google = 'google',\n}\n\nexport const Maplangs = {\n    ru: 'ru_RU',\n    en: 'en_US',\n};\n\nexport interface MapsContextType {\n    apiKey: string;\n    type: MapType;\n    scriptSrc: string;\n    nonce?: string;\n    setKey?: (newKey: string) => void;\n}\n\nexport const initialMapValue = {\n    apiKey: '',\n    scriptSrc: '',\n    type: MapType.Yandex,\n};\n\nexport const MapsContext = React.createContext<MapsContextType>(initialMapValue);\n"]}

package/build/cjs/context/mapsContext/mapsProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapsProvider.js","sourceRoot":"../../../../src","sources":["context/mapsContext/mapsProvider.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kDAAmD;AAQtC,QAAA,gBAAgB,GAAG,cAAc,CAAC;AAExC,MAAM,WAAW,GAA0E,CAAC,EAC/F,IAAI,GAAG,qBAAO,CAAC,MAAM,EACrB,SAAS,EACT,MAAM,EACN,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,eAAe,GACjB,IAAI,KAAK,qBAAO,CAAC,MAAM;QACnB,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,CAAC,wBAAgB,CAAC,IAAI,EAAE;QACxD,CAAC,CAAC,MAAM,IAAI,EAAE,CAAC;IACvB,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAEhE,OAAO,CACH,uBAAC,yBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAC,YACxE,QAAQ,GACU,CAC1B,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,WAAW,eAiBtB","sourcesContent":["import * as React from 'react';\n\nimport {MapType, MapsContext} from './mapsContext';\n\ninterface MapProviderProps {\n    type: MapType;\n    scriptSrc: string;\n    apiKey?: string;\n}\n\nexport const gmapApiKeyIdInLS = 'gmap-api-key';\n\nexport const MapProvider: (props: React.PropsWithChildren<MapProviderProps>) => React.ReactNode = ({\n    type = MapType.Yandex,\n    scriptSrc,\n    apiKey,\n    children,\n}) => {\n    const initialKeyValue =\n        type === MapType.Google\n            ? apiKey || localStorage.getItem(gmapApiKeyIdInLS) || ''\n            : apiKey || '';\n    const [currentApiKey, setKey] = React.useState(initialKeyValue);\n\n    return (\n        <MapsContext.Provider value={{apiKey: currentApiKey, setKey, scriptSrc, type}}>\n            {children}\n        </MapsContext.Provider>\n    );\n};\n"]}

package/build/cjs/context/mapsContext/useMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMap.js","sourceRoot":"../../../../src","sources":["context/mapsContext/useMap.ts"],"names":[],"mappings":";;AAIA,oCAGC;;AAPD,qDAA+B;AAE/B,kDAA2D;AAE3D,SAAgB,YAAY;IACxB,MAAM,EAAC,MAAM,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,yBAAW,CAAC,CAAC;IACvD,OAAO,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC5B,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {MapsContext, MapsContextType} from './mapsContext';\n\nexport function useMapApiKey(): [MapsContextType['apiKey'], MapsContextType['setKey']] {\n    const {apiKey, setKey} = React.useContext(MapsContext);\n    return [apiKey, setKey];\n}\n"]}

package/build/cjs/context/mobileContext/MobileContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileContext.js","sourceRoot":"../../../../src","sources":["context/mobileContext/MobileContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAElB,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAU,KAAK,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport const MobileContext = React.createContext<boolean>(false);\n"]}

package/build/cjs/context/mobileContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/mobileContext/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC","sourcesContent":["export * from './MobileContext';\n"]}

package/build/cjs/context/projectSettingsContext/ProjectSettingsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectSettingsContext.js","sourceRoot":"../../../../src","sources":["context/projectSettingsContext/ProjectSettingsContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAQlB,QAAA,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAA8B,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nexport interface ProjectSettingsContextProps {\n    disableCompress?: boolean;\n    isAnimationEnabled?: boolean;\n    renderInvisibleBlocks?: boolean;\n    defaultYandexFormTheme?: string;\n}\n\nexport const ProjectSettingsContext = React.createContext<ProjectSettingsContextProps>({});\n"]}

package/build/cjs/context/projectSettingsContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/projectSettingsContext/index.ts"],"names":[],"mappings":";;;AAAA,sEAAyC","sourcesContent":["export * from './ProjectSettingsContext';\n"]}

package/build/cjs/context/ssrContext/SSRContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SSRContext.js","sourceRoot":"../../../../src","sources":["context/ssrContext/SSRContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAKlB,QAAA,UAAU,GAAG,KAAK,CAAC,aAAa,CAAkB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nexport interface SSRContextProps {\n    isServer?: boolean;\n}\n\nexport const SSRContext = React.createContext<SSRContextProps>({});\n"]}

package/build/cjs/context/ssrContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/ssrContext/index.ts"],"names":[],"mappings":";;;AAAA,0DAA6B","sourcesContent":["export * from './SSRContext';\n"]}

package/build/cjs/context/stylesContext/StylesContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StylesContext.js","sourceRoot":"../../../../src","sources":["context/stylesContext/StylesContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAMlB,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAC,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC,EAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nexport interface StylesContextProps {\n    setStyles: (newValues: Record<string, string>) => void;\n    pricesDetailedDescriptionHeight?: string;\n}\n\nexport const StylesContext = React.createContext<StylesContextProps>({setStyles: () => {}});\n"]}

package/build/cjs/context/stylesContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/stylesContext/index.ts"],"names":[],"mappings":";;;AAAA,6DAAgC","sourcesContent":["export * from './StylesContext';\n"]}

package/build/cjs/context/theme/ThemeContext.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Theme } from "../../models/index.js";
+export interface ThemeContextProps {
+    theme: Theme;
+}
+export declare const initialValue: ThemeContextProps;
+export declare const ThemeContext: React.Context<ThemeContextProps>;

package/build/cjs/context/theme/ThemeContext.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeContext = exports.initialValue = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const constants_1 = require("../../components/constants.js");
+exports.initialValue = {
+    theme: constants_1.DEFAULT_THEME,
+};
+exports.ThemeContext = React.createContext(exports.initialValue);
+//# sourceMappingURL=ThemeContext.js.map

package/build/cjs/context/theme/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"../../../../src","sources":["context/theme/ThemeContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6DAAyD;AAO5C,QAAA,YAAY,GAAsB;IAC3C,KAAK,EAAE,yBAAa;CACvB,CAAC;AAEW,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,oBAAY,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {DEFAULT_THEME} from '../../components/constants';\nimport {Theme} from '../../models';\n\nexport interface ThemeContextProps {\n    theme: Theme;\n}\n\nexport const initialValue: ThemeContextProps = {\n    theme: DEFAULT_THEME,\n};\n\nexport const ThemeContext = React.createContext(initialValue);\n"]}

package/build/cjs/context/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/theme/index.ts"],"names":[],"mappings":";;;AAAA,4DAA+B;AAC/B,wDAA2B;AAC3B,yDAA4B","sourcesContent":["export * from './ThemeContext';\nexport * from './useTheme';\nexport * from './withTheme';\n"]}

package/build/cjs/context/theme/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"../../../../src","sources":["context/theme/useTheme.ts"],"names":[],"mappings":";;AAIA,4BAIC;;AARD,qDAA+B;AAE/B,oDAA+D;AAE/D,SAAgB,QAAQ;IACpB,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IAE/C,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ThemeContext, ThemeContextProps} from './ThemeContext';\n\nexport function useTheme(): ThemeContextProps['theme'] {\n    const {theme} = React.useContext(ThemeContext);\n\n    return theme;\n}\n"]}

package/build/cjs/context/theme/withTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withTheme.js","sourceRoot":"../../../../src","sources":["context/theme/withTheme.tsx"],"names":[],"mappings":";;AAQA,8BAcC;;;AAtBD,qDAA+B;AAI/B,oDAA+D;AAI/D,SAAgB,SAAS,CACrB,gBAAwC;IAExC,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAE3F,OAAO,MAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAsC;QAChF,MAAM,CAAC,WAAW,GAAG,aAAa,aAAa,GAAG,CAAC;QACnD,MAAM,CAAC,WAAW,GAAG,2BAAY,CAAC;QAGlC,MAAM;YACF,OAAO,uBAAC,gBAAgB,OAAM,IAAI,CAAC,KAAW,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,KAAK,GAAI,CAAC;QAClF,CAAC;KACJ,CAAC;AACN,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Subtract} from 'utility-types';\n\nimport {ThemeContext, ThemeContextProps} from './ThemeContext';\n\nexport interface WithThemeProps extends ThemeContextProps {}\n\nexport function withTheme<T extends WithThemeProps>(\n    WrappedComponent: React.ComponentType<T>,\n): React.ComponentType<Subtract<T, WithThemeProps>> {\n    const componentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n    return class WithThemeComponent extends React.Component<Subtract<T, WithThemeProps>> {\n        static displayName = `withTheme(${componentName})`;\n        static contextType = ThemeContext;\n        declare context: ThemeContextProps;\n\n        render() {\n            return <WrappedComponent {...(this.props as T)} theme={this.context.theme} />;\n        }\n    };\n}\n"]}

package/build/cjs/context/videoContext/VideoContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoContext.js","sourceRoot":"../../../../src","sources":["context/videoContext/VideoContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAOlB,QAAA,YAAY,GAAG,KAAK,CAAC,aAAa,CAAoB,EAAC,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAAC,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport interface VideoContextProps {\n    setProps: (newValues: Record<string, unknown>) => void;\n    playingVideoRef?: HTMLDivElement;\n}\n\nexport const VideoContext = React.createContext<VideoContextProps>({setProps: () => {}});\n"]}

package/build/cjs/context/videoContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/videoContext/index.ts"],"names":[],"mappings":";;;AAAA,4DAA+B","sourcesContent":["export * from './VideoContext';\n"]}

package/build/cjs/context/windowWidthContext/WindowWidthContext.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindowWidth = exports.WindowWidthProvider = exports.WindowWidthContext = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const throttle_1 = tslib_1.__importDefault(require("lodash/throttle.js"));
+const constants_1 = require("../../constants.js");
+const DEFAULT_WIDTH = constants_1.BREAKPOINTS.xl;
+const UPDATE_FREQUENCY_MS = 100;
+exports.WindowWidthContext = React.createContext(DEFAULT_WIDTH);
+const WindowWidthProvider = ({ children }) => {
+    const [windowWidth, setWindowWidth] = React.useState(DEFAULT_WIDTH);
+    React.useEffect(() => {
+        const handleResize = (0, throttle_1.default)(() => {
+            setWindowWidth(window.innerWidth);
+        }, UPDATE_FREQUENCY_MS, { leading: true });
+        handleResize();
+        window.addEventListener('resize', handleResize, { passive: true });
+        // eslint-disable-next-line consistent-return
+        return () => window.removeEventListener('resize', handleResize);
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(exports.WindowWidthContext.Provider, { value: windowWidth, children: children }));
+};
+exports.WindowWidthProvider = WindowWidthProvider;
+const useWindowWidth = () => React.useContext(exports.WindowWidthContext);
+exports.useWindowWidth = useWindowWidth;
+//# sourceMappingURL=WindowWidthContext.js.map

package/build/cjs/context/windowWidthContext/WindowWidthContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowWidthContext.js","sourceRoot":"../../../../src","sources":["context/windowWidthContext/WindowWidthContext.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,0EAAuC;AAEvC,kDAA4C;AAE5C,MAAM,aAAa,GAAG,uBAAW,CAAC,EAAE,CAAC;AACrC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AAEnB,QAAA,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAS,aAAa,CAAC,CAAC;AAEtE,MAAM,mBAAmB,GAAG,CAAC,EAAC,QAAQ,EAA0B,EAAE,EAAE;IACvE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEpE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,YAAY,GAAG,IAAA,kBAAQ,EACzB,GAAG,EAAE;YACD,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC,EACD,mBAAmB,EACnB,EAAC,OAAO,EAAE,IAAI,EAAC,CAClB,CAAC;QAEF,YAAY,EAAE,CAAC;QAEf,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;QAEjE,6CAA6C;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACpE,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,uBAAC,0BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,YAAG,QAAQ,GAA+B,CAC5F,CAAC;AACN,CAAC,CAAC;AAvBW,QAAA,mBAAmB,uBAuB9B;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,0BAAkB,CAAC,CAAC;AAA5D,QAAA,cAAc,kBAA8C","sourcesContent":["import * as React from 'react';\n\nimport throttle from 'lodash/throttle';\n\nimport {BREAKPOINTS} from '../../constants';\n\nconst DEFAULT_WIDTH = BREAKPOINTS.xl;\nconst UPDATE_FREQUENCY_MS = 100;\n\nexport const WindowWidthContext = React.createContext<number>(DEFAULT_WIDTH);\n\nexport const WindowWidthProvider = ({children}: React.PropsWithChildren) => {\n    const [windowWidth, setWindowWidth] = React.useState(DEFAULT_WIDTH);\n\n    React.useEffect(() => {\n        const handleResize = throttle(\n            () => {\n                setWindowWidth(window.innerWidth);\n            },\n            UPDATE_FREQUENCY_MS,\n            {leading: true},\n        );\n\n        handleResize();\n\n        window.addEventListener('resize', handleResize, {passive: true});\n\n        // eslint-disable-next-line consistent-return\n        return () => window.removeEventListener('resize', handleResize);\n    }, []);\n\n    return (\n        <WindowWidthContext.Provider value={windowWidth}>{children}</WindowWidthContext.Provider>\n    );\n};\n\nexport const useWindowWidth = () => React.useContext(WindowWidthContext);\n"]}

package/build/cjs/context/windowWidthContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["context/windowWidthContext/index.ts"],"names":[],"mappings":";;;AAAA,kEAAqC","sourcesContent":["export * from './WindowWidthContext';\n"]}

package/build/cjs/customization/BlockDecoration.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { BlockDecorationProps } from "../models/index.js";
+export declare const BlockDecoration: ({ children: blockChildren, ...rest }: React.PropsWithChildren<BlockDecorationProps>) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/customization/BlockDecoration.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BlockDecoration = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const innerContext_1 = require("../context/innerContext/index.js");
+const BlockDecoration = ({ children: blockChildren, ...rest }) => {
+    const blockDecorators = React.useContext(innerContext_1.InnerContext).customization?.decorators?.block;
+    const content = blockDecorators
+        ? blockDecorators.reduce((children, decorator) => decorator({ children, ...rest }), blockChildren)
+        : blockChildren;
+    return (0, jsx_runtime_1.jsx)(React.Fragment, { children: content });
+};
+exports.BlockDecoration = BlockDecoration;
+//# sourceMappingURL=BlockDecoration.js.map

package/build/cjs/customization/BlockDecoration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockDecoration.js","sourceRoot":"../../../src","sources":["customization/BlockDecoration.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAqD;AAG9C,MAAM,eAAe,GAAG,CAAC,EAC5B,QAAQ,EAAE,aAAa,EACvB,GAAG,IAAI,EACqC,EAAE,EAAE;IAChD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC,aAAa,EAAE,UAAU,EAAE,KAAK,CAAC;IAExF,MAAM,OAAO,GAAG,eAAe;QAC3B,CAAC,CAAC,eAAe,CAAC,MAAM,CAClB,CAAC,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAC,QAAQ,EAAE,GAAG,IAAI,EAAC,CAAC,EACvD,aAAa,CAChB;QACH,CAAC,CAAC,aAAa,CAAC;IAEpB,OAAO,uBAAC,KAAK,CAAC,QAAQ,cAAE,OAAO,GAAkB,CAAC;AACtD,CAAC,CAAC;AAdW,QAAA,eAAe,mBAc1B","sourcesContent":["import * as React from 'react';\n\nimport {InnerContext} from '../context/innerContext';\nimport {BlockDecorationProps} from '../models';\n\nexport const BlockDecoration = ({\n    children: blockChildren,\n    ...rest\n}: React.PropsWithChildren<BlockDecorationProps>) => {\n    const blockDecorators = React.useContext(InnerContext).customization?.decorators?.block;\n\n    const content = blockDecorators\n        ? blockDecorators.reduce(\n              (children, decorator) => decorator({children, ...rest}),\n              blockChildren,\n          )\n        : blockChildren;\n\n    return <React.Fragment>{content}</React.Fragment>;\n};\n"]}

package/build/cjs/demo/ContentAndData.stories.js

@@ -5,56 +5,51 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("../../.storybook/utils.js");
 const PageConstructor_1 = require("../containers/PageConstructor/index.js");
-const extensions_1 = require("../gravity-blocks/extensions/index.js");
-const CustomComponent_1 = require("../gravity-blocks/navigation/__stories__/CustomComponent/CustomComponent.js");
+const CustomComponent_1 = require("../navigation/__stories__/CustomComponent/CustomComponent.js");
 const data_json_1 = tslib_1.__importDefault(require("../blocks/ContentLayout/__stories__/data.json"));
 const data_json_2 = tslib_1.__importDefault(require("../blocks/FoldableList/__stories__/data.json"));
 const data_json_3 = tslib_1.__importDefault(require("../blocks/Questions/__stories__/data.json"));
 const data_json_4 = tslib_1.__importDefault(require("../blocks/Table/__stories__/data.json"));
 const data_json_5 = tslib_1.__importDefault(require("../blocks/Tabs/__stories__/data.json"));
-const data_json_6 = tslib_1.__importDefault(require("../gravity-blocks/navigation/__stories__/data.json"));
+const data_json_6 = tslib_1.__importDefault(require("../navigation/__stories__/data.json"));
 exports.default = {
     title: 'Lab/Tokenization/Blocks/ContentAndData',
     component: PageConstructor_1.PageConstructor,
 };
-const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { extensions: (0, extensions_1.gravityBlocksExtension)({
-            globalDefaults: {
-                navigation,
-            },
-        }), custom: custom, content: {
-            blocks: [
-                // content-layout-block: default text only
-                (0, utils_1.blockTransform)(data_json_1.default.default),
-                // content-layout-block: centered
-                (0, utils_1.blockTransform)(data_json_1.default.textAlignCenter),
-                // content-layout-block: with background color
-                (0, utils_1.blockTransform)(data_json_1.default.withBackgroundColor),
-                // content-layout-block: with background image + color
-                (0, utils_1.blockTransform)(data_json_1.default.withImageAndBackgroundColor),
-                // content-layout-block: dark monochrome theme
-                (0, utils_1.blockTransform)(data_json_1.default.theme[0]),
-                // content-layout-block: light monochrome theme
-                (0, utils_1.blockTransform)(data_json_1.default.theme[1]),
-                // content-layout-block variants with list/links/buttons
-                ...data_json_1.default.contentVariables.map(utils_1.blockTransform),
-                // tabs-block: default (all tab types: image, video, youtube)
-                (0, utils_1.blockTransform)(data_json_5.default.default.content),
-                // questions-block: default with links
-                (0, utils_1.blockTransform)(data_json_3.default.default.content),
-                // questions-block: with bullet list items
-                (0, utils_1.blockTransform)(data_json_3.default.textWithListBullet.content),
-                // foldable-list-block: default
-                (0, utils_1.blockTransform)(data_json_2.default.default),
-                // foldable-list-block: with bullet list items
-                (0, utils_1.blockTransform)(data_json_2.default.textWithListBullet),
-                // foldable-list-block: with dash list items
-                (0, utils_1.blockTransform)(data_json_2.default.textWithListDash),
-                // table-block: numeric values (0/1)
-                (0, utils_1.blockTransform)(data_json_4.default.default.content),
-                // table-block: tick markers
-                (0, utils_1.blockTransform)(data_json_4.default.tick.content),
-            ],
-        } }) }));
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { navigation: navigation, custom: custom, content: {
+        blocks: [
+            // content-layout-block: default text only
+            (0, utils_1.blockTransform)(data_json_1.default.default),
+            // content-layout-block: centered
+            (0, utils_1.blockTransform)(data_json_1.default.textAlignCenter),
+            // content-layout-block: with background color
+            (0, utils_1.blockTransform)(data_json_1.default.withBackgroundColor),
+            // content-layout-block: with background image + color
+            (0, utils_1.blockTransform)(data_json_1.default.withImageAndBackgroundColor),
+            // content-layout-block: dark monochrome theme
+            (0, utils_1.blockTransform)(data_json_1.default.theme[0]),
+            // content-layout-block: light monochrome theme
+            (0, utils_1.blockTransform)(data_json_1.default.theme[1]),
+            // content-layout-block variants with list/links/buttons
+            ...data_json_1.default.contentVariables.map(utils_1.blockTransform),
+            // tabs-block: default (all tab types: image, video, youtube)
+            (0, utils_1.blockTransform)(data_json_5.default.default.content),
+            // questions-block: default with links
+            (0, utils_1.blockTransform)(data_json_3.default.default.content),
+            // questions-block: with bullet list items
+            (0, utils_1.blockTransform)(data_json_3.default.textWithListBullet.content),
+            // foldable-list-block: default
+            (0, utils_1.blockTransform)(data_json_2.default.default),
+            // foldable-list-block: with bullet list items
+            (0, utils_1.blockTransform)(data_json_2.default.textWithListBullet),
+            // foldable-list-block: with dash list items
+            (0, utils_1.blockTransform)(data_json_2.default.textWithListDash),
+            // table-block: numeric values (0/1)
+            (0, utils_1.blockTransform)(data_json_4.default.default.content),
+            // table-block: tick markers
+            (0, utils_1.blockTransform)(data_json_4.default.tick.content),
+        ],
+    } }));
 exports.Default = Template.bind({});
 exports.Default.args = {
     custom: {

package/build/cjs/demo/ContentAndData.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentAndData.stories.js","sourceRoot":"../../../src","sources":["demo/ContentAndData.stories.tsx"],"names":[],"mappings":";;;;;AAEA,qDAAsD;AACtD,4EAAuF;AACvF,sEAAoE;AACpE,iHAAyG;AAGzG,sGAA8E;AAC9E,qGAA4E;AAC5E,kGAAsE;AACtE,8FAA8D;AAC9D,6FAA4D;AAC5D,2GAAyE;AAEzE,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,iCAAe;CACrB,CAAC;AAEV,MAAM,QAAQ,GAAiE,CAAC,EAC5E,UAAU,EACV,MAAM,GAAG,EAAE,GACd,EAAE,EAAE,CAAC,CACF,uBAAC,yCAAuB,cACpB,uBAAC,iCAAe,IACZ,UAAU,EAAE,IAAA,mCAAsB,EAAC;YAC/B,cAAc,EAAE;gBACZ,UAAU;aACb;SACJ,CAAC,EACF,MAAM,EAAE,MAAM,EACd,OAAO,EACH;YACI,MAAM,EAAE;gBACJ,0CAA0C;gBAC1C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,OAAO,CAAC;gBACzC,iCAAiC;gBACjC,IAAA,sBAAc,EAAC,mBAAiB,CAAC,eAAe,CAAC;gBACjD,8CAA8C;gBAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,mBAAmB,CAAC;gBACrD,sDAAsD;gBACtD,IAAA,sBAAc,EAAC,mBAAiB,CAAC,2BAA2B,CAAC;gBAC7D,8CAA8C;gBAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC1C,+CAA+C;gBAC/C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC1C,wDAAwD;gBACxD,GAAG,mBAAiB,CAAC,gBAAgB,CAAC,GAAG,CAAC,sBAAc,CAAC;gBAEzD,6DAA6D;gBAC7D,IAAA,sBAAc,EAAC,mBAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;gBAExC,sCAAsC;gBACtC,IAAA,sBAAc,EAAC,mBAAa,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC7C,0CAA0C;gBAC1C,IAAA,sBAAc,EAAC,mBAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC;gBAExD,+BAA+B;gBAC/B,IAAA,sBAAc,EAAC,mBAAgB,CAAC,OAAO,CAAC;gBACxC,8CAA8C;gBAC9C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,kBAAkB,CAAC;gBACnD,4CAA4C;gBAC5C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,gBAAgB,CAAC;gBAEjD,oCAAoC;gBACpC,IAAA,sBAAc,EAAC,mBAAS,CAAC,OAAO,CAAC,OAAO,CAAC;gBACzC,4BAA4B;gBAC5B,IAAA,sBAAc,EAAC,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;aACzC;SACW,GAEtB,GACoB,CAC7B,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,MAAM,EAAE;QACJ,UAAU,EAAE;YACR,aAAa,EAAE,iCAAe;SACjC;KACJ;IACD,UAAU,EAAE;QACR,GAAG,mBAAO,CAAC,UAAU;QACrB,MAAM,EAAE;YACJ,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM;YAC5B,UAAU,EAAE;gBACR,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU;gBACvC;oBACI,IAAI,EAAE,aAAa;iBACtB;aACJ;SACJ;KACc;CACtB,CAAC","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor, PageConstructorProvider} from '../containers/PageConstructor';\nimport {gravityBlocksExtension} from '../gravity-blocks/extensions';\nimport {CustomComponent} from '../gravity-blocks/navigation/__stories__/CustomComponent/CustomComponent';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\n\nimport contentLayoutData from '../blocks/ContentLayout/__stories__/data.json';\nimport foldableListData from '../blocks/FoldableList/__stories__/data.json';\nimport questionsData from '../blocks/Questions/__stories__/data.json';\nimport tableData from '../blocks/Table/__stories__/data.json';\nimport tabsData from '../blocks/Tabs/__stories__/data.json';\nimport navData from '../gravity-blocks/navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/ContentAndData',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <PageConstructorProvider>\n        <PageConstructor\n            extensions={gravityBlocksExtension({\n                globalDefaults: {\n                    navigation,\n                },\n            })}\n            custom={custom}\n            content={\n                {\n                    blocks: [\n                        // content-layout-block: default text only\n                        blockTransform(contentLayoutData.default),\n                        // content-layout-block: centered\n                        blockTransform(contentLayoutData.textAlignCenter),\n                        // content-layout-block: with background color\n                        blockTransform(contentLayoutData.withBackgroundColor),\n                        // content-layout-block: with background image + color\n                        blockTransform(contentLayoutData.withImageAndBackgroundColor),\n                        // content-layout-block: dark monochrome theme\n                        blockTransform(contentLayoutData.theme[0]),\n                        // content-layout-block: light monochrome theme\n                        blockTransform(contentLayoutData.theme[1]),\n                        // content-layout-block variants with list/links/buttons\n                        ...contentLayoutData.contentVariables.map(blockTransform),\n\n                        // tabs-block: default (all tab types: image, video, youtube)\n                        blockTransform(tabsData.default.content),\n\n                        // questions-block: default with links\n                        blockTransform(questionsData.default.content),\n                        // questions-block: with bullet list items\n                        blockTransform(questionsData.textWithListBullet.content),\n\n                        // foldable-list-block: default\n                        blockTransform(foldableListData.default),\n                        // foldable-list-block: with bullet list items\n                        blockTransform(foldableListData.textWithListBullet),\n                        // foldable-list-block: with dash list items\n                        blockTransform(foldableListData.textWithListDash),\n\n                        // table-block: numeric values (0/1)\n                        blockTransform(tableData.default.content),\n                        // table-block: tick markers\n                        blockTransform(tableData.tick.content),\n                    ],\n                } as PageContent\n            }\n        />\n    </PageConstructorProvider>\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    custom: {\n        navigation: {\n            'custom-item': CustomComponent,\n        },\n    },\n    navigation: {\n        ...navData.navigation,\n        header: {\n            ...navData.navigation.header,\n            rightItems: [\n                ...navData.navigation.header.rightItems,\n                {\n                    type: 'custom-item',\n                },\n            ],\n        },\n    } as NavigationData,\n};\n"]}
+{"version":3,"file":"ContentAndData.stories.js","sourceRoot":"../../../src","sources":["demo/ContentAndData.stories.tsx"],"names":[],"mappings":";;;;;AAEA,qDAAsD;AACtD,4EAA8D;AAE9D,kGAA0F;AAE1F,sGAA8E;AAC9E,qGAA4E;AAC5E,kGAAsE;AACtE,8FAA8D;AAC9D,6FAA4D;AAC5D,4FAA0D;AAE1D,kBAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,SAAS,EAAE,iCAAe;CACrB,CAAC;AAEV,MAAM,QAAQ,GAAiE,CAAC,EAC5E,UAAU,EACV,MAAM,GAAG,EAAE,GACd,EAAE,EAAE,CAAC,CACF,uBAAC,iCAAe,IACZ,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,OAAO,EACH;QACI,MAAM,EAAE;YACJ,0CAA0C;YAC1C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,OAAO,CAAC;YACzC,iCAAiC;YACjC,IAAA,sBAAc,EAAC,mBAAiB,CAAC,eAAe,CAAC;YACjD,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,mBAAmB,CAAC;YACrD,sDAAsD;YACtD,IAAA,sBAAc,EAAC,mBAAiB,CAAC,2BAA2B,CAAC;YAC7D,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1C,+CAA+C;YAC/C,IAAA,sBAAc,EAAC,mBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC1C,wDAAwD;YACxD,GAAG,mBAAiB,CAAC,gBAAgB,CAAC,GAAG,CAAC,sBAAc,CAAC;YAEzD,6DAA6D;YAC7D,IAAA,sBAAc,EAAC,mBAAQ,CAAC,OAAO,CAAC,OAAO,CAAC;YAExC,sCAAsC;YACtC,IAAA,sBAAc,EAAC,mBAAa,CAAC,OAAO,CAAC,OAAO,CAAC;YAC7C,0CAA0C;YAC1C,IAAA,sBAAc,EAAC,mBAAa,CAAC,kBAAkB,CAAC,OAAO,CAAC;YAExD,+BAA+B;YAC/B,IAAA,sBAAc,EAAC,mBAAgB,CAAC,OAAO,CAAC;YACxC,8CAA8C;YAC9C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,kBAAkB,CAAC;YACnD,4CAA4C;YAC5C,IAAA,sBAAc,EAAC,mBAAgB,CAAC,gBAAgB,CAAC;YAEjD,oCAAoC;YACpC,IAAA,sBAAc,EAAC,mBAAS,CAAC,OAAO,CAAC,OAAO,CAAC;YACzC,4BAA4B;YAC5B,IAAA,sBAAc,EAAC,mBAAS,CAAC,IAAI,CAAC,OAAO,CAAC;SACzC;KACW,GAEtB,CACL,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACX,MAAM,EAAE;QACJ,UAAU,EAAE;YACR,aAAa,EAAE,iCAAe;SACjC;KACJ;IACD,UAAU,EAAE;QACR,GAAG,mBAAO,CAAC,UAAU;QACrB,MAAM,EAAE;YACJ,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM;YAC5B,UAAU,EAAE;gBACR,GAAG,mBAAO,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU;gBACvC;oBACI,IAAI,EAAE,aAAa;iBACtB;aACJ;SACJ;KACc;CACtB,CAAC","sourcesContent":["import {Meta, StoryFn} from '@storybook/react';\n\nimport {blockTransform} from '../../.storybook/utils';\nimport {PageConstructor} from '../containers/PageConstructor';\nimport {CustomConfig, NavigationData, PageContent} from '../models';\nimport {CustomComponent} from '../navigation/__stories__/CustomComponent/CustomComponent';\n\nimport contentLayoutData from '../blocks/ContentLayout/__stories__/data.json';\nimport foldableListData from '../blocks/FoldableList/__stories__/data.json';\nimport questionsData from '../blocks/Questions/__stories__/data.json';\nimport tableData from '../blocks/Table/__stories__/data.json';\nimport tabsData from '../blocks/Tabs/__stories__/data.json';\nimport navData from '../navigation/__stories__/data.json';\n\nexport default {\n    title: 'Lab/Tokenization/Blocks/ContentAndData',\n    component: PageConstructor,\n} as Meta;\n\nconst Template: StoryFn<{navigation: NavigationData; custom?: CustomConfig}> = ({\n    navigation,\n    custom = {},\n}) => (\n    <PageConstructor\n        navigation={navigation}\n        custom={custom}\n        content={\n            {\n                blocks: [\n                    // content-layout-block: default text only\n                    blockTransform(contentLayoutData.default),\n                    // content-layout-block: centered\n                    blockTransform(contentLayoutData.textAlignCenter),\n                    // content-layout-block: with background color\n                    blockTransform(contentLayoutData.withBackgroundColor),\n                    // content-layout-block: with background image + color\n                    blockTransform(contentLayoutData.withImageAndBackgroundColor),\n                    // content-layout-block: dark monochrome theme\n                    blockTransform(contentLayoutData.theme[0]),\n                    // content-layout-block: light monochrome theme\n                    blockTransform(contentLayoutData.theme[1]),\n                    // content-layout-block variants with list/links/buttons\n                    ...contentLayoutData.contentVariables.map(blockTransform),\n\n                    // tabs-block: default (all tab types: image, video, youtube)\n                    blockTransform(tabsData.default.content),\n\n                    // questions-block: default with links\n                    blockTransform(questionsData.default.content),\n                    // questions-block: with bullet list items\n                    blockTransform(questionsData.textWithListBullet.content),\n\n                    // foldable-list-block: default\n                    blockTransform(foldableListData.default),\n                    // foldable-list-block: with bullet list items\n                    blockTransform(foldableListData.textWithListBullet),\n                    // foldable-list-block: with dash list items\n                    blockTransform(foldableListData.textWithListDash),\n\n                    // table-block: numeric values (0/1)\n                    blockTransform(tableData.default.content),\n                    // table-block: tick markers\n                    blockTransform(tableData.tick.content),\n                ],\n            } as PageContent\n        }\n    />\n);\n\nexport const Default = Template.bind({});\nDefault.args = {\n    custom: {\n        navigation: {\n            'custom-item': CustomComponent,\n        },\n    },\n    navigation: {\n        ...navData.navigation,\n        header: {\n            ...navData.navigation.header,\n            rightItems: [\n                ...navData.navigation.header.rightItems,\n                {\n                    type: 'custom-item',\n                },\n            ],\n        },\n    } as NavigationData,\n};\n"]}

package/build/cjs/demo/FeaturesAndCards.stories.js

@@ -5,107 +5,99 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("../../.storybook/utils.js");
 const PageConstructor_1 = require("../containers/PageConstructor/index.js");
-const extensions_1 = require("../gravity-blocks/extensions/index.js");
 const data_json_1 = tslib_1.__importDefault(require("../blocks/CardLayout/__stories__/data.json"));
 const data_json_2 = tslib_1.__importDefault(require("../blocks/ExtendedFeatures/__stories__/data.json"));
 const data_json_3 = tslib_1.__importDefault(require("../blocks/HeaderSlider/__stories__/data.json"));
 const data_json_4 = tslib_1.__importDefault(require("../blocks/PromoFeaturesBlock/__stories__/data.json"));
 const data_json_5 = tslib_1.__importDefault(require("../blocks/Slider/__stories__/data.json"));
-const data_json_6 = tslib_1.__importDefault(require("../gravity-blocks/navigation/__stories__/data.json"));
+const data_json_6 = tslib_1.__importDefault(require("../navigation/__stories__/data.json"));
 exports.default = {
     title: 'Lab/Tokenization/Blocks/FeaturesAndCards',
     component: PageConstructor_1.PageConstructor,
 };
-const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { extensions: (0, extensions_1.gravityBlocksExtension)({
-            globalDefaults: {
-                navigation,
+const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { navigation: navigation, custom: custom, content: {
+        blocks: [
+            // promo-features-block: default theme
+            (0, utils_1.blockTransform)({
+                ...data_json_4.default.common,
+                ...data_json_4.default.defaultTheme.content,
+            }),
+            // promo-features-block: grey theme
+            (0, utils_1.blockTransform)({
+                ...data_json_4.default.common,
+                ...data_json_4.default.greyTheme.content,
+            }),
+            // extended-features-block: default (3 cols)
+            (0, utils_1.blockTransform)(data_json_2.default.default.content),
+            // extended-features-block: with labels
+            (0, utils_1.blockTransform)({
+                type: 'extended-features-block',
+                ...data_json_2.default.withLabel.content,
+            }),
+            // extended-features-block: 2 per row
+            (0, utils_1.blockTransform)({
+                type: 'extended-features-block',
+                ...data_json_2.default.colSizes.two,
+            }),
+            // extended-features-block: 4 per row
+            (0, utils_1.blockTransform)({
+                type: 'extended-features-block',
+                ...data_json_2.default.colSizes.four,
+            }),
+            // card-layout-block: basic cards
+            {
+                ...data_json_1.default.default.content,
+                children: [
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.basicCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.basicCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.basicCard),
+                ],
             },
-        }), custom: custom, content: {
-            blocks: [
-                // promo-features-block: default theme
-                (0, utils_1.blockTransform)({
-                    ...data_json_4.default.common,
-                    ...data_json_4.default.defaultTheme.content,
-                }),
-                // promo-features-block: grey theme
-                (0, utils_1.blockTransform)({
-                    ...data_json_4.default.common,
-                    ...data_json_4.default.greyTheme.content,
-                }),
-                // extended-features-block: default (3 cols)
-                (0, utils_1.blockTransform)(data_json_2.default.default.content),
-                // extended-features-block: with labels
-                (0, utils_1.blockTransform)({
-                    type: 'extended-features-block',
-                    ...data_json_2.default.withLabel.content,
-                }),
-                // extended-features-block: 2 per row
-                (0, utils_1.blockTransform)({
-                    type: 'extended-features-block',
-                    ...data_json_2.default.colSizes.two,
-                }),
-                // extended-features-block: 4 per row
-                (0, utils_1.blockTransform)({
-                    type: 'extended-features-block',
-                    ...data_json_2.default.colSizes.four,
-                }),
-                // card-layout-block: basic cards
-                {
-                    ...data_json_1.default.default.content,
-                    children: [
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.basicCard),
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.basicCard),
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.basicCard),
-                    ],
-                },
-                // card-layout-block: layout items with images
-                {
-                    type: 'card-layout-block',
-                    title: 'Card layout with layout items',
-                    children: [
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.layoutItem),
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.layoutItem),
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.layoutItem),
-                    ],
-                },
-                // card-layout-block: background cards
-                {
-                    type: 'card-layout-block',
-                    title: 'Card layout with background cards',
-                    children: [
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.backgroundCard),
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.backgroundCard),
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.backgroundCard),
-                    ],
-                },
-                // card-layout-block: price cards
-                {
-                    type: 'card-layout-block',
-                    title: 'Card layout with price cards',
-                    children: [
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.priceCard),
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.priceCard),
-                        (0, utils_1.blockTransform)(data_json_1.default.cards.priceCard),
-                    ],
-                },
-                // slider-block: basic cards
-                (0, utils_1.blockTransform)(data_json_5.default.default.content),
-                // slider-block: quote cards
-                (0, utils_1.blockTransform)(data_json_5.default.quoteCards.content),
-                // slider-block: banner cards (subtitle already HTML — no blockTransform)
-                data_json_5.default.banners.content,
-                // header-slider-block: default
-                (0, utils_1.blockTransform)({
-                    type: 'header-slider-block',
-                    ...data_json_3.default.default,
-                }),
-                // header-slider-block: with different slide themes
-                (0, utils_1.blockTransform)({
-                    type: 'header-slider-block',
-                    ...data_json_3.default.withDifferentSlidesTheme,
-                }),
-            ],
-        } }) }));
+            // card-layout-block: layout items with images
+            {
+                type: 'card-layout-block',
+                title: 'Card layout with layout items',
+                children: [
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.layoutItem),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.layoutItem),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.layoutItem),
+                ],
+            },
+            // card-layout-block: background cards
+            {
+                type: 'card-layout-block',
+                title: 'Card layout with background cards',
+                children: [
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.backgroundCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.backgroundCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.backgroundCard),
+                ],
+            },
+            // card-layout-block: price cards
+            {
+                type: 'card-layout-block',
+                title: 'Card layout with price cards',
+                children: [
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.priceCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.priceCard),
+                    (0, utils_1.blockTransform)(data_json_1.default.cards.priceCard),
+                ],
+            },
+            // slider-block: basic cards
+            (0, utils_1.blockTransform)(data_json_5.default.default.content),
+            // slider-block: quote cards
+            (0, utils_1.blockTransform)(data_json_5.default.quoteCards.content),
+            // slider-block: banner cards (subtitle already HTML — no blockTransform)
+            data_json_5.default.banners.content,
+            // header-slider-block: default
+            (0, utils_1.blockTransform)({ type: 'header-slider-block', ...data_json_3.default.default }),
+            // header-slider-block: with different slide themes
+            (0, utils_1.blockTransform)({
+                type: 'header-slider-block',
+                ...data_json_3.default.withDifferentSlidesTheme,
+            }),
+        ],
+    } }));
 exports.Default = Template.bind({});
 exports.Default.args = {
     navigation: {