npm - @gravity-ui/page-constructor - Versions diffs - 6.2.0-beta.1 → 7.0.0-beta.2 - Mend

@gravity-ui/page-constructor 6.2.0-beta.1 → 7.0.0-beta.2

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 (965) hide show

package/build/cjs/icons/Telegram.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Telegram.js","sourceRoot":"../../../src","sources":["icons/Telegram.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,QAAQ,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACxE,~~gCACI~~,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,~~KACf~~,wBAAkB,~~KAClB~~,KAAK,~~YAET~~,iCAAM,CAAC,EAAC,gXAAgX,GAAQ,~~GAC9X~~,CACT,CAAC;AAZW,QAAA,QAAQ,YAYnB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Telegram: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n fill=\"currentColor\"\n {...a11yHiddenSvgProps}\n {...props}\n >\n <path d=\"M2.336 11.932l4.378 1.634 1.694 5.45a.515.515 0 0 0 .819.246l2.44-1.99a.728.728 0 0 1 .888-.024l4.401 3.196c.303.22.732.054.808-.312l3.225-15.51a.516.516 0 0 0-.691-.587L2.33 10.968a.516.516 0 0 0 .006.965zm5.799.764l8.556-5.27c.154-.094.312.114.18.237L9.81 14.226c-.248.231-.408.54-.454.876l-.24 1.783c-.032.238-.367.261-.432.031l-.925-3.25a.862.862 0 0 1 .376-.97z\"></path>\n </svg>\n);\n"]}
1	+ {"version":3,"file":"Telegram.js","sourceRoot":"../../../src","sources":["icons/Telegram.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,QAAQ,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACxE,8CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCAAM,CAAC,EAAC,gXAAgX,GAAQ,IAC9X,CACT,CAAC;AAZW,QAAA,QAAQ,YAYnB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Telegram: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n fill=\"currentColor\"\n {...a11yHiddenSvgProps}\n {...props}\n >\n <path d=\"M2.336 11.932l4.378 1.634 1.694 5.45a.515.515 0 0 0 .819.246l2.44-1.99a.728.728 0 0 1 .888-.024l4.401 3.196c.303.22.732.054.808-.312l3.225-15.51a.516.516 0 0 0-.691-.587L2.33 10.968a.516.516 0 0 0 .006.965zm5.799.764l8.556-5.27c.154-.094.312.114.18.237L9.81 14.226c-.248.231-.408.54-.454.876l-.24 1.783c-.032.238-.367.261-.432.031l-.925-3.25a.862.862 0 0 1 .376-.97z\"></path>\n </svg>\n);\n"]}

package/build/cjs/icons/Twitter.js CHANGED Viewed

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Twitter = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const svg_1 = require("../utils/svg.js");
-const Twitter = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", ...svg_1.a11yHiddenSvgProps, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19.644 6.675a4.247 4.247 0 0 0 1.803-2.362c-.793.49-1.67.844-2.606 1.036A4.016 4.016 0 0 0 15.846 4c-2.265 0-4.101 1.913-4.101 4.272 0 .335.034.66.104.973C8.44 9.066 5.417 7.367 3.392 4.78a4.397 4.397 0 0 0-.555 2.149c0 1.481.724 2.789 1.825 3.556a3.994 3.994 0 0 1-1.859-.534v.053c0 2.07 1.413 3.797 3.293 4.188-.345.1-.707.15-1.083.15-.264 0-.522-.025-.77-.075.52 1.696 2.036 2.933 3.832 2.966A8.028 8.028 0 0 1 2 19.004a11.29 11.29 0 0 0 6.29 1.92c7.548 0 11.673-6.51 11.673-12.156 0-.186-.002-.37-.01-.553A8.508 8.508 0 0 0 22 6.003c-.736.34-1.527.57-2.356.672z" }) }));
+const Twitter = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M19.644 6.675a4.247 4.247 0 0 0 1.803-2.362c-.793.49-1.67.844-2.606 1.036A4.016 4.016 0 0 0 15.846 4c-2.265 0-4.101 1.913-4.101 4.272 0 .335.034.66.104.973C8.44 9.066 5.417 7.367 3.392 4.78a4.397 4.397 0 0 0-.555 2.149c0 1.481.724 2.789 1.825 3.556a3.994 3.994 0 0 1-1.859-.534v.053c0 2.07 1.413 3.797 3.293 4.188-.345.1-.707.15-1.083.15-.264 0-.522-.025-.77-.075.52 1.696 2.036 2.933 3.832 2.966A8.028 8.028 0 0 1 2 19.004a11.29 11.29 0 0 0 6.29 1.92c7.548 0 11.673-6.51 11.673-12.156 0-.186-.002-.37-.01-.553A8.508 8.508 0 0 0 22 6.003c-.736.34-1.527.57-2.356.672z" }) })));
 exports.Twitter = Twitter;
 //# sourceMappingURL=Twitter.js.map

package/build/cjs/icons/Twitter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Twitter.js","sourceRoot":"../../../src","sources":["icons/Twitter.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,OAAO,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,~~gCACI~~,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,~~KACf~~,wBAAkB,~~KAClB~~,KAAK,~~YAET~~,iCAAM,CAAC,EAAC,wjBAAwjB,GAAQ,~~GACtkB~~,CACT,CAAC;AAZW,QAAA,OAAO,WAYlB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Twitter: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n fill=\"currentColor\"\n {...a11yHiddenSvgProps}\n {...props}\n >\n <path d=\"M19.644 6.675a4.247 4.247 0 0 0 1.803-2.362c-.793.49-1.67.844-2.606 1.036A4.016 4.016 0 0 0 15.846 4c-2.265 0-4.101 1.913-4.101 4.272 0 .335.034.66.104.973C8.44 9.066 5.417 7.367 3.392 4.78a4.397 4.397 0 0 0-.555 2.149c0 1.481.724 2.789 1.825 3.556a3.994 3.994 0 0 1-1.859-.534v.053c0 2.07 1.413 3.797 3.293 4.188-.345.1-.707.15-1.083.15-.264 0-.522-.025-.77-.075.52 1.696 2.036 2.933 3.832 2.966A8.028 8.028 0 0 1 2 19.004a11.29 11.29 0 0 0 6.29 1.92c7.548 0 11.673-6.51 11.673-12.156 0-.186-.002-.37-.01-.553A8.508 8.508 0 0 0 22 6.003c-.736.34-1.527.57-2.356.672z\"></path>\n </svg>\n);\n"]}
1	+ {"version":3,"file":"Twitter.js","sourceRoot":"../../../src","sources":["icons/Twitter.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,OAAO,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CACvE,8CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCAAM,CAAC,EAAC,wjBAAwjB,GAAQ,IACtkB,CACT,CAAC;AAZW,QAAA,OAAO,WAYlB","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Twitter: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n fill=\"currentColor\"\n {...a11yHiddenSvgProps}\n {...props}\n >\n <path d=\"M19.644 6.675a4.247 4.247 0 0 0 1.803-2.362c-.793.49-1.67.844-2.606 1.036A4.016 4.016 0 0 0 15.846 4c-2.265 0-4.101 1.913-4.101 4.272 0 .335.034.66.104.973C8.44 9.066 5.417 7.367 3.392 4.78a4.397 4.397 0 0 0-.555 2.149c0 1.481.724 2.789 1.825 3.556a3.994 3.994 0 0 1-1.859-.534v.053c0 2.07 1.413 3.797 3.293 4.188-.345.1-.707.15-1.083.15-.264 0-.522-.025-.77-.075.52 1.696 2.036 2.933 3.832 2.966A8.028 8.028 0 0 1 2 19.004a11.29 11.29 0 0 0 6.29 1.92c7.548 0 11.673-6.51 11.673-12.156 0-.186-.002-.37-.01-.553A8.508 8.508 0 0 0 22 6.003c-.736.34-1.527.57-2.356.672z\"></path>\n </svg>\n);\n"]}

package/build/cjs/icons/Vk.js CHANGED Viewed

@@ -3,6 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Vk = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const svg_1 = require("../utils/svg.js");
-const Vk = (props) => ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor", ...svg_1.a11yHiddenSvgProps, ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19.934 13.916c.73.713 1.5 1.383 2.155 2.167.289.349.563.708.772 1.113.297.575.028 1.208-.488 1.242l-3.205-.001c-.826.068-1.486-.265-2.04-.83-.444-.452-.855-.933-1.282-1.4a3.04 3.04 0 0 0-.576-.513c-.438-.284-.818-.197-1.068.26-.254.464-.312.978-.337 1.495-.034.754-.263.953-1.02.987-1.62.077-3.158-.168-4.587-.985-1.26-.721-2.236-1.738-3.086-2.89-1.655-2.242-2.922-4.706-4.06-7.239-.257-.57-.07-.877.56-.888a87.013 87.013 0 0 1 3.138-.001c.425.006.706.25.87.651.566 1.391 1.258 2.715 2.127 3.941.231.327.467.653.803.883.372.255.655.17.83-.244.11-.262.16-.545.184-.826.083-.967.094-1.933-.051-2.897-.09-.602-.428-.991-1.029-1.105-.306-.058-.26-.172-.112-.347.257-.302.5-.49.983-.49h3.622c.57.113.697.37.775.943l.003 4.024c-.006.222.11.881.51 1.028.321.105.532-.152.724-.355.868-.92 1.487-2.008 2.04-3.134.245-.495.456-1.01.66-1.524.152-.381.39-.569.82-.56l3.485.003c.104 0 .208.001.309.018.587.1.748.353.566.927-.285.9-.842 1.65-1.385 2.403-.582.805-1.204 1.582-1.78 2.39-.53.74-.488 1.112.17 1.754z" }) }));
+const Vk = (props) => ((0, jsx_runtime_1.jsx)("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor" }, svg_1.a11yHiddenSvgProps, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M19.934 13.916c.73.713 1.5 1.383 2.155 2.167.289.349.563.708.772 1.113.297.575.028 1.208-.488 1.242l-3.205-.001c-.826.068-1.486-.265-2.04-.83-.444-.452-.855-.933-1.282-1.4a3.04 3.04 0 0 0-.576-.513c-.438-.284-.818-.197-1.068.26-.254.464-.312.978-.337 1.495-.034.754-.263.953-1.02.987-1.62.077-3.158-.168-4.587-.985-1.26-.721-2.236-1.738-3.086-2.89-1.655-2.242-2.922-4.706-4.06-7.239-.257-.57-.07-.877.56-.888a87.013 87.013 0 0 1 3.138-.001c.425.006.706.25.87.651.566 1.391 1.258 2.715 2.127 3.941.231.327.467.653.803.883.372.255.655.17.83-.244.11-.262.16-.545.184-.826.083-.967.094-1.933-.051-2.897-.09-.602-.428-.991-1.029-1.105-.306-.058-.26-.172-.112-.347.257-.302.5-.49.983-.49h3.622c.57.113.697.37.775.943l.003 4.024c-.006.222.11.881.51 1.028.321.105.532-.152.724-.355.868-.92 1.487-2.008 2.04-3.134.245-.495.456-1.01.66-1.524.152-.381.39-.569.82-.56l3.485.003c.104 0 .208.001.309.018.587.1.748.353.566.927-.285.9-.842 1.65-1.385 2.403-.582.805-1.204 1.582-1.78 2.39-.53.74-.488 1.112.17 1.754z" }) })));
 exports.Vk = Vk;
 //# sourceMappingURL=Vk.js.map

package/build/cjs/icons/Vk.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Vk.js","sourceRoot":"../../../src","sources":["icons/Vk.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,EAAE,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAClE,~~gCACI~~,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,~~KACf~~,wBAAkB,~~KAClB~~,KAAK,~~YAET~~,iCAAM,CAAC,EAAC,y+BAAy+B,GAAQ,~~GACv~~/B,CACT,CAAC;AAZW,QAAA,EAAE,MAYb","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Vk: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n fill=\"currentColor\"\n {...a11yHiddenSvgProps}\n {...props}\n >\n <path d=\"M19.934 13.916c.73.713 1.5 1.383 2.155 2.167.289.349.563.708.772 1.113.297.575.028 1.208-.488 1.242l-3.205-.001c-.826.068-1.486-.265-2.04-.83-.444-.452-.855-.933-1.282-1.4a3.04 3.04 0 0 0-.576-.513c-.438-.284-.818-.197-1.068.26-.254.464-.312.978-.337 1.495-.034.754-.263.953-1.02.987-1.62.077-3.158-.168-4.587-.985-1.26-.721-2.236-1.738-3.086-2.89-1.655-2.242-2.922-4.706-4.06-7.239-.257-.57-.07-.877.56-.888a87.013 87.013 0 0 1 3.138-.001c.425.006.706.25.87.651.566 1.391 1.258 2.715 2.127 3.941.231.327.467.653.803.883.372.255.655.17.83-.244.11-.262.16-.545.184-.826.083-.967.094-1.933-.051-2.897-.09-.602-.428-.991-1.029-1.105-.306-.058-.26-.172-.112-.347.257-.302.5-.49.983-.49h3.622c.57.113.697.37.775.943l.003 4.024c-.006.222.11.881.51 1.028.321.105.532-.152.724-.355.868-.92 1.487-2.008 2.04-3.134.245-.495.456-1.01.66-1.524.152-.381.39-.569.82-.56l3.485.003c.104 0 .208.001.309.018.587.1.748.353.566.927-.285.9-.842 1.65-1.385 2.403-.582.805-1.204 1.582-1.78 2.39-.53.74-.488 1.112.17 1.754z\"></path>\n </svg>\n);\n"]}
1	+ {"version":3,"file":"Vk.js","sourceRoot":"../../../src","sources":["icons/Vk.tsx"],"names":[],"mappings":";;;;AAEA,yCAAgD;AAEzC,MAAM,EAAE,GAA4C,CAAC,KAAK,EAAE,EAAE,CAAC,CAClE,8CACI,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,IAAI,EAAC,cAAc,IACf,wBAAkB,EAClB,KAAK,cAET,iCAAM,CAAC,EAAC,y+BAAy+B,GAAQ,IACv/B,CACT,CAAC;AAZW,QAAA,EAAE,MAYb","sourcesContent":["import * as React from 'react';\n\nimport {a11yHiddenSvgProps} from '../utils/svg';\n\nexport const Vk: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n fill=\"currentColor\"\n {...a11yHiddenSvgProps}\n {...props}\n >\n <path d=\"M19.934 13.916c.73.713 1.5 1.383 2.155 2.167.289.349.563.708.772 1.113.297.575.028 1.208-.488 1.242l-3.205-.001c-.826.068-1.486-.265-2.04-.83-.444-.452-.855-.933-1.282-1.4a3.04 3.04 0 0 0-.576-.513c-.438-.284-.818-.197-1.068.26-.254.464-.312.978-.337 1.495-.034.754-.263.953-1.02.987-1.62.077-3.158-.168-4.587-.985-1.26-.721-2.236-1.738-3.086-2.89-1.655-2.242-2.922-4.706-4.06-7.239-.257-.57-.07-.877.56-.888a87.013 87.013 0 0 1 3.138-.001c.425.006.706.25.87.651.566 1.391 1.258 2.715 2.127 3.941.231.327.467.653.803.883.372.255.655.17.83-.244.11-.262.16-.545.184-.826.083-.967.094-1.933-.051-2.897-.09-.602-.428-.991-1.029-1.105-.306-.058-.26-.172-.112-.347.257-.302.5-.49.983-.49h3.622c.57.113.697.37.775.943l.003 4.024c-.006.222.11.881.51 1.028.321.105.532-.152.724-.355.868-.92 1.487-2.008 2.04-3.134.245-.495.456-1.01.66-1.524.152-.381.39-.569.82-.56l3.485.003c.104 0 .208.001.309.018.587.1.748.353.566.927-.285.9-.842 1.65-1.385 2.403-.582.805-1.204 1.582-1.78 2.39-.53.74-.488 1.112.17 1.754z\"></path>\n </svg>\n);\n"]}

package/build/cjs/models/common.d.ts CHANGED Viewed

@@ -49,3 +49,4 @@ export type AnalyticsEventsProp = AnalyticsEvent | AnalyticsEvent[];
 export interface AnalyticsEventsBase {
     analyticsEvents?: AnalyticsEventsProp;
 }
+export type TagName = 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'section' | 'p';

package/build/cjs/models/common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["models/common.ts"],"names":[],"mappings":";;;AAIA,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;AACjB,CAAC,EAHW,KAAK,qBAAL,KAAK,QAGhB;AAEY,QAAA,UAAU,GAA0B;IAC7C,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO;IACtB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM;CACvB,CAAC;AAcF,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC5B,iDAAyB,CAAA;IACzB,qCAAa,CAAA;IACb,qCAAa,CAAA;AACjB,CAAC,EAJW,oBAAoB,oCAApB,oBAAoB,QAI/B;AAED,IAAY,iBAYX;AAZD,WAAY,iBAAiB;IACzB,uDAAkC,CAAA;IAClC,4CAAuB,CAAA;IACvB,iDAA4B,CAAA;IAC5B,wCAAmB,CAAA;IACnB,wEAAmD,CAAA;IACnD,4DAAuC,CAAA;IACvC,8DAAyC,CAAA;IACzC,uDAAkC,CAAA;IAClC,iDAA4B,CAAA;IAC5B,oDAA+B,CAAA;IAC/B,yDAAoC,CAAA;AACxC,CAAC,EAZW,iBAAiB,iCAAjB,iBAAiB,QAY5B","sourcesContent":["export interface Refable<T> {\n ref?: React.Ref<T>;\n}\n\nexport enum Theme {\n Light = 'light',\n Dark = 'dark',\n}\n\nexport const themeNames: Record<Theme, string> = {\n [Theme.Light]: 'Light',\n [Theme.Dark]: 'Dark',\n};\n\nexport type Modifiers = {[name: string]: string \| boolean \| undefined};\n\nexport interface ClassNameProps {\n className?: string;\n}\n\nexport interface QAProps {\n qa?: string;\n}\n\nexport type Timeout = ReturnType<typeof setTimeout> \| undefined;\n\nexport enum PredefinedEventTypes {\n Default = 'default-event',\n Play = 'play',\n Stop = 'stop',\n}\n\nexport enum DefaultEventNames {\n ShareButton = 'share-button-click',\n Button = 'button-click',\n CardBase = 'card-base-click',\n Link = 'link-click',\n ReactPlayerControls = 'react-player-controls-click',\n YandexFormSubmit = 'yandex-form-submit',\n HubspotFormSubmit = 'hubspot-form-submit',\n QuoteButton = 'quote-button-click',\n BackLink = 'back-link-click',\n Breadcrumb = 'breadcrumb-click',\n VideoPreview = 'video-preview-click',\n}\n\nexport type AnalyticsCounters = {\n include?: string[];\n exclude?: string[];\n};\n\nexport type AnalyticsEvent<T = {}> = T & {\n name: string;\n type?: string;\n counters?: AnalyticsCounters;\n context?: string;\n target?: string;\n};\n\nexport type AnalyticsEventsProp = AnalyticsEvent \| AnalyticsEvent[];\n\nexport interface AnalyticsEventsBase {\n analyticsEvents?: AnalyticsEventsProp;\n}\n"]}
1	+ {"version":3,"file":"common.js","sourceRoot":"../../../src","sources":["models/common.ts"],"names":[],"mappings":";;;AAIA,IAAY,KAGX;AAHD,WAAY,KAAK;IACb,wBAAe,CAAA;IACf,sBAAa,CAAA;AACjB,CAAC,EAHW,KAAK,qBAAL,KAAK,QAGhB;AAEY,QAAA,UAAU,GAA0B;IAC7C,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO;IACtB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM;CACvB,CAAC;AAcF,IAAY,oBAIX;AAJD,WAAY,oBAAoB;IAC5B,iDAAyB,CAAA;IACzB,qCAAa,CAAA;IACb,qCAAa,CAAA;AACjB,CAAC,EAJW,oBAAoB,oCAApB,oBAAoB,QAI/B;AAED,IAAY,iBAYX;AAZD,WAAY,iBAAiB;IACzB,uDAAkC,CAAA;IAClC,4CAAuB,CAAA;IACvB,iDAA4B,CAAA;IAC5B,wCAAmB,CAAA;IACnB,wEAAmD,CAAA;IACnD,4DAAuC,CAAA;IACvC,8DAAyC,CAAA;IACzC,uDAAkC,CAAA;IAClC,iDAA4B,CAAA;IAC5B,oDAA+B,CAAA;IAC/B,yDAAoC,CAAA;AACxC,CAAC,EAZW,iBAAiB,iCAAjB,iBAAiB,QAY5B","sourcesContent":["export interface Refable<T> {\n ref?: React.Ref<T>;\n}\n\nexport enum Theme {\n Light = 'light',\n Dark = 'dark',\n}\n\nexport const themeNames: Record<Theme, string> = {\n [Theme.Light]: 'Light',\n [Theme.Dark]: 'Dark',\n};\n\nexport type Modifiers = {[name: string]: string \| boolean \| undefined};\n\nexport interface ClassNameProps {\n className?: string;\n}\n\nexport interface QAProps {\n qa?: string;\n}\n\nexport type Timeout = ReturnType<typeof setTimeout> \| undefined;\n\nexport enum PredefinedEventTypes {\n Default = 'default-event',\n Play = 'play',\n Stop = 'stop',\n}\n\nexport enum DefaultEventNames {\n ShareButton = 'share-button-click',\n Button = 'button-click',\n CardBase = 'card-base-click',\n Link = 'link-click',\n ReactPlayerControls = 'react-player-controls-click',\n YandexFormSubmit = 'yandex-form-submit',\n HubspotFormSubmit = 'hubspot-form-submit',\n QuoteButton = 'quote-button-click',\n BackLink = 'back-link-click',\n Breadcrumb = 'breadcrumb-click',\n VideoPreview = 'video-preview-click',\n}\n\nexport type AnalyticsCounters = {\n include?: string[];\n exclude?: string[];\n};\n\nexport type AnalyticsEvent<T = {}> = T & {\n name: string;\n type?: string;\n counters?: AnalyticsCounters;\n context?: string;\n target?: string;\n};\n\nexport type AnalyticsEventsProp = AnalyticsEvent \| AnalyticsEvent[];\n\nexport interface AnalyticsEventsBase {\n analyticsEvents?: AnalyticsEventsProp;\n}\n\nexport type TagName = 'span' \| 'div' \| 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6' \| 'section' \| 'p';\n"]}

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

@@ -8,6 +8,8 @@ import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from "./s
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
+    /** @deprecated */
+    SliderOldBlock = "slider-old-block",
     SliderBlock = "slider-block",
     QuestionsBlock = "questions-block",
     BannerBlock = "banner-block",
@@ -24,8 +26,7 @@ export declare enum BlockType {
     ShareBlock = "share-block",
     MapBlock = "map-block",
     FilterBlock = "filter-block",
-    FormBlock = "form-block",
-    SliderNewBlock = "slider-new-block"
+    FormBlock = "form-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -62,11 +63,12 @@ export declare enum SliderBreakpointNames {
 }
 export declare enum SliderType {
     MediaCard = "media-card",
-    HeaderCard = "header-card"
+    HeaderCard = "header-card",
+    FullscreenCard = "fullscreen-card"
 }
 export type SliderBreakpointParams = Record<SliderBreakpointNames, number>;
 export type SlidesToShow = Partial<SliderBreakpointParams> | number;
-export interface SliderProps extends Childable, Animatable, LoadableChildren {
+export interface SliderOldProps extends Childable, Animatable, LoadableChildren {
     dots?: boolean;
     arrows?: boolean;
     slidesToShow?: SlidesToShow;
@@ -80,7 +82,7 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
     randomOrder?: boolean;
     adaptive?: boolean;
 }
-export interface SliderNewProps extends Childable, Animatable, LoadableChildren {
+export interface SliderProps extends Childable, Animatable, LoadableChildren {
     dots?: boolean;
     arrows?: boolean;
     slidesToShow?: SlidesToShow;
@@ -92,8 +94,9 @@ export interface SliderNewProps extends Childable, Animatable, LoadableChildren
     description?: string;
     autoplay?: number;
     randomOrder?: boolean;
+    adaptive?: boolean;
 }
-export interface HeaderSliderBlockProps extends Omit<SliderProps, 'title' | 'description'> {
+export interface HeaderSliderBlockProps extends Omit<SliderOldProps, 'title' | 'description'> {
     items: HeaderBlockProps[];
 }
 interface HeaderBackgroundProps {
@@ -356,9 +359,9 @@ export interface FormBlockProps {
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
-export type SliderBlockModel = {
-    type: BlockType.SliderBlock;
-} & SliderProps;
+export type SliderOldBlockModel = {
+    type: BlockType.SliderOldBlock;
+} & SliderOldProps;
 export type ExtendedFeaturesBlockModel = {
     type: BlockType.ExtendedFeaturesBlock;
 } & ExtendedFeaturesProps;
@@ -410,10 +413,9 @@ export type ShareBLockModel = {
 export type FormBlockModel = {
     type: BlockType.FormBlock;
 } & FormBlockProps;
-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 UnstableBlockModels = SliderNewBlockModel;
-export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
+export type SliderBlockModel = {
+    type: BlockType.SliderBlock;
+} & SliderProps;
+type BlockModels = SliderOldBlockModel | SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
+export type Block = BlockModels & BlockBaseProps;
 export {};

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

@@ -5,6 +5,8 @@ var BlockType;
 (function (BlockType) {
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
+    /** @deprecated */
+    BlockType["SliderOldBlock"] = "slider-old-block";
     BlockType["SliderBlock"] = "slider-block";
     BlockType["QuestionsBlock"] = "questions-block";
     BlockType["BannerBlock"] = "banner-block";
@@ -22,8 +24,6 @@ var BlockType;
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
     BlockType["FormBlock"] = "form-block";
-    // unstable
-    BlockType["SliderNewBlock"] = "slider-new-block";
 })(BlockType || (exports.BlockType = BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];
@@ -38,6 +38,7 @@ var SliderType;
 (function (SliderType) {
     SliderType["MediaCard"] = "media-card";
     SliderType["HeaderCard"] = "header-card";
+    SliderType["FullscreenCard"] = "fullscreen-card";
 })(SliderType || (exports.SliderType = SliderType = {}));
 var PCShareSocialNetwork;
 (function (PCShareSocialNetwork) {

package/build/cjs/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,IAAY,SAsBX;AAtBD,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,gDAAmC,CAAA;AACvC,CAAC,EAtBW,SAAS,yBAAT,SAAS,QAsBpB;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACtC,QAAA,gBAAgB,GAAG,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAgCrF,IAAY,qBAKX;AALD,WAAY,qBAAqB;IAC7B,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;AACb,CAAC,EALW,qBAAqB,qCAArB,qBAAqB,QAKhC;AAED,IAAY,UAGX;AAHD,WAAY,UAAU;IAClB,sCAAwB,CAAA;IACxB,wCAA0B,CAAA;AAC9B,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB;AA+SD,IAAY,oBAMX;AAND,WAAY,oBAAoB;IAC5B,iCAAS,CAAA;IACT,6CAAqB,CAAA;IACrB,2CAAmB,CAAA;IACnB,6CAAqB,CAAA;IACrB,6CAAqB,CAAA;AACzB,CAAC,EANW,oBAAoB,oCAApB,oBAAoB,QAM/B;AAOD,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,uCAAiB,CAAA;IACjB,yCAAmB,CAAA;AACvB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC1B,kDAA4B,CAAA;IAC5B,kDAA4B,CAAA;IAC5B,uCAAiB,CAAA;AACrB,CAAC,EAJW,kBAAkB,kCAAlB,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 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,IAAY,SAsBX;AAtBD,WAAY,SAAS;IACjB,wDAA2C,CAAA;IAC3C,8DAAiD,CAAA;IACjD,kBAAkB;IAClB,gDAAmC,CAAA;IACnC,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;AAC5B,CAAC,EAtBW,SAAS,yBAAT,SAAS,QAsBpB;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACtC,QAAA,gBAAgB,GAAG,CAAC,SAAS,CAAC,WAAW,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;AAgCrF,IAAY,qBAKX;AALD,WAAY,qBAAqB;IAC7B,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;IACT,kCAAS,CAAA;AACb,CAAC,EALW,qBAAqB,qCAArB,qBAAqB,QAKhC;AAED,IAAY,UAIX;AAJD,WAAY,UAAU;IAClB,sCAAwB,CAAA;IACxB,wCAA0B,CAAA;IAC1B,gDAAkC,CAAA;AACtC,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB;AAgTD,IAAY,oBAMX;AAND,WAAY,oBAAoB;IAC5B,iCAAS,CAAA;IACT,6CAAqB,CAAA;IACrB,2CAAmB,CAAA;IACnB,6CAAqB,CAAA;IACrB,6CAAqB,CAAA;AACzB,CAAC,EANW,oBAAoB,oCAApB,oBAAoB,QAM/B;AAOD,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC1B,uCAAiB,CAAA;IACjB,yCAAmB,CAAA;AACvB,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC1B,kDAA4B,CAAA;IAC5B,kDAA4B,CAAA;IAC5B,uCAAiB,CAAA;AACrB,CAAC,EAJW,kBAAkB,kCAAlB,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 /** @deprecated /\n SliderOldBlock = 'slider-old-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}\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 FullscreenCard = 'fullscreen-card',\n}\n\nexport type SliderBreakpointParams = Record<SliderBreakpointNames, number>;\nexport type SlidesToShow = Partial<SliderBreakpointParams> \| number;\n\nexport interface SliderOldProps 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 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 HeaderSliderBlockProps extends Omit<SliderOldProps, '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 SliderOldBlockModel = {\n type: BlockType.SliderOldBlock;\n} & SliderOldProps;\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\nexport type SliderBlockModel = {\n type: BlockType.SliderBlock;\n} & SliderProps;\n\ntype BlockModels =\n \| SliderOldBlockModel\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\nexport type Block = BlockModels & BlockBaseProps;\n"]}

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

@@ -10,7 +10,7 @@ const Logo_1 = tslib_1.__importDefault(require("../Logo/Logo.js"));
 const MobileMenuButton_1 = require("../MobileMenuButton/MobileMenuButton.js");
 const NavigationList_1 = require("../NavigationList/NavigationList.js");
 const b = (0, utils_1.block)('desktop-navigation');
-const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => ((0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [logo && ((0, jsx_runtime_1.jsx)("div", { className: b('left'), children: (0, jsx_runtime_1.jsx)(Logo_1.default, { ...logo, className: b('logo') }) })), (0, jsx_runtime_1.jsx)("div", { className: b('navigation-container'), children: (0, jsx_runtime_1.jsx)(OverflowScroller_1.default, { className: b('navigation'), onScrollStart: onActiveItemChange, children: (0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: models_1.ItemColumnName.Left, activeItemId: activeItemId, menuLayout: models_1.NavigationLayout.Desktop }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: b('right'), children: [customMobileHeaderItems && ((0, jsx_runtime_1.jsx)("div", { className: b('mobile-navigation-container'), children: (0, jsx_runtime_1.jsx)(OverflowScroller_1.default, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18, children: (0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: models_1.ItemColumnName.Left, activeItemId: activeItemId, menuLayout: models_1.NavigationLayout.Dropdown }) }) })), (0, jsx_runtime_1.jsx)(MobileMenuButton_1.MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), rightItemsWithIconSize && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { onActiveItemChange: onActiveItemChange, column: models_1.ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: models_1.NavigationLayout.Desktop }))] })] }));
+const DesktopNavigation = ({ logo, leftItemsWithIconSize, rightItemsWithIconSize, customMobileHeaderItems, isSidebarOpened, onSidebarOpenedChange, onActiveItemChange, activeItemId, }) => ((0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [logo && ((0, jsx_runtime_1.jsx)("div", { className: b('left'), children: (0, jsx_runtime_1.jsx)(Logo_1.default, Object.assign({}, logo, { className: b('logo') })) })), (0, jsx_runtime_1.jsx)("div", { className: b('navigation-container'), children: (0, jsx_runtime_1.jsx)(OverflowScroller_1.default, { className: b('navigation'), onScrollStart: onActiveItemChange, children: (0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { items: leftItemsWithIconSize, onActiveItemChange: onActiveItemChange, className: b('links'), itemClassName: b('item'), column: models_1.ItemColumnName.Left, activeItemId: activeItemId, menuLayout: models_1.NavigationLayout.Desktop }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: b('right'), children: [customMobileHeaderItems && ((0, jsx_runtime_1.jsx)("div", { className: b('mobile-navigation-container'), children: (0, jsx_runtime_1.jsx)(OverflowScroller_1.default, { className: b('mobile-navigation'), onScrollStart: onActiveItemChange, arrowSize: 18, children: (0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { items: customMobileHeaderItems, onActiveItemChange: onActiveItemChange, className: b('mobile-buttons'), itemClassName: b('item'), column: models_1.ItemColumnName.Left, activeItemId: activeItemId, menuLayout: models_1.NavigationLayout.Dropdown }) }) })), (0, jsx_runtime_1.jsx)(MobileMenuButton_1.MobileMenuButton, { isSidebarOpened: isSidebarOpened, onSidebarOpenedChange: onSidebarOpenedChange }), rightItemsWithIconSize && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { onActiveItemChange: onActiveItemChange, column: models_1.ItemColumnName.Right, items: rightItemsWithIconSize, activeItemId: activeItemId, className: b('buttons'), itemClassName: b('item'), menuLayout: models_1.NavigationLayout.Desktop }))] })] }));
 exports.DesktopNavigation = DesktopNavigation;
 exports.default = exports.DesktopNavigation;
 //# sourceMappingURL=DesktopNavigation.js.map

package/build/cjs/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,wHAAqF;AACrF,mDAAqC;AACrC,4CAAsF;AACtF,mEAAgC;AAChC,8EAAsE;AACtE,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAE/B,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,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAI,IAAI,CACL,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,cAAI,~~OAAK~~,IAAI,~~EAAE~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,~~GAAI~~,GACtC,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,uBAAC,0BAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,uBAAC,+BAAc,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,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,uBAAC,0BAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,uBAAC,+BAAc,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,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,uBAAC,mCAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,uBAAC,+BAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,uBAAc,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,yBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAlEW,QAAA,iBAAiB,qBAkE5B;AAEF,kBAAe,yBAAiB,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"]}
1	+ {"version":3,"file":"DesktopNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/DesktopNavigation/DesktopNavigation.tsx"],"names":[],"mappings":";;;;;AAEA,wHAAqF;AACrF,mDAAqC;AACrC,4CAAsF;AACtF,mEAAgC;AAChC,8EAAsE;AACtE,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;AAE/B,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,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,IAAI,IAAI,CACL,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,cAAI,oBAAK,IAAI,IAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAI,GACtC,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,sBAAsB,CAAC,YACrC,uBAAC,0BAAgB,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,aAAa,EAAE,kBAAkB,YAC3E,uBAAC,+BAAc,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,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,OAAO,GACtC,GACa,GACjB,EACN,iCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,aACrB,uBAAuB,IAAI,CACxB,gCAAK,SAAS,EAAE,CAAC,CAAC,6BAA6B,CAAC,YAC5C,uBAAC,0BAAgB,IACb,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,EACjC,aAAa,EAAE,kBAAkB,EACjC,SAAS,EAAE,EAAE,YAEb,uBAAC,+BAAc,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,uBAAc,CAAC,IAAI,EAC3B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,yBAAgB,CAAC,QAAQ,GACvC,GACa,GACjB,CACT,EACD,uBAAC,mCAAgB,IACb,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,qBAAqB,GAC9C,EACD,sBAAsB,IAAI,CACvB,uBAAC,+BAAc,IACX,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,uBAAc,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,yBAAgB,CAAC,OAAO,GACtC,CACL,IACC,IACJ,CACT,CAAC;AAlEW,QAAA,iBAAiB,qBAkE5B;AAEF,kBAAe,yBAAiB,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/cjs/navigation/components/Logo/Logo.js CHANGED Viewed

@@ -12,8 +12,9 @@ const theme_1 = require("../../../context/theme/index.js");
 const utils_2 = require("../../../utils/index.js");
 const i18n_1 = require("./i18n/index.js");
 const b = (0, utils_2.block)('logo');
-const Logo = ({ alt = (0, i18n_1.i18n)('image-alt'), ...restProps }) => {
-    const props = { ...restProps, alt };
+const Logo = (_a) => {
+    var { alt = (0, i18n_1.i18n)('image-alt') } = _a, restProps = tslib_1.__rest(_a, ["alt"]);
+    const props = Object.assign(Object.assign({}, restProps), { alt });
     const { hostname, Link } = React.useContext(locationContext_1.LocationContext);
     const theme = (0, theme_1.useTheme)();
     const themedLogoProps = (0, utils_2.getThemedValue)(props, theme) || props;
@@ -23,8 +24,8 @@ const Logo = ({ alt = (0, i18n_1.i18n)('image-alt'), ...restProps }) => {
     const url = themedLogoProps.url || props.url || '/';
     const urlTitle = themedLogoProps.urlTitle || props.urlTitle || textData;
     const linkExtraProps = (0, utils_2.getLinkProps)(url, hostname);
-    const content = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [imageData && (0, jsx_runtime_1.jsx)(components_1.Image, { className: b('icon'), ...imageData }), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: textData })] }));
-    return ((0, jsx_runtime_1.jsx)(RouterLink_1.default, { href: url, passHref: true, children: Link ? ((0, jsx_runtime_1.jsx)("span", { className: b(null, props.className), children: content })) : ((0, jsx_runtime_1.jsx)("a", { className: b(null, props.className), href: url, title: urlTitle, ...linkExtraProps, children: content })) }));
+    const content = ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [imageData && (0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('icon') }, imageData)), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: textData })] }));
+    return ((0, jsx_runtime_1.jsx)(RouterLink_1.default, { href: url, passHref: true, children: Link ? ((0, jsx_runtime_1.jsx)("span", { className: b(null, props.className), children: content })) : ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: b(null, props.className), href: url, title: urlTitle }, linkExtraProps, { children: content }))) }));
 };
 exports.Logo = Logo;
 exports.default = exports.Logo;

package/build/cjs/navigation/components/Logo/Logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Logo.js","sourceRoot":"../../../../../src","sources":["navigation/components/Logo/Logo.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAA0C;AAC1C,oEAAoE;AACpE,sGAAmE;AACnE,+EAAiE;AACjE,2DAAgD;AAEhD,mDAAmE;AAEnE,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;AAOjB,MAAM,IAAI,GAAwB,CAAC,EAAC,GAAG,GAAG,IAAA,WAAI,EAAC,WAAW,CAAC,~~EAAE~~,~~GAAG~~,SAAS,~~EAAC~~,~~EAAE~~,~~EAAE~~;~~IACjF~~,MAAM,KAAK,~~GAAc~~,~~EAAC,GAAG,~~SAAS,~~EAAE~~,GAAG,~~EAAC~~,CAAC;IAC7C,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,IAAA,qBAAa,EAAC,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;IACpE,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;IACpB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC;IACpD,MAAM,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;IACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxE,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,CACZ,wBAAC,KAAK,CAAC,QAAQ,eACV,SAAS,IAAI,uBAAC,kBAAK,~~IAAC~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,~~KAAM~~,SAAS,~~GAAI~~,EAC5D,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAQ,IAChC,CACpB,CAAC;IAEF,OAAO,CACH,uBAAC,oBAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC1B,IAAI,CAAC,CAAC,CAAC,CACJ,iCAAM,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAQ,CAC9D,CAAC,CAAC,CAAC,CACA,~~8BACI~~,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EACnC,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,~~KACX~~,cAAc,~~YAEjB~~,OAAO,~~GACR~~,CACP,GACQ,CAChB,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf;AAEF,kBAAe,YAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport RouterLink from '../../../components/RouterLink/RouterLink';\nimport {LocationContext} from '../../../context/locationContext';\nimport {useTheme} from '../../../context/theme';\nimport {ThemedNavigationLogoData} from '../../../models';\nimport {block, getLinkProps, getThemedValue} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Logo.scss';\n\nconst b = block('logo');\n\nexport type LogoProps = ThemedNavigationLogoData & {\n className?: string;\n alt?: string;\n};\n\nexport const Logo: React.FC<LogoProps> = ({alt = i18n('image-alt'), ...restProps}) => {\n const props: LogoProps = {...restProps, alt};\n const {hostname, Link} = React.useContext(LocationContext);\n const theme = useTheme();\n const themedLogoProps = getThemedValue(props, theme) \|\| props;\n const imageData = getMediaImage(themedLogoProps.icon \|\| props.icon);\n imageData.alt = alt;\n const textData = themedLogoProps.text \|\| props.text;\n const url = themedLogoProps.url \|\| props.url \|\| '/';\n const urlTitle = themedLogoProps.urlTitle \|\| props.urlTitle \|\| textData;\n const linkExtraProps = getLinkProps(url, hostname);\n const content = (\n <React.Fragment>\n {imageData && <Image className={b('icon')} {...imageData} />}\n <span className={b('text')}>{textData}</span>\n </React.Fragment>\n );\n\n return (\n <RouterLink href={url} passHref>\n {Link ? (\n <span className={b(null, props.className)}>{content}</span>\n ) : (\n <a\n className={b(null, props.className)}\n href={url}\n title={urlTitle}\n {...linkExtraProps}\n >\n {content}\n </a>\n )}\n </RouterLink>\n );\n};\n\nexport default Logo;\n"]}
1	+ {"version":3,"file":"Logo.js","sourceRoot":"../../../../../src","sources":["navigation/components/Logo/Logo.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6DAA0C;AAC1C,oEAAoE;AACpE,sGAAmE;AACnE,+EAAiE;AACjE,2DAAgD;AAEhD,mDAAmE;AAEnE,0CAA4B;AAI5B,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,MAAM,CAAC,CAAC;AAOjB,MAAM,IAAI,GAAwB,CAAC,EAAuC,EAAE,EAAE;QAA3C,EAAC,GAAG,GAAG,IAAA,WAAI,EAAC,WAAW,CAAC,OAAe,EAAV,SAAS,sBAAtC,OAAuC,CAAD;IAC5E,MAAM,KAAK,mCAAkB,SAAS,KAAE,GAAG,GAAC,CAAC;IAC7C,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC3D,MAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,MAAM,eAAe,GAAG,IAAA,sBAAc,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,KAAK,CAAC;IAC9D,MAAM,SAAS,GAAG,IAAA,qBAAa,EAAC,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC;IACpE,SAAS,CAAC,GAAG,GAAG,GAAG,CAAC;IACpB,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC;IACpD,MAAM,GAAG,GAAG,eAAe,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,IAAI,GAAG,CAAC;IACpD,MAAM,QAAQ,GAAG,eAAe,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxE,MAAM,cAAc,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IACnD,MAAM,OAAO,GAAG,CACZ,wBAAC,KAAK,CAAC,QAAQ,eACV,SAAS,IAAI,uBAAC,kBAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAM,SAAS,EAAI,EAC5D,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,QAAQ,GAAQ,IAChC,CACpB,CAAC;IAEF,OAAO,CACH,uBAAC,oBAAU,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,kBAC1B,IAAI,CAAC,CAAC,CAAC,CACJ,iCAAM,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,YAAG,OAAO,GAAQ,CAC9D,CAAC,CAAC,CAAC,CACA,4CACI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,EACnC,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,QAAQ,IACX,cAAc,cAEjB,OAAO,IACR,CACP,GACQ,CAChB,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf;AAEF,kBAAe,YAAI,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../components';\nimport {getMediaImage} from '../../../components/Media/Image/utils';\nimport RouterLink from '../../../components/RouterLink/RouterLink';\nimport {LocationContext} from '../../../context/locationContext';\nimport {useTheme} from '../../../context/theme';\nimport {ThemedNavigationLogoData} from '../../../models';\nimport {block, getLinkProps, getThemedValue} from '../../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Logo.scss';\n\nconst b = block('logo');\n\nexport type LogoProps = ThemedNavigationLogoData & {\n className?: string;\n alt?: string;\n};\n\nexport const Logo: React.FC<LogoProps> = ({alt = i18n('image-alt'), ...restProps}) => {\n const props: LogoProps = {...restProps, alt};\n const {hostname, Link} = React.useContext(LocationContext);\n const theme = useTheme();\n const themedLogoProps = getThemedValue(props, theme) \|\| props;\n const imageData = getMediaImage(themedLogoProps.icon \|\| props.icon);\n imageData.alt = alt;\n const textData = themedLogoProps.text \|\| props.text;\n const url = themedLogoProps.url \|\| props.url \|\| '/';\n const urlTitle = themedLogoProps.urlTitle \|\| props.urlTitle \|\| textData;\n const linkExtraProps = getLinkProps(url, hostname);\n const content = (\n <React.Fragment>\n {imageData && <Image className={b('icon')} {...imageData} />}\n <span className={b('text')}>{textData}</span>\n </React.Fragment>\n );\n\n return (\n <RouterLink href={url} passHref>\n {Link ? (\n <span className={b(null, props.className)}>{content}</span>\n ) : (\n <a\n className={b(null, props.className)}\n href={url}\n title={urlTitle}\n {...linkExtraProps}\n >\n {content}\n </a>\n )}\n </RouterLink>\n );\n};\n\nexport default Logo;\n"]}

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.js CHANGED Viewed

@@ -11,13 +11,14 @@ const utils_1 = require("../../../utils/index.js");
 const models_1 = require("../../models.js");
 const NavigationList_1 = require("../NavigationList/NavigationList.js");
 const b = (0, utils_1.block)('mobile-navigation');
-const MobileNavigation = ({ isOpened, topItems, bottomItems, ...props }) => {
+const MobileNavigation = (_a) => {
+    var { isOpened, topItems, bottomItems } = _a, props = tslib_1.__rest(_a, ["isOpened", "topItems", "bottomItems"]);
     const [isMounted, setIsMounted] = React.useState(false);
     (0, hooks_1.useMount)(() => setIsMounted(true));
     if (!isMounted) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile, ...props })), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, { className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile, ...props }))] }) }, topItems?.length) }));
+    return ((0, jsx_runtime_1.jsx)(uikit_1.Portal, { children: (0, jsx_runtime_1.jsx)(Foldable_1.default, { className: b(), isOpened: Boolean(isOpened), children: (0, jsx_runtime_1.jsxs)("div", { className: b('wrapper'), children: [topItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: topItems, column: models_1.ItemColumnName.Top, menuLayout: models_1.NavigationLayout.Mobile }, props))), bottomItems && ((0, jsx_runtime_1.jsx)(NavigationList_1.NavigationList, Object.assign({ className: b('rows'), items: bottomItems, column: models_1.ItemColumnName.Bottom, menuLayout: models_1.NavigationLayout.Mobile }, props)))] }) }, topItems === null || topItems === void 0 ? void 0 : topItems.length) }));
 };
 exports.MobileNavigation = MobileNavigation;
 exports.default = exports.MobileNavigation;

package/build/cjs/navigation/components/MobileNavigation/MobileNavigation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAEzC,gGAA6D;AAC7D,mDAAwC;AACxC,mDAAqC;AACrC,4CAAqF;AACrF,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,~~EACX~~,~~GAAG~~,KAAK,~~EACX~~,~~EAAE~~,~~EAAE~~;~~IACD~~,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,uBAAC,cAAM,cACH,uBAAC,kBAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,uBAAC,+BAAc,~~IACX~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,uBAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,yBAAgB,CAAC,MAAM,~~KAC~~/B,KAAK,~~GACX~~,CACL,EACA,WAAW,IAAI,CACZ,uBAAC,+BAAc,~~IACX~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,uBAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,yBAAgB,CAAC,MAAM,~~KAC~~/B,KAAK,~~GACX~~,CACL,IACC,IApBK,QAAQ,~~EAAE~~,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,gBAAgB,oBAwC3B;AAEF,kBAAe,wBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation: React.FC<MobileNavigationProps> = ({\n isOpened,\n topItems,\n bottomItems,\n ...props\n}) => {\n const [isMounted, setIsMounted] = React.useState(false);\n\n useMount(() => setIsMounted(true));\n\n if (!isMounted) {\n return null;\n }\n\n return (\n <Portal>\n <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n <div className={b('wrapper')}>\n {topItems && (\n <NavigationList\n className={b('rows')}\n items={topItems}\n column={ItemColumnName.Top}\n menuLayout={NavigationLayout.Mobile}\n {...props}\n />\n )}\n {bottomItems && (\n <NavigationList\n className={b('rows')}\n items={bottomItems}\n column={ItemColumnName.Bottom}\n menuLayout={NavigationLayout.Mobile}\n {...props}\n />\n )}\n </div>\n </Foldable>\n </Portal>\n );\n};\n\nexport default MobileNavigation;\n"]}
1	+ {"version":3,"file":"MobileNavigation.js","sourceRoot":"../../../../../src","sources":["navigation/components/MobileNavigation/MobileNavigation.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAyC;AAEzC,gGAA6D;AAC7D,mDAAwC;AACxC,mDAAqC;AACrC,4CAAqF;AACrF,wEAAgE;AAIhE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAE9B,MAAM,gBAAgB,GAAoC,CAAC,EAKjE,EAAE,EAAE;QAL6D,EAC9D,QAAQ,EACR,QAAQ,EACR,WAAW,OAEd,EADM,KAAK,sBAJsD,uCAKjE,CADW;IAER,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;IAEnC,IAAI,CAAC,SAAS,EAAE,CAAC;QACb,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACH,uBAAC,cAAM,cACH,uBAAC,kBAAQ,IAAwB,SAAS,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,YACxE,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aACvB,QAAQ,IAAI,CACT,uBAAC,+BAAc,kBACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,QAAQ,EACf,MAAM,EAAE,uBAAc,CAAC,GAAG,EAC1B,UAAU,EAAE,yBAAgB,CAAC,MAAM,IAC/B,KAAK,EACX,CACL,EACA,WAAW,IAAI,CACZ,uBAAC,+BAAc,kBACX,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,uBAAc,CAAC,MAAM,EAC7B,UAAU,EAAE,yBAAgB,CAAC,MAAM,IAC/B,KAAK,EACX,CACL,IACC,IApBK,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAqBpB,GACN,CACZ,CAAC;AACN,CAAC,CAAC;AAxCW,QAAA,gBAAgB,oBAwC3B;AAEF,kBAAe,wBAAgB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Portal} from '@gravity-ui/uikit';\n\nimport Foldable from '../../../components/Foldable/Foldable';\nimport {useMount} from '../../../hooks';\nimport {block} from '../../../utils';\nimport {ItemColumnName, MobileNavigationProps, NavigationLayout} from '../../models';\nimport {NavigationList} from '../NavigationList/NavigationList';\n\nimport './MobileNavigation.scss';\n\nconst b = block('mobile-navigation');\n\nexport const MobileNavigation: React.FC<MobileNavigationProps> = ({\n isOpened,\n topItems,\n bottomItems,\n ...props\n}) => {\n const [isMounted, setIsMounted] = React.useState(false);\n\n useMount(() => setIsMounted(true));\n\n if (!isMounted) {\n return null;\n }\n\n return (\n <Portal>\n <Foldable key={topItems?.length} className={b()} isOpened={Boolean(isOpened)}>\n <div className={b('wrapper')}>\n {topItems && (\n <NavigationList\n className={b('rows')}\n items={topItems}\n column={ItemColumnName.Top}\n menuLayout={NavigationLayout.Mobile}\n {...props}\n />\n )}\n {bottomItems && (\n <NavigationList\n className={b('rows')}\n items={bottomItems}\n column={ItemColumnName.Bottom}\n menuLayout={NavigationLayout.Mobile}\n {...props}\n />\n )}\n </div>\n </Foldable>\n </Portal>\n );\n};\n\nexport default MobileNavigation;\n"]}

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js CHANGED Viewed

@@ -12,23 +12,21 @@ const useNavigationItemMap_1 = require("./hooks/useNavigationItemMap.js");
 const b = (0, utils_1.block)('navigation-item');
 const ANALYTICS_ID = 'navigation';
 const nonComplexNavigationItemTypes = models_1.NavigationItemTypes.filter((type) => type !== models_1.NavigationItemType.Dropdown);
-const NavigationItem = ({ data, className, menuLayout, ...props }) => {
+const NavigationItem = (_a) => {
+    var { data, className, menuLayout } = _a, props = tslib_1.__rest(_a, ["data", "className", "menuLayout"]);
     const { type = models_1.NavigationItemType.Link } = data;
     const navItemMap = (0, useNavigationItemMap_1.useNavigationItemMap)();
     const Component = navItemMap[type];
     const componentProps = React.useMemo(() => {
-        const componentProperties = {
-            ...data,
-            ...props,
-        };
+        const componentProperties = Object.assign(Object.assign({}, data), props);
         if (nonComplexNavigationItemTypes.includes(type)) {
             return (0, omit_1.default)(componentProperties, 'hidePopup', 'isActive');
         }
         return models_1.NavigationItemTypes.includes(type)
             ? componentProperties
-            : { ...componentProperties, menuLayout };
+            : Object.assign(Object.assign({}, componentProperties), { menuLayout });
     }, [data, props, type, menuLayout]);
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: (0, jsx_runtime_1.jsx)("li", { className: b({ 'menu-layout': menuLayout }, className), children: (0, jsx_runtime_1.jsx)(Component, { ...componentProps, className: b('content', { type }) }) }) }));
+    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: (0, jsx_runtime_1.jsx)("li", { className: b({ 'menu-layout': menuLayout }, className), children: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, componentProps, { className: b('content', { type }) })) }) }));
 };
 exports.NavigationItem = NavigationItem;
 exports.default = exports.NavigationItem;

package/build/cjs/navigation/components/NavigationItem/NavigationItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kEAA+B;AAE/B,6EAA+D;AAC/D,qDAAoF;AACpF,mDAAqC;AAGrC,0EAAkE;AAIlE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,4BAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,2BAAkB,CAAC,QAAQ,CACjD,CAAC;AAEK,MAAM,cAAc,GAAkC,CAAC,EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,~~EACV~~,~~GAAG~~,KAAK,~~EACU~~,~~EAAE~~,~~EAAE~~;~~IACtB~~,MAAM,EAAC,IAAI,GAAG,2BAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAe,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,mBAAmB,~~GAAG;YACxB~~,~~GAAG,~~IAAI~~;YACP~~,~~GAAG~~,KAAK~~;SACX~~,CAAC;QAEF,IACI,6BAA6B,CAAC,QAAQ,CAClC,IAAsD,CACzD,EACH,CAAC;YACC,OAAO,IAAA,cAAI,EAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,4BAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,mBAAmB;YACrB,CAAC,~~CAAC~~,~~EAAC,GAAG,~~mBAAmB,~~EAAE~~,UAAU,~~EAAC~~,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,+BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,uBAAC,SAAS,~~OAAK~~,cAAc,~~EAAE~~,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,~~GAAI~~,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,cAAc,kBAmCzB;AAEF,kBAAe,sBAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport omit from 'lodash/omit';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {CustomItem, NavigationItemType, NavigationItemTypes} from '../../../models';\nimport {block} from '../../../utils';\nimport {NavigationItemProps} from '../../models';\n\nimport {useNavigationItemMap} from './hooks/useNavigationItemMap';\n\nimport './NavigationItem.scss';\n\nconst b = block('navigation-item');\n\nconst ANALYTICS_ID = 'navigation';\n\nconst nonComplexNavigationItemTypes = NavigationItemTypes.filter(\n (type) => type !== NavigationItemType.Dropdown,\n);\n\nexport const NavigationItem: React.FC<NavigationItemProps> = ({\n data,\n className,\n menuLayout,\n ...props\n}: NavigationItemProps) => {\n const {type = NavigationItemType.Link} = data;\n const navItemMap = useNavigationItemMap();\n const Component = navItemMap[type] as CustomItem;\n const componentProps = React.useMemo(() => {\n const componentProperties = {\n ...data,\n ...props,\n };\n\n if (\n nonComplexNavigationItemTypes.includes(\n type as (typeof nonComplexNavigationItemTypes)[number],\n )\n ) {\n return omit(componentProperties, 'hidePopup', 'isActive');\n }\n\n return NavigationItemTypes.includes(type)\n ? componentProperties\n : {...componentProperties, menuLayout};\n }, [data, props, type, menuLayout]);\n\n return (\n <BlockIdContext.Provider value={ANALYTICS_ID}>\n <li className={b({'menu-layout': menuLayout}, className)}>\n <Component {...componentProps} className={b('content', {type})} />\n </li>\n </BlockIdContext.Provider>\n );\n};\n\nexport default NavigationItem;\n"]}
1	+ {"version":3,"file":"NavigationItem.js","sourceRoot":"../../../../../src","sources":["navigation/components/NavigationItem/NavigationItem.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,kEAA+B;AAE/B,6EAA+D;AAC/D,qDAAoF;AACpF,mDAAqC;AAGrC,0EAAkE;AAIlE,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAEnC,MAAM,YAAY,GAAG,YAAY,CAAC;AAElC,MAAM,6BAA6B,GAAG,4BAAmB,CAAC,MAAM,CAC5D,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,2BAAkB,CAAC,QAAQ,CACjD,CAAC;AAEK,MAAM,cAAc,GAAkC,CAAC,EAKxC,EAAE,EAAE;QALoC,EAC1D,IAAI,EACJ,SAAS,EACT,UAAU,OAEQ,EADf,KAAK,sBAJkD,mCAK7D,CADW;IAER,MAAM,EAAC,IAAI,GAAG,2BAAkB,CAAC,IAAI,EAAC,GAAG,IAAI,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAC1C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAe,CAAC;IACjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,mBAAmB,mCAClB,IAAI,GACJ,KAAK,CACX,CAAC;QAEF,IACI,6BAA6B,CAAC,QAAQ,CAClC,IAAsD,CACzD,EACH,CAAC;YACC,OAAO,IAAA,cAAI,EAAC,mBAAmB,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC;QAC9D,CAAC;QAED,OAAO,4BAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC;YACrC,CAAC,CAAC,mBAAmB;YACrB,CAAC,iCAAK,mBAAmB,KAAE,UAAU,GAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,+BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,UAAU,EAAC,EAAE,SAAS,CAAC,YACpD,uBAAC,SAAS,oBAAK,cAAc,IAAE,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,IAAI,EAAC,CAAC,IAAI,GACjE,GACiB,CAC7B,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,cAAc,kBAmCzB;AAEF,kBAAe,sBAAc,CAAC","sourcesContent":["import * as React from 'react';\n\nimport omit from 'lodash/omit';\n\nimport {BlockIdContext} from '../../../context/blockIdContext';\nimport {CustomItem, NavigationItemType, NavigationItemTypes} from '../../../models';\nimport {block} from '../../../utils';\nimport {NavigationItemProps} from '../../models';\n\nimport {useNavigationItemMap} from './hooks/useNavigationItemMap';\n\nimport './NavigationItem.scss';\n\nconst b = block('navigation-item');\n\nconst ANALYTICS_ID = 'navigation';\n\nconst nonComplexNavigationItemTypes = NavigationItemTypes.filter(\n (type) => type !== NavigationItemType.Dropdown,\n);\n\nexport const NavigationItem: React.FC<NavigationItemProps> = ({\n data,\n className,\n menuLayout,\n ...props\n}: NavigationItemProps) => {\n const {type = NavigationItemType.Link} = data;\n const navItemMap = useNavigationItemMap();\n const Component = navItemMap[type] as CustomItem;\n const componentProps = React.useMemo(() => {\n const componentProperties = {\n ...data,\n ...props,\n };\n\n if (\n nonComplexNavigationItemTypes.includes(\n type as (typeof nonComplexNavigationItemTypes)[number],\n )\n ) {\n return omit(componentProperties, 'hidePopup', 'isActive');\n }\n\n return NavigationItemTypes.includes(type)\n ? componentProperties\n : {...componentProperties, menuLayout};\n }, [data, props, type, menuLayout]);\n\n return (\n <BlockIdContext.Provider value={ANALYTICS_ID}>\n <li className={b({'menu-layout': menuLayout}, className)}>\n <Component {...componentProps} className={b('content', {type})} />\n </li>\n </BlockIdContext.Provider>\n );\n};\n\nexport default NavigationItem;\n"]}

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js CHANGED Viewed

@@ -9,7 +9,7 @@ const utils_1 = require("../../../../../utils/index.js");
 const b = (0, utils_1.block)('content-wrapper');
 const ContentWrapper = ({ text, icon, iconSize }) => {
     const iconSizeStyle = React.useMemo(() => (iconSize ? { height: `${iconSize}px`, width: `${iconSize}px` } : {}), [iconSize]);
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [icon && typeof icon !== 'string' && ((0, jsx_runtime_1.jsx)(components_1.Image, { className: b('icon'), ...icon, style: iconSizeStyle })), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text })] }));
+    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [icon && typeof icon !== 'string' && ((0, jsx_runtime_1.jsx)(components_1.Image, Object.assign({ className: b('icon') }, icon, { style: iconSizeStyle }))), (0, jsx_runtime_1.jsx)("span", { className: b('text'), children: text })] }));
 };
 exports.ContentWrapper = ContentWrapper;
 //# sourceMappingURL=ContentWrapper.js.map

package/build/cjs/navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentWrapper.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAgD;AAEhD,yDAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAQ5B,MAAM,cAAc,GAAkC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,GAAG,QAAQ,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACzE,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CACjC,uBAAC,kBAAK,~~IAAC~~,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,~~KAAM~~,IAAI,~~EAAE~~,KAAK,EAAE,aAAa,~~GAAI~~,CAClE,EACD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC5B,CACpB,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../../../components';\nimport {ImageProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\n\nimport './ContentWrapper.scss';\n\nconst b = block('content-wrapper');\n\ninterface ContentWrapperProps {\n text: string;\n icon?: ImageProps;\n iconSize?: number;\n}\n\nexport const ContentWrapper: React.FC<ContentWrapperProps> = ({text, icon, iconSize}) => {\n const iconSizeStyle = React.useMemo(\n () => (iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {}),\n [iconSize],\n );\n\n return (\n <React.Fragment>\n {icon && typeof icon !== 'string' && (\n <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n )}\n <span className={b('text')}>{text}</span>\n </React.Fragment>\n );\n};\n"]}
1	+ {"version":3,"file":"ContentWrapper.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/ContentWrapper/ContentWrapper.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAAgD;AAEhD,yDAA2C;AAI3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;AAQ5B,MAAM,cAAc,GAAkC,CAAC,EAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAC,EAAE,EAAE;IACpF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAC,MAAM,EAAE,GAAG,QAAQ,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EACzE,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,wBAAC,KAAK,CAAC,QAAQ,eACV,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,CACjC,uBAAC,kBAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAM,IAAI,IAAE,KAAK,EAAE,aAAa,IAAI,CAClE,EACD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,GAAQ,IAC5B,CACpB,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,cAAc,kBAczB","sourcesContent":["import * as React from 'react';\n\nimport {Image} from '../../../../../components';\nimport {ImageProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\n\nimport './ContentWrapper.scss';\n\nconst b = block('content-wrapper');\n\ninterface ContentWrapperProps {\n text: string;\n icon?: ImageProps;\n iconSize?: number;\n}\n\nexport const ContentWrapper: React.FC<ContentWrapperProps> = ({text, icon, iconSize}) => {\n const iconSizeStyle = React.useMemo(\n () => (iconSize ? {height: `${iconSize}px`, width: `${iconSize}px`} : {}),\n [iconSize],\n );\n\n return (\n <React.Fragment>\n {icon && typeof icon !== 'string' && (\n <Image className={b('icon')} {...icon} style={iconSizeStyle} />\n )}\n <span className={b('text')}>{text}</span>\n </React.Fragment>\n );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.js CHANGED Viewed

@@ -31,7 +31,8 @@ const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) =>
             }
         };
         const reset = () => {
-            if (containerRef?.current?.lastChild && linkRef.current) {
+            var _a;
+            if (((_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.lastChild) && linkRef.current) {
                 containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);
             }
         };
@@ -40,7 +41,7 @@ const GithubButton = ({ text, url, className, label, size, icon, urlTitle, }) =>
             reset();
         };
     }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), children: (0, jsx_runtime_1.jsx)("span", { ref: containerRef, children: (0, jsx_runtime_1.jsx)("a", { href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL, ...(icon && { 'data-icon': models_1.NavigationGithubButtonIcon[icon] }), ...(size && { 'data-size': size }), children: text }) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: b(null, className), children: (0, jsx_runtime_1.jsx)("span", { ref: containerRef, children: (0, jsx_runtime_1.jsx)("a", Object.assign({ href: url, ref: linkRef, title: urlTitle, "data-show-count": "true", "aria-label": label || DEFAULT_LABEL }, (icon && { 'data-icon': models_1.NavigationGithubButtonIcon[icon] }), (size && { 'data-size': size }), { children: text })) }) }));
 };
 exports.GithubButton = GithubButton;
 //# sourceMappingURL=GithubButton.js.map

package/build/cjs/navigation/components/NavigationItem/components/GithubButton/GithubButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,2DAAyF;AACzF,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AAClE,MAAM,YAAY,GAAG,CAAC,EACzB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CACjD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,CAAC;gBACF,MAAM,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;oBAClE,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAC3B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;4BACrD,IAAI,CAAC;gCACD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;oCAC1B,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;gCAC3D,CAAC;4BACL,CAAC;4BAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;wBAClB,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,~~EAAE~~,OAAO,~~EAAE~~,SAAS,~~IAAI~~,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtD,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvF,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,OAAO,GAAG,EAAE;YACR,KAAK,EAAE,CAAC;QACZ,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,iCAAM,GAAG,EAAE,YAAY,YACnB,~~8BACI~~,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,~~KAC9B~~,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,mCAA0B,CAAC,IAAI,CAAC,EAAC,CAAC,~~KACzD~~,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,~~YAEhC~~,IAAI,~~GACL~~,GACD,GACL,CACT,CAAC;AACN,CAAC,CAAC;AA9DW,QAAA,YAAY,gBA8DvB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './GithubButton.scss';\n\nconst b = block('github-button');\n\ntype NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;\n\nconst DEFAULT_LABEL = 'Stars on GitHub';\n\n/* More information about github-buttons in https://buttons.github.io/ /\nexport const GithubButton = ({\n text,\n url,\n className,\n label,\n size,\n icon,\n urlTitle,\n}: NavigationGithubButtonProps) => {\n const containerRef = React.useRef<HTMLSpanElement>(null);\n const linkRef = React.useRef<HTMLAnchorElement>(null);\n\n React.useEffect(() => {\n const paint = () => {\n if (containerRef.current) {\n const githubButton = containerRef.current.appendChild(\n document.createElement('span'),\n );\n import(/ webpackMode: \"eager\" */ 'github-buttons').then(({render}) => {\n if (linkRef.current !== null) {\n render(githubButton.appendChild(linkRef.current), (el) => {\n try {\n if (githubButton.parentNode) {\n githubButton.parentNode.replaceChild(el, githubButton);\n }\n } catch (_) {}\n });\n }\n });\n }\n };\n\n const reset = () => {\n if (containerRef?.current?.lastChild && linkRef.current) {\n containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);\n }\n };\n\n paint();\n\n return () => {\n reset();\n };\n }, []);\n\n return (\n <div className={b(null, className)}>\n <span ref={containerRef}>\n <a\n href={url}\n ref={linkRef}\n title={urlTitle}\n data-show-count=\"true\"\n aria-label={label \|\| DEFAULT_LABEL}\n {...(icon && {'data-icon': NavigationGithubButtonIcon[icon]})}\n {...(size && {'data-size': size})}\n >\n {text}\n </a>\n </span>\n </div>\n );\n};\n"]}
1	+ {"version":3,"file":"GithubButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/GithubButton/GithubButton.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,2DAAyF;AACzF,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,eAAe,CAAC,CAAC;AAIjC,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAExC,yEAAyE;AAClE,MAAM,YAAY,GAAG,CAAC,EACzB,IAAI,EACJ,GAAG,EACH,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,QAAQ,GACkB,EAAE,EAAE;IAC9B,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAkB,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAEtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,GAAG,EAAE;YACf,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;gBACvB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,WAAW,CACjD,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,CAAC;gBACF,MAAM,CAAC,0BAA0B,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAC,MAAM,EAAC,EAAE,EAAE;oBAClE,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;wBAC3B,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE;4BACrD,IAAI,CAAC;gCACD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;oCAC1B,YAAY,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,EAAE,YAAY,CAAC,CAAC;gCAC3D,CAAC;4BACL,CAAC;4BAAC,OAAO,CAAC,EAAE,CAAC,CAAA,CAAC;wBAClB,CAAC,CAAC,CAAC;oBACP,CAAC;gBACL,CAAC,CAAC,CAAC;YACP,CAAC;QACL,CAAC,CAAC;QAEF,MAAM,KAAK,GAAG,GAAG,EAAE;;YACf,IAAI,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,0CAAE,SAAS,KAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACtD,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACvF,CAAC;QACL,CAAC,CAAC;QAEF,KAAK,EAAE,CAAC;QAER,OAAO,GAAG,EAAE;YACR,KAAK,EAAE,CAAC;QACZ,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC9B,iCAAM,GAAG,EAAE,YAAY,YACnB,4CACI,IAAI,EAAE,GAAG,EACT,GAAG,EAAE,OAAO,EACZ,KAAK,EAAE,QAAQ,qBACC,MAAM,gBACV,KAAK,IAAI,aAAa,IAC9B,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,mCAA0B,CAAC,IAAI,CAAC,EAAC,CAAC,EACzD,CAAC,IAAI,IAAI,EAAC,WAAW,EAAE,IAAI,EAAC,CAAC,cAEhC,IAAI,IACL,GACD,GACL,CACT,CAAC;AACN,CAAC,CAAC;AA9DW,QAAA,YAAY,gBA8DvB","sourcesContent":["import * as React from 'react';\n\nimport {NavigationGithubButton, NavigationGithubButtonIcon} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './GithubButton.scss';\n\nconst b = block('github-button');\n\ntype NavigationGithubButtonProps = NavigationItemProps & NavigationGithubButton;\n\nconst DEFAULT_LABEL = 'Stars on GitHub';\n\n/* More information about github-buttons in https://buttons.github.io/ /\nexport const GithubButton = ({\n text,\n url,\n className,\n label,\n size,\n icon,\n urlTitle,\n}: NavigationGithubButtonProps) => {\n const containerRef = React.useRef<HTMLSpanElement>(null);\n const linkRef = React.useRef<HTMLAnchorElement>(null);\n\n React.useEffect(() => {\n const paint = () => {\n if (containerRef.current) {\n const githubButton = containerRef.current.appendChild(\n document.createElement('span'),\n );\n import(/ webpackMode: \"eager\" */ 'github-buttons').then(({render}) => {\n if (linkRef.current !== null) {\n render(githubButton.appendChild(linkRef.current), (el) => {\n try {\n if (githubButton.parentNode) {\n githubButton.parentNode.replaceChild(el, githubButton);\n }\n } catch (_) {}\n });\n }\n });\n }\n };\n\n const reset = () => {\n if (containerRef?.current?.lastChild && linkRef.current) {\n containerRef.current.replaceChild(linkRef.current, containerRef.current.lastChild);\n }\n };\n\n paint();\n\n return () => {\n reset();\n };\n }, []);\n\n return (\n <div className={b(null, className)}>\n <span ref={containerRef}>\n <a\n href={url}\n ref={linkRef}\n title={urlTitle}\n data-show-count=\"true\"\n aria-label={label \|\| DEFAULT_LABEL}\n {...(icon && {'data-icon': NavigationGithubButtonIcon[icon]})}\n {...(size && {'data-size': size})}\n >\n {text}\n </a>\n </span>\n </div>\n );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js CHANGED Viewed

@@ -10,7 +10,7 @@ const ANALYTICS_ID = 'navigation';
 const NavigationButton = (props) => {
     const { url, target, className } = props;
     const classes = b(null, className);
-    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? ((0, jsx_runtime_1.jsx)(components_1.Button, { className: classes, ...props, url: url })) : ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, { ...props, className: classes, url: url }) })) }));
+    return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: ANALYTICS_ID, children: target ? ((0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({ className: classes }, props, { url: url }))) : ((0, jsx_runtime_1.jsx)(components_1.RouterLink, { href: url, children: (0, jsx_runtime_1.jsx)(components_1.Button, Object.assign({}, props, { className: classes, url: url })) })) }));
 };
 exports.NavigationButton = NavigationButton;
 //# sourceMappingURL=NavigationButton.js.map

package/build/cjs/navigation/components/NavigationItem/components/NavigationButton/NavigationButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";;;;AAEA,mEAA6D;AAC7D,mFAAqE;AAErE,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAI3B,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,uBAAC,mBAAM,~~IAAC~~,SAAS,EAAE,OAAO,~~KAAM~~,KAAK,~~EAAE~~,GAAG,EAAE,GAAG,~~GAAI~~,CACtD,CAAC,CAAC,CAAC,CACA,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,~~OAAK~~,KAAK,~~EAAE~~,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,~~GAAI~~,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,gBAAgB,oBAc3B","sourcesContent":["import * as React from 'react';\n\nimport {Button, RouterLink} from '../../../../../components';\nimport {BlockIdContext} from '../../../../../context/blockIdContext';\nimport {ButtonProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './NavigationButton.scss';\n\nconst b = block('navigation-button');\n\nconst ANALYTICS_ID = 'navigation';\n\ntype NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;\n\nexport const NavigationButton: React.FC<NavigationButtonProps> = (props) => {\n const {url, target, className} = props;\n const classes = b(null, className);\n return (\n <BlockIdContext.Provider value={ANALYTICS_ID}>\n {target ? (\n <Button className={classes} {...props} url={url} />\n ) : (\n <RouterLink href={url}>\n <Button {...props} className={classes} url={url} />\n </RouterLink>\n )}\n </BlockIdContext.Provider>\n );\n};\n"]}
1	+ {"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../../../src","sources":["navigation/components/NavigationItem/components/NavigationButton/NavigationButton.tsx"],"names":[],"mappings":";;;;AAEA,mEAA6D;AAC7D,mFAAqE;AAErE,yDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,mBAAmB,CAAC,CAAC;AAErC,MAAM,YAAY,GAAG,YAAY,CAAC;AAI3B,MAAM,gBAAgB,GAAoC,CAAC,KAAK,EAAE,EAAE;IACvE,MAAM,EAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAC,GAAG,KAAK,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IACnC,OAAO,CACH,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACvC,MAAM,CAAC,CAAC,CAAC,CACN,uBAAC,mBAAM,kBAAC,SAAS,EAAE,OAAO,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CACtD,CAAC,CAAC,CAAC,CACA,uBAAC,uBAAU,IAAC,IAAI,EAAE,GAAG,YACjB,uBAAC,mBAAM,oBAAK,KAAK,IAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAI,GAC1C,CAChB,GACqB,CAC7B,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,gBAAgB,oBAc3B","sourcesContent":["import * as React from 'react';\n\nimport {Button, RouterLink} from '../../../../../components';\nimport {BlockIdContext} from '../../../../../context/blockIdContext';\nimport {ButtonProps} from '../../../../../models';\nimport {block} from '../../../../../utils';\nimport {NavigationItemProps} from '../../../../models';\n\nimport './NavigationButton.scss';\n\nconst b = block('navigation-button');\n\nconst ANALYTICS_ID = 'navigation';\n\ntype NavigationButtonProps = Pick<NavigationItemProps, 'className'> & ButtonProps;\n\nexport const NavigationButton: React.FC<NavigationButtonProps> = (props) => {\n const {url, target, className} = props;\n const classes = b(null, className);\n return (\n <BlockIdContext.Provider value={ANALYTICS_ID}>\n {target ? (\n <Button className={classes} {...props} url={url} />\n ) : (\n <RouterLink href={url}>\n <Button {...props} className={classes} url={url} />\n </RouterLink>\n )}\n </BlockIdContext.Provider>\n );\n};\n"]}

package/build/cjs/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js CHANGED Viewed

@@ -11,10 +11,11 @@ const NavigationPopup_1 = tslib_1.__importDefault(require("../../../NavigationPo
 const ContentWrapper_1 = require("../ContentWrapper/ContentWrapper.js");
 const b = (0, utils_2.block)('navigation-dropdown');
 const TOGGLE_ARROW_SIZE = 12;
-const NavigationDropdown = ({ text, icon, className, iconSize, hidePopup, items, isActive, ...props }) => {
+const NavigationDropdown = (_a) => {
+    var { text, icon, className, iconSize, hidePopup, items, isActive } = _a, props = tslib_1.__rest(_a, ["text", "icon", "className", "iconSize", "hidePopup", "items", "isActive"]);
     const iconData = icon && (0, utils_1.getMediaImage)(icon);
     const anchorRef = React.useRef(null);
-    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", { ref: anchorRef, ...props, type: "button", className: b(null, className), "aria-expanded": isActive, children: [(0, jsx_runtime_1.jsx)(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }), (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })] }), (0, jsx_runtime_1.jsx)(NavigationPopup_1.default, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })] }));
+    return ((0, jsx_runtime_1.jsxs)(React.Fragment, { children: [(0, jsx_runtime_1.jsxs)("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive, children: [(0, jsx_runtime_1.jsx)(ContentWrapper_1.ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }), (0, jsx_runtime_1.jsx)(components_1.ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })] })), (0, jsx_runtime_1.jsx)(NavigationPopup_1.default, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })] }));
 };
 exports.NavigationDropdown = NavigationDropdown;
 //# sourceMappingURL=NavigationDropdown.js.map