npm - @gravity-ui/page-constructor - Versions diffs - 6.3.2-alpha.3 → 6.5.0 - Mend

@gravity-ui/page-constructor 6.3.2-alpha.3 → 6.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1150) hide show

package/build/esm/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js CHANGED Viewed

@@ -8,9 +8,8 @@ import { ConstructorBlock } from "../ConstructorBlock/ConstructorBlock.js";
 import { ConstructorItem } from "../ConstructorItem/index.js";
 import { ConstructorLoadable } from "../ConstructorLoadable/index.js";
 export const ConstructorBlocks = ({ items }) => {
-    const { blockTypes, subBlockTypes, loadables, itemMap, shouldRenderBlock } = React.useContext(InnerContext);
-    const allBlocks = [...blockTypes, ...subBlockTypes];
-    const renderer = (parentId = '', withoutConstructorBlockWrapper = false, item, index) => {
+    const { blockTypes, loadables, itemMap, shouldRenderBlock } = React.useContext(InnerContext);
+    const renderer = (parentId = '', item, index) => {
         if (!itemMap[item.type]) {
             return parentId ? null : (_jsx(BlockDecoration, { type: item.type, index: index, children: null }));
         }
@@ -31,15 +30,15 @@ export const ConstructorBlocks = ({ items }) => {
         else {
             let children;
             if ('children' in item && item.children) {
-                children = item.children.map(renderer.bind(null, blockId, true));
+                children = item.children.map(renderer.bind(null, blockId));
             }
-            itemElement = (_jsx(ConstructorItem, { data: item, blockKey: index, children: children }, blockId));
+            itemElement = (_jsx(ConstructorItem, { data: item, blockKey: blockId, children: children }, blockId));
         }
-        return allBlocks.includes(item.type) && !withoutConstructorBlockWrapper ? (
+        return blockTypes.includes(item.type) ? (
         //TODO: replace ConstructorBlock (and delete it) with BlockBase when all
         // components relying on constructor inner structure like Slider or blog-constructor will be refactored
         _jsx(ConstructorBlock, { data: item, index: index, children: itemElement }, blockId)) : (itemElement);
     };
-    return _jsx(React.Fragment, { children: items.map(renderer.bind(null, '', false)) });
+    return _jsx(React.Fragment, { children: items.map(renderer.bind(null, '')) });
 };
 //# sourceMappingURL=ConstructorBlocks.js.map

package/build/esm/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConstructorBlocks.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,GAAG,sBAAmB;AAE7B,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAO1E,OAAO,EAAC,WAAW,EAAC,mCAA0B;AAC9C,OAAO,EAAC,gBAAgB,EAAC,gDAA6C;AACtE,OAAO,EAAC,eAAe,EAAC,oCAA2B;AACnD,OAAO,EAAC,mBAAmB,EAAC,wCAA+B;AAM3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IAC3E,MAAM,EAAC,UAAU,EAAE,~~aAAa,EAAE,~~SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAC,~~GACpE~~,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;~~IAEnC~~,MAAM,~~SAAS,GAAG,CAAC,GAAG,UAAU,EAAE,GAAG,aAAa,CAAC,CAAC;IAEpD,MAAM,~~QAAQ,GAAG,CACb,QAAQ,GAAG,EAAE,EACb,~~8BAA8B,GAAG,KAAK,EACtC,~~IAA0B,EAC1B,KAAa,EACY,EAAE;QAC3B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACtB,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,EAAE,KAAK,EAAE,KAAK,YACtD,IAAI,GACS,CACrB,CAAC;QACN,CAAC;QAED,IAAI,WAAW,CAAC;QAChB,MAAM,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACtD,IAAI,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC;YACzD,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtC,MAAM,EAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,QAAyB,CAAC;YACnE,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAEtC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACV,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,WAAW,GAAG,CACV,KAAC,mBAAmB,IAChB,KAAK,EAAE,IAAI,EAEX,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAJT,OAAO,CAKd,CACL,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,IAAI,QAAQ,CAAC;YACb,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACtC,QAAQ,GAAI,IAAI,CAAC,QAAuB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,~~EAAE,IAAI,~~CAAC,CAAC,CAAC;~~YACrF~~,CAAC;YAED,WAAW,GAAG,CACV,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAgB,QAAQ,EAAE,~~KAAK~~,~~YACrD~~,QAAQ,IADqB,OAAO,CAEvB,CACrB,CAAC;QACN,CAAC;QAED,OAAO,~~SAAS~~,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,~~IAAI,~~CAAC,~~8BAA8B,~~CAAC,CAAC~~,CAAC~~;~~QACtE~~,wEAAwE;QACxE,uGAAuG;QACvG,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAgB,KAAK,EAAE,KAAK,YACnD,WAAW,IADmB,OAAO,CAEvB,CACtB,CAAC,CAAC,CAAC,CACA,WAAW,CACd,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,~~EAAE,KAAK,~~CAAC,CAAC,GAAkB,CAAC;~~AACxF~~,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport get from 'lodash/get';\n\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {\n BlockType,\n ConstructorBlock as ConstructorBlockType,\n LoadableProps,\n SubBlock,\n} from '../../../../models';\nimport {getBlockKey} from '../../../../utils';\nimport {ConstructorBlock} from '../ConstructorBlock/ConstructorBlock';\nimport {ConstructorItem} from '../ConstructorItem';\nimport {ConstructorLoadable} from '../ConstructorLoadable';\n\nexport interface ConstructorBlocksProps {\n items: ConstructorBlockType[];\n}\n\nexport const ConstructorBlocks: React.FC<ConstructorBlocksProps> = ({items}) => {\n const {blockTypes, ~~subBlockTypes,~~ loadables, itemMap, shouldRenderBlock} ~~=\n~~ React.useContext(InnerContext);\n\n const ~~allBlocks = [...blockTypes, ...subBlockTypes];\n\n const~~ renderer = (\n parentId = '',\n ~~withoutConstructorBlockWrapper = false,\n~~ item: ConstructorBlockType,\n index: number,\n ): React.ReactElement \| null => {\n if (!itemMap[item.type]) {\n return parentId ? null : (\n <BlockDecoration type={item.type as BlockType} index={index}>\n {null}\n </BlockDecoration>\n );\n }\n\n let itemElement;\n const key = getBlockKey(item, index);\n const blockId = parentId ? `${parentId}_${key}` : key;\n if (shouldRenderBlock && !shouldRenderBlock(item, blockId)) {\n return null;\n }\n\n if ('loadable' in item && item.loadable) {\n const {source, serviceId, params} = item.loadable as LoadableProps;\n const config = get(loadables, source);\n\n if (!config) {\n return null;\n }\n\n itemElement = (\n <ConstructorLoadable\n block={item}\n key={blockId}\n blockKey={blockId}\n config={config}\n serviceId={serviceId}\n params={params}\n />\n );\n } else {\n let children;\n if ('children' in item && item.children) {\n children = (item.children as SubBlock[]).map(renderer.bind(null, blockId~~, true~~));\n }\n\n itemElement = (\n <ConstructorItem data={item} key={blockId} blockKey={~~index~~}>\n {children}\n </ConstructorItem>\n );\n }\n\n return ~~allBlocks~~.includes(item.type) ~~&& !withoutConstructorBlockWrapper~~ ? (\n //TODO: replace ConstructorBlock (and delete it) with BlockBase when all\n // components relying on constructor inner structure like Slider or blog-constructor will be refactored\n <ConstructorBlock data={item} key={blockId} index={index}>\n {itemElement}\n </ConstructorBlock>\n ) : (\n itemElement\n );\n };\n\n return <React.Fragment>{items.map(renderer.bind(null, ''~~, false~~))}</React.Fragment>;\n};\n"]}
1	+ {"version":3,"file":"ConstructorBlocks.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,GAAG,sBAAmB;AAE7B,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAO1E,OAAO,EAAC,WAAW,EAAC,mCAA0B;AAC9C,OAAO,EAAC,gBAAgB,EAAC,gDAA6C;AACtE,OAAO,EAAC,eAAe,EAAC,oCAA2B;AACnD,OAAO,EAAC,mBAAmB,EAAC,wCAA+B;AAM3D,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IAC3E,MAAM,EAAC,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAE3F,MAAM,QAAQ,GAAG,CACb,QAAQ,GAAG,EAAE,EACb,IAA0B,EAC1B,KAAa,EACY,EAAE;QAC3B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACtB,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACrB,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,EAAE,KAAK,EAAE,KAAK,YACtD,IAAI,GACS,CACrB,CAAC;QACN,CAAC;QAED,IAAI,WAAW,CAAC;QAChB,MAAM,GAAG,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC;QACtD,IAAI,iBAAiB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE,CAAC;YACzD,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YACtC,MAAM,EAAC,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,IAAI,CAAC,QAAyB,CAAC;YACnE,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;YAEtC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACV,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,WAAW,GAAG,CACV,KAAC,mBAAmB,IAChB,KAAK,EAAE,IAAI,EAEX,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAJT,OAAO,CAKd,CACL,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,IAAI,QAAQ,CAAC;YACb,IAAI,UAAU,IAAI,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACtC,QAAQ,GAAI,IAAI,CAAC,QAAuB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;YAC/E,CAAC;YAED,WAAW,GAAG,CACV,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAgB,QAAQ,EAAE,OAAO,YACvD,QAAQ,IADqB,OAAO,CAEvB,CACrB,CAAC;QACN,CAAC;QAED,OAAO,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QACpC,wEAAwE;QACxE,uGAAuG;QACvG,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAgB,KAAK,EAAE,KAAK,YACnD,WAAW,IADmB,OAAO,CAEvB,CACtB,CAAC,CAAC,CAAC,CACA,WAAW,CACd,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,KAAC,KAAK,CAAC,QAAQ,cAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAkB,CAAC;AACjF,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport get from 'lodash/get';\n\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {\n BlockType,\n ConstructorBlock as ConstructorBlockType,\n LoadableProps,\n SubBlock,\n} from '../../../../models';\nimport {getBlockKey} from '../../../../utils';\nimport {ConstructorBlock} from '../ConstructorBlock/ConstructorBlock';\nimport {ConstructorItem} from '../ConstructorItem';\nimport {ConstructorLoadable} from '../ConstructorLoadable';\n\nexport interface ConstructorBlocksProps {\n items: ConstructorBlockType[];\n}\n\nexport const ConstructorBlocks: React.FC<ConstructorBlocksProps> = ({items}) => {\n const {blockTypes, loadables, itemMap, shouldRenderBlock} = React.useContext(InnerContext);\n\n const renderer = (\n parentId = '',\n item: ConstructorBlockType,\n index: number,\n ): React.ReactElement \| null => {\n if (!itemMap[item.type]) {\n return parentId ? null : (\n <BlockDecoration type={item.type as BlockType} index={index}>\n {null}\n </BlockDecoration>\n );\n }\n\n let itemElement;\n const key = getBlockKey(item, index);\n const blockId = parentId ? `${parentId}_${key}` : key;\n if (shouldRenderBlock && !shouldRenderBlock(item, blockId)) {\n return null;\n }\n\n if ('loadable' in item && item.loadable) {\n const {source, serviceId, params} = item.loadable as LoadableProps;\n const config = get(loadables, source);\n\n if (!config) {\n return null;\n }\n\n itemElement = (\n <ConstructorLoadable\n block={item}\n key={blockId}\n blockKey={blockId}\n config={config}\n serviceId={serviceId}\n params={params}\n />\n );\n } else {\n let children;\n if ('children' in item && item.children) {\n children = (item.children as SubBlock[]).map(renderer.bind(null, blockId));\n }\n\n itemElement = (\n <ConstructorItem data={item} key={blockId} blockKey={blockId}>\n {children}\n </ConstructorItem>\n );\n }\n\n return blockTypes.includes(item.type) ? (\n //TODO: replace ConstructorBlock (and delete it) with BlockBase when all\n // components relying on constructor inner structure like Slider or blog-constructor will be refactored\n <ConstructorBlock data={item} key={blockId} index={index}>\n {itemElement}\n </ConstructorBlock>\n ) : (\n itemElement\n );\n };\n\n return <React.Fragment>{items.map(renderer.bind(null, ''))}</React.Fragment>;\n};\n"]}

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ConstructorBlock } from "../../../../models/index.js";
 export interface ConstructorItemProps {
     data: ConstructorBlock;
-    blockKey: number;
+    blockKey: string;
 }
 export declare const ConstructorItem: ({ data, blockKey, children, }: React.PropsWithChildren<ConstructorItemProps>) => import("react/jsx-runtime").JSX.Element;
 export declare const ConstructorHeader: ({ data, blockKey, }: Pick<ConstructorItemProps, "data" | "blockKey">) => import("react/jsx-runtime").JSX.Element;

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js CHANGED Viewed

@@ -5,10 +5,9 @@ import { InnerContext } from "../../../../context/innerContext/index.js";
 import { BlockDecoration } from "../../../../customization/BlockDecoration.js";
 export const ConstructorItem = ({ data, blockKey, children, }) => {
     const { itemMap } = React.useContext(InnerContext);
-    const parentId = React.useContext(BlockIdContext);
     const { type, ...rest } = data;
     const Component = itemMap[type];
-    return (_jsx(BlockIdContext.Provider, { value: [...parentId, blockKey], children: _jsx(Component, { ...rest, children: children }) }, blockKey));
+    return (_jsx(BlockIdContext.Provider, { value: blockKey, children: _jsx(Component, { ...rest, children: children }) }));
 };
 export const ConstructorHeader = ({ data, blockKey, }) => (_jsx(BlockDecoration, { type: data.type, children: _jsx(ConstructorItem, { data: data, blockKey: blockKey }, data.type) }));
 //# sourceMappingURL=ConstructorItem.js.map

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAQ1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,~~QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,~~EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,~~CAAC,GAAG,~~QAAQ,~~EAAE~~,~~QAAQ,CAAC,YACnD,~~KAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,~~IADe~~,~~QAAQ,CAE5C,~~CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n data: ConstructorBlock;\n blockKey: ~~number~~;\n}\n\nexport const ConstructorItem = ({\n data,\n blockKey,\n children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n const {itemMap} = React.useContext(InnerContext);\n const ~~parentId = React.useContext(BlockIdContext);\n const~~ {type, ...rest} = data;\n\n const Component = itemMap[type] as React.ComponentType<\n React.ComponentProps<(typeof itemMap)[typeof type]>\n >;\n\n return (\n <BlockIdContext.Provider value={~~[...parentId,~~ blockKey]} ~~key={blockKey}~~>\n <Component {...rest}>{children}</Component>\n </BlockIdContext.Provider>\n );\n};\n\nexport const ConstructorHeader = ({\n data,\n blockKey,\n}: Pick<ConstructorItemProps, 'data' \| 'blockKey'>) => (\n <BlockDecoration type={data.type as BlockType}>\n <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n </BlockDecoration>\n);\n"]}
1	+ {"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAQ1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n data: ConstructorBlock;\n blockKey: string;\n}\n\nexport const ConstructorItem = ({\n data,\n blockKey,\n children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n const {itemMap} = React.useContext(InnerContext);\n const {type, ...rest} = data;\n\n const Component = itemMap[type] as React.ComponentType<\n React.ComponentProps<(typeof itemMap)[typeof type]>\n >;\n\n return (\n <BlockIdContext.Provider value={blockKey}>\n <Component {...rest}>{children}</Component>\n </BlockIdContext.Provider>\n );\n};\n\nexport const ConstructorHeader = ({\n data,\n blockKey,\n}: Pick<ConstructorItemProps, 'data' \| 'blockKey'>) => (\n <BlockDecoration type={data.type as BlockType}>\n <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n </BlockDecoration>\n);\n"]}

package/build/esm/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.js CHANGED Viewed

@@ -9,7 +9,6 @@ export const ConstructorLoadable = (props) => {
     const { type } = block;
     const { fetch, component: ChildComponent } = config;
     const Component = itemMap[type];
-    const parentId = React.useContext(BlockIdContext);
-    return (_jsx(BlockIdContext.Provider, { value: [...parentId, Number(blockKey)], children: _jsx(Loadable, { block: block, blockKey: blockKey, Component: Component, ChildComponent: ChildComponent, fetch: fetch, serviceId: serviceId, params: params }, blockKey) }, blockKey));
+    return (_jsx(BlockIdContext.Provider, { value: blockKey, children: _jsx(Loadable, { block: block, blockKey: blockKey, Component: Component, ChildComponent: ChildComponent, fetch: fetch, serviceId: serviceId, params: params }, blockKey) }, blockKey));
 };
 //# sourceMappingURL=ConstructorLoadable.js.map

package/build/esm/containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConstructorLoadable.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAE9D,OAAO,QAAmC,sCAAmC;AAO7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACnE,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC;IAC3D,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC;IACrB,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAC,GAAG,MAAM,CAAC;IAClD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;~~IACF~~,~~MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAElD,~~OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,~~CAAC,GAAG,~~QAAQ,~~EAAE~~,~~MAAM,CAAC,QAAQ,CAAC,CAAC,YAC3D,~~KAAC,QAAQ,IAEL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAPT,QAAQ,CAQf,~~IAVgE~~,QAAQ,~~CAWpD~~,CAC7B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {LoadableConfigItem} from '../../../../models';\nimport Loadable, {LoadableComponentsProps} from '../../../Loadable/Loadable';\n\ninterface ConstructorLoadableProps\n extends Omit<LoadableComponentsProps, 'Component' \| 'ChildComponent' \| 'fetch'> {\n config: LoadableConfigItem;\n}\n\nexport const ConstructorLoadable = (props: ConstructorLoadableProps) => {\n const {itemMap} = React.useContext(InnerContext);\n const {block, blockKey, config, serviceId, params} = props;\n const {type} = block;\n const {fetch, component: ChildComponent} = config;\n const Component = itemMap[type] as React.Component<\n React.ComponentProps<(typeof itemMap)[typeof type]>\n >;\n ~~const parentId = React.useContext(BlockIdContext);\n~~\n return (\n <BlockIdContext.Provider value={~~[...parentId, Number(~~blockKey)]} key={blockKey}>\n <Loadable\n key={blockKey}\n block={block}\n blockKey={blockKey}\n Component={Component}\n ChildComponent={ChildComponent}\n fetch={fetch}\n serviceId={serviceId}\n params={params}\n />\n </BlockIdContext.Provider>\n );\n};\n"]}
1	+ {"version":3,"file":"ConstructorLoadable.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorLoadable/ConstructorLoadable.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAE9D,OAAO,QAAmC,sCAAmC;AAO7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACnE,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAC,GAAG,KAAK,CAAC;IAC3D,MAAM,EAAC,IAAI,EAAC,GAAG,KAAK,CAAC;IACrB,MAAM,EAAC,KAAK,EAAE,SAAS,EAAE,cAAc,EAAC,GAAG,MAAM,CAAC;IAClD,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,QAAQ,IAEL,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,IAPT,QAAQ,CAQf,IAVyC,QAAQ,CAW7B,CAC7B,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {LoadableConfigItem} from '../../../../models';\nimport Loadable, {LoadableComponentsProps} from '../../../Loadable/Loadable';\n\ninterface ConstructorLoadableProps\n extends Omit<LoadableComponentsProps, 'Component' \| 'ChildComponent' \| 'fetch'> {\n config: LoadableConfigItem;\n}\n\nexport const ConstructorLoadable = (props: ConstructorLoadableProps) => {\n const {itemMap} = React.useContext(InnerContext);\n const {block, blockKey, config, serviceId, params} = props;\n const {type} = block;\n const {fetch, component: ChildComponent} = config;\n const Component = itemMap[type] as React.Component<\n React.ComponentProps<(typeof itemMap)[typeof type]>\n >;\n\n return (\n <BlockIdContext.Provider value={blockKey} key={blockKey}>\n <Loadable\n key={blockKey}\n block={block}\n blockKey={blockKey}\n Component={Component}\n ChildComponent={ChildComponent}\n fetch={fetch}\n serviceId={serviceId}\n params={params}\n />\n </BlockIdContext.Provider>\n );\n};\n"]}

package/build/esm/containers/PageConstructor/components/ConstructorRow/ConstructorRow.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Col, Row } from "../../../../grid/index.js";
 import { block } from "../../../../utils/index.js";
 import './ConstructorRow.css';
 const b = block('constructor-row');
-export const ConstructorRow = ({ children }) => children ? _jsx("div", { className: b(), children: children }) : null;
+export const ConstructorRow = ({ children }) => children ? (_jsx(Row, { className: b(), children: _jsx(Col, { children: children }) })) : null;
 //# sourceMappingURL=ConstructorRow.js.map

package/build/esm/containers/PageConstructor/components/ConstructorRow/ConstructorRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConstructorRow.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/ConstructorRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,KAAK,EAAC,mCAA0B;AAExC,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,~~cAAK~~,SAAS,EAAE,CAAC,EAAE,~~YAAG~~,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {block} from '../../../../utils';\n\nimport './ConstructorRow.scss';\n\nconst b = block('constructor-row');\n\nexport const ConstructorRow = ({children}: React.PropsWithChildren<{}>) =>\n children ? <~~div~~ className={b()}>{children}</~~div>~~ : null;\n"]}
1	+ {"version":3,"file":"ConstructorRow.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorRow/ConstructorRow.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAC,GAAG,EAAE,GAAG,EAAC,kCAAyB;AAC1C,OAAO,EAAC,KAAK,EAAC,mCAA0B;AAExC,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAA8B,EAAE,EAAE,CACtE,QAAQ,CAAC,CAAC,CAAC,CACP,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,GAAG,cAAE,QAAQ,GAAO,GACnB,CACT,CAAC,CAAC,CAAC,IAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Col, Row} from '../../../../grid';\nimport {block} from '../../../../utils';\n\nimport './ConstructorRow.scss';\n\nconst b = block('constructor-row');\n\nexport const ConstructorRow = ({children}: React.PropsWithChildren<{}>) =>\n children ? (\n <Row className={b()}>\n <Col>{children}</Col>\n </Row>\n ) : null;\n"]}

package/build/esm/context/blockIdContext/blockIdContext.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export type BlockIdContextProp = number[];
-export declare const BlockIdContext: React.Context<BlockIdContextProp>;
+export type BlockIdContextProp = string;
+export declare const BlockIdContext: React.Context<string>;

package/build/esm/context/blockIdContext/blockIdContext.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import * as React from 'react';
-export const BlockIdContext = React.createContext([]);
+export const BlockIdContext = React.createContext('');
 //# sourceMappingURL=blockIdContext.js.map

package/build/esm/context/blockIdContext/blockIdContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"blockIdContext.js","sourceRoot":"../../../../src","sources":["context/blockIdContext/blockIdContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockIdContextProp = ~~number[]~~;\n\nexport const BlockIdContext = React.createContext<BlockIdContextProp>([]);\n"]}
1	+ {"version":3,"file":"blockIdContext.js","sourceRoot":"../../../../src","sources":["context/blockIdContext/blockIdContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAqB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nexport type BlockIdContextProp = string;\n\nexport const BlockIdContext = React.createContext<BlockIdContextProp>('');\n"]}

package/build/esm/editor/components/CodeEditor/CodeEditor.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { PageContent } from "../../../models/index.js";
 import { CodeEditorMessageProps } from "../../utils/validation.js";
 import './CodeEditor.css';
@@ -9,5 +10,5 @@ interface CodeEditorProps {
     onChange: (content: PageContent) => void;
     message?: CodeEditorMessageProps;
 }
-export declare const CodeEditor: ({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeEditor: React.MemoExoticComponent<({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

package/build/esm/editor/components/CodeEditor/CodeEditor.js CHANGED Viewed

@@ -11,7 +11,8 @@ import { parseCode } from "../../utils/code.js";
 import { options } from "./constants.js";
 import './CodeEditor.css';
 const b = block('code-editor');
-export const CodeEditor = ({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code, }) => {
+const ON_CHANGE_DEBOUNCE_TIMEOUT = 300;
+export const CodeEditor = React.memo(({ onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code }) => {
     const [message, setMessage] = React.useState(() => validator(code));
     const { theme = Theme.Light } = React.useContext(EditorContext);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -19,7 +20,8 @@ export const CodeEditor = ({ onChange, validator, fullscreenModeOn, onFullscreen
         const validationResult = validator(newCode);
         setMessage(validationResult);
         onChange(parseCode(newCode));
-    }, 200), [onChange, validator]);
-    return (_jsxs("div", { className: b({ fullscreen: fullscreenModeOn }), children: [_jsx("div", { className: b('header'), children: _jsx(Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn), children: _jsx(Icon, { data: fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight, size: 16 }) }) }), _jsx("div", { className: b('code'), children: _jsx(MonacoEditor, { value: code, language: "yaml", options: options, onChange: onChangeWithValidation, theme: theme === Theme.Dark ? 'vs-dark' : 'vs' }, String(fullscreenModeOn)) }), _jsx("div", { className: b('footer'), children: message && (_jsx("div", { className: b('message-container'), children: _jsx("div", { className: b('message', { status: message.status }), children: message.text }) })) })] }));
-};
+    }, ON_CHANGE_DEBOUNCE_TIMEOUT), [onChange, validator]);
+    return (_jsxs("div", { className: b({ fullscreen: fullscreenModeOn }), children: [_jsx("div", { className: b('header'), children: _jsx(Button, { view: "flat-secondary", onClick: () => onFullscreenModeOnUpdate(!fullscreenModeOn), children: _jsx(Icon, { data: fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight, size: 16 }) }) }), _jsx("div", { className: b('code'), children: _jsx(MonacoEditor, { defaultValue: code, value: code, language: "yaml", options: options, onChange: onChangeWithValidation, theme: theme === Theme.Dark ? 'vs-dark' : 'vs' }, String(fullscreenModeOn)) }), _jsx("div", { className: b('footer'), children: message && (_jsx("div", { className: b('message-container'), children: _jsx("div", { className: b('message', { status: message.status }), children: message.text }) })) })] }));
+});
+CodeEditor.displayName = 'CodeEditor';
 //# sourceMappingURL=CodeEditor.js.map

package/build/esm/editor/components/CodeEditor/CodeEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CodeEditor.js","sourceRoot":"../../../../../src","sources":["editor/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAC~~/B,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,QAAQ,2BAAwB;AACvC,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAc,KAAK,EAAC,iCAAwB;AACnD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,yBAAsB;AAC5C,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAG3C,OAAO,EAAC,OAAO,EAAC,uBAAoB;AAEpC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;~~AAW~~/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,~~EACvB~~,QAAQ,~~EACR~~,SAAS,~~EACT~~,gBAAgB,~~EAChB~~,wBAAwB,~~EACxB~~,IAAI,~~GACU~~,EAAE,EAAE;~~IAClB~~,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,EAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE9D,uDAAuD;IACvD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC5C,QAAQ,CAAC,CAAC,OAAe,EAAE,EAAE;QACzB,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QAE5C,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC7B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,~~GAAG~~,CAAC,~~EACP~~,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,gBAAgB,EAAC,CAAC,aAC7C,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,MAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,gBAAgB,CAAC,YAE1D,KAAC,IAAI,IACD,IAAI,~~EAAE~~,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,qBAAqB,~~EACxE~~,IAAI,EAAE,EAAE,GACV,GACG,GACP,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,YAAY,IAET,KAAK,EAAE,IAAI,EACX,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,~~IALzC~~,MAAM,CAAC,gBAAgB,CAAC,~~CAM~~/B,GACA,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAClC,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAC,CAAC,~~YAAG~~,OAAO,CAAC,IAAI,~~GAAO~~,~~GAC1E~~,CACT,GACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {ChevronsCollapseUpRight, ChevronsExpandUpRight} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport MonacoEditor from 'react-monaco-editor';\n\nimport {PageContent, Theme} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorContext} from '../../context';\nimport {parseCode} from '../../utils/code';\nimport {CodeEditorMessageProps} from '../../utils/validation';\n\nimport {options} from './constants';\n\nimport './CodeEditor.scss';\n\nconst b = block('code-editor');\n\ninterface CodeEditorProps {\n code: string;\n fullscreenModeOn: boolean;\n validator: (code: string) => CodeEditorMessageProps;\n onFullscreenModeOnUpdate: (fullscreenModeOn: boolean) => void;\n onChange: (content: PageContent) => void;\n message?: CodeEditorMessageProps;\n}\n\nexport const CodeEditor = ({\n onChange~~,\n~~ validator~~,\n~~ fullscreenModeOn~~,\n~~ onFullscreenModeOnUpdate~~,\n~~ code~~,\n~~}: CodeEditorProps) => {\n const [message, setMessage] = React.useState(() => validator(code));\n const {theme = Theme.Light} = React.useContext(EditorContext);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const onChangeWithValidation = React.useCallback(\n debounce((newCode: string) => {\n const validationResult = validator(newCode);\n\n setMessage(validationResult);\n onChange(parseCode(newCode));\n }, ~~200~~),\n [onChange, validator],\n );\n\n return (\n <div className={b({fullscreen: fullscreenModeOn})}>\n <div className={b('header')}>\n <Button\n view=\"flat-secondary\"\n onClick={() => onFullscreenModeOnUpdate(!fullscreenModeOn)}\n >\n <Icon\n data={fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight}\n size={16}\n />\n </Button>\n </div>\n <div className={b('code')}>\n <MonacoEditor\n key={String(fullscreenModeOn)}\n value={code}\n language=\"yaml\"\n options={options}\n onChange={onChangeWithValidation}\n theme={theme === Theme.Dark ? 'vs-dark' : 'vs'}\n />\n </div>\n <div className={b('footer')}>\n {message && (\n <div className={b('message-container')}>\n <div className={b('message', {status: message.status})}>{message.text}</div>\n </div>\n )}\n </div>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"CodeEditor.js","sourceRoot":"../../../../../src","sources":["editor/components/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,mBAAmB,CAAC;AACjF,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAC/C,OAAO,QAAQ,2BAAwB;AACvC,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAc,KAAK,EAAC,iCAAwB;AACnD,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAC,aAAa,EAAC,yBAAsB;AAC5C,OAAO,EAAC,SAAS,EAAC,4BAAyB;AAG3C,OAAO,EAAC,OAAO,EAAC,uBAAoB;AAEpC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,0BAA0B,GAAG,GAAG,CAAC;AAWvC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAChC,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,IAAI,EAAkB,EAAE,EAAE;IACzF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,MAAM,EAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE9D,uDAAuD;IACvD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAC5C,QAAQ,CAAC,CAAC,OAAe,EAAE,EAAE;QACzB,MAAM,gBAAgB,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QAE5C,UAAU,CAAC,gBAAgB,CAAC,CAAC;QAC7B,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACjC,CAAC,EAAE,0BAA0B,CAAC,EAC9B,CAAC,QAAQ,EAAE,SAAS,CAAC,CACxB,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,gBAAgB,EAAC,CAAC,aAC7C,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACvB,KAAC,MAAM,IACH,IAAI,EAAC,gBAAgB,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,gBAAgB,CAAC,YAE1D,KAAC,IAAI,IACD,IAAI,EACA,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,qBAAqB,EAEtE,IAAI,EAAE,EAAE,GACV,GACG,GACP,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,YAAY,IAET,YAAY,EAAE,IAAI,EAClB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAC,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,sBAAsB,EAChC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,IANzC,MAAM,CAAC,gBAAgB,CAAC,CAO/B,GACA,EACN,cAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,YACtB,OAAO,IAAI,CACR,cAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,YAClC,cAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,EAAC,CAAC,YACjD,OAAO,CAAC,IAAI,GACX,GACJ,CACT,GACC,IACJ,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ChevronsCollapseUpRight, ChevronsExpandUpRight} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport debounce from 'lodash/debounce';\nimport MonacoEditor from 'react-monaco-editor';\n\nimport {PageContent, Theme} from '../../../models';\nimport {block} from '../../../utils';\nimport {EditorContext} from '../../context';\nimport {parseCode} from '../../utils/code';\nimport {CodeEditorMessageProps} from '../../utils/validation';\n\nimport {options} from './constants';\n\nimport './CodeEditor.scss';\n\nconst b = block('code-editor');\n\nconst ON_CHANGE_DEBOUNCE_TIMEOUT = 300;\n\ninterface CodeEditorProps {\n code: string;\n fullscreenModeOn: boolean;\n validator: (code: string) => CodeEditorMessageProps;\n onFullscreenModeOnUpdate: (fullscreenModeOn: boolean) => void;\n onChange: (content: PageContent) => void;\n message?: CodeEditorMessageProps;\n}\n\nexport const CodeEditor = React.memo(\n ({onChange, validator, fullscreenModeOn, onFullscreenModeOnUpdate, code}: CodeEditorProps) => {\n const [message, setMessage] = React.useState(() => validator(code));\n const {theme = Theme.Light} = React.useContext(EditorContext);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n const onChangeWithValidation = React.useCallback(\n debounce((newCode: string) => {\n const validationResult = validator(newCode);\n\n setMessage(validationResult);\n onChange(parseCode(newCode));\n }, ON_CHANGE_DEBOUNCE_TIMEOUT),\n [onChange, validator],\n );\n\n return (\n <div className={b({fullscreen: fullscreenModeOn})}>\n <div className={b('header')}>\n <Button\n view=\"flat-secondary\"\n onClick={() => onFullscreenModeOnUpdate(!fullscreenModeOn)}\n >\n <Icon\n data={\n fullscreenModeOn ? ChevronsCollapseUpRight : ChevronsExpandUpRight\n }\n size={16}\n />\n </Button>\n </div>\n <div className={b('code')}>\n <MonacoEditor\n key={String(fullscreenModeOn)}\n defaultValue={code}\n value={code}\n language=\"yaml\"\n options={options}\n onChange={onChangeWithValidation}\n theme={theme === Theme.Dark ? 'vs-dark' : 'vs'}\n />\n </div>\n <div className={b('footer')}>\n {message && (\n <div className={b('message-container')}>\n <div className={b('message', {status: message.status})}>\n {message.text}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n },\n);\n\nCodeEditor.displayName = 'CodeEditor';\n"]}

package/build/esm/grid/Grid/Grid.css CHANGED Viewed

@@ -2,11 +2,15 @@
 .pc-Grid .container {
   max-width: calc(1232px + 8px * 2 + 40px * 2);
 }
+.pc-Grid .row {
+  margin-right: 0;
+  margin-left: 0;
+}
 .pc-Grid .pc-Grid .container-fluid,
 .pc-Grid .pc-Grid .container {
   padding: 0;
 }
-.pc-Grid .row {
+.pc-Grid .row .row {
   margin: 0 -8px;
 }
 .pc-Grid_debug .container,
@@ -77,7 +81,7 @@
   .pc-Grid .col-12 {
     padding: 0 8px;
   }
-  .pc-Grid .row {
+  .pc-Grid .row .row {
     margin: 0 -8px;
   }
 }

package/build/esm/hooks/useAnalytics.js CHANGED Viewed

@@ -8,7 +8,7 @@ export const useAnalytics = (name = '', target) => {
     const defaultEvent = React.useMemo(() => name
         ? {
             name,
-            context: String(context),
+            context,
             type: PredefinedEventTypes.Default,
             target: target,
         }

package/build/esm/hooks/useAnalytics.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnalytics.js","sourceRoot":"../../../src","sources":["hooks/useAnalytics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,gBAAgB,EAAC,6CAAoC;AAC7D,OAAO,EAAC,cAAc,EAAC,2CAAkC;AACzD,OAAO,EAAsC,oBAAoB,EAAC,2BAAkB;AAEpF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,MAAe,EAAE,EAAE;IACvD,MAAM,EAAC,UAAU,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACD,IAAI;QACA,CAAC,CAAC;YACI,IAAI;YACJ,OAAO~~,EAAE,MAAM,CAAC,OAAO,CAAC~~;~~YACxB~~,IAAI,EAAE,oBAAoB,CAAC,OAAO;YAClC,MAAM,EAAE,MAAM;SACjB;QACH,CAAC,CAAC,SAAS,EACnB,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACpB,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO,CAAC,CAA8B,EAAE,iBAA0C,EAAE,EAAE;QAClF,IAAI,MAAM,GAAqB,aAAa,CAAC;QAE7C,IAAI,CAAC,EAAE,CAAC;YACJ,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,iBAAiB;YACpC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACnB,GAAG,KAAK;gBACR,GAAG,iBAAiB;aACvB,CAAC,CAAC;YACL,CAAC,CAAC,MAAM,CAAC;QAEb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsContext} from '../context/analyticsContext';\nimport {BlockIdContext} from '../context/blockIdContext';\nimport {AnalyticsEvent, AnalyticsEventsProp, PredefinedEventTypes} from '../models';\n\nexport const useAnalytics = (name = '', target?: string) => {\n const {sendEvents, autoEvents} = React.useContext(AnalyticsContext);\n const context = React.useContext(BlockIdContext);\n const defaultEvent = React.useMemo(\n () =>\n name\n ? {\n name,\n context~~: String(context)~~,\n type: PredefinedEventTypes.Default,\n target: target,\n }\n : undefined,\n [context, name, target],\n );\n\n if (!sendEvents) {\n return () => {};\n }\n\n const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];\n\n return (e?: AnalyticsEventsProp \| null, additionalContext?: Record<string, string>) => {\n let events: AnalyticsEvent[] = defaultEvents;\n\n if (e) {\n events = Array.isArray(e) ? [...events, ...e] : [...events, e];\n }\n\n if (!events) {\n return;\n }\n\n const preparedEvents = additionalContext\n ? events.map((event) => ({\n ...event,\n ...additionalContext,\n }))\n : events;\n\n sendEvents(preparedEvents);\n };\n};\n"]}
1	+ {"version":3,"file":"useAnalytics.js","sourceRoot":"../../../src","sources":["hooks/useAnalytics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,gBAAgB,EAAC,6CAAoC;AAC7D,OAAO,EAAC,cAAc,EAAC,2CAAkC;AACzD,OAAO,EAAsC,oBAAoB,EAAC,2BAAkB;AAEpF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,MAAe,EAAE,EAAE;IACvD,MAAM,EAAC,UAAU,EAAE,UAAU,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACpE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CACD,IAAI;QACA,CAAC,CAAC;YACI,IAAI;YACJ,OAAO;YACP,IAAI,EAAE,oBAAoB,CAAC,OAAO;YAClC,MAAM,EAAE,MAAM;SACjB;QACH,CAAC,CAAC,SAAS,EACnB,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAC1B,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QACd,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IACpB,CAAC;IAED,MAAM,aAAa,GAAG,YAAY,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO,CAAC,CAA8B,EAAE,iBAA0C,EAAE,EAAE;QAClF,IAAI,MAAM,GAAqB,aAAa,CAAC;QAE7C,IAAI,CAAC,EAAE,CAAC;YACJ,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;QACnE,CAAC;QAED,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO;QACX,CAAC;QAED,MAAM,cAAc,GAAG,iBAAiB;YACpC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBACnB,GAAG,KAAK;gBACR,GAAG,iBAAiB;aACvB,CAAC,CAAC;YACL,CAAC,CAAC,MAAM,CAAC;QAEb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsContext} from '../context/analyticsContext';\nimport {BlockIdContext} from '../context/blockIdContext';\nimport {AnalyticsEvent, AnalyticsEventsProp, PredefinedEventTypes} from '../models';\n\nexport const useAnalytics = (name = '', target?: string) => {\n const {sendEvents, autoEvents} = React.useContext(AnalyticsContext);\n const context = React.useContext(BlockIdContext);\n const defaultEvent = React.useMemo(\n () =>\n name\n ? {\n name,\n context,\n type: PredefinedEventTypes.Default,\n target: target,\n }\n : undefined,\n [context, name, target],\n );\n\n if (!sendEvents) {\n return () => {};\n }\n\n const defaultEvents = defaultEvent && autoEvents ? [defaultEvent] : [];\n\n return (e?: AnalyticsEventsProp \| null, additionalContext?: Record<string, string>) => {\n let events: AnalyticsEvent[] = defaultEvents;\n\n if (e) {\n events = Array.isArray(e) ? [...events, ...e] : [...events, e];\n }\n\n if (!events) {\n return;\n }\n\n const preparedEvents = additionalContext\n ? events.map((event) => ({\n ...event,\n ...additionalContext,\n }))\n : events;\n\n sendEvents(preparedEvents);\n };\n};\n"]}

package/build/esm/models/constructor-items/blocks.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export declare enum BlockType {
     ExtendedFeaturesBlock = "extended-features-block",
     SliderBlock = "slider-block",
     QuestionsBlock = "questions-block",
+    FoldableListBlock = "foldable-list-block",
     BannerBlock = "banner-block",
     CompaniesBlock = "companies-block",
     MediaBlock = "media-block",
@@ -25,7 +26,6 @@ export declare enum BlockType {
     MapBlock = "map-block",
     FilterBlock = "filter-block",
     FormBlock = "form-block",
-    TestEditorBlock = "test-editor-block",
     SliderNewBlock = "slider-new-block"
 }
 export declare const BlockTypes: BlockType[];
@@ -170,6 +170,19 @@ export interface QuestionBlockItemProps extends QuestionItem {
     isOpened: boolean;
     onClick: () => void;
 }
+export interface FoldableListItem {
+    title: string;
+    text: string;
+    listStyle?: 'dash' | 'disk';
+    link?: LinkProps;
+}
+export interface FoldableListProps extends Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
+    items: FoldableListItem[];
+}
+export interface FoldableListBlockItemProps extends FoldableListItem {
+    isOpened: boolean;
+    onClick: () => void;
+}
 export interface BannerBlockProps extends BannerCardProps, Animatable {
 }
 export interface CompaniesBlockProps extends Animatable {
@@ -369,6 +382,9 @@ export type PromoFeaturesBlockModel = {
 export type QuestionsBlockModel = {
     type: BlockType.QuestionsBlock;
 } & QuestionsProps;
+export type FoldableListBlockModel = {
+    type: BlockType.FoldableListBlock;
+} & FoldableListProps;
 export type BannerBlockModel = {
     type: BlockType.BannerBlock;
 } & BannerBlockProps;
@@ -414,7 +430,7 @@ export type FormBlockModel = {
 export type SliderNewBlockModel = {
     type: BlockType.SliderNewBlock;
 } & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
+type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | FoldableListBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
 type UnstableBlockModels = SliderNewBlockModel;
 export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
 export {};

package/build/esm/models/constructor-items/blocks.js CHANGED Viewed

@@ -4,6 +4,7 @@ export var BlockType;
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
     BlockType["SliderBlock"] = "slider-block";
     BlockType["QuestionsBlock"] = "questions-block";
+    BlockType["FoldableListBlock"] = "foldable-list-block";
     BlockType["BannerBlock"] = "banner-block";
     BlockType["CompaniesBlock"] = "companies-block";
     BlockType["MediaBlock"] = "media-block";
@@ -20,7 +21,6 @@ export var BlockType;
     BlockType["FilterBlock"] = "filter-block";
     BlockType["FormBlock"] = "form-block";
     // unstable
-    BlockType["TestEditorBlock"] = "test-editor-block";
     BlockType["SliderNewBlock"] = "slider-new-block";
 })(BlockType || (BlockType = {}));
 export const BlockTypes = Object.values(BlockType);

package/build/esm/models/constructor-items/blocks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"blocks.js","sourceRoot":"../../../../src","sources":["models/constructor-items/blocks.ts"],"names":[],"mappings":"AA2CA,MAAM,CAAN,IAAY,SAuBX;AAvBD,WAAY,SAAS;IACjB,wDAA2C,CAAA;IAC3C,8DAAiD,CAAA;IACjD,yCAA4B,CAAA;IAC5B,+CAAkC,CAAA;IAClC,yCAA4B,CAAA;IAC5B,+CAAkC,CAAA;IAClC,uCAA0B,CAAA;IAC1B,qCAAwB,CAAA;IACxB,uCAA0B,CAAA;IAC1B,qCAAwB,CAAA;IACxB,sDAAyC,CAAA;IACzC,yCAA4B,CAAA;IAC5B,uCAA0B,CAAA;IAC1B,kDAAqC,CAAA;IACrC,wDAA2C,CAAA;IAC3C,uCAA0B,CAAA;IAC1B,mCAAsB,CAAA;IACtB,yCAA4B,CAAA;IAC5B,qCAAwB,CAAA;IACxB,WAAW;IACX,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;AACvC,CAAC,EAvBW,SAAS,KAAT,SAAS,QAuBpB;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAgCrF,MAAM,CAAN,IAAY,qBAKX;AALD,WAAY,qBAAqB;IAC7B,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;AACb,CAAC,EALW,qBAAqB,KAArB,qBAAqB,QAKhC;AAED,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IAClB,sCAAwB,CAAA;IACxB,wCAA0B,CAAA;AAC9B,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AA+SD,MAAM,CAAN,IAAY,oBAMX;AAND,WAAY,oBAAoB;IAC5B,iCAAS,CAAA;IACT,6CAAqB,CAAA;IACrB,2CAAmB,CAAA;IACnB,6CAAqB,CAAA;IACrB,6CAAqB,CAAA;AACzB,CAAC,EANW,oBAAoB,KAApB,oBAAoB,QAM/B;AAOD,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,uCAAiB,CAAA;IACjB,yCAAmB,CAAA;AACvB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC1B,kDAA4B,CAAA;IAC5B,kDAA4B,CAAA;IAC5B,uCAAiB,CAAA;AACrB,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B","sourcesContent":["import * as React from 'react';\n\nimport {ButtonSize} from '@gravity-ui/uikit';\n\nimport {GridColumnSize, GridColumnSizesType, IndentValue} from '../../grid/types';\nimport {ThemeSupporting} from '../../utils';\nimport {AnalyticsEventsBase} from '../common';\n\nimport {\n AnchorProps,\n Animatable,\n BackgroundImageProps,\n ButtonProps,\n CardBorder,\n ContentSize,\n ContentTextSize,\n ContentTheme,\n FileLinkProps,\n HeaderBreadCrumbsProps,\n HeaderImageSize,\n HeaderOffset,\n HeaderWidth,\n ImageDeviceProps,\n ImageProps,\n Justify,\n LegendTableMarkerType,\n LinkProps,\n MapProps,\n MediaDirection,\n MediaProps,\n MediaView,\n TextSize,\n TextTheme,\n ThemedImage,\n ThemedMediaProps,\n ThemedMediaVideoProps,\n TitleItemBaseProps,\n TitleItemProps,\n WithBorder,\n YandexFormProps,\n} from './common';\nimport {BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels} from './sub-blocks';\n\nexport enum BlockType {\n PromoFeaturesBlock = 'promo-features-block',\n ExtendedFeaturesBlock = 'extended-features-block',\n SliderBlock = 'slider-block',\n QuestionsBlock = 'questions-block',\n BannerBlock = 'banner-block',\n CompaniesBlock = 'companies-block',\n MediaBlock = 'media-block',\n InfoBlock = 'info-block',\n TableBlock = 'table-block',\n TabsBlock = 'tabs-block',\n HeaderSliderBlock = 'header-slider-block',\n HeaderBlock = 'header-block',\n IconsBlock = 'icons-block',\n CardLayoutBlock = 'card-layout-block',\n ContentLayoutBlock = 'content-layout-block',\n ShareBlock = 'share-block',\n MapBlock = 'map-block',\n FilterBlock = 'filter-block',\n FormBlock = 'form-block',\n // unstable\n TestEditorBlock = 'test-editor-block',\n SliderNewBlock = 'slider-new-block',\n}\n\nexport const BlockTypes = Object.values(BlockType);\nexport const HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];\n\nexport interface Childable {\n children?: SubBlock[];\n}\n\n//block props\nexport interface BlockBaseProps {\n anchor?: AnchorProps;\n visible?: GridColumnSize;\n /** @deprecated /\n resetPaddings?: boolean;\n indent?: {\n top?: IndentValue;\n bottom?: IndentValue;\n };\n qa?: string;\n}\n\nexport interface LoadableProps {\n source: string;\n /\n @deprecated Will be moved to params\n /\n serviceId?: number;\n params?: Record<string, string \| number \| boolean \| object>;\n}\n\nexport interface LoadableChildren {\n loadable?: LoadableProps;\n}\n\nexport enum SliderBreakpointNames {\n Sm = 'sm',\n Md = 'md',\n Lg = 'lg',\n Xl = 'xl',\n}\n\nexport enum SliderType {\n MediaCard = 'media-card',\n HeaderCard = 'header-card',\n}\n\nexport type SliderBreakpointParams = Record<SliderBreakpointNames, number>;\nexport type SlidesToShow = Partial<SliderBreakpointParams> \| number;\n\nexport interface SliderProps extends Childable, Animatable, LoadableChildren {\n dots?: boolean;\n arrows?: boolean;\n slidesToShow?: SlidesToShow;\n disclaimer?: {\n text: string;\n size?: TextSize;\n };\n title?: TitleItemBaseProps;\n description?: string;\n autoplay?: number;\n //for server transforms\n randomOrder?: boolean;\n adaptive?: boolean;\n}\n\nexport interface SliderNewProps extends Childable, Animatable, LoadableChildren {\n dots?: boolean;\n arrows?: boolean;\n slidesToShow?: SlidesToShow;\n disclaimer?: {\n text: string;\n size?: TextSize;\n };\n title?: TitleItemBaseProps;\n description?: string;\n autoplay?: number;\n //for server transforms\n randomOrder?: boolean;\n}\n\nexport interface HeaderSliderBlockProps extends Omit<SliderProps, 'title' \| 'description'> {\n items: HeaderBlockProps[];\n}\n\ninterface HeaderBackgroundProps {\n /* @deprecated replaced by Media Props image /\n url?: string;\n /* @deprecated replaced by Media Props image /\n disableCompress?: boolean;\n}\n\nexport interface HeaderBlockBackground extends Partial<HeaderBackgroundProps>, Partial<MediaProps> {\n fullWidth?: boolean;\n fullWidthMedia?: boolean;\n}\n\nexport type ThemedHeaderBlockBackground = ThemeSupporting<HeaderBlockBackground>;\n\nexport interface HeaderBlockProps {\n title: string;\n overtitle?: string \| JSX.Element;\n description?: string;\n buttons?: Pick<ButtonProps, 'url' \| 'text' \| 'theme' \| 'primary' \| 'size' \| 'extraProps'>[];\n width?: HeaderWidth;\n /* @deprecated imageSize now depends on width /\n imageSize?: HeaderImageSize;\n /\n @deprecated used only on the main page\n * TODO: delete after the possibility to remove padding-bottom in the block\n /\n offset?: HeaderOffset;\n image?: ThemedImage;\n video?: ThemedMediaVideoProps;\n mediaView?: MediaView;\n centered?: boolean;\n background?: ThemedHeaderBlockBackground;\n theme?: 'light' \| 'dark';\n verticalOffset?: '0' \| 's' \| 'm' \| 'l' \| 'xl';\n breadcrumbs?: HeaderBreadCrumbsProps;\n status?: JSX.Element;\n renderTitle?: (title: string) => React.ReactNode;\n}\n\nexport interface ExtendedFeaturesItem\n extends Omit<ContentBlockProps, 'theme' \| 'centered' \| 'colSizes' \| 'size' \| 'title'> {\n title: string;\n label?: string;\n icon?: ThemedImage;\n /* @deprecated /\n link?: LinkProps;\n}\n\nexport interface ExtendedFeaturesProps extends Animatable {\n items: ExtendedFeaturesItem[];\n title?: TitleItemProps \| string;\n description?: string;\n colSizes?: GridColumnSizesType;\n}\n\nexport interface PromoFeaturesItem {\n title: string;\n text: string;\n theme?: 'accent' \| 'accent-light' \| 'primary';\n media?: ThemeSupporting<MediaProps>;\n}\n\nexport interface PromoFeaturesProps extends Animatable {\n items: PromoFeaturesItem[];\n title?: TitleItemProps \| string;\n description?: string;\n theme?: 'grey' \| 'default';\n}\n\nexport interface QuestionItem {\n title: string;\n text: string;\n listStyle?: 'dash' \| 'disk';\n link?: LinkProps;\n}\n\nexport interface QuestionsProps\n extends Omit<ContentBlockProps, 'colSizes' \| 'centered' \| 'size' \| 'theme'> {\n items: QuestionItem[];\n}\n\nexport interface QuestionBlockItemProps extends QuestionItem {\n isOpened: boolean;\n onClick: () => void;\n}\n\nexport interface BannerBlockProps extends BannerCardProps, Animatable {}\n\nexport interface CompaniesBlockProps extends Animatable {\n title: string;\n description?: string;\n images: ThemeSupporting<ImageDeviceProps>;\n}\n\nexport interface MediaBaseBlockProps extends Animatable, MediaContentProps {\n direction?: MediaDirection;\n mobileDirection?: MediaDirection;\n largeMedia?: boolean;\n mediaOnly?: boolean;\n mediaOnlyColSizes?: GridColumnSizesType;\n}\n\nexport interface MediaContentProps\n extends Omit<ContentBlockProps, 'colSizes' \| 'text' \| 'title' \| 'theme' \| 'centered'> {\n title: string;\n description?: string;\n / @deprecated Use array of buttons from ContentBlockProps instead/\n button?: ButtonProps;\n}\n\nexport interface MediaBlockProps extends MediaBaseBlockProps, WithBorder {\n media: ThemeSupporting<MediaProps>;\n}\n\nexport interface MapBlockProps extends MediaBaseBlockProps, WithBorder {\n map: MapProps;\n}\n\nexport interface InfoBlockProps {\n theme?: TextTheme;\n backgroundColor?: ThemeSupporting<string>;\n / @deprecated /\n title?: string;\n / @deprecated /\n buttons?: Pick<ButtonProps, 'url' \| 'text' \| 'theme'>[];\n / @deprecated /\n sectionsTitle?: string;\n / @deprecated /\n links?: Pick<LinkProps, 'text' \| 'url'>[];\n leftContent?: Omit<ContentBlockProps, 'colSizes' \| 'theme' \| 'size'>;\n rightContent?: Omit<ContentBlockProps, 'colSizes' \| 'theme' \| 'size'>;\n}\n\nexport interface TableProps {\n content: string[][];\n legend?: string[];\n hideLegend?: boolean;\n justify?: Justify[];\n marker?: LegendTableMarkerType;\n /\n * Only as accessible name, not displayed explicitly\n /\n caption?: string;\n}\n\nexport interface TableBlockProps {\n title: string;\n table: TableProps;\n}\n\nexport interface TabsBlockItem\n extends Omit<ContentBlockProps, 'size' \| 'colSizes' \| 'centered' \| 'theme'>,\n WithBorder {\n tabName: string;\n /\n @deprecated Use array links from ContentBlockProps instead\n */\n link?: LinkProps;\n image?: ThemedImage;\n caption?: string;\n media?: ThemedMediaProps;\n}\n\nexport interface TabsBlockProps extends Animatable {\n title?: TitleItemProps \| string;\n description?: string;\n tabsColSizes?: GridColumnSizesType;\n centered?: boolean;\n direction?: MediaDirection;\n items: TabsBlockItem[];\n contentSize?: ContentSize;\n}\n\nexport interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {\n title?: TitleItemProps \| string;\n titleClassName?: string;\n description?: string;\n colSizes?: GridColumnSizesType;\n background?: ThemeSupporting<\n BackgroundImageProps & {\n border?: CardBorder;\n }\n >;\n}\n\nexport type FilterTag = {\n id: string;\n label: string;\n};\n\nexport type FilterItem = {\n tags: string[];\n card: SubBlockModels;\n};\n\nexport interface FilterBlockProps extends Animatable, LoadableChildren {\n title?: TitleItemProps \| string;\n description?: string;\n tags: FilterTag[];\n items: FilterItem[];\n tagButtonSize?: ButtonSize;\n allTag?: boolean \| string;\n colSizes?: GridColumnSizesType;\n centered?: boolean;\n}\n\nexport interface IconsBlockItemProps extends AnalyticsEventsBase {\n url: string;\n text: string;\n src: ThemeSupporting<string>;\n}\n\nexport interface IconsBlockProps {\n title?: string;\n description?: string;\n size?: 's' \| 'm' \| 'l';\n items: IconsBlockItemProps[];\n colSizes?: GridColumnSizesType;\n}\n\ninterface ContentLayoutBlockParams {\n size?: ContentSize;\n background?: ThemeSupporting<BackgroundImageProps>;\n centered?: boolean;\n theme?: ContentTheme;\n textWidth?: ContentTextSize;\n}\n\nexport interface ContentLayoutBlockProps extends ContentLayoutBlockParams {\n textContent: ContentBlockProps;\n fileContent?: FileLinkProps[];\n}\n\nexport type SVGIcon = React.FC<React.SVGProps<SVGSVGElement>>;\n\nexport interface ContentItemProps {\n title?: string;\n text?: string;\n icon: ThemeSupporting<ImageProps \| SVGIcon>;\n}\n\nexport interface ContentListProps {\n list: ContentItemProps[];\n size: ContentSize;\n theme?: ContentTheme;\n}\n\nexport interface ContentBlockProps {\n title?: TitleItemBaseProps \| string;\n titleId?: string;\n text?: string;\n textId?: string;\n additionalInfo?: string;\n links?: LinkProps[];\n buttons?: ButtonProps[];\n size?: ContentSize;\n colSizes?: GridColumnSizesType;\n centered?: boolean;\n theme?: ContentTheme;\n list?: ContentItemProps[];\n controlPosition?: 'default' \| 'bottom';\n}\n\nexport enum PCShareSocialNetwork {\n Vk = 'vk',\n Telegram = 'telegram',\n Twitter = 'twitter',\n Facebook = 'facebook',\n LinkedIn = 'linkedin',\n}\n\nexport interface ShareBlockProps {\n items: PCShareSocialNetwork[];\n title?: string;\n}\n\nexport enum FormBlockDataTypes {\n YANDEX = 'yandex',\n HUBSPOT = 'hubspot',\n}\n\nexport enum FormBlockDirection {\n FormContent = 'form-content',\n ContentForm = 'content-form',\n Center = 'center',\n}\n\nexport interface FormBlockYandexData {\n yandex: ThemeSupporting<YandexFormProps>;\n}\n\nexport interface FormBlockHubspotData {\n hubspot: ThemeSupporting<HubspotFormProps>;\n}\n\nexport type FormBlockData = FormBlockYandexData \| FormBlockHubspotData;\n\nexport interface FormBlockProps {\n formData: FormBlockData;\n title?: string;\n textContent?: Omit<ContentBlockProps, 'centered' \| 'colSizes' \| 'size'>;\n direction?: FormBlockDirection;\n background?: ThemeSupporting<BackgroundImageProps>;\n}\n\n//block models\nexport type HeaderBlockModel = {\n type: BlockType.HeaderBlock;\n} & HeaderBlockProps;\n\nexport type SliderBlockModel = {\n type: BlockType.SliderBlock;\n} & SliderProps;\n\nexport type ExtendedFeaturesBlockModel = {\n type: BlockType.ExtendedFeaturesBlock;\n} & ExtendedFeaturesProps;\n\nexport type PromoFeaturesBlockModel = {\n type: BlockType.PromoFeaturesBlock;\n} & PromoFeaturesProps;\n\nexport type QuestionsBlockModel = {\n type: BlockType.QuestionsBlock;\n} & QuestionsProps;\n\nexport type BannerBlockModel = {\n type: BlockType.BannerBlock;\n} & BannerBlockProps;\n\nexport type CompaniesBlockModel = {\n type: BlockType.CompaniesBlock;\n} & CompaniesBlockProps;\n\nexport type MediaBlockModel = {\n type: BlockType.MediaBlock;\n} & MediaBlockProps;\n\nexport type MapBlockModel = {\n type: BlockType.MapBlock;\n} & MapBlockProps;\n\nexport type InfoBlockModel = {\n type: BlockType.InfoBlock;\n} & InfoBlockProps;\n\nexport type TableBlockModel = {\n type: BlockType.TableBlock;\n} & TableBlockProps;\n\nexport type TabsBlockModel = {\n type: BlockType.TabsBlock;\n} & TabsBlockProps;\n\nexport type CardLayoutBlockModel = {\n type: BlockType.CardLayoutBlock;\n} & CardLayoutBlockProps;\n\nexport type FilterBlockModel = {\n type: BlockType.FilterBlock;\n} & FilterBlockProps;\n\nexport type IconsBlockModel = {\n type: BlockType.IconsBlock;\n} & IconsBlockProps;\n\nexport type HeaderSliderBlockModel = {\n type: BlockType.HeaderSliderBlock;\n} & HeaderSliderBlockProps;\n\nexport type ContentLayoutBlockModel = {\n type: BlockType.ContentLayoutBlock;\n} & ContentLayoutBlockProps;\n\nexport type ShareBLockModel = {\n type: BlockType.ShareBlock;\n} & ShareBlockProps;\n\nexport type FormBlockModel = {\n type: BlockType.FormBlock;\n} & FormBlockProps;\n\n// unstable block models\nexport type SliderNewBlockModel = {\n type: BlockType.SliderNewBlock;\n} & SliderNewProps;\n\ntype BlockModels =\n \| SliderBlockModel\n \| ExtendedFeaturesBlockModel\n \| PromoFeaturesBlockModel\n \| QuestionsBlockModel\n \| BannerBlockModel\n \| CompaniesBlockModel\n \| MediaBlockModel\n \| MapBlockModel\n \| InfoBlockModel\n \| TableBlockModel\n \| TabsBlockModel\n \| HeaderBlockModel\n \| IconsBlockModel\n \| HeaderSliderBlockModel\n \| CardLayoutBlockModel\n \| ContentLayoutBlockModel\n \| ShareBLockModel\n \| FilterBlockModel\n \| FormBlockModel;\n\ntype UnstableBlockModels = SliderNewBlockModel;\n\nexport type Block = (BlockModels \| UnstableBlockModels) & BlockBaseProps;\n"]}
1	+ {"version":3,"file":"blocks.js","sourceRoot":"../../../../src","sources":["models/constructor-items/blocks.ts"],"names":[],"mappings":"AA2CA,MAAM,CAAN,IAAY,SAuBX;AAvBD,WAAY,SAAS;IACjB,wDAA2C,CAAA;IAC3C,8DAAiD,CAAA;IACjD,yCAA4B,CAAA;IAC5B,+CAAkC,CAAA;IAClC,sDAAyC,CAAA;IACzC,yCAA4B,CAAA;IAC5B,+CAAkC,CAAA;IAClC,uCAA0B,CAAA;IAC1B,qCAAwB,CAAA;IACxB,uCAA0B,CAAA;IAC1B,qCAAwB,CAAA;IACxB,sDAAyC,CAAA;IACzC,yCAA4B,CAAA;IAC5B,uCAA0B,CAAA;IAC1B,kDAAqC,CAAA;IACrC,wDAA2C,CAAA;IAC3C,uCAA0B,CAAA;IAC1B,mCAAsB,CAAA;IACtB,yCAA4B,CAAA;IAC5B,qCAAwB,CAAA;IACxB,WAAW;IACX,gDAAmC,CAAA;AACvC,CAAC,EAvBW,SAAS,KAAT,SAAS,QAuBpB;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAgCrF,MAAM,CAAN,IAAY,qBAKX;AALD,WAAY,qBAAqB;IAC7B,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;AACb,CAAC,EALW,qBAAqB,KAArB,qBAAqB,QAKhC;AAED,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IAClB,sCAAwB,CAAA;IACxB,wCAA0B,CAAA;AAC9B,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AAgUD,MAAM,CAAN,IAAY,oBAMX;AAND,WAAY,oBAAoB;IAC5B,iCAAS,CAAA;IACT,6CAAqB,CAAA;IACrB,2CAAmB,CAAA;IACnB,6CAAqB,CAAA;IACrB,6CAAqB,CAAA;AACzB,CAAC,EANW,oBAAoB,KAApB,oBAAoB,QAM/B;AAOD,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,uCAAiB,CAAA;IACjB,yCAAmB,CAAA;AACvB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC1B,kDAA4B,CAAA;IAC5B,kDAA4B,CAAA;IAC5B,uCAAiB,CAAA;AACrB,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B","sourcesContent":["import * as React from 'react';\n\nimport {ButtonSize} from '@gravity-ui/uikit';\n\nimport {GridColumnSize, GridColumnSizesType, IndentValue} from '../../grid/types';\nimport {ThemeSupporting} from '../../utils';\nimport {AnalyticsEventsBase} from '../common';\n\nimport {\n AnchorProps,\n Animatable,\n BackgroundImageProps,\n ButtonProps,\n CardBorder,\n ContentSize,\n ContentTextSize,\n ContentTheme,\n FileLinkProps,\n HeaderBreadCrumbsProps,\n HeaderImageSize,\n HeaderOffset,\n HeaderWidth,\n ImageDeviceProps,\n ImageProps,\n Justify,\n LegendTableMarkerType,\n LinkProps,\n MapProps,\n MediaDirection,\n MediaProps,\n MediaView,\n TextSize,\n TextTheme,\n ThemedImage,\n ThemedMediaProps,\n ThemedMediaVideoProps,\n TitleItemBaseProps,\n TitleItemProps,\n WithBorder,\n YandexFormProps,\n} from './common';\nimport {BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels} from './sub-blocks';\n\nexport enum BlockType {\n PromoFeaturesBlock = 'promo-features-block',\n ExtendedFeaturesBlock = 'extended-features-block',\n SliderBlock = 'slider-block',\n QuestionsBlock = 'questions-block',\n FoldableListBlock = 'foldable-list-block',\n BannerBlock = 'banner-block',\n CompaniesBlock = 'companies-block',\n MediaBlock = 'media-block',\n InfoBlock = 'info-block',\n TableBlock = 'table-block',\n TabsBlock = 'tabs-block',\n HeaderSliderBlock = 'header-slider-block',\n HeaderBlock = 'header-block',\n IconsBlock = 'icons-block',\n CardLayoutBlock = 'card-layout-block',\n ContentLayoutBlock = 'content-layout-block',\n ShareBlock = 'share-block',\n MapBlock = 'map-block',\n FilterBlock = 'filter-block',\n FormBlock = 'form-block',\n // unstable\n SliderNewBlock = 'slider-new-block',\n}\n\nexport const BlockTypes = Object.values(BlockType);\nexport const HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];\n\nexport interface Childable {\n children?: SubBlock[];\n}\n\n//block props\nexport interface BlockBaseProps {\n anchor?: AnchorProps;\n visible?: GridColumnSize;\n /** @deprecated /\n resetPaddings?: boolean;\n indent?: {\n top?: IndentValue;\n bottom?: IndentValue;\n };\n qa?: string;\n}\n\nexport interface LoadableProps {\n source: string;\n /\n @deprecated Will be moved to params\n /\n serviceId?: number;\n params?: Record<string, string \| number \| boolean \| object>;\n}\n\nexport interface LoadableChildren {\n loadable?: LoadableProps;\n}\n\nexport enum SliderBreakpointNames {\n Sm = 'sm',\n Md = 'md',\n Lg = 'lg',\n Xl = 'xl',\n}\n\nexport enum SliderType {\n MediaCard = 'media-card',\n HeaderCard = 'header-card',\n}\n\nexport type SliderBreakpointParams = Record<SliderBreakpointNames, number>;\nexport type SlidesToShow = Partial<SliderBreakpointParams> \| number;\n\nexport interface SliderProps extends Childable, Animatable, LoadableChildren {\n dots?: boolean;\n arrows?: boolean;\n slidesToShow?: SlidesToShow;\n disclaimer?: {\n text: string;\n size?: TextSize;\n };\n title?: TitleItemBaseProps;\n description?: string;\n autoplay?: number;\n //for server transforms\n randomOrder?: boolean;\n adaptive?: boolean;\n}\n\nexport interface SliderNewProps extends Childable, Animatable, LoadableChildren {\n dots?: boolean;\n arrows?: boolean;\n slidesToShow?: SlidesToShow;\n disclaimer?: {\n text: string;\n size?: TextSize;\n };\n title?: TitleItemBaseProps;\n description?: string;\n autoplay?: number;\n //for server transforms\n randomOrder?: boolean;\n}\n\nexport interface HeaderSliderBlockProps extends Omit<SliderProps, 'title' \| 'description'> {\n items: HeaderBlockProps[];\n}\n\ninterface HeaderBackgroundProps {\n /* @deprecated replaced by Media Props image /\n url?: string;\n /* @deprecated replaced by Media Props image /\n disableCompress?: boolean;\n}\n\nexport interface HeaderBlockBackground extends Partial<HeaderBackgroundProps>, Partial<MediaProps> {\n fullWidth?: boolean;\n fullWidthMedia?: boolean;\n}\n\nexport type ThemedHeaderBlockBackground = ThemeSupporting<HeaderBlockBackground>;\n\nexport interface HeaderBlockProps {\n title: string;\n overtitle?: string \| JSX.Element;\n description?: string;\n buttons?: Pick<ButtonProps, 'url' \| 'text' \| 'theme' \| 'primary' \| 'size' \| 'extraProps'>[];\n width?: HeaderWidth;\n /* @deprecated imageSize now depends on width /\n imageSize?: HeaderImageSize;\n /\n @deprecated used only on the main page\n * TODO: delete after the possibility to remove padding-bottom in the block\n /\n offset?: HeaderOffset;\n image?: ThemedImage;\n video?: ThemedMediaVideoProps;\n mediaView?: MediaView;\n centered?: boolean;\n background?: ThemedHeaderBlockBackground;\n theme?: 'light' \| 'dark';\n verticalOffset?: '0' \| 's' \| 'm' \| 'l' \| 'xl';\n breadcrumbs?: HeaderBreadCrumbsProps;\n status?: JSX.Element;\n renderTitle?: (title: string) => React.ReactNode;\n}\n\nexport interface ExtendedFeaturesItem\n extends Omit<ContentBlockProps, 'theme' \| 'centered' \| 'colSizes' \| 'size' \| 'title'> {\n title: string;\n label?: string;\n icon?: ThemedImage;\n /* @deprecated /\n link?: LinkProps;\n}\n\nexport interface ExtendedFeaturesProps extends Animatable {\n items: ExtendedFeaturesItem[];\n title?: TitleItemProps \| string;\n description?: string;\n colSizes?: GridColumnSizesType;\n}\n\nexport interface PromoFeaturesItem {\n title: string;\n text: string;\n theme?: 'accent' \| 'accent-light' \| 'primary';\n media?: ThemeSupporting<MediaProps>;\n}\n\nexport interface PromoFeaturesProps extends Animatable {\n items: PromoFeaturesItem[];\n title?: TitleItemProps \| string;\n description?: string;\n theme?: 'grey' \| 'default';\n}\n\nexport interface QuestionItem {\n title: string;\n text: string;\n listStyle?: 'dash' \| 'disk';\n link?: LinkProps;\n}\n\nexport interface QuestionsProps\n extends Omit<ContentBlockProps, 'colSizes' \| 'centered' \| 'size' \| 'theme'> {\n items: QuestionItem[];\n}\n\nexport interface QuestionBlockItemProps extends QuestionItem {\n isOpened: boolean;\n onClick: () => void;\n}\n\nexport interface FoldableListItem {\n title: string;\n text: string;\n listStyle?: 'dash' \| 'disk';\n link?: LinkProps;\n}\n\nexport interface FoldableListProps\n extends Omit<ContentBlockProps, 'colSizes' \| 'centered' \| 'size' \| 'theme'> {\n items: FoldableListItem[];\n}\n\nexport interface FoldableListBlockItemProps extends FoldableListItem {\n isOpened: boolean;\n onClick: () => void;\n}\n\nexport interface BannerBlockProps extends BannerCardProps, Animatable {}\n\nexport interface CompaniesBlockProps extends Animatable {\n title: string;\n description?: string;\n images: ThemeSupporting<ImageDeviceProps>;\n}\n\nexport interface MediaBaseBlockProps extends Animatable, MediaContentProps {\n direction?: MediaDirection;\n mobileDirection?: MediaDirection;\n largeMedia?: boolean;\n mediaOnly?: boolean;\n mediaOnlyColSizes?: GridColumnSizesType;\n}\n\nexport interface MediaContentProps\n extends Omit<ContentBlockProps, 'colSizes' \| 'text' \| 'title' \| 'theme' \| 'centered'> {\n title: string;\n description?: string;\n / @deprecated Use array of buttons from ContentBlockProps instead/\n button?: ButtonProps;\n}\n\nexport interface MediaBlockProps extends MediaBaseBlockProps, WithBorder {\n media: ThemeSupporting<MediaProps>;\n}\n\nexport interface MapBlockProps extends MediaBaseBlockProps, WithBorder {\n map: MapProps;\n}\n\nexport interface InfoBlockProps {\n theme?: TextTheme;\n backgroundColor?: ThemeSupporting<string>;\n / @deprecated /\n title?: string;\n / @deprecated /\n buttons?: Pick<ButtonProps, 'url' \| 'text' \| 'theme'>[];\n / @deprecated /\n sectionsTitle?: string;\n / @deprecated /\n links?: Pick<LinkProps, 'text' \| 'url'>[];\n leftContent?: Omit<ContentBlockProps, 'colSizes' \| 'theme' \| 'size'>;\n rightContent?: Omit<ContentBlockProps, 'colSizes' \| 'theme' \| 'size'>;\n}\n\nexport interface TableProps {\n content: string[][];\n legend?: string[];\n hideLegend?: boolean;\n justify?: Justify[];\n marker?: LegendTableMarkerType;\n /\n * Only as accessible name, not displayed explicitly\n /\n caption?: string;\n}\n\nexport interface TableBlockProps {\n title: string;\n table: TableProps;\n}\n\nexport interface TabsBlockItem\n extends Omit<ContentBlockProps, 'size' \| 'colSizes' \| 'centered' \| 'theme'>,\n WithBorder {\n tabName: string;\n /\n @deprecated Use array links from ContentBlockProps instead\n */\n link?: LinkProps;\n image?: ThemedImage;\n caption?: string;\n media?: ThemedMediaProps;\n}\n\nexport interface TabsBlockProps extends Animatable {\n title?: TitleItemProps \| string;\n description?: string;\n tabsColSizes?: GridColumnSizesType;\n centered?: boolean;\n direction?: MediaDirection;\n items: TabsBlockItem[];\n contentSize?: ContentSize;\n}\n\nexport interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {\n title?: TitleItemProps \| string;\n titleClassName?: string;\n description?: string;\n colSizes?: GridColumnSizesType;\n background?: ThemeSupporting<\n BackgroundImageProps & {\n border?: CardBorder;\n }\n >;\n}\n\nexport type FilterTag = {\n id: string;\n label: string;\n};\n\nexport type FilterItem = {\n tags: string[];\n card: SubBlockModels;\n};\n\nexport interface FilterBlockProps extends Animatable, LoadableChildren {\n title?: TitleItemProps \| string;\n description?: string;\n tags: FilterTag[];\n items: FilterItem[];\n tagButtonSize?: ButtonSize;\n allTag?: boolean \| string;\n colSizes?: GridColumnSizesType;\n centered?: boolean;\n}\n\nexport interface IconsBlockItemProps extends AnalyticsEventsBase {\n url: string;\n text: string;\n src: ThemeSupporting<string>;\n}\n\nexport interface IconsBlockProps {\n title?: string;\n description?: string;\n size?: 's' \| 'm' \| 'l';\n items: IconsBlockItemProps[];\n colSizes?: GridColumnSizesType;\n}\n\ninterface ContentLayoutBlockParams {\n size?: ContentSize;\n background?: ThemeSupporting<BackgroundImageProps>;\n centered?: boolean;\n theme?: ContentTheme;\n textWidth?: ContentTextSize;\n}\n\nexport interface ContentLayoutBlockProps extends ContentLayoutBlockParams {\n textContent: ContentBlockProps;\n fileContent?: FileLinkProps[];\n}\n\nexport type SVGIcon = React.FC<React.SVGProps<SVGSVGElement>>;\n\nexport interface ContentItemProps {\n title?: string;\n text?: string;\n icon: ThemeSupporting<ImageProps \| SVGIcon>;\n}\n\nexport interface ContentListProps {\n list: ContentItemProps[];\n size: ContentSize;\n theme?: ContentTheme;\n}\n\nexport interface ContentBlockProps {\n title?: TitleItemBaseProps \| string;\n titleId?: string;\n text?: string;\n textId?: string;\n additionalInfo?: string;\n links?: LinkProps[];\n buttons?: ButtonProps[];\n size?: ContentSize;\n colSizes?: GridColumnSizesType;\n centered?: boolean;\n theme?: ContentTheme;\n list?: ContentItemProps[];\n controlPosition?: 'default' \| 'bottom';\n}\n\nexport enum PCShareSocialNetwork {\n Vk = 'vk',\n Telegram = 'telegram',\n Twitter = 'twitter',\n Facebook = 'facebook',\n LinkedIn = 'linkedin',\n}\n\nexport interface ShareBlockProps {\n items: PCShareSocialNetwork[];\n title?: string;\n}\n\nexport enum FormBlockDataTypes {\n YANDEX = 'yandex',\n HUBSPOT = 'hubspot',\n}\n\nexport enum FormBlockDirection {\n FormContent = 'form-content',\n ContentForm = 'content-form',\n Center = 'center',\n}\n\nexport interface FormBlockYandexData {\n yandex: ThemeSupporting<YandexFormProps>;\n}\n\nexport interface FormBlockHubspotData {\n hubspot: ThemeSupporting<HubspotFormProps>;\n}\n\nexport type FormBlockData = FormBlockYandexData \| FormBlockHubspotData;\n\nexport interface FormBlockProps {\n formData: FormBlockData;\n title?: string;\n textContent?: Omit<ContentBlockProps, 'centered' \| 'colSizes' \| 'size'>;\n direction?: FormBlockDirection;\n background?: ThemeSupporting<BackgroundImageProps>;\n}\n\n//block models\nexport type HeaderBlockModel = {\n type: BlockType.HeaderBlock;\n} & HeaderBlockProps;\n\nexport type SliderBlockModel = {\n type: BlockType.SliderBlock;\n} & SliderProps;\n\nexport type ExtendedFeaturesBlockModel = {\n type: BlockType.ExtendedFeaturesBlock;\n} & ExtendedFeaturesProps;\n\nexport type PromoFeaturesBlockModel = {\n type: BlockType.PromoFeaturesBlock;\n} & PromoFeaturesProps;\n\nexport type QuestionsBlockModel = {\n type: BlockType.QuestionsBlock;\n} & QuestionsProps;\n\nexport type FoldableListBlockModel = {\n type: BlockType.FoldableListBlock;\n} & FoldableListProps;\n\nexport type BannerBlockModel = {\n type: BlockType.BannerBlock;\n} & BannerBlockProps;\n\nexport type CompaniesBlockModel = {\n type: BlockType.CompaniesBlock;\n} & CompaniesBlockProps;\n\nexport type MediaBlockModel = {\n type: BlockType.MediaBlock;\n} & MediaBlockProps;\n\nexport type MapBlockModel = {\n type: BlockType.MapBlock;\n} & MapBlockProps;\n\nexport type InfoBlockModel = {\n type: BlockType.InfoBlock;\n} & InfoBlockProps;\n\nexport type TableBlockModel = {\n type: BlockType.TableBlock;\n} & TableBlockProps;\n\nexport type TabsBlockModel = {\n type: BlockType.TabsBlock;\n} & TabsBlockProps;\n\nexport type CardLayoutBlockModel = {\n type: BlockType.CardLayoutBlock;\n} & CardLayoutBlockProps;\n\nexport type FilterBlockModel = {\n type: BlockType.FilterBlock;\n} & FilterBlockProps;\n\nexport type IconsBlockModel = {\n type: BlockType.IconsBlock;\n} & IconsBlockProps;\n\nexport type HeaderSliderBlockModel = {\n type: BlockType.HeaderSliderBlock;\n} & HeaderSliderBlockProps;\n\nexport type ContentLayoutBlockModel = {\n type: BlockType.ContentLayoutBlock;\n} & ContentLayoutBlockProps;\n\nexport type ShareBLockModel = {\n type: BlockType.ShareBlock;\n} & ShareBlockProps;\n\nexport type FormBlockModel = {\n type: BlockType.FormBlock;\n} & FormBlockProps;\n\n// unstable block models\nexport type SliderNewBlockModel = {\n type: BlockType.SliderNewBlock;\n} & SliderNewProps;\n\ntype BlockModels =\n \| SliderBlockModel\n \| ExtendedFeaturesBlockModel\n \| PromoFeaturesBlockModel\n \| QuestionsBlockModel\n \| FoldableListBlockModel\n \| BannerBlockModel\n \| CompaniesBlockModel\n \| MediaBlockModel\n \| MapBlockModel\n \| InfoBlockModel\n \| TableBlockModel\n \| TabsBlockModel\n \| HeaderBlockModel\n \| IconsBlockModel\n \| HeaderSliderBlockModel\n \| CardLayoutBlockModel\n \| ContentLayoutBlockModel\n \| ShareBLockModel\n \| FilterBlockModel\n \| FormBlockModel;\n\ntype UnstableBlockModels = SliderNewBlockModel;\n\nexport type Block = (BlockModels \| UnstableBlockModels) & BlockBaseProps;\n"]}

package/build/esm/models/constructor.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Animatable, BlockDecorationProps, ConstructorItem, NavigationData, ThemedMediaProps } from "./index.js";
+import { Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps } from "./index.js";
 export interface PageData {
     content: PageContent;
 }
@@ -12,9 +12,6 @@ export interface PageContent extends Animatable {
     menu?: Menu;
     background?: ThemedMediaProps;
 }
-export interface PageContentWithNavigation extends PageContent {
-    navigation?: NavigationData;
-}
 export interface InitConstrucorState {
     hasMenu: boolean;
 }

package/build/esm/models/constructor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constructor.js","sourceRoot":"../../../src","sources":["models/constructor.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {\n Animatable~~,\n~~ BlockDecorationProps~~,\n~~ ConstructorItem~~,\n NavigationData,\n~~ ThemedMediaProps~~,\n~~} from './';\n\nexport interface PageData {\n content: PageContent;\n}\n\nexport interface Menu {\n title: string;\n}\n\nexport type ConstructorBlock = ConstructorItem \| CustomBlock;\n\nexport interface PageContent extends Animatable {\n blocks: ConstructorBlock[];\n menu?: Menu;\n background?: ThemedMediaProps;\n}\n\nexport interface ~~PageContentWithNavigation extends PageContent {\n navigation?: NavigationData;\n}\n\nexport interface~~ InitConstrucorState {\n hasMenu: boolean;\n}\n\nexport interface CustomBlock {\n type: string;\n\n [key: string]: unknown;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type LoadableData = any;\nexport type FetchLoadableDataParams = {\n blockKey: string;\n serviceId?: number;\n};\nexport type FetchLoadableData<TData = LoadableData> = (\n params: FetchLoadableDataParams,\n) => Promise<TData>;\nexport type ShouldRenderBlock = (block: ConstructorBlock, blockKey: string) => Boolean;\nexport type OnInit = (data: InitConstrucorState) => void;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ComponentProps = React.ComponentProps<React.ComponentClass<any>>;\nexport type CustomItem =\n \| React.PropsWithChildren<ComponentProps>\n \| React.ComponentType<React.PropsWithChildren<ComponentProps>>;\nexport type CustomItems = Record<string, CustomItem>;\n\nexport interface LoadableConfigItem {\n fetch: FetchLoadableData;\n component: CustomItem;\n}\n\nexport type LoadableConfig = Record<string, LoadableConfigItem>;\n\nexport interface CustomConfig {\n blocks?: CustomItems;\n subBlocks?: CustomItems;\n headers?: CustomItems;\n navigation?: CustomItems;\n loadable?: LoadableConfig;\n decorators?: {\n block?: ((props: BlockDecorationProps) => React.ReactElement)[];\n };\n}\n"]}
1	+ {"version":3,"file":"constructor.js","sourceRoot":"../../../src","sources":["models/constructor.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\nimport {Animatable, BlockDecorationProps, ConstructorItem, ThemedMediaProps} from './';\n\nexport interface PageData {\n content: PageContent;\n}\n\nexport interface Menu {\n title: string;\n}\n\nexport type ConstructorBlock = ConstructorItem \| CustomBlock;\n\nexport interface PageContent extends Animatable {\n blocks: ConstructorBlock[];\n menu?: Menu;\n background?: ThemedMediaProps;\n}\n\nexport interface InitConstrucorState {\n hasMenu: boolean;\n}\n\nexport interface CustomBlock {\n type: string;\n\n [key: string]: unknown;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type LoadableData = any;\nexport type FetchLoadableDataParams = {\n blockKey: string;\n serviceId?: number;\n};\nexport type FetchLoadableData<TData = LoadableData> = (\n params: FetchLoadableDataParams,\n) => Promise<TData>;\nexport type ShouldRenderBlock = (block: ConstructorBlock, blockKey: string) => Boolean;\nexport type OnInit = (data: InitConstrucorState) => void;\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ComponentProps = React.ComponentProps<React.ComponentClass<any>>;\nexport type CustomItem =\n \| React.PropsWithChildren<ComponentProps>\n \| React.ComponentType<React.PropsWithChildren<ComponentProps>>;\nexport type CustomItems = Record<string, CustomItem>;\n\nexport interface LoadableConfigItem {\n fetch: FetchLoadableData;\n component: CustomItem;\n}\n\nexport type LoadableConfig = Record<string, LoadableConfigItem>;\n\nexport interface CustomConfig {\n blocks?: CustomItems;\n subBlocks?: CustomItems;\n headers?: CustomItems;\n navigation?: CustomItems;\n loadable?: LoadableConfig;\n decorators?: {\n block?: ((props: BlockDecorationProps) => React.ReactElement)[];\n };\n}\n"]}

package/build/esm/models/navigation.d.ts CHANGED Viewed

@@ -93,8 +93,8 @@ export interface FooterData {
     underline?: FooterUnderline;
 }
 export interface NavigationData {
-    logo?: ThemedNavigationLogoData;
-    header?: HeaderData;
+    logo: ThemedNavigationLogoData;
+    header: HeaderData;
     footer?: FooterData;
     renderNavigation?: () => React.ReactNode;
 }

package/build/esm/models/navigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation.js","sourceRoot":"../../../src","sources":["models/navigation.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,oDAA8B,CAAA;AAClC,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AASrE,MAAM,CAAN,IAAY,0BAWX;AAXD,WAAY,0BAA0B;IAClC,qDAAuB,CAAA;IACvB,iDAAmB,CAAA;IACnB,mDAAqB,CAAA;IACrB,0DAA4B,CAAA;IAC5B,4DAA8B,CAAA;IAC9B,oEAAsC,CAAA;IACtC,2DAA6B,CAAA;IAC7B,yDAA2B,CAAA;IAC3B,gEAAkC,CAAA;IAClC,mDAAqB,CAAA;AACzB,CAAC,EAXW,0BAA0B,KAA1B,0BAA0B,QAWrC","sourcesContent":["import {ThemeSupporting} from '../utils';\n\nimport {ButtonProps, ImageProps} from './constructor-items';\n\nexport enum NavigationItemType {\n Link = 'link',\n Dropdown = 'dropdown',\n Button = 'button',\n Social = 'social',\n GithubButton = 'github-button',\n}\n\nexport const NavigationItemTypes = Object.values(NavigationItemType);\n\nexport interface NavigationItemBase {\n text: string;\n icon?: ImageProps;\n url?: string;\n iconSize?: number;\n}\n\nexport enum NavigationGithubButtonIcon {\n heart = 'octicon-heart',\n eye = 'octicon-eye',\n star = 'octicon-star',\n fork = 'octicon-repo-forked',\n issue = 'octicon-issue-opened',\n comment = 'octicon-comment-discussion',\n download = 'octicon-download',\n package = 'octicon-package',\n template = 'octicon-repo-template',\n play = 'octicon-play',\n}\n\nexport interface NavigationGithubButton extends Omit<NavigationItemBase, 'icon'> {\n type: NavigationItemType.GithubButton;\n url: string;\n urlTitle?: string;\n label?: string;\n icon?: keyof typeof NavigationGithubButtonIcon;\n size?: string;\n}\n\nexport interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'> {\n type: NavigationItemType.Link;\n url: string;\n urlTitle?: string;\n arrow?: boolean;\n target?: string;\n}\n\nexport interface NavigationButtonItem extends ButtonProps {\n type: NavigationItemType.Button;\n}\n\nexport interface NavigationDropdownItem extends NavigationItemBase {\n type: NavigationItemType.Dropdown;\n items: NavigationLinkItem[];\n hidePopup: () => void;\n isActive: boolean;\n}\n\nexport interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {\n type: NavigationItemType.Social;\n icon: ImageProps;\n url: string;\n urlTitle?: string;\n}\n\nexport type NavigationItemModel =\n \| NavigationLinkItem\n \| NavigationButtonItem\n \| NavigationDropdownItem;\n\nexport type NavigationItemData =\n \| NavigationLinkItem\n \| NavigationButtonItem\n \| NavigationSocialItem\n \| NavigationDropdownItem;\n\nexport interface NavigationLogoData {\n icon: ImageProps;\n text?: string;\n url?: string;\n urlTitle?: string;\n alt?: string;\n}\n\nexport type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;\n\nexport interface HeaderData {\n leftItems: NavigationItemModel[];\n rightItems?: NavigationItemModel[];\n\n /*\n Items for the navigation header on mobile devices.\n * They are located to the right of the Logo and to the left of the MobileMenuButton.\n * @type {NavigationItemModel[]}\n */\n customMobileHeaderItems?: NavigationItemModel[];\n iconSize?: number;\n withBorder?: boolean;\n withBorderOnScroll?: boolean;\n}\n\nexport interface FooterColumn {\n title: string;\n links: NavigationItemModel[];\n}\n\nexport interface FooterUnderline {\n links?: NavigationItemModel[];\n copyright?: string;\n}\n\nexport interface FooterData {\n columns: FooterColumn[];\n social?: NavigationSocialItem[];\n underline?: FooterUnderline;\n}\n\nexport interface NavigationData {\n logo?: ThemedNavigationLogoData;\n header?: HeaderData;\n footer?: FooterData;\n renderNavigation?: () => React.ReactNode;\n}\n"]}
1	+ {"version":3,"file":"navigation.js","sourceRoot":"../../../src","sources":["models/navigation.ts"],"names":[],"mappings":"AAIA,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,mCAAa,CAAA;IACb,2CAAqB,CAAA;IACrB,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,oDAA8B,CAAA;AAClC,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC;AASrE,MAAM,CAAN,IAAY,0BAWX;AAXD,WAAY,0BAA0B;IAClC,qDAAuB,CAAA;IACvB,iDAAmB,CAAA;IACnB,mDAAqB,CAAA;IACrB,0DAA4B,CAAA;IAC5B,4DAA8B,CAAA;IAC9B,oEAAsC,CAAA;IACtC,2DAA6B,CAAA;IAC7B,yDAA2B,CAAA;IAC3B,gEAAkC,CAAA;IAClC,mDAAqB,CAAA;AACzB,CAAC,EAXW,0BAA0B,KAA1B,0BAA0B,QAWrC","sourcesContent":["import {ThemeSupporting} from '../utils';\n\nimport {ButtonProps, ImageProps} from './constructor-items';\n\nexport enum NavigationItemType {\n Link = 'link',\n Dropdown = 'dropdown',\n Button = 'button',\n Social = 'social',\n GithubButton = 'github-button',\n}\n\nexport const NavigationItemTypes = Object.values(NavigationItemType);\n\nexport interface NavigationItemBase {\n text: string;\n icon?: ImageProps;\n url?: string;\n iconSize?: number;\n}\n\nexport enum NavigationGithubButtonIcon {\n heart = 'octicon-heart',\n eye = 'octicon-eye',\n star = 'octicon-star',\n fork = 'octicon-repo-forked',\n issue = 'octicon-issue-opened',\n comment = 'octicon-comment-discussion',\n download = 'octicon-download',\n package = 'octicon-package',\n template = 'octicon-repo-template',\n play = 'octicon-play',\n}\n\nexport interface NavigationGithubButton extends Omit<NavigationItemBase, 'icon'> {\n type: NavigationItemType.GithubButton;\n url: string;\n urlTitle?: string;\n label?: string;\n icon?: keyof typeof NavigationGithubButtonIcon;\n size?: string;\n}\n\nexport interface NavigationLinkItem extends Omit<NavigationItemBase, 'url'> {\n type: NavigationItemType.Link;\n url: string;\n urlTitle?: string;\n arrow?: boolean;\n target?: string;\n}\n\nexport interface NavigationButtonItem extends ButtonProps {\n type: NavigationItemType.Button;\n}\n\nexport interface NavigationDropdownItem extends NavigationItemBase {\n type: NavigationItemType.Dropdown;\n items: NavigationLinkItem[];\n hidePopup: () => void;\n isActive: boolean;\n}\n\nexport interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {\n type: NavigationItemType.Social;\n icon: ImageProps;\n url: string;\n urlTitle?: string;\n}\n\nexport type NavigationItemModel =\n \| NavigationLinkItem\n \| NavigationButtonItem\n \| NavigationDropdownItem;\n\nexport type NavigationItemData =\n \| NavigationLinkItem\n \| NavigationButtonItem\n \| NavigationSocialItem\n \| NavigationDropdownItem;\n\nexport interface NavigationLogoData {\n icon: ImageProps;\n text?: string;\n url?: string;\n urlTitle?: string;\n alt?: string;\n}\n\nexport type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;\n\nexport interface HeaderData {\n leftItems: NavigationItemModel[];\n rightItems?: NavigationItemModel[];\n\n /*\n Items for the navigation header on mobile devices.\n * They are located to the right of the Logo and to the left of the MobileMenuButton.\n * @type {NavigationItemModel[]}\n */\n customMobileHeaderItems?: NavigationItemModel[];\n iconSize?: number;\n withBorder?: boolean;\n withBorderOnScroll?: boolean;\n}\n\nexport interface FooterColumn {\n title: string;\n links: NavigationItemModel[];\n}\n\nexport interface FooterUnderline {\n links?: NavigationItemModel[];\n copyright?: string;\n}\n\nexport interface FooterData {\n columns: FooterColumn[];\n social?: NavigationSocialItem[];\n underline?: FooterUnderline;\n}\n\nexport interface NavigationData {\n logo: ThemedNavigationLogoData;\n header: HeaderData;\n footer?: FooterData;\n renderNavigation?: () => React.ReactNode;\n}\n"]}

package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import OverflowScroller from "../../../components/OverflowScroller/OverflowScroller.js";
-import { block, isLogoSet } from "../../../utils/index.js";
+import { block } from "../../../utils/index.js";
 import { ItemColumnName, NavigationLayout } from "../../models.js";
 import Logo from "../Logo/Logo.js";
 import { MobileMenuButton } from "../MobileMenuButton/MobileMenuButton.js";
 import { NavigationList } from "../NavigationList/NavigationList.js";
 import './DesktopNavigation.css';
 const b = block('desktop-navigation');
-export const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => (_jsxs("div", { className: b('wrapper'), children: [isLogoSet(logo) && (_jsx("div", { className: b('left'), children: _jsx(Logo, { ...logo, className: b('logo') }) })), _jsx("div", { className: b('navigation-container'), children: _jsx(OverflowScroller, { className: b('navigation'), onScrollStart: onActiveItemChange, children: _jsx(NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Desktop }) }) }), _jsxs("div", { className: b('right'), children: [customMobileHeaderItems && (_jsx("div", { className: b('mobile-navigation-container'), children: _jsx(OverflowScroller, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18, children: _jsx(NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Dropdown }) }) })), _jsx(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), rightItemsWithIconSize && (_jsx(NavigationList, { onActiveItemChange: onActiveItemChange, column: ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: NavigationLayout.Desktop }))] })] }));
+export const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => (_jsxs("div", { className: b('wrapper'), children: [logo && (_jsx("div", { className: b('left'), children: _jsx(Logo, { ...logo, className: b('logo') }) })), _jsx("div", { className: b('navigation-container'), children: _jsx(OverflowScroller, { className: b('navigation'), onScrollStart: onActiveItemChange, children: _jsx(NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Desktop }) }) }), _jsxs("div", { className: b('right'), children: [customMobileHeaderItems && (_jsx("div", { className: b('mobile-navigation-container'), children: _jsx(OverflowScroller, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18, children: _jsx(NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: ItemColumnName.Left, activeItemId: activeItemId, menuLayout: NavigationLayout.Dropdown }) }) })), _jsx(MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), rightItemsWithIconSize && (_jsx(NavigationList, { onActiveItemChange: onActiveItemChange, column: ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: NavigationLayout.Desktop }))] })] }));
 export default DesktopNavigation;
 //# sourceMappingURL=DesktopNavigation.js.map

package/build/esm/navigation/components/DesktopNavigation/DesktopNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";AAEA,OAAO,gBAAgB,iEAA8D;AACrF,OAAO,EAAC,KAAK,~~EAAE,SAAS,~~EAAC,gCAAuB;~~AAChD~~,OAAO,EAAyB,cAAc,EAAE,gBAAgB,EAAC,wBAAqB;AACtF,OAAO,IAAI,wBAAqB;AAChC,OAAO,EAAC,gBAAgB,EAAC,gDAA6C;AACtE,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,IAAI,EACJ,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACf,EAAE,EAAE,CAAC,CACF,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,~~SAAS,CAAC,~~IAAI,~~CAAC,~~IAAI,~~CAChB~~,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,IAAI,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GACtC,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,KAAC,gBAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,KAAC,cAAc,IACX,KAAK,EAAE,qBAAqB,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,cAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,KAAC,cAAc,IACX,KAAK,EAAE,uBAAuB,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,KAAC,gBAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,KAAC,cAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,cAAc,CAAC,KAAK,EAC5B,KAAK,EAAE,sBAAsB,EAC7B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';\nimport {block~~, isLogoSet~~} from '../../../utils';\nimport {DesktopNavigationProps, ItemColumnName, NavigationLayout} from '../../models';\nimport Logo from '../Logo/Logo';\nimport {MobileMenuButton} from '../MobileMenuButton/MobileMenuButton';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './DesktopNavigation.scss';\n\nconst b = block('desktop-navigation');\n\nexport const DesktopNavigation: React.FC<DesktopNavigationProps> = ({\n logo,\n leftItemsWithIconSize,\n rightItemsWithIconSize,\n customMobileHeaderItems,\n isSidebarOpened,\n onSidebarOpenedChange,\n onActiveItemChange,\n activeItemId,\n}) => (\n <div className={b('wrapper')}>\n {~~isLogoSet(~~logo) && (\n <div className={b('left')}>\n <Logo {...logo} className={b('logo')} />\n </div>\n )}\n <div className={b('navigation-container')}>\n <OverflowScroller className={b('navigation')} onScrollStart={onActiveItemChange}>\n <NavigationList\n items={leftItemsWithIconSize}\n onActiveItemChange={onActiveItemChange}\n className={b('links')}\n itemClassName={b('item')}\n column={ItemColumnName.Left}\n activeItemId={activeItemId}\n menuLayout={NavigationLayout.Desktop}\n />\n </OverflowScroller>\n </div>\n <div className={b('right')}>\n {customMobileHeaderItems && (\n <div className={b('mobile-navigation-container')}>\n <OverflowScroller\n className={b('mobile-navigation')}\n onScrollStart={onActiveItemChange}\n arrowSize={18}\n >\n <NavigationList\n items={customMobileHeaderItems}\n onActiveItemChange={onActiveItemChange}\n className={b('mobile-buttons')}\n itemClassName={b('item')}\n column={ItemColumnName.Left}\n activeItemId={activeItemId}\n menuLayout={NavigationLayout.Dropdown}\n />\n </OverflowScroller>\n </div>\n )}\n <MobileMenuButton\n isSidebarOpened={isSidebarOpened}\n onSidebarOpenedChange={onSidebarOpenedChange}\n />\n {rightItemsWithIconSize && (\n <NavigationList\n onActiveItemChange={onActiveItemChange}\n column={ItemColumnName.Right}\n items={rightItemsWithIconSize}\n activeItemId={activeItemId}\n className={b('buttons')}\n itemClassName={b('item')}\n menuLayout={NavigationLayout.Desktop}\n />\n )}\n </div>\n </div>\n);\n\nexport default DesktopNavigation;\n"]}
1	+ {"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";AAEA,OAAO,gBAAgB,iEAA8D;AACrF,OAAO,EAAC,KAAK,EAAC,gCAAuB;AACrC,OAAO,EAAyB,cAAc,EAAE,gBAAgB,EAAC,wBAAqB;AACtF,OAAO,IAAI,wBAAqB;AAChC,OAAO,EAAC,gBAAgB,EAAC,gDAA6C;AACtE,OAAO,EAAC,cAAc,EAAC,4CAAyC;AAEhE,OAAO,yBAAyB,CAAC;AAEjC,MAAM,CAAC,GAAG,KAAK,CAAC,oBAAoB,CAAC,CAAC;AAEtC,MAAM,CAAC,MAAM,iBAAiB,GAAqC,CAAC,EAChE,IAAI,EACJ,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,YAAY,GACf,EAAE,EAAE,CAAC,CACF,eAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAI,IAAI,CACL,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,KAAC,IAAI,OAAK,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GAAI,GACtC,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,KAAC,gBAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,KAAC,cAAc,IACX,KAAK,EAAE,qBAAqB,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,eAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,cAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,KAAC,gBAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,KAAC,cAAc,IACX,KAAK,EAAE,uBAAuB,EAC9B,kBAAkB,EAAE,kBAAkB,EACtC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,MAAM,EAAE,cAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,KAAC,gBAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,KAAC,cAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,cAAc,CAAC,KAAK,EAC5B,KAAK,EAAE,sBAAsB,EAC7B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EACvB,aAAa,EAAE,CAAC,CAAC,MAAM,CAAC,EACxB,UAAU,EAAE,gBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport OverflowScroller from '../../../components/OverflowScroller/OverflowScroller';\nimport {block} from '../../../utils';\nimport {DesktopNavigationProps, ItemColumnName, NavigationLayout} from '../../models';\nimport Logo from '../Logo/Logo';\nimport {MobileMenuButton} from '../MobileMenuButton/MobileMenuButton';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './DesktopNavigation.scss';\n\nconst b = block('desktop-navigation');\n\nexport const DesktopNavigation: React.FC<DesktopNavigationProps> = ({\n logo,\n leftItemsWithIconSize,\n rightItemsWithIconSize,\n customMobileHeaderItems,\n isSidebarOpened,\n onSidebarOpenedChange,\n onActiveItemChange,\n activeItemId,\n}) => (\n <div className={b('wrapper')}>\n {logo && (\n <div className={b('left')}>\n <Logo {...logo} className={b('logo')} />\n </div>\n )}\n <div className={b('navigation-container')}>\n <OverflowScroller className={b('navigation')} onScrollStart={onActiveItemChange}>\n <NavigationList\n items={leftItemsWithIconSize}\n onActiveItemChange={onActiveItemChange}\n className={b('links')}\n itemClassName={b('item')}\n column={ItemColumnName.Left}\n activeItemId={activeItemId}\n menuLayout={NavigationLayout.Desktop}\n />\n </OverflowScroller>\n </div>\n <div className={b('right')}>\n {customMobileHeaderItems && (\n <div className={b('mobile-navigation-container')}>\n <OverflowScroller\n className={b('mobile-navigation')}\n onScrollStart={onActiveItemChange}\n arrowSize={18}\n >\n <NavigationList\n items={customMobileHeaderItems}\n onActiveItemChange={onActiveItemChange}\n className={b('mobile-buttons')}\n itemClassName={b('item')}\n column={ItemColumnName.Left}\n activeItemId={activeItemId}\n menuLayout={NavigationLayout.Dropdown}\n />\n </OverflowScroller>\n </div>\n )}\n <MobileMenuButton\n isSidebarOpened={isSidebarOpened}\n onSidebarOpenedChange={onSidebarOpenedChange}\n />\n {rightItemsWithIconSize && (\n <NavigationList\n onActiveItemChange={onActiveItemChange}\n column={ItemColumnName.Right}\n items={rightItemsWithIconSize}\n activeItemId={activeItemId}\n className={b('buttons')}\n itemClassName={b('item')}\n menuLayout={NavigationLayout.Desktop}\n />\n )}\n </div>\n </div>\n);\n\nexport default DesktopNavigation;\n"]}

package/build/esm/navigation/components/Navigation/Navigation.d.ts CHANGED Viewed

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { ClassNameProps, HeaderData, ThemedNavigationLogoData } from "../../../models/index.js";
 import './Navigation.css';
 export interface NavigationComponentProps extends ClassNameProps {
-    logo?: ThemedNavigationLogoData;
-    data?: HeaderData;
+    logo: ThemedNavigationLogoData;
+    data: HeaderData;
     mobilePortalContainer?: React.RefObject<HTMLElement>;
 }
 export declare const Navigation: React.FC<NavigationComponentProps>;

package/build/esm/navigation/components/Navigation/Navigation.js CHANGED Viewed

@@ -9,7 +9,7 @@ import MobileNavigation from "../MobileNavigation/MobileNavigation.js";
 import './Navigation.css';
 const b = block('navigation');
 export const Navigation = ({ data, logo, className, mobilePortalContainer, }) => {
-    const { leftItems = [], rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data || {};
+    const { leftItems, rightItems, customMobileHeaderItems, iconSize = 20, withBorder = false, withBorderOnScroll = true, } = data;
     const [isSidebarOpened, setIsSidebarOpened] = React.useState(false);
     const [showBorder] = useShowBorder(withBorder, withBorderOnScroll);
     const { activeItemId, leftItemsWithIconSize, rightItemsWithIconSize, onActiveItemChange } = useActiveNavItem(iconSize, leftItems, rightItems);