@gravity-ui/navigation 3.0.0-beta.2 → 3.0.0-beta.3

package/build/cjs/{_commonjsHelpers-BJu3ubxk.js → _virtual/_commonjsHelpers.js}

@@ -8,4 +8,4 @@ function getDefaultExportFromCjs (x) {
 
 exports.commonjsGlobal = commonjsGlobal;
 exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
-//# sourceMappingURL=_commonjsHelpers-BJu3ubxk.js.map
+//# sourceMappingURL=_commonjsHelpers.js.map

package/build/cjs/_virtual/_commonjsHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/build/cjs/_virtual/debounce.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var debounce = require('../node_modules/lodash/debounce.js');
+
+var debounceExports = debounce.__require();
+var debounceFn = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(debounceExports);
+
+module.exports = debounceFn;
+//# sourceMappingURL=debounce.js.map

package/build/cjs/_virtual/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/build/cjs/_virtual/identity.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var identity$1 = require('../node_modules/lodash/identity.js');
+
+var identityExports = identity$1.__require();
+var identity = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(identityExports);
+
+module.exports = identity;
+//# sourceMappingURL=identity.js.map

package/build/cjs/_virtual/identity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/build/cjs/_virtual/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/prop-types/index.js');
+
+var propTypesExports = /*@__PURE__*/ index.__require();
+var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+
+module.exports = PropTypes;
+//# sourceMappingURL=index.js.map

package/build/cjs/_virtual/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/build/cjs/_virtual/index2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var propTypes = {exports: {}};
+
+exports.__module = propTypes;
+//# sourceMappingURL=index2.js.map

package/build/{esm → cjs/_virtual}/index2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/_virtual/index3.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs = {exports: {}};
+
+exports.__module = reactIs;
+//# sourceMappingURL=index3.js.map

package/build/{esm → cjs/_virtual}/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/_virtual/react-is.development.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_development = {};
+
+exports.__exports = reactIs_development;
+//# sourceMappingURL=react-is.development.js.map

package/build/cjs/_virtual/react-is.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/_virtual/react-is.production.min.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_production_min = {};
+
+exports.__exports = reactIs_production_min;
+//# sourceMappingURL=react-is.production.min.js.map

package/build/cjs/_virtual/react-is.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/assets/icons/control-menu-button.svg.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgControlMenuButton = function SvgControlMenuButton(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 8,
+    height: 8,
+    fill: "currentColor",
+    viewBox: "0 0 8 8"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m.72 7.64 6.39-3.2a.5.5 0 0 0 0-.89L.72.36A.5.5 0 0 0 0 .81v6.38c0 .37.4.61.72.45"
+  })));
+};
+
+module.exports = SvgControlMenuButton;
+//# sourceMappingURL=control-menu-button.svg.js.map

package/build/cjs/assets/icons/control-menu-button.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-menu-button.svg.js","sources":["../../../../assets/icons/control-menu-button.svg"],"sourcesContent":["<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m.72 7.64 6.39-3.2a.5.5 0 0 0 0-.89L.72.36A.5.5 0 0 0 0 .81v6.38c0 .37.4.61.72.45Z\"/></svg>\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAE/Q,IAAC,oBAAoB,GAAG,SAAS,oBAAoB,CAAC,KAAK,EAAE;AAChE,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/cjs/{divider-collapsed-BLSp99lJ.js → assets/icons/divider-collapsed.svg.js}

@@ -35,5 +35,5 @@ var SvgDividerCollapsed = function SvgDividerCollapsed(props) {
   })));
 };
 
-exports.SvgDividerCollapsed = SvgDividerCollapsed;
-//# sourceMappingURL=divider-collapsed-BLSp99lJ.js.map
+module.exports = SvgDividerCollapsed;
+//# sourceMappingURL=divider-collapsed.svg.js.map

package/build/cjs/assets/icons/divider-collapsed.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-collapsed.svg.js","sources":["../../../../assets/icons/divider-collapsed.svg"],"sourcesContent":["<svg width=\"56\" height=\"29\" viewBox=\"0 0 56 29\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M56 0v29c-.8-1-7-6.1-17.7-8.4L13 15.7A16 16 0 0 1 0 0Z\"/></svg>\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAE/Q,IAAC,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,KAAK,EAAE;AAC9D,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/cjs/components/ActionBar/ActionBar.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../utils/cn.js');
+var ActionBarGroup = require('./Group/ActionBarGroup.js');
+var ActionBarItem = require('./Item/ActionBarItem.js');
+var ActionBarSection = require('./Section/ActionBarSection.js');
+var ActionBarSeparator = require('./Separator/ActionBarSeparator.js');
+require('./ActionBar.scss.js');
+
+const b = cn.block('action-bar');
+const ActionBar = ({ children, className, 'aria-label': ariaLabel }) => {
+    return (React.createElement("section", { className: b(null, className), "aria-label": ariaLabel }, children));
+};
+ActionBar.displayName = 'ActionBar';
+const PublicActionBar = Object.assign(ActionBar, {
+    Section: ActionBarSection.ActionBarSection,
+    Group: ActionBarGroup.ActionBarGroup,
+    Item: ActionBarItem.ActionBarItem,
+    Separator: ActionBarSeparator.ActionBarSeparator,
+});
+
+exports.ActionBar = PublicActionBar;
+//# sourceMappingURL=ActionBar.js.map

package/build/cjs/components/ActionBar/ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.js","sources":["../../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../utils/cn';\n\nimport {ActionBarGroup} from './Group/ActionBarGroup';\nimport {ActionBarItem} from './Item/ActionBarItem';\nimport {ActionBarSection} from './Section/ActionBarSection';\nimport {ActionBarSeparator} from './Separator/ActionBarSeparator';\n\nimport './ActionBar.scss';\n\nexport type Props = PropsWithChildren<{\n    'aria-label'?: string;\n    className?: string;\n}>;\n\nconst b = block('action-bar');\n\nconst ActionBar = ({children, className, 'aria-label': ariaLabel}: Props) => {\n    return (\n        <section className={b(null, className)} aria-label={ariaLabel}>\n            {children}\n        </section>\n    );\n};\n\nActionBar.displayName = 'ActionBar';\n\nconst PublicActionBar = Object.assign(ActionBar, {\n    Section: ActionBarSection,\n    Group: ActionBarGroup,\n    Item: ActionBarItem,\n    Separator: ActionBarSeparator,\n});\n\nexport {PublicActionBar as ActionBar};\n"],"names":["block","ActionBarSection","ActionBarGroup","ActionBarItem","ActionBarSeparator"],"mappings":";;;;;;;;;;AAgBA,MAAM,CAAC,GAAGA,QAAK,CAAC,YAAY,CAAC;AAE7B,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAQ,KAAI;AACxE,IAAA,QACI,KAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAc,SAAS,EAAA,EACxD,QAAQ,CACH;AAElB,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;AAEnC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC7C,IAAA,OAAO,EAAEC,iCAAgB;AACzB,IAAA,KAAK,EAAEC,6BAAc;AACrB,IAAA,IAAI,EAAEC,2BAAa;AACnB,IAAA,SAAS,EAAEC,qCAAkB;AAChC,CAAA;;;;"}

package/build/cjs/components/ActionBar/ActionBar.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar{align-items:stretch;border-bottom:1px solid var(--g-color-line-generic);box-sizing:border-box;display:flex;flex-flow:row nowrap;height:40px;justify-content:flex-start}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBar.scss.js.map

package/build/cjs/components/ActionBar/ActionBar.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/Group/ActionBarGroup.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../../utils/cn.js');
+require('./ActionBarGroup.scss.js');
+
+const b = cn.block('action-bar-group');
+const ActionBarGroup = ({ children, className, pull }) => {
+    return (React.createElement("ul", { className: b({ pull }, className), role: "group" }, children));
+};
+ActionBarGroup.displayName = 'ActionBar.Group';
+
+exports.ActionBarGroup = ActionBarGroup;
+//# sourceMappingURL=ActionBarGroup.js.map

package/build/cjs/components/ActionBar/Group/ActionBarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarGroup.js","sources":["../../../../../../src/components/ActionBar/Group/ActionBarGroup.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarGroup.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-group');\n\nexport const ActionBarGroup = ({children, className, pull}: Props) => {\n    return (\n        <ul className={b({pull}, className)} role=\"group\">\n            {children}\n        </ul>\n    );\n};\n\nActionBarGroup.displayName = 'ActionBar.Group';\n"],"names":["block"],"mappings":";;;;;;AAaA,MAAM,CAAC,GAAGA,QAAK,CAAC,kBAAkB,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAQ,KAAI;IACjE,QACI,4BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,IAC5C,QAAQ,CACR;AAEb;AAEA,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/build/cjs/components/ActionBar/Group/ActionBarGroup.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar-group{align-items:center;display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-start;margin:0;padding:0}.gn-action-bar-group_pull_left{justify-content:flex-start;margin-left:0;margin-right:auto}.gn-action-bar-group_pull_left-grow{flex-grow:1}.gn-action-bar-group_pull_right{justify-content:flex-end;margin-left:auto;margin-right:0}.gn-action-bar-group_pull_right-grow{flex-grow:1}.gn-action-bar-group_pull_center{justify-content:center;margin-left:auto;margin-right:auto}.gn-action-bar-group_pull_center-grow{flex-grow:1}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBarGroup.scss.js.map

package/build/cjs/components/ActionBar/Group/ActionBarGroup.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarGroup.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/Item/ActionBarItem.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../../utils/cn.js');
+require('./ActionBarItem.scss.js');
+
+const b = cn.block('action-bar-item');
+const ActionBarItem = ({ children, className, pull, spacing = true }) => {
+    return (React.createElement("li", { className: b({ pull, spacing }, className), role: "menuitem" }, children));
+};
+ActionBarItem.displayName = 'ActionBar.Item';
+
+exports.ActionBarItem = ActionBarItem;
+//# sourceMappingURL=ActionBarItem.js.map

package/build/cjs/components/ActionBar/Item/ActionBarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarItem.js","sources":["../../../../../../src/components/ActionBar/Item/ActionBarItem.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarItem.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        spacing?: boolean;\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-item');\n\nexport const ActionBarItem = ({children, className, pull, spacing = true}: Props) => {\n    return (\n        <li className={b({pull, spacing}, className)} role=\"menuitem\">\n            {children}\n        </li>\n    );\n};\n\nActionBarItem.displayName = 'ActionBar.Item';\n"],"names":["block"],"mappings":";;;;;;AAcA,MAAM,CAAC,GAAGA,QAAK,CAAC,iBAAiB,CAAC;AAErB,MAAA,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAQ,KAAI;IAChF,QACI,4BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,EACxD,EAAA,QAAQ,CACR;AAEb;AAEA,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/build/cjs/components/ActionBar/Item/ActionBarItem.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar-item{list-style:none;margin:0;padding:0}.gn-action-bar-item_pull_left{justify-content:flex-start;margin-left:0;margin-right:auto}.gn-action-bar-item_pull_left-grow{flex-grow:1}.gn-action-bar-item_pull_right{justify-content:flex-end;margin-left:auto;margin-right:0}.gn-action-bar-item_pull_right-grow{flex-grow:1}.gn-action-bar-item_pull_center{justify-content:center;margin-left:auto;margin-right:auto}.gn-action-bar-item_pull_center-grow{flex-grow:1}.gn-action-bar-item+.gn-action-bar-item_spacing{margin-left:8px}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBarItem.scss.js.map

package/build/cjs/components/ActionBar/Item/ActionBarItem.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarItem.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/Section/ActionBarSection.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../../utils/cn.js');
+require('./ActionBarSection.scss.js');
+
+const b = cn.block('action-bar-section');
+const ActionBarSection = ({ children, type = 'primary' }) => {
+    return (React.createElement("div", { className: b({ type }), role: "menu" }, children));
+};
+ActionBarSection.displayName = 'ActionBar.Section';
+
+exports.ActionBarSection = ActionBarSection;
+//# sourceMappingURL=ActionBarSection.js.map

package/build/cjs/components/ActionBar/Section/ActionBarSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarSection.js","sources":["../../../../../../src/components/ActionBar/Section/ActionBarSection.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSection.scss';\n\nexport type Props = PropsWithChildren<{type?: 'primary' | 'secondary'}>;\n\nconst b = block('action-bar-section');\n\nexport const ActionBarSection = ({children, type = 'primary'}: Props) => {\n    return (\n        <div className={b({type})} role=\"menu\">\n            {children}\n        </div>\n    );\n};\n\nActionBarSection.displayName = 'ActionBar.Section';\n"],"names":["block"],"mappings":";;;;;;AAQA,MAAM,CAAC,GAAGA,QAAK,CAAC,oBAAoB,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAQ,KAAI;AACpE,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,IAAI,EAAC,MAAM,IACjC,QAAQ,CACP;AAEd;AAEA,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/build/cjs/components/ActionBar/Section/ActionBarSection.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar-section{align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:flex-start}.gn-action-bar-section+.gn-action-bar-section{border-left:1px solid var(--g-color-line-generic)}.gn-action-bar-section_type_primary{flex:1 1 auto;padding-left:20px;padding-right:20px}.gn-action-bar-section_type_secondary{padding-left:6px;padding-right:6px}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBarSection.scss.js.map

package/build/cjs/components/ActionBar/Section/ActionBarSection.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarSection.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/Separator/ActionBarSeparator.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../../utils/cn.js');
+require('./ActionBarSeparator.scss.js');
+
+const b = cn.block('action-bar-separator');
+const ActionBarSeparator = () => {
+    return React.createElement("li", { role: "separator", className: b(), "aria-hidden": true });
+};
+ActionBarSeparator.displayName = 'ActionBar.Separator';
+
+exports.ActionBarSeparator = ActionBarSeparator;
+//# sourceMappingURL=ActionBarSeparator.js.map

package/build/cjs/components/ActionBar/Separator/ActionBarSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarSeparator.js","sources":["../../../../../../src/components/ActionBar/Separator/ActionBarSeparator.tsx"],"sourcesContent":["import React from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSeparator.scss';\n\nconst b = block('action-bar-separator');\n\nexport const ActionBarSeparator = () => {\n    return <li role=\"separator\" className={b()} aria-hidden />;\n};\n\nActionBarSeparator.displayName = 'ActionBar.Separator';\n"],"names":["block"],"mappings":";;;;;;AAMA,MAAM,CAAC,GAAGA,QAAK,CAAC,sBAAsB,CAAC;AAEhC,MAAM,kBAAkB,GAAG,MAAK;IACnC,OAAO,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,IAAI,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,EAAE,EAAA,aAAA,EAAA,IAAA,EAAA,CAAgB;AAC9D;AAEA,kBAAkB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/build/cjs/components/ActionBar/Separator/ActionBarSeparator.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar-separator{border-right:1px solid var(--g-color-line-generic);height:40px;list-style:none;margin:0 6px;padding:0}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBarSeparator.scss.js.map

package/build/cjs/components/ActionBar/Separator/ActionBarSeparator.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarSeparator.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var ActionBar = require('./ActionBar.js');
+
+
+
+exports.ActionBar = ActionBar.ActionBar;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/ActionBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var icons = require('@gravity-ui/icons');
+var uikit = require('@gravity-ui/uikit');
+var cn = require('../../utils/cn.js');
+require('./AllPagesListItem.scss.js');
+
+const b = cn.block('all-pages-list-item');
+const AllPagesListItem = (props) => {
+    const { item, editMode, onToggle } = props;
+    const onPinButtonClick = React.useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onToggle();
+    }, [onToggle]);
+    const onItemClick = (e) => {
+        if (editMode) {
+            e.stopPropagation();
+            e.preventDefault();
+        }
+    };
+    const [Tag, tagProps] = item.link ? ['a', { href: item.link }] : ['button', {}];
+    return (React.createElement(Tag, Object.assign({}, tagProps, { className: b(), onClick: onItemClick }),
+        item.icon ? (React.createElement(uikit.Icon, { className: b('icon'), data: item.icon, size: item.iconSize })) : null,
+        React.createElement("span", { className: b('text') }, item.title),
+        editMode && !item.preventUserRemoving && (React.createElement(uikit.Button, { onClick: onPinButtonClick, view: item.hidden ? 'flat-secondary' : 'flat-action' },
+            React.createElement(uikit.Button.Icon, null, item.hidden ? React.createElement(icons.Pin, null) : React.createElement(icons.PinFill, null))))));
+};
+
+exports.AllPagesListItem = AllPagesListItem;
+//# sourceMappingURL=AllPagesListItem.js.map

package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesListItem.js","sources":["../../../../../../src/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.tsx"],"sourcesContent":["import React, {MouseEvent, useCallback} from 'react';\n\nimport {Pin, PinFill} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {MenuItem} from '../../types';\nimport {block} from '../../utils/cn';\n\nimport './AllPagesListItem.scss';\n\nconst b = block('all-pages-list-item');\n\ninterface AllPagesListItemProps {\n    item: MenuItem;\n    editMode?: boolean;\n    enableSorting?: boolean;\n    onToggle: () => void;\n    onDragStart?: () => void;\n    onDragEnd?: () => void;\n}\n\nexport const AllPagesListItem: React.FC<AllPagesListItemProps> = (props) => {\n    const {item, editMode, onToggle} = props;\n    const onPinButtonClick = useCallback(\n        (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            e.stopPropagation();\n            e.preventDefault();\n            onToggle();\n        },\n        [onToggle],\n    );\n\n    const onItemClick = (e: MouseEvent<HTMLElement>) => {\n        if (editMode) {\n            e.stopPropagation();\n            e.preventDefault();\n        }\n    };\n\n    const [Tag, tagProps] = item.link ? ['a' as const, {href: item.link}] : ['button' as const, {}];\n\n    return (\n        <Tag {...tagProps} className={b()} onClick={onItemClick}>\n            {item.icon ? (\n                <Icon className={b('icon')} data={item.icon} size={item.iconSize} />\n            ) : null}\n            <span className={b('text')}>{item.title}</span>\n            {editMode && !item.preventUserRemoving && (\n                <Button\n                    onClick={onPinButtonClick}\n                    view={item.hidden ? 'flat-secondary' : 'flat-action'}\n                >\n                    <Button.Icon>{item.hidden ? <Pin /> : <PinFill />}</Button.Icon>\n                </Button>\n            )}\n        </Tag>\n    );\n};\n"],"names":["block","useCallback","Icon","Button","Pin","PinFill"],"mappings":";;;;;;;;AAUA,MAAM,CAAC,GAAGA,QAAK,CAAC,qBAAqB,CAAC;AAWzB,MAAA,gBAAgB,GAAoC,CAAC,KAAK,KAAI;IACvE,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK;AACxC,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,CAChC,CAAC,CAAoD,KAAI;QACrD,CAAC,CAAC,eAAe,EAAE;QACnB,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,QAAQ,EAAE;AACd,KAAC,EACD,CAAC,QAAQ,CAAC,CACb;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;QAC/C,IAAI,QAAQ,EAAE;YACV,CAAC,CAAC,eAAe,EAAE;YACnB,CAAC,CAAC,cAAc,EAAE;;AAE1B,KAAC;AAED,IAAA,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,GAAY,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC;AAE/F,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,QAAQ,EAAA,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,CAAA;AAClD,QAAA,IAAI,CAAC,IAAI,IACN,KAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,IACpE,IAAI;QACR,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAG,EAAA,IAAI,CAAC,KAAK,CAAQ;QAC9C,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB,KAClC,KAAC,CAAA,aAAA,CAAAC,YAAM,EACH,EAAA,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,gBAAgB,GAAG,aAAa,EAAA;YAEpD,KAAC,CAAA,aAAA,CAAAA,YAAM,CAAC,IAAI,EAAE,IAAA,EAAA,IAAI,CAAC,MAAM,GAAG,KAAC,CAAA,aAAA,CAAAC,SAAG,OAAG,GAAG,KAAA,CAAA,aAAA,CAACC,aAAO,EAAA,IAAA,CAAG,CAAe,CAC3D,CACZ,CACC;AAEd;;;;"}

package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-all-pages-list-item{align-items:center;background:none;border:none;color:inherit;column-gap:var(--g-spacing-4);display:flex;font:inherit;height:40px;outline:inherit;padding:0 var(--g-spacing-6);text-decoration:inherit;width:100%}.gn-all-pages-list-item:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.gn-all-pages-list-item__text{flex:1;text-align:initial}.gn-all-pages-list-item__icon{color:var(--g-color-text-misc)}.gn-all-pages-list-item_edit-mode{padding:0 0 0 var(--g-spacing-4)}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=AllPagesListItem.scss.js.map

package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesListItem.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/AllPagesPanel/AllPagesPanel.js

@@ -0,0 +1,101 @@
+'use strict';
+
+var React = require('react');
+var icons = require('@gravity-ui/icons');
+var uikit = require('@gravity-ui/uikit');
+var AsideHeaderContext = require('../AsideHeader/AsideHeaderContext.js');
+var cn = require('../utils/cn.js');
+var AllPagesListItem = require('./AllPagesListItem/AllPagesListItem.js');
+var constants = require('./constants.js');
+var index = require('./i18n/index.js');
+var useGroupedMenuItems = require('./useGroupedMenuItems.js');
+require('./AllPagesPanel.scss.js');
+
+const b = cn.block('all-pages-panel');
+const AllPagesPanel = (props) => {
+    const { startEditIcon, onEditModeChanged, className } = props;
+    const { menuItems, defaultMenuItems, onMenuItemsChanged, editMenuProps } = AsideHeaderContext.useAsideHeaderInnerContext();
+    const menuItemsRef = React.useRef(menuItems);
+    menuItemsRef.current = menuItems;
+    const [isEditMode, setIsEditMode] = React.useState(false);
+    const [draggingItemTitle, setDraggingItemTitle] = React.useState(null);
+    const toggleEditMode = React.useCallback(() => {
+        setIsEditMode((prev) => !prev);
+    }, []);
+    const groupedItems = useGroupedMenuItems.useGroupedMenuItems(menuItems);
+    React.useEffect(() => {
+        var _a;
+        onEditModeChanged === null || onEditModeChanged === undefined ? undefined : onEditModeChanged(isEditMode);
+        if (isEditMode) {
+            (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onOpenEditMode) === null || _a === undefined ? undefined : _a.call(editMenuProps);
+        }
+    }, [isEditMode, onEditModeChanged, editMenuProps]);
+    const onItemClick = React.useCallback((item) => {
+        var _a;
+        //@ts-ignore TODO fix when @gravity-ui/uikit/List will provide event arg on item click
+        (_a = item.onItemClick) === null || _a === undefined ? undefined : _a.call(item, item, false);
+    }, []);
+    const togglePageVisibility = React.useCallback((item) => {
+        var _a;
+        if (!onMenuItemsChanged) {
+            return;
+        }
+        const changedItem = Object.assign(Object.assign({}, item), { hidden: !item.hidden });
+        const originItems = menuItemsRef.current.filter((menuItem) => menuItem.id !== constants.ALL_PAGES_ID);
+        (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onToggleMenuItem) === null || _a === undefined ? undefined : _a.call(editMenuProps, changedItem);
+        onMenuItemsChanged(originItems.map((menuItem) => {
+            if (menuItem.id !== changedItem.id) {
+                return menuItem;
+            }
+            return changedItem;
+        }));
+    }, [onMenuItemsChanged, editMenuProps]);
+    const onDragEnd = React.useCallback(() => {
+        setDraggingItemTitle(null);
+    }, [setDraggingItemTitle]);
+    const itemRender = React.useCallback((item, _isActive, _itemIndex) => {
+        const onDragStart = () => {
+            setDraggingItemTitle(item.title);
+        };
+        return (React.createElement(AllPagesListItem.AllPagesListItem, { item: item, onDragStart: onDragStart, onDragEnd: onDragEnd, editMode: isEditMode, onToggle: () => togglePageVisibility(item), enableSorting: editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting }));
+    }, [isEditMode, togglePageVisibility, onDragEnd, setDraggingItemTitle, editMenuProps]);
+    const onResetToDefaultClick = React.useCallback(() => {
+        var _a;
+        if (!onMenuItemsChanged) {
+            return;
+        }
+        (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onResetSettingsToDefault) === null || _a === undefined ? undefined : _a.call(editMenuProps);
+        const originItems = defaultMenuItems === null || defaultMenuItems === undefined ? undefined : defaultMenuItems.filter((item) => item.id !== constants.ALL_PAGES_ID);
+        if (originItems) {
+            onMenuItemsChanged(originItems);
+        }
+    }, [onMenuItemsChanged, editMenuProps, defaultMenuItems]);
+    const changeItemsOrder = React.useCallback(({ oldIndex, newIndex }) => {
+        var _a;
+        const newItems = menuItemsRef.current.filter((item) => item.id !== constants.ALL_PAGES_ID);
+        const element = newItems.splice(oldIndex, 1)[0];
+        newItems.splice(newIndex, 0, element);
+        onMenuItemsChanged === null || onMenuItemsChanged === undefined ? undefined : onMenuItemsChanged(newItems.filter((item) => item.type !== 'divider'));
+        setDraggingItemTitle(null);
+        (_a = editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.onChangeItemsOrder) === null || _a === undefined ? undefined : _a.call(editMenuProps, element, oldIndex, newIndex);
+    }, [onMenuItemsChanged, editMenuProps]);
+    const sortableItems = React.useMemo(() => {
+        return menuItemsRef.current.filter((item) => item.id !== constants.ALL_PAGES_ID && !item.afterMoreButton && item.type !== 'divider');
+    }, [menuItems]);
+    return (React.createElement(uikit.Flex, { className: b(null, className), gap: "5", direction: "column" },
+        React.createElement(uikit.Flex, { gap: "4", alignItems: "center", justifyContent: "space-between" },
+            React.createElement(uikit.Text, { variant: "subheader-2" }, isEditMode ? index('all-panel.title.editing') : index('all-panel.title.main')),
+            React.createElement(uikit.Tooltip, { content: index('all-panel.title.editing') },
+                React.createElement(uikit.Button, { selected: isEditMode, view: "normal", onClick: toggleEditMode }, startEditIcon ? startEditIcon : React.createElement(uikit.Icon, { data: icons.Gear })))),
+        React.createElement(uikit.Flex, { className: b('content'), gap: "5", direction: "column" }, isEditMode && (editMenuProps === null || editMenuProps === undefined ? undefined : editMenuProps.enableSorting) ? (React.createElement("div", null,
+            React.createElement(uikit.List, { itemClassName: b('item', { editMode: true }), itemHeight: 40, onSortEnd: changeItemsOrder, sortable: true, virtualized: false, filterable: false, items: sortableItems, onItemClick: onItemClick, renderItem: itemRender }),
+            draggingItemTitle && (React.createElement("div", { className: b('drag-placeholder') }, draggingItemTitle)))) : (Object.keys(groupedItems).map((category) => {
+            return (React.createElement(uikit.Flex, { key: category, direction: "column", gap: "3" },
+                React.createElement(uikit.Text, { className: b('category'), variant: "body-1", color: "secondary" }, category),
+                React.createElement(uikit.List, { virtualized: false, filterable: false, items: groupedItems[category], onItemClick: onItemClick, renderItem: itemRender })));
+        }))),
+        isEditMode && (React.createElement(uikit.Button, { onClick: onResetToDefaultClick }, index('all-panel.resetToDefault')))));
+};
+
+exports.AllPagesPanel = AllPagesPanel;
+//# sourceMappingURL=AllPagesPanel.js.map

package/build/cjs/components/AllPagesPanel/AllPagesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesPanel.js","sources":["../../../../../src/components/AllPagesPanel/AllPagesPanel.tsx"],"sourcesContent":["import React, {ReactNode, useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\nimport {Gear} from '@gravity-ui/icons';\nimport {Button, Flex, Icon, List, ListItemData, Text, Tooltip} from '@gravity-ui/uikit';\n\nimport {useAsideHeaderInnerContext} from '../AsideHeader/AsideHeaderContext';\nimport {MenuItem} from '../types';\nimport {block} from '../utils/cn';\n\nimport {AllPagesListItem} from './AllPagesListItem';\nimport {ALL_PAGES_ID} from './constants';\nimport i18n from './i18n';\nimport {useGroupedMenuItems} from './useGroupedMenuItems';\n\nimport './AllPagesPanel.scss';\n\nconst b = block('all-pages-panel');\n\ninterface AllPagesPanelProps {\n    className?: string;\n    startEditIcon?: React.ReactNode;\n    onEditModeChanged?: (isEditMode: boolean) => void;\n}\n\nexport const AllPagesPanel: React.FC<AllPagesPanelProps> = (props) => {\n    const {startEditIcon, onEditModeChanged, className} = props;\n    const {menuItems, defaultMenuItems, onMenuItemsChanged, editMenuProps} =\n        useAsideHeaderInnerContext();\n\n    const menuItemsRef = useRef(menuItems);\n    menuItemsRef.current = menuItems;\n\n    const [isEditMode, setIsEditMode] = useState(false);\n\n    const [draggingItemTitle, setDraggingItemTitle] = useState<ReactNode | null>(null);\n\n    const toggleEditMode = useCallback(() => {\n        setIsEditMode((prev) => !prev);\n    }, []);\n\n    const groupedItems = useGroupedMenuItems(menuItems);\n\n    useEffect(() => {\n        onEditModeChanged?.(isEditMode);\n\n        if (isEditMode) {\n            editMenuProps?.onOpenEditMode?.();\n        }\n    }, [isEditMode, onEditModeChanged, editMenuProps]);\n\n    const onItemClick = useCallback((item: ListItemData<MenuItem>) => {\n        //@ts-ignore TODO fix when @gravity-ui/uikit/List will provide event arg on item click\n        item.onItemClick?.(item, false);\n    }, []);\n\n    const togglePageVisibility = useCallback(\n        (item: MenuItem) => {\n            if (!onMenuItemsChanged) {\n                return;\n            }\n            const changedItem: MenuItem = {...item, hidden: !item.hidden};\n\n            const originItems = menuItemsRef.current.filter(\n                (menuItem) => menuItem.id !== ALL_PAGES_ID,\n            );\n            editMenuProps?.onToggleMenuItem?.(changedItem);\n            onMenuItemsChanged(\n                originItems.map((menuItem) => {\n                    if (menuItem.id !== changedItem.id) {\n                        return menuItem;\n                    }\n                    return changedItem;\n                }),\n            );\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const onDragEnd = useCallback(() => {\n        setDraggingItemTitle(null);\n    }, [setDraggingItemTitle]);\n\n    const itemRender = useCallback(\n        (item: ListItemData<MenuItem>, _isActive: boolean, _itemIndex: number) => {\n            const onDragStart = () => {\n                setDraggingItemTitle(item.title);\n            };\n\n            return (\n                <AllPagesListItem\n                    item={item}\n                    onDragStart={onDragStart}\n                    onDragEnd={onDragEnd}\n                    editMode={isEditMode}\n                    onToggle={() => togglePageVisibility(item)}\n                    enableSorting={editMenuProps?.enableSorting}\n                />\n            );\n        },\n        [isEditMode, togglePageVisibility, onDragEnd, setDraggingItemTitle, editMenuProps],\n    );\n\n    const onResetToDefaultClick = useCallback(() => {\n        if (!onMenuItemsChanged) {\n            return;\n        }\n        editMenuProps?.onResetSettingsToDefault?.();\n        const originItems = defaultMenuItems?.filter((item) => item.id !== ALL_PAGES_ID);\n\n        if (originItems) {\n            onMenuItemsChanged(originItems);\n        }\n    }, [onMenuItemsChanged, editMenuProps, defaultMenuItems]);\n\n    const changeItemsOrder = useCallback(\n        ({oldIndex, newIndex}: {oldIndex: number; newIndex: number}) => {\n            const newItems = menuItemsRef.current.filter((item) => item.id !== ALL_PAGES_ID);\n\n            const element = newItems.splice(oldIndex, 1)[0];\n            newItems.splice(newIndex, 0, element);\n\n            onMenuItemsChanged?.(newItems.filter((item) => item.type !== 'divider'));\n\n            setDraggingItemTitle(null);\n            editMenuProps?.onChangeItemsOrder?.(element, oldIndex, newIndex);\n        },\n        [onMenuItemsChanged, editMenuProps],\n    );\n\n    const sortableItems = useMemo(() => {\n        return menuItemsRef.current.filter(\n            (item) => item.id !== ALL_PAGES_ID && !item.afterMoreButton && item.type !== 'divider',\n        );\n    }, [menuItems]);\n\n    return (\n        <Flex className={b(null, className)} gap=\"5\" direction=\"column\">\n            <Flex gap=\"4\" alignItems=\"center\" justifyContent=\"space-between\">\n                <Text variant=\"subheader-2\">\n                    {isEditMode ? i18n('all-panel.title.editing') : i18n('all-panel.title.main')}\n                </Text>\n                <Tooltip content={i18n('all-panel.title.editing')}>\n                    <Button selected={isEditMode} view=\"normal\" onClick={toggleEditMode}>\n                        {startEditIcon ? startEditIcon : <Icon data={Gear} />}\n                    </Button>\n                </Tooltip>\n            </Flex>\n            <Flex className={b('content')} gap=\"5\" direction=\"column\">\n                {isEditMode && editMenuProps?.enableSorting ? (\n                    <div>\n                        <List\n                            itemClassName={b('item', {editMode: true})}\n                            itemHeight={40}\n                            onSortEnd={changeItemsOrder}\n                            sortable\n                            virtualized={false}\n                            filterable={false}\n                            items={sortableItems}\n                            onItemClick={onItemClick}\n                            renderItem={itemRender}\n                        />\n\n                        {draggingItemTitle && (\n                            <div className={b('drag-placeholder')}>{draggingItemTitle}</div>\n                        )}\n                    </div>\n                ) : (\n                    Object.keys(groupedItems).map((category) => {\n                        return (\n                            <Flex key={category} direction=\"column\" gap=\"3\">\n                                <Text className={b('category')} variant=\"body-1\" color=\"secondary\">\n                                    {category}\n                                </Text>\n                                <List\n                                    virtualized={false}\n                                    filterable={false}\n                                    items={groupedItems[category]}\n                                    onItemClick={onItemClick}\n                                    renderItem={itemRender}\n                                />\n                            </Flex>\n                        );\n                    })\n                )}\n            </Flex>\n            {isEditMode && (\n                <Button onClick={onResetToDefaultClick}>{i18n('all-panel.resetToDefault')}</Button>\n            )}\n        </Flex>\n    );\n};\n"],"names":["block","useAsideHeaderInnerContext","useRef","useState","useCallback","useGroupedMenuItems","useEffect","ALL_PAGES_ID","AllPagesListItem","useMemo","Flex","Text","i18n","Tooltip","Button","Icon","Gear","List"],"mappings":";;;;;;;;;;;;;AAgBA,MAAM,CAAC,GAAGA,QAAK,CAAC,iBAAiB,CAAC;AAQrB,MAAA,aAAa,GAAiC,CAAC,KAAK,KAAI;IACjE,MAAM,EAAC,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAC,GAAG,KAAK;AAC3D,IAAA,MAAM,EAAC,SAAS,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,aAAa,EAAC,GAClEC,6CAA0B,EAAE;AAEhC,IAAA,MAAM,YAAY,GAAGC,YAAM,CAAC,SAAS,CAAC;AACtC,IAAA,YAAY,CAAC,OAAO,GAAG,SAAS;IAEhC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAEnD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAGA,cAAQ,CAAmB,IAAI,CAAC;AAElF,IAAA,MAAM,cAAc,GAAGC,iBAAW,CAAC,MAAK;QACpC,aAAa,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;KACjC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,YAAY,GAAGC,uCAAmB,CAAC,SAAS,CAAC;IAEnDC,eAAS,CAAC,MAAK;;AACX,QAAA,iBAAiB,aAAjB,iBAAiB,KAAA,SAAA,GAAA,SAAA,GAAjB,iBAAiB,CAAG,UAAU,CAAC;QAE/B,IAAI,UAAU,EAAE;YACZ,CAAA,EAAA,GAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,cAAc,mEAAI;;KAExC,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,aAAa,CAAC,CAAC;AAElD,IAAA,MAAM,WAAW,GAAGF,iBAAW,CAAC,CAAC,IAA4B,KAAI;;;QAE7D,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,IAAA,EAAG,IAAI,EAAE,KAAK,CAAC;KAClC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,oBAAoB,GAAGA,iBAAW,CACpC,CAAC,IAAc,KAAI;;QACf,IAAI,CAAC,kBAAkB,EAAE;YACrB;;QAEJ,MAAM,WAAW,GAAiB,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAE,EAAA,EAAA,MAAM,EAAE,CAAC,IAAI,CAAC,MAAM,EAAA,CAAC;AAE7D,QAAA,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAC3C,CAAC,QAAQ,KAAK,QAAQ,CAAC,EAAE,KAAKG,sBAAY,CAC7C;QACD,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,gBAAgB,MAAA,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,aAAA,EAAG,WAAW,CAAC;QAC9C,kBAAkB,CACd,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;YACzB,IAAI,QAAQ,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,EAAE;AAChC,gBAAA,OAAO,QAAQ;;AAEnB,YAAA,OAAO,WAAW;SACrB,CAAC,CACL;AACL,KAAC,EACD,CAAC,kBAAkB,EAAE,aAAa,CAAC,CACtC;AAED,IAAA,MAAM,SAAS,GAAGH,iBAAW,CAAC,MAAK;QAC/B,oBAAoB,CAAC,IAAI,CAAC;AAC9B,KAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC;IAE1B,MAAM,UAAU,GAAGA,iBAAW,CAC1B,CAAC,IAA4B,EAAE,SAAkB,EAAE,UAAkB,KAAI;QACrE,MAAM,WAAW,GAAG,MAAK;AACrB,YAAA,oBAAoB,CAAC,IAAI,CAAC,KAAK,CAAC;AACpC,SAAC;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAAI,iCAAgB,IACb,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,MAAM,oBAAoB,CAAC,IAAI,CAAC,EAC1C,aAAa,EAAE,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,SAAA,GAAA,SAAA,GAAA,aAAa,CAAE,aAAa,EAAA,CAC7C;AAEV,KAAC,EACD,CAAC,UAAU,EAAE,oBAAoB,EAAE,SAAS,EAAE,oBAAoB,EAAE,aAAa,CAAC,CACrF;AAED,IAAA,MAAM,qBAAqB,GAAGJ,iBAAW,CAAC,MAAK;;QAC3C,IAAI,CAAC,kBAAkB,EAAE;YACrB;;QAEJ,CAAA,EAAA,GAAA,aAAa,aAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,wBAAwB,mEAAI;QAC3C,MAAM,WAAW,GAAG,gBAAgB,KAAA,IAAA,IAAhB,gBAAgB,KAAhB,SAAA,GAAA,SAAA,GAAA,gBAAgB,CAAE,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAKG,sBAAY,CAAC;QAEhF,IAAI,WAAW,EAAE;YACb,kBAAkB,CAAC,WAAW,CAAC;;KAEtC,EAAE,CAAC,kBAAkB,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAC;IAEzD,MAAM,gBAAgB,GAAGH,iBAAW,CAChC,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAuC,KAAI;;AAC3D,QAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAKG,sBAAY,CAAC;AAEhF,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/C,QAAQ,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC;QAErC,kBAAkB,KAAA,IAAA,IAAlB,kBAAkB,KAAlB,SAAA,GAAA,SAAA,GAAA,kBAAkB,CAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;QAExE,oBAAoB,CAAC,IAAI,CAAC;AAC1B,QAAA,CAAA,EAAA,GAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,kBAAkB,MAAG,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,IAAA,CAAA,aAAA,EAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC;AACpE,KAAC,EACD,CAAC,kBAAkB,EAAE,aAAa,CAAC,CACtC;AAED,IAAA,MAAM,aAAa,GAAGE,aAAO,CAAC,MAAK;AAC/B,QAAA,OAAO,YAAY,CAAC,OAAO,CAAC,MAAM,CAC9B,CAAC,IAAI,KAAK,IAAI,CAAC,EAAE,KAAKF,sBAAY,IAAI,CAAC,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CACzF;AACL,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,QACI,KAAC,CAAA,aAAA,CAAAG,UAAI,IAAC,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAA;AAC3D,QAAA,KAAA,CAAA,aAAA,CAACA,UAAI,EAAA,EAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe,EAAA;YAC5D,KAAC,CAAA,aAAA,CAAAC,UAAI,IAAC,OAAO,EAAC,aAAa,EACtB,EAAA,UAAU,GAAGC,KAAI,CAAC,yBAAyB,CAAC,GAAGA,KAAI,CAAC,sBAAsB,CAAC,CACzE;AACP,YAAA,KAAA,CAAA,aAAA,CAACC,aAAO,EAAC,EAAA,OAAO,EAAED,KAAI,CAAC,yBAAyB,CAAC,EAAA;AAC7C,gBAAA,KAAA,CAAA,aAAA,CAACE,YAAM,EAAA,EAAC,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAc,EAC9D,EAAA,aAAa,GAAG,aAAa,GAAG,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,IAAI,EAAEC,UAAI,EAAI,CAAA,CAChD,CACH,CACP;AACP,QAAA,KAAA,CAAA,aAAA,CAACN,UAAI,EAAA,EAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,GAAG,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAA,EACpD,UAAU,KAAI,aAAa,KAAA,IAAA,IAAb,aAAa,KAAA,SAAA,GAAA,SAAA,GAAb,aAAa,CAAE,aAAa,CAAA,IACvC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YACI,KAAC,CAAA,aAAA,CAAAO,UAAI,IACD,aAAa,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC,EAC1C,UAAU,EAAE,EAAE,EACd,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAA,IAAA,EACR,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,aAAa,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACxB,CAAA;AAED,YAAA,iBAAiB,KACd,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,EAAA,EAAG,iBAAiB,CAAO,CACnE,CACC,KAEN,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AACvC,YAAA,QACI,KAAA,CAAA,aAAA,CAACP,UAAI,EAAA,EAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAA;AAC3C,gBAAA,KAAA,CAAA,aAAA,CAACC,UAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,UAAU,CAAC,EAAE,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,WAAW,EAAA,EAC7D,QAAQ,CACN;gBACP,KAAC,CAAA,aAAA,CAAAM,UAAI,EACD,EAAA,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,EAC7B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EAAA,CACxB,CACC;SAEd,CAAC,CACL,CACE;AACN,QAAA,UAAU,KACP,KAAA,CAAA,aAAA,CAACH,YAAM,EAAA,EAAC,OAAO,EAAE,qBAAqB,EAAG,EAAAF,KAAI,CAAC,0BAA0B,CAAC,CAAU,CACtF,CACE;AAEf;;;;"}

package/build/cjs/components/AllPagesPanel/AllPagesPanel.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-all-pages-panel{box-sizing:border-box;height:100%;min-width:300px;padding:var(--g-spacing-4) var(--g-spacing-6)}.gn-all-pages-panel__content{flex:1;margin:0 calc(var(--g-spacing-6)*-1);overflow:auto}.gn-all-pages-panel__category{padding:0 var(--g-spacing-6)}.gn-all-pages-panel__discoverable-feature-wrapper{display:flex}.gn-all-pages-panel__item_editMode{padding:0 var(--g-spacing-6)}.gn-all-pages-panel__drag-placeholder{text-wrap:nowrap;padding-left:88px;padding-right:68px;visibility:hidden}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=AllPagesPanel.scss.js.map

package/build/cjs/components/AllPagesPanel/AllPagesPanel.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesPanel.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/AllPagesPanel/constants.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var icons = require('@gravity-ui/icons');
+var index = require('./i18n/index.js');
+
+const ALL_PAGES_ID = 'all-pages';
+function getAllPagesMenuItem() {
+    return {
+        id: ALL_PAGES_ID,
+        title: index('menu-item.all-pages.title'),
+        tooltipText: index('menu-item.all-pages.title'),
+        icon: icons.Ellipsis,
+    };
+}
+
+exports.ALL_PAGES_ID = ALL_PAGES_ID;
+exports.getAllPagesMenuItem = getAllPagesMenuItem;
+//# sourceMappingURL=constants.js.map

package/build/cjs/components/AllPagesPanel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/AllPagesPanel/constants.ts"],"sourcesContent":["import {Ellipsis} from '@gravity-ui/icons';\n\nimport {MenuItem} from '../types';\n\nimport i18n from './i18n';\n\nexport const ALL_PAGES_ID = 'all-pages' as const;\n\nexport function getAllPagesMenuItem(): MenuItem {\n    return {\n        id: ALL_PAGES_ID,\n        title: i18n('menu-item.all-pages.title'),\n        tooltipText: i18n('menu-item.all-pages.title'),\n        icon: Ellipsis,\n    };\n}\n"],"names":["i18n","Ellipsis"],"mappings":";;;;;AAMO,MAAM,YAAY,GAAG;SAEZ,mBAAmB,GAAA;IAC/B,OAAO;AACH,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAEA,KAAI,CAAC,2BAA2B,CAAC;AACxC,QAAA,WAAW,EAAEA,KAAI,CAAC,2BAA2B,CAAC;AAC9C,QAAA,IAAI,EAAEC,cAAQ;KACjB;AACL;;;;;"}