@gravity-ui/navigation 5.0.0-beta.3 → 5.0.1

package/build/cjs/components/Settings/SettingsSearch/SettingsSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsSearch.js","sources":["../../../../../../src/components/Settings/SettingsSearch/SettingsSearch.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\n\nimport {TextInput, TextInputSize} from '@gravity-ui/uikit';\nimport debounceFn from 'lodash/debounce';\n\nimport {cn} from '../../utils/cn';\nimport {SettingsSelection} from '../Selection/types';\nimport {useStableCallback} from '../helpers';\nimport i18n from '../i18n';\n\nconst b = cn('settings-search');\n\ninterface SettingsSearchProps {\n    className?: string;\n    initialValue?: string;\n    onChange: (search: string) => void;\n    debounce?: number;\n    inputRef?: React.Ref<HTMLInputElement>;\n    inputSize?: TextInputSize;\n    placeholder?: string;\n    autoFocus?: boolean;\n    selection?: SettingsSelection;\n}\n\nexport function SettingsSearch({\n    className,\n    initialValue,\n    onChange,\n    debounce = 200,\n    inputRef,\n    inputSize,\n    placeholder,\n    autoFocus = true,\n    selection,\n}: SettingsSearchProps) {\n    const [value, setValue] = React.useState(initialValue ?? '');\n\n    const onChangeDebounced = debounceFn(onChange, debounce);\n\n    const handleUpdate = useStableCallback((updated: string) => {\n        setValue(updated);\n        onChangeDebounced(updated);\n    });\n\n    useEffect(() => {\n        if (value && selection) {\n            onChangeDebounced.cancel();\n            setValue('');\n            onChange('');\n        }\n        // Remove any search, if selection is passed\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selection]);\n\n    return (\n        <div className={b(null, className)}>\n            <TextInput\n                value={value}\n                controlRef={inputRef}\n                hasClear\n                autoFocus={autoFocus}\n                size={inputSize}\n                placeholder={placeholder}\n                onUpdate={handleUpdate}\n                controlProps={{\n                    'aria-label': i18n('label_search'),\n                }}\n            />\n        </div>\n    );\n}\n"],"names":["cn","debounce","debounceFn","useStableCallback","useEffect","TextInput","i18n"],"mappings":";;;;;;;;;AAUA,MAAM,CAAC,GAAGA,KAAE,CAAC,iBAAiB,CAAC;AAczB,SAAU,cAAc,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,QAAQ,YACRC,UAAQ,GAAG,GAAG,EACd,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,GAAG,IAAI,EAChB,SAAS,GACS,EAAA;AAClB,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAZ,YAAY,GAAI,EAAE,CAAC;IAE5D,MAAM,iBAAiB,GAAGC,gBAAU,CAAC,QAAQ,EAAED,UAAQ,CAAC;AAExD,IAAA,MAAM,YAAY,GAAGE,yBAAiB,CAAC,CAAC,OAAe,KAAI;QACvD,QAAQ,CAAC,OAAO,CAAC;QACjB,iBAAiB,CAAC,OAAO,CAAC;AAC9B,KAAC,CAAC;IAEFC,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,IAAI,SAAS,EAAE;YACpB,iBAAiB,CAAC,MAAM,EAAE;YAC1B,QAAQ,CAAC,EAAE,CAAC;YACZ,QAAQ,CAAC,EAAE,CAAC;;;;AAIpB,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,QACI,6BAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA;AAC9B,QAAA,KAAA,CAAA,aAAA,CAACC,eAAS,EAAA,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAA,IAAA,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE;AACV,gBAAA,YAAY,EAAEC,aAAI,CAAC,cAAc,CAAC;aACrC,EACH,CAAA,CACA;AAEd;;;;"}
+{"version":3,"file":"SettingsSearch.js","sources":["../../../../../../src/components/Settings/SettingsSearch/SettingsSearch.tsx"],"sourcesContent":["import React, {useEffect} from 'react';\n\nimport {TextInput, TextInputSize} from '@gravity-ui/uikit';\nimport debounceFn from 'lodash/debounce';\n\nimport {cn} from '../../utils/cn';\nimport {SettingsSelection} from '../Selection/types';\nimport {useStableCallback} from '../helpers';\nimport i18n from '../i18n';\n\nconst b = cn('settings-search');\n\ninterface SettingsSearchProps {\n    className?: string;\n    initialValue?: string;\n    onChange: (search: string) => void;\n    debounce?: number;\n    inputRef?: React.Ref<HTMLInputElement>;\n    inputSize?: TextInputSize;\n    placeholder?: string;\n    autoFocus?: boolean;\n    selection?: SettingsSelection;\n}\n\nexport function SettingsSearch({\n    className,\n    initialValue,\n    onChange,\n    debounce = 200,\n    inputRef,\n    inputSize,\n    placeholder,\n    autoFocus = true,\n    selection,\n}: SettingsSearchProps) {\n    const [value, setValue] = React.useState(initialValue ?? '');\n\n    const onChangeDebounced = debounceFn(onChange, debounce);\n\n    const handleUpdate = useStableCallback((updated: string) => {\n        setValue(updated);\n        onChangeDebounced(updated);\n    });\n\n    useEffect(() => {\n        if (value && selection) {\n            onChangeDebounced.cancel();\n            setValue('');\n            onChange('');\n        }\n        // Remove any search, if selection is passed\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selection]);\n\n    return (\n        <div className={b(null, className)}>\n            <TextInput\n                value={value}\n                controlRef={inputRef}\n                hasClear\n                autoFocus={autoFocus}\n                size={inputSize}\n                placeholder={placeholder}\n                onUpdate={handleUpdate}\n                controlProps={{\n                    'aria-label': i18n('label_search'),\n                }}\n            />\n        </div>\n    );\n}\n"],"names":["cn","useStableCallback","useEffect","TextInput","i18n"],"mappings":";;;;;;;;;AAUA,MAAM,CAAC,GAAGA,KAAE,CAAC,iBAAiB,CAAC;AAczB,SAAU,cAAc,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,QAAQ,EACR,SAAS,EACT,WAAW,EACX,SAAS,GAAG,IAAI,EAChB,SAAS,GACS,EAAA;AAClB,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAZ,YAAY,KAAA,SAAA,GAAZ,YAAY,GAAI,EAAE,CAAC;IAE5D,MAAM,iBAAiB,GAAG,UAAU,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAExD,IAAA,MAAM,YAAY,GAAGC,yBAAiB,CAAC,CAAC,OAAe,KAAI;QACvD,QAAQ,CAAC,OAAO,CAAC;QACjB,iBAAiB,CAAC,OAAO,CAAC;AAC9B,KAAC,CAAC;IAEFC,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,KAAK,IAAI,SAAS,EAAE;YACpB,iBAAiB,CAAC,MAAM,EAAE;YAC1B,QAAQ,CAAC,EAAE,CAAC;YACZ,QAAQ,CAAC,EAAE,CAAC;;;;AAIpB,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,QACI,6BAAK,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA;AAC9B,QAAA,KAAA,CAAA,aAAA,CAACC,eAAS,EAAA,EACN,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,QAAQ,EACpB,QAAQ,EAAA,IAAA,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,SAAS,EACf,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,YAAY,EACtB,YAAY,EAAE;AACV,gBAAA,YAAY,EAAEC,aAAI,CAAC,cAAc,CAAC;aACrC,EACH,CAAA,CACA;AAEd;;;;"}

package/build/cjs/components/Settings/SettingsSection.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js');
+var tslib = require('tslib');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
 var useSettingsContext = require('./SettingsContext/useSettingsContext.js');
@@ -8,7 +8,7 @@ var SettingsRow = require('./SettingsRow/SettingsRow.js');
 var b = require('./b.js');
 
 const SettingsSection = React.forwardRef((_a, ref) => {
-    var { search, isMobile, isSelected } = _a, section = tslib_es6.__rest(_a, ["search", "isMobile", "isSelected"]);
+    var { search, isMobile, isSelected } = _a, section = tslib.__rest(_a, ["search", "isMobile", "isSelected"]);
     const { renderSectionRightAdornment, showRightAdornmentOnHover } = useSettingsContext.useSettingsContext();
     return (React.createElement("div", { className: b.b('section', { selected: isSelected }), ref: isSelected ? ref : undefined },
         section.title && !section.hideTitle && (React.createElement("h3", { className: b.b('section-heading') }, renderSectionRightAdornment ? (React.createElement(uikit.Flex, { gap: 2, alignItems: 'center' },

package/build/cjs/components/Settings/SettingsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsSection.js","sources":["../../../../../src/components/Settings/SettingsSection.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Flex} from '@gravity-ui/uikit';\n\nimport {useSettingsContext} from './SettingsContext/useSettingsContext';\nimport {SettingRow} from './SettingsRow/SettingsRow';\nimport {b} from './b';\nimport type {SettingsPageSection} from './collect-settings';\n\nexport const SettingsSection = React.forwardRef<\n    HTMLDivElement,\n    SettingsPageSection & {\n        search: string;\n        isMobile: boolean;\n        isSelected: boolean;\n    }\n>(({search, isMobile, isSelected, ...section}, ref) => {\n    const {renderSectionRightAdornment, showRightAdornmentOnHover} = useSettingsContext();\n\n    return (\n        <div className={b('section', {selected: isSelected})} ref={isSelected ? ref : undefined}>\n            {section.title && !section.hideTitle && (\n                <h3 className={b('section-heading')}>\n                    {renderSectionRightAdornment ? (\n                        <Flex gap={2} alignItems={'center'}>\n                            {section.title}\n                            <div\n                                className={b('section-right-adornment', {\n                                    hidden: showRightAdornmentOnHover,\n                                })}\n                            >\n                                {renderSectionRightAdornment(section)}\n                            </div>\n                        </Flex>\n                    ) : (\n                        section.title\n                    )}\n                </h3>\n            )}\n\n            {section.header &&\n                (isMobile ? (\n                    <div className={b('section-subheader')}>{section.header}</div>\n                ) : (\n                    section.header\n                ))}\n\n            {section.items.map((setting) =>\n                setting.hidden ? null : (\n                    <SettingRow {...setting} key={setting.title} search={search} />\n                ),\n            )}\n        </div>\n    );\n});\n\nSettingsSection.displayName = 'SettingsSection';\n"],"names":["__rest","useSettingsContext","b","Flex","SettingRow"],"mappings":";;;;;;;;;AASO,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAO7C,CAAC,EAA0C,EAAE,GAAG,KAAI;QAAnD,EAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,OAAa,EAAR,OAAO,GAAzCA,gBAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,YAAA,CAA0C,CAAD;IACxC,MAAM,EAAC,2BAA2B,EAAE,yBAAyB,EAAC,GAAGC,qCAAkB,EAAE;IAErF,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,GAAC,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC,CAAC,EAAE,GAAG,EAAE,UAAU,GAAG,GAAG,GAAG,SAAS,EAAA;AAClF,QAAA,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS,KAChC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEA,GAAC,CAAC,iBAAiB,CAAC,EAAA,EAC9B,2BAA2B,IACxB,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAA;AAC7B,YAAA,OAAO,CAAC,KAAK;AACd,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAED,GAAC,CAAC,yBAAyB,EAAE;AACpC,oBAAA,MAAM,EAAE,yBAAyB;AACpC,iBAAA,CAAC,IAED,2BAA2B,CAAC,OAAO,CAAC,CACnC,CACH,KAEP,OAAO,CAAC,KAAK,CAChB,CACA,CACR;AAEA,QAAA,OAAO,CAAC,MAAM;aACV,QAAQ,IACL,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,GAAC,CAAC,mBAAmB,CAAC,EAAA,EAAG,OAAO,CAAC,MAAM,CAAO,KAE9D,OAAO,CAAC,MAAM,CACjB,CAAC;AAEL,QAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,KACvB,OAAO,CAAC,MAAM,GAAG,IAAI,IACjB,KAAA,CAAA,aAAA,CAACE,sBAAU,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,OAAO,IAAE,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAA,CAAA,CAAI,CAClE,CACJ,CACC;AAEd,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"SettingsSection.js","sources":["../../../../../src/components/Settings/SettingsSection.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Flex} from '@gravity-ui/uikit';\n\nimport {useSettingsContext} from './SettingsContext/useSettingsContext';\nimport {SettingRow} from './SettingsRow/SettingsRow';\nimport {b} from './b';\nimport type {SettingsPageSection} from './collect-settings';\n\nexport const SettingsSection = React.forwardRef<\n    HTMLDivElement,\n    SettingsPageSection & {\n        search: string;\n        isMobile: boolean;\n        isSelected: boolean;\n    }\n>(({search, isMobile, isSelected, ...section}, ref) => {\n    const {renderSectionRightAdornment, showRightAdornmentOnHover} = useSettingsContext();\n\n    return (\n        <div className={b('section', {selected: isSelected})} ref={isSelected ? ref : undefined}>\n            {section.title && !section.hideTitle && (\n                <h3 className={b('section-heading')}>\n                    {renderSectionRightAdornment ? (\n                        <Flex gap={2} alignItems={'center'}>\n                            {section.title}\n                            <div\n                                className={b('section-right-adornment', {\n                                    hidden: showRightAdornmentOnHover,\n                                })}\n                            >\n                                {renderSectionRightAdornment(section)}\n                            </div>\n                        </Flex>\n                    ) : (\n                        section.title\n                    )}\n                </h3>\n            )}\n\n            {section.header &&\n                (isMobile ? (\n                    <div className={b('section-subheader')}>{section.header}</div>\n                ) : (\n                    section.header\n                ))}\n\n            {section.items.map((setting) =>\n                setting.hidden ? null : (\n                    <SettingRow {...setting} key={setting.title} search={search} />\n                ),\n            )}\n        </div>\n    );\n});\n\nSettingsSection.displayName = 'SettingsSection';\n"],"names":["__rest","useSettingsContext","b","Flex","SettingRow"],"mappings":";;;;;;;;;AASO,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAO7C,CAAC,EAA0C,EAAE,GAAG,KAAI;QAAnD,EAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,OAAa,EAAR,OAAO,GAAzCA,YAAA,CAAA,EAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,YAAA,CAA0C,CAAD;IACxC,MAAM,EAAC,2BAA2B,EAAE,yBAAyB,EAAC,GAAGC,qCAAkB,EAAE;IAErF,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,GAAC,CAAC,SAAS,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC,CAAC,EAAE,GAAG,EAAE,UAAU,GAAG,GAAG,GAAG,SAAS,EAAA;AAClF,QAAA,OAAO,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC,SAAS,KAChC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAEA,GAAC,CAAC,iBAAiB,CAAC,EAAA,EAC9B,2BAA2B,IACxB,KAAC,CAAA,aAAA,CAAAC,UAAI,EAAC,EAAA,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAA;AAC7B,YAAA,OAAO,CAAC,KAAK;AACd,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAED,GAAC,CAAC,yBAAyB,EAAE;AACpC,oBAAA,MAAM,EAAE,yBAAyB;AACpC,iBAAA,CAAC,IAED,2BAA2B,CAAC,OAAO,CAAC,CACnC,CACH,KAEP,OAAO,CAAC,KAAK,CAChB,CACA,CACR;AAEA,QAAA,OAAO,CAAC,MAAM;aACV,QAAQ,IACL,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEA,GAAC,CAAC,mBAAmB,CAAC,EAAA,EAAG,OAAO,CAAC,MAAM,CAAO,KAE9D,OAAO,CAAC,MAAM,CACjB,CAAC;AAEL,QAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,KACvB,OAAO,CAAC,MAAM,GAAG,IAAI,IACjB,KAAA,CAAA,aAAA,CAACE,sBAAU,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,OAAO,IAAE,GAAG,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAA,CAAA,CAAI,CAClE,CACJ,CACC;AAEd,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/build/cjs/components/TopAlert/useTopAlertHeight.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var debounce = require('../../_virtual/debounce.js');
+var debounceFn = require('lodash/debounce');
 
 const G_ROOT_CLASS_NAME = 'g-root';
 const useTopAlertHeight = ({ alert }) => {
@@ -18,7 +18,7 @@ const useTopAlertHeight = ({ alert }) => {
         setAsideTopPanelHeight(height);
     }, [setAsideTopPanelHeight]);
     React.useLayoutEffect(() => {
-        const updateTopSizeDebounce = debounce.default(updateTopSize, 200, { leading: true });
+        const updateTopSizeDebounce = debounceFn(updateTopSize, 200, { leading: true });
         if (alert) {
             window.addEventListener('resize', updateTopSizeDebounce);
             updateTopSizeDebounce();

package/build/cjs/components/TopAlert/useTopAlertHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTopAlertHeight.js","sources":["../../../../../src/components/TopAlert/useTopAlertHeight.ts"],"sourcesContent":["import React from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\nimport {TopAlertProps} from '../types';\n\ntype TopAlertHeightControls = {\n    alertRef: React.RefObject<HTMLDivElement>;\n    updateTopSize: () => void;\n};\n\nconst G_ROOT_CLASS_NAME = 'g-root';\n\nexport const useTopAlertHeight = ({alert}: {alert?: TopAlertProps}): TopAlertHeightControls => {\n    const alertRef = React.useRef<HTMLDivElement>(null);\n\n    const setAsideTopPanelHeight = React.useCallback((clientHeight: number) => {\n        const gRootElement = document\n            .getElementsByClassName(G_ROOT_CLASS_NAME)\n            .item(0) as HTMLElement | null;\n        gRootElement?.style.setProperty('--gn-top-alert-height', clientHeight + 'px');\n    }, []);\n\n    const updateTopSize = React.useCallback(() => {\n        const height = alertRef.current?.clientHeight ?? 0;\n        setAsideTopPanelHeight(height);\n    }, [setAsideTopPanelHeight]);\n\n    React.useLayoutEffect(() => {\n        const updateTopSizeDebounce = debounceFn(updateTopSize, 200, {leading: true});\n\n        if (alert) {\n            window.addEventListener('resize', updateTopSizeDebounce);\n            updateTopSizeDebounce();\n        }\n        return () => {\n            window.removeEventListener('resize', updateTopSizeDebounce);\n            setAsideTopPanelHeight(0);\n        };\n    }, [alert, alertRef, updateTopSize, setAsideTopPanelHeight]);\n\n    return {\n        alertRef,\n        updateTopSize,\n    };\n};\n"],"names":["debounceFn"],"mappings":";;;;;AAWA,MAAM,iBAAiB,GAAG,QAAQ;MAErB,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAA0B,KAA4B;IAC1F,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;IAEnD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,YAAoB,KAAI;QACtE,MAAM,YAAY,GAAG;aAChB,sBAAsB,CAAC,iBAAiB;aACxC,IAAI,CAAC,CAAC,CAAuB;AAClC,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,YAAY,GAAG,IAAI,CAAC;KAChF,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;;QACzC,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAA,CAAC;QAClD,sBAAsB,CAAC,MAAM,CAAC;AAClC,KAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAE5B,IAAA,KAAK,CAAC,eAAe,CAAC,MAAK;AACvB,QAAA,MAAM,qBAAqB,GAAGA,gBAAU,CAAC,aAAa,EAAE,GAAG,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;QAE7E,IAAI,KAAK,EAAE;AACP,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC;AACxD,YAAA,qBAAqB,EAAE;;AAE3B,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC;YAC3D,sBAAsB,CAAC,CAAC,CAAC;AAC7B,SAAC;KACJ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,sBAAsB,CAAC,CAAC;IAE5D,OAAO;QACH,QAAQ;QACR,aAAa;KAChB;AACL;;;;"}
+{"version":3,"file":"useTopAlertHeight.js","sources":["../../../../../src/components/TopAlert/useTopAlertHeight.ts"],"sourcesContent":["import React from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\nimport {TopAlertProps} from '../types';\n\ntype TopAlertHeightControls = {\n    alertRef: React.RefObject<HTMLDivElement>;\n    updateTopSize: () => void;\n};\n\nconst G_ROOT_CLASS_NAME = 'g-root';\n\nexport const useTopAlertHeight = ({alert}: {alert?: TopAlertProps}): TopAlertHeightControls => {\n    const alertRef = React.useRef<HTMLDivElement>(null);\n\n    const setAsideTopPanelHeight = React.useCallback((clientHeight: number) => {\n        const gRootElement = document\n            .getElementsByClassName(G_ROOT_CLASS_NAME)\n            .item(0) as HTMLElement | null;\n        gRootElement?.style.setProperty('--gn-top-alert-height', clientHeight + 'px');\n    }, []);\n\n    const updateTopSize = React.useCallback(() => {\n        const height = alertRef.current?.clientHeight ?? 0;\n        setAsideTopPanelHeight(height);\n    }, [setAsideTopPanelHeight]);\n\n    React.useLayoutEffect(() => {\n        const updateTopSizeDebounce = debounceFn(updateTopSize, 200, {leading: true});\n\n        if (alert) {\n            window.addEventListener('resize', updateTopSizeDebounce);\n            updateTopSizeDebounce();\n        }\n        return () => {\n            window.removeEventListener('resize', updateTopSizeDebounce);\n            setAsideTopPanelHeight(0);\n        };\n    }, [alert, alertRef, updateTopSize, setAsideTopPanelHeight]);\n\n    return {\n        alertRef,\n        updateTopSize,\n    };\n};\n"],"names":[],"mappings":";;;;;AAWA,MAAM,iBAAiB,GAAG,QAAQ;MAErB,iBAAiB,GAAG,CAAC,EAAC,KAAK,EAA0B,KAA4B;IAC1F,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC;IAEnD,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,YAAoB,KAAI;QACtE,MAAM,YAAY,GAAG;aAChB,sBAAsB,CAAC,iBAAiB;aACxC,IAAI,CAAC,CAAC,CAAuB;AAClC,QAAA,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,SAAA,GAAA,SAAA,GAAA,YAAY,CAAE,KAAK,CAAC,WAAW,CAAC,uBAAuB,EAAE,YAAY,GAAG,IAAI,CAAC;KAChF,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,MAAK;;QACzC,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,SAAA,GAAA,EAAA,CAAA,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,SAAA,GAAA,EAAA,GAAA,CAAC;QAClD,sBAAsB,CAAC,MAAM,CAAC;AAClC,KAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAE5B,IAAA,KAAK,CAAC,eAAe,CAAC,MAAK;AACvB,QAAA,MAAM,qBAAqB,GAAG,UAAU,CAAC,aAAa,EAAE,GAAG,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC;QAE7E,IAAI,KAAK,EAAE;AACP,YAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC;AACxD,YAAA,qBAAqB,EAAE;;AAE3B,QAAA,OAAO,MAAK;AACR,YAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,qBAAqB,CAAC;YAC3D,sBAAsB,CAAC,CAAC,CAAC;AAC7B,SAAC;KACJ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,sBAAsB,CAAC,CAAC;IAE5D,OAAO;QACH,QAAQ;QACR,aAAa;KAChB;AACL;;;;"}

package/build/cjs/components/constants.d.ts

@@ -1,7 +1,5 @@
-export declare const ASIDE_HEADER_ICON_SIZE = 16;
+export declare const ASIDE_HEADER_ICON_SIZE = 18;
 export declare const ASIDE_HEADER_COMPACT_WIDTH = 56;
 export declare const ASIDE_HEADER_EXPANDED_WIDTH = 236;
-export declare const ITEM_HEIGHT = 36;
+export declare const ITEM_HEIGHT = 40;
 export declare const HEADER_DIVIDER_HEIGHT = 29;
-export declare const ASIDE_HEADER_EXPAND_TRANSITION_DELAY = 150;
-export declare const ASIDE_HEADER_EXPAND_DELAY = 250;

package/build/cjs/components/constants.js

@@ -1,17 +1,13 @@
 'use strict';
 
-const ASIDE_HEADER_ICON_SIZE = 16;
+const ASIDE_HEADER_ICON_SIZE = 18;
 const ASIDE_HEADER_COMPACT_WIDTH = 56;
 const ASIDE_HEADER_EXPANDED_WIDTH = 236;
-const ITEM_HEIGHT = 36;
+const ITEM_HEIGHT = 40;
 const HEADER_DIVIDER_HEIGHT = 29;
-const ASIDE_HEADER_EXPAND_TRANSITION_DELAY = 150;
-const ASIDE_HEADER_EXPAND_DELAY = 250;
 
 exports.ASIDE_HEADER_COMPACT_WIDTH = ASIDE_HEADER_COMPACT_WIDTH;
 exports.ASIDE_HEADER_EXPANDED_WIDTH = ASIDE_HEADER_EXPANDED_WIDTH;
-exports.ASIDE_HEADER_EXPAND_DELAY = ASIDE_HEADER_EXPAND_DELAY;
-exports.ASIDE_HEADER_EXPAND_TRANSITION_DELAY = ASIDE_HEADER_EXPAND_TRANSITION_DELAY;
 exports.ASIDE_HEADER_ICON_SIZE = ASIDE_HEADER_ICON_SIZE;
 exports.HEADER_DIVIDER_HEIGHT = HEADER_DIVIDER_HEIGHT;
 exports.ITEM_HEIGHT = ITEM_HEIGHT;

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

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/constants.ts"],"sourcesContent":["export const ASIDE_HEADER_ICON_SIZE = 16;\nexport const ASIDE_HEADER_COMPACT_WIDTH = 56;\nexport const ASIDE_HEADER_EXPANDED_WIDTH = 236;\nexport const ITEM_HEIGHT = 36;\nexport const HEADER_DIVIDER_HEIGHT = 29;\nexport const ASIDE_HEADER_EXPAND_TRANSITION_DELAY = 150;\nexport const ASIDE_HEADER_EXPAND_DELAY = 250;\n"],"names":[],"mappings":";;AAAO,MAAM,sBAAsB,GAAG;AAC/B,MAAM,0BAA0B,GAAG;AACnC,MAAM,2BAA2B,GAAG;AACpC,MAAM,WAAW,GAAG;AACpB,MAAM,qBAAqB,GAAG;AAC9B,MAAM,oCAAoC,GAAG;AAC7C,MAAM,yBAAyB,GAAG;;;;;;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/constants.ts"],"sourcesContent":["export const ASIDE_HEADER_ICON_SIZE = 18;\nexport const ASIDE_HEADER_COMPACT_WIDTH = 56;\nexport const ASIDE_HEADER_EXPANDED_WIDTH = 236;\nexport const ITEM_HEIGHT = 40;\nexport const HEADER_DIVIDER_HEIGHT = 29;\n"],"names":[],"mappings":";;AAAO,MAAM,sBAAsB,GAAG;AAC/B,MAAM,0BAA0B,GAAG;AACnC,MAAM,2BAA2B,GAAG;AACpC,MAAM,WAAW,GAAG;AACpB,MAAM,qBAAqB,GAAG;;;;;;;;"}

package/build/cjs/components/types.d.ts

@@ -15,6 +15,7 @@ export interface MenuItem extends QAProps {
     iconQa?: string;
     href?: string;
     current?: boolean;
+    pinned?: boolean;
     onItemClick?: (item: MenuItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
     onItemClickCapture?: (event: React.SyntheticEvent) => void;
     itemWrapper?: (p: MakeItemParams, makeItem: (p: MakeItemParams) => React.ReactNode, opts: {
@@ -26,29 +27,21 @@ export interface MenuItem extends QAProps {
     preventUserRemoving?: boolean;
     rightAdornment?: React.ReactNode;
     type?: MenuItemType;
+    afterMoreButton?: boolean;
+    /**
+     * Order number. Used to determine the display order in the side menu
+     */
+    order?: number;
     /**
      * Visibility flag in the side menu
      */
     hidden?: boolean;
     /**
-     * The group ID to which the menu item belongs. Used for grouping menu items
+     * The category to which the menu item belongs. Need for grouping in the display/editing mode of all pages
      */
-    groupId?: string;
+    category?: string;
     className?: string;
 }
-export interface MenuGroup {
-    id: string;
-    title: string;
-    icon?: IconProps['data'];
-    /** Hide the group from display */
-    hidden?: boolean;
-    /** Allow collapsing the group via UI */
-    collapsible?: boolean;
-    /** Initial collapsed state when collapsible is true */
-    collapsedByDefault?: boolean;
-    /** Current collapsed state */
-    collapsed: boolean;
-}
 export interface LogoProps {
     text: (() => React.ReactNode) | string;
     className?: string;

package/build/cjs/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var debounce = require('../../_virtual/debounce.js');
+var debounceFn = require('lodash/debounce');
 
 function useOverflowingHorizontalListItems({ containerRef, items, itemSelector, moreButtonWidth = 0, }) {
     const [containerWidth, setContainerWidth] = React.useState(0);
@@ -24,7 +24,7 @@ function useOverflowingHorizontalListItems({ containerRef, items, itemSelector,
                 setContainerWidth(entries[0].contentRect.width);
             }
         };
-        const updateContainerSizeDebounced = debounce.default(updateContainerSize, 100);
+        const updateContainerSizeDebounced = debounceFn(updateContainerSize, 100);
         const footerMenuResizeObserver = new ResizeObserver(updateContainerSizeDebounced);
         if (footerMenu) {
             footerMenuResizeObserver.observe(footerMenu);

package/build/cjs/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowingHorizontalListItems.js","sources":["../../../../../src/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.ts"],"sourcesContent":["import {useLayoutEffect, useMemo, useState} from 'react';\nimport type {RefObject} from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\ntype UseOverflowingContainerListItemsProps<ItemType extends unknown> = {\n    containerRef: RefObject<HTMLElement>;\n    items?: ItemType[];\n    itemSelector: string;\n    moreButtonWidth?: number;\n};\n\nexport function useOverflowingHorizontalListItems<ItemType>({\n    containerRef,\n    items,\n    itemSelector,\n    moreButtonWidth = 0,\n}: UseOverflowingContainerListItemsProps<ItemType>) {\n    const [containerWidth, setContainerWidth] = useState<number>(0);\n    const [itemWidths, setItemWidths] = useState<number[]>([]);\n\n    useLayoutEffect(() => {\n        if (!containerRef.current) {\n            return;\n        }\n\n        const measureItemSizes = () => {\n            const itemElements = Array.from(\n                containerRef.current?.querySelectorAll(itemSelector) ?? [],\n            );\n            setItemWidths(itemElements.map((item) => item.clientWidth));\n        };\n\n        measureItemSizes();\n    }, [containerRef, itemSelector]);\n\n    useLayoutEffect(() => {\n        const footerMenu = containerRef.current;\n\n        const updateContainerSize = (entries: ResizeObserverEntry[]) => {\n            if (entries.length > 0 && footerMenu) {\n                setContainerWidth(entries[0].contentRect.width);\n            }\n        };\n\n        const updateContainerSizeDebounced = debounceFn(updateContainerSize, 100);\n        const footerMenuResizeObserver = new ResizeObserver(updateContainerSizeDebounced);\n\n        if (footerMenu) {\n            footerMenuResizeObserver.observe(footerMenu);\n        }\n\n        return () => {\n            updateContainerSizeDebounced.cancel();\n            footerMenuResizeObserver.disconnect();\n        };\n    }, [containerRef]);\n\n    const isMeasured = containerWidth > 0;\n\n    const {visibleItems, hiddenItems} = useMemo(() => {\n        if (!isMeasured) {\n            return {\n                visibleItems: items ?? [],\n                hiddenItems: [],\n            };\n        }\n\n        const itemsCount = itemWidths.length;\n        let visibleItemsCount = 0;\n        let remainingContainerWidth = containerWidth;\n        for (const width of itemWidths) {\n            remainingContainerWidth -= width;\n            if (remainingContainerWidth < moreButtonWidth) {\n                const isMoreThanOneItemLeft = itemsCount !== visibleItemsCount + 1;\n                const hasNoSpaceForTheLastItem = remainingContainerWidth < 0;\n                if (isMoreThanOneItemLeft || hasNoSpaceForTheLastItem) {\n                    break;\n                }\n            }\n\n            visibleItemsCount++;\n        }\n\n        return {\n            visibleItems: items?.slice(0, visibleItemsCount) ?? [],\n            hiddenItems: items?.slice(visibleItemsCount) ?? [],\n        };\n    }, [containerWidth, isMeasured, itemWidths, items, moreButtonWidth]);\n\n    return {visibleItems, hiddenItems, measured: isMeasured};\n}\n"],"names":["useState","useLayoutEffect","debounceFn","useMemo"],"mappings":"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"}
+{"version":3,"file":"useOverflowingHorizontalListItems.js","sources":["../../../../../src/hooks/useOverflowingHorizontalListItems/useOverflowingHorizontalListItems.ts"],"sourcesContent":["import {useLayoutEffect, useMemo, useState} from 'react';\nimport type {RefObject} from 'react';\n\nimport debounceFn from 'lodash/debounce';\n\ntype UseOverflowingContainerListItemsProps<ItemType extends unknown> = {\n    containerRef: RefObject<HTMLElement>;\n    items?: ItemType[];\n    itemSelector: string;\n    moreButtonWidth?: number;\n};\n\nexport function useOverflowingHorizontalListItems<ItemType>({\n    containerRef,\n    items,\n    itemSelector,\n    moreButtonWidth = 0,\n}: UseOverflowingContainerListItemsProps<ItemType>) {\n    const [containerWidth, setContainerWidth] = useState<number>(0);\n    const [itemWidths, setItemWidths] = useState<number[]>([]);\n\n    useLayoutEffect(() => {\n        if (!containerRef.current) {\n            return;\n        }\n\n        const measureItemSizes = () => {\n            const itemElements = Array.from(\n                containerRef.current?.querySelectorAll(itemSelector) ?? [],\n            );\n            setItemWidths(itemElements.map((item) => item.clientWidth));\n        };\n\n        measureItemSizes();\n    }, [containerRef, itemSelector]);\n\n    useLayoutEffect(() => {\n        const footerMenu = containerRef.current;\n\n        const updateContainerSize = (entries: ResizeObserverEntry[]) => {\n            if (entries.length > 0 && footerMenu) {\n                setContainerWidth(entries[0].contentRect.width);\n            }\n        };\n\n        const updateContainerSizeDebounced = debounceFn(updateContainerSize, 100);\n        const footerMenuResizeObserver = new ResizeObserver(updateContainerSizeDebounced);\n\n        if (footerMenu) {\n            footerMenuResizeObserver.observe(footerMenu);\n        }\n\n        return () => {\n            updateContainerSizeDebounced.cancel();\n            footerMenuResizeObserver.disconnect();\n        };\n    }, [containerRef]);\n\n    const isMeasured = containerWidth > 0;\n\n    const {visibleItems, hiddenItems} = useMemo(() => {\n        if (!isMeasured) {\n            return {\n                visibleItems: items ?? [],\n                hiddenItems: [],\n            };\n        }\n\n        const itemsCount = itemWidths.length;\n        let visibleItemsCount = 0;\n        let remainingContainerWidth = containerWidth;\n        for (const width of itemWidths) {\n            remainingContainerWidth -= width;\n            if (remainingContainerWidth < moreButtonWidth) {\n                const isMoreThanOneItemLeft = itemsCount !== visibleItemsCount + 1;\n                const hasNoSpaceForTheLastItem = remainingContainerWidth < 0;\n                if (isMoreThanOneItemLeft || hasNoSpaceForTheLastItem) {\n                    break;\n                }\n            }\n\n            visibleItemsCount++;\n        }\n\n        return {\n            visibleItems: items?.slice(0, visibleItemsCount) ?? [],\n            hiddenItems: items?.slice(visibleItemsCount) ?? [],\n        };\n    }, [containerWidth, isMeasured, itemWidths, items, moreButtonWidth]);\n\n    return {visibleItems, hiddenItems, measured: isMeasured};\n}\n"],"names":["useState","useLayoutEffect","useMemo"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+import * as React from '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.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.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"
+  })));
+};
+
+export { SvgControlMenuButton as default };
+//# sourceMappingURL=control-menu-button.svg.js.map

package/build/esm/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":[],"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,oBAAoB,KAAK,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,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/esm/components/AsideHeader/AsideHeader.css

@@ -1 +1 @@
-.AsideHeader-module__gn-aside-header___Z0Sa7{--gn-aside-header-min-width:56px;--_--item-icon-background-size:36px;--_--background-color:var(--g-color-base-background);--_--decoration-collapsed-background-color:var(--g-color-base-warning-light);--_--decoration-expanded-background-color:var(--g-color-base-warning-light);--_--vertical-divider-line-color:var(--g-color-line-generic);--_--horizontal-divider-line-color:var(--g-color-line-generic);background-color:var(--g-color-base-background);height:100%;position:relative;width:100%}.AsideHeader-module__gn-aside-header__aside___AyP0y{background-color:var(--gn-aside-header-expanded-background-color,var(--gn-aside-header-background-color,var(--_--background-color)));box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;margin-top:var(--gn-top-alert-height,0);max-height:calc(100vh - var(--gn-top-alert-height, 0));position:sticky;top:var(--gn-top-alert-height,0);transition:width .15s ease-in-out;width:inherit;z-index:var(--gn-aside-header-z-index,100)}.AsideHeader-module__gn-aside-header__aside___AyP0y:after{background-color:var(--gn-aside-header-divider-vertical-color,var(--_--vertical-divider-line-color));content:"";height:100%;position:absolute;right:0;top:0;width:1px;z-index:2}.AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM{inset:0;position:absolute;z-index:1}.AsideHeader-module__gn-aside-header__aside-content___w5GOS{--gradient-height:334px;display:flex;flex-direction:column;height:inherit;overflow-x:hidden;padding-top:var(--gn-aside-header-padding-top);position:relative;user-select:none;width:inherit;z-index:2}.AsideHeader-module__gn-aside-header__aside-content___w5GOS>.AsideHeader-module__gn-aside-header-logo___6MdXx{margin:8px 0}.AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye{background:linear-gradient(180deg,var(--gn-aside-header-decoration-expanded-background-color,var(--_--decoration-expanded-background-color)) calc(var(--gradient-height)*.33),transparent calc(var(--gradient-height)*.88))}.AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE{bottom:0;display:flex;position:absolute;top:0;width:var(--gn-aside-header-size);z-index:-1}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__aside___AyP0y{background-color:var(--gn-aside-header-collapsed-background-color,var(--gn-aside-header-background-color,var(--_--background-color)))}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__aside-content___w5GOS{background:transparent}.AsideHeader-module__gn-aside-header__aside-transition-enter-active___nVB3u, .AsideHeader-module__gn-aside-header__aside-transition-enter-done___zfhNX, .AsideHeader-module__gn-aside-header__aside-transition-enter___QJvnr, .AsideHeader-module__gn-aside-header__aside-transition-exit-active___NzI3l, .AsideHeader-module__gn-aside-header__aside-transition-exit___n28FX{left:0;position:fixed;top:0}.AsideHeader-module__gn-aside-header__aside-transition-enter-active___nVB3u+.AsideHeader-module__gn-aside-header__content___4-mBl, .AsideHeader-module__gn-aside-header__aside-transition-enter-done___zfhNX+.AsideHeader-module__gn-aside-header__content___4-mBl, .AsideHeader-module__gn-aside-header__aside-transition-enter___QJvnr+.AsideHeader-module__gn-aside-header__content___4-mBl, .AsideHeader-module__gn-aside-header__aside-transition-exit-active___NzI3l+.AsideHeader-module__gn-aside-header__content___4-mBl, .AsideHeader-module__gn-aside-header__aside-transition-exit___n28FX+.AsideHeader-module__gn-aside-header__content___4-mBl{padding-left:var(--gn-aside-header-min-width)}.AsideHeader-module__gn-aside-header__content___4-mBl{margin-top:var(--gn-top-alert-height,0);width:calc(100% - var(--gn-aside-header-size));z-index:var(--gn-aside-header-content-z-index,95)}.AsideHeader-module__gn-aside-header__content_expanded-by-hover___b0Rcg{padding-left:var(--gn-aside-header-min-width)}.AsideHeader-module__gn-aside-header__header___m5aIU{--gn-aside-header-header-divider-height:29px;box-sizing:border-box;flex:none;padding-bottom:22px;padding-top:8px;position:relative;width:100%;z-index:1}.AsideHeader-module__gn-aside-header__header___m5aIU .AsideHeader-module__gn-aside-header__header-divider___lIG-e{bottom:0;color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));display:none;left:0;position:absolute;z-index:-2}.AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO:before{background-color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));content:"";display:none;height:calc(100% - var(--gn-aside-header-header-divider-height));left:0;position:absolute;top:0;width:100%;z-index:-2}.AsideHeader-module__gn-aside-header__header___m5aIU:after{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));bottom:12px;content:"";height:1px;left:0;position:absolute;width:100%;z-index:-2}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header___m5aIU:before, .AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO .AsideHeader-module__gn-aside-header__header-divider___lIG-e{display:block}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO:after{display:none}.AsideHeader-module__gn-aside-header__logo-button___5u2iH{margin:0 10px 2px}.AsideHeader-module__gn-aside-header__logo-container___pK10O{align-items:center;display:flex;justify-content:space-between}.AsideHeader-module__gn-aside-header__logo-container_without-logo___pSqqc{border-bottom:1px solid var(--g-color-line-generic);margin-bottom:var(--g-spacing-2);padding-bottom:var(--g-spacing-2)}.AsideHeader-module__gn-aside-header__logo-button___5u2iH .AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i{height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));width:var(--_--item-icon-background-size)}.AsideHeader-module__gn-aside-header__menu-items___SOI2-{flex-grow:1}.AsideHeader-module__gn-aside-header__menu-item___q2y31, .AsideHeader-module__gn-aside-header__menu-items-group___z3xFD{margin-inline:10px}.AsideHeader-module__gn-aside-header__footer___vmoTl{display:flex;flex-direction:column;flex-shrink:0;margin:var(--g-spacing-2) 10px}.AsideHeader-module__gn-aside-header__panels___-fdu4{z-index:var(--gn-aside-header-panel-z-index,98)}.AsideHeader-module__gn-aside-header__panels___-fdu4, .AsideHeader-module__gn-aside-header__panels___-fdu4.g-drawer{inset:var(--gn-top-alert-height,0) 0 0;position:fixed}.AsideHeader-module__gn-aside-header__panel___HywH6, .AsideHeader-module__gn-aside-header__panel___HywH6.g-drawer__item{bottom:0;height:auto;top:var(--gn-top-alert-height,0)}.AsideHeader-module__gn-aside-header__pane-container___y-v2e{display:flex;flex-direction:row;outline:none;overflow:visible;user-select:text}.AsideHeader-module__gn-aside-header__top-alert___hY12r{--gn-drawer-z-index:var(--gn-aside-header-panel-z-index,98);background:var(--g-color-base-background);position:fixed;top:0;width:100%}.AsideHeader-module__gn-aside-header__pin-button___M61Ht{margin-left:auto;margin-right:10px}.AsideHeader-module__gn-aside-header__pin-button_compact___WoUhU{margin-right:auto}.AsideHeader-module__gn-aside-header__panel-content___Y2lCR{height:100%}
+.AsideHeader-module__gn-aside-header___Z0Sa7{--gn-aside-header-min-width:56px;--_--item-icon-background-size:38px;--_--background-color:var(--g-color-base-background);--_--decoration-collapsed-background-color:var(--g-color-base-warning-light);--_--decoration-expanded-background-color:var(--g-color-base-warning-light);--_--vertical-divider-line-color:var(--g-color-line-generic);--_--horizontal-divider-line-color:var(--g-color-line-generic);background-color:var(--g-color-base-background);height:100%;position:relative;width:100%}.AsideHeader-module__gn-aside-header__aside___AyP0y{background-color:var(--gn-aside-header-expanded-background-color,var(--gn-aside-header-background-color,var(--_--background-color)));box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;margin-top:var(--gn-top-alert-height,0);max-height:calc(100vh - var(--gn-top-alert-height, 0));position:sticky;top:var(--gn-top-alert-height,0);width:inherit;z-index:var(--gn-aside-header-z-index,100)}.AsideHeader-module__gn-aside-header__aside___AyP0y:after{background-color:var(--gn-aside-header-divider-vertical-color,var(--_--vertical-divider-line-color));content:"";height:100%;position:absolute;right:0;top:0;width:1px;z-index:2}.AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM{inset:0;position:absolute;z-index:1}.AsideHeader-module__gn-aside-header__aside-content___w5GOS{--gradient-height:334px;display:flex;flex-direction:column;height:inherit;overflow-x:hidden;padding-top:var(--gn-aside-header-padding-top);position:relative;user-select:none;width:inherit;z-index:2}.AsideHeader-module__gn-aside-header__aside-content___w5GOS>.AsideHeader-module__gn-aside-header-logo___6MdXx{margin:8px 0}.AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye{background:linear-gradient(180deg,var(--gn-aside-header-decoration-expanded-background-color,var(--_--decoration-expanded-background-color)) calc(var(--gradient-height)*.33),transparent calc(var(--gradient-height)*.88))}.AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE{bottom:0;display:flex;position:absolute;top:0;width:var(--gn-aside-header-size);z-index:-1}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__aside___AyP0y{background-color:var(--gn-aside-header-collapsed-background-color,var(--gn-aside-header-background-color,var(--_--background-color)))}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__aside-content___w5GOS{background:transparent}.AsideHeader-module__gn-aside-header__header___m5aIU{--gn-aside-header-header-divider-height:29px;box-sizing:border-box;flex:none;padding-bottom:22px;padding-top:8px;position:relative;width:100%;z-index:1}.AsideHeader-module__gn-aside-header__header___m5aIU .AsideHeader-module__gn-aside-header__header-divider___lIG-e{bottom:0;color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));display:none;left:0;position:absolute;z-index:-2}.AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO:before{background-color:var(--gn-aside-header-decoration-collapsed-background-color,var(--_--decoration-collapsed-background-color));content:"";display:none;height:calc(100% - var(--gn-aside-header-header-divider-height));left:0;position:absolute;top:0;width:100%;z-index:-2}.AsideHeader-module__gn-aside-header__header___m5aIU:after{background-color:var(--gn-aside-header-divider-horizontal-color,var(--_--horizontal-divider-line-color));bottom:12px;content:"";height:1px;left:0;position:absolute;width:100%;z-index:-2}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header___m5aIU:before, .AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO .AsideHeader-module__gn-aside-header__header-divider___lIG-e{display:block}.AsideHeader-module__gn-aside-header_compact___z-nL- .AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO:after{display:none}.AsideHeader-module__gn-aside-header__logo-button___5u2iH .AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i{height:var(--gn-aside-header-item-icon-background-size,var(--_--item-icon-background-size));width:var(--gn-aside-header-min-width)}.AsideHeader-module__gn-aside-header__menu-items___SOI2-{flex-grow:1}.AsideHeader-module__gn-aside-header__footer___vmoTl{display:flex;flex-direction:column;flex-shrink:0;margin:8px 0;width:100%}.AsideHeader-module__gn-aside-header__panels___-fdu4{z-index:var(--gn-aside-header-panel-z-index,98)}.AsideHeader-module__gn-aside-header__panel___HywH6, .AsideHeader-module__gn-aside-header__panel___HywH6.g-drawer__item{bottom:0;height:auto;top:0}.AsideHeader-module__gn-aside-header__pane-container___y-v2e{display:flex;flex-direction:row;outline:none;overflow:visible;user-select:text}.AsideHeader-module__gn-aside-header__top-alert___hY12r{background:var(--g-color-base-background);position:fixed;top:0;width:100%;z-index:var(--gn-aside-header-pane-top-z-index,98)}.AsideHeader-module__gn-aside-header__content___4-mBl{margin-top:var(--gn-top-alert-height,0);width:calc(100% - var(--gn-aside-header-size));z-index:var(--gn-aside-header-content-z-index,95)}.AsideHeader-module__gn-aside-header__all-pages-panel___O94IU{width:fit-content!important}

package/build/esm/components/AsideHeader/AsideHeader.js

@@ -1,12 +1,12 @@
 import './AsideHeader.css';
-import { __rest } from '../../node_modules/tslib/tslib.es6.js';
+import { __rest } from 'tslib';
 import React__default from 'react';
 import { PageLayout } from './components/PageLayout/PageLayout.js';
 import { PageLayoutAside } from './components/PageLayout/PageLayoutAside.js';
 
 const AsideHeader = React__default.forwardRef((_a, ref) => {
     var { compact, className, topAlert } = _a, props = __rest(_a, ["compact", "className", "topAlert"]);
-    return (React__default.createElement(PageLayout, { compact: compact, onChangeCompact: props.onChangeCompact, className: className, topAlert: topAlert },
+    return (React__default.createElement(PageLayout, { compact: compact, className: className, topAlert: topAlert },
         React__default.createElement(PageLayoutAside, Object.assign({ ref: ref }, props)),
         React__default.createElement(PageLayout.Content, { renderContent: props.renderContent })));
 });

package/build/esm/components/AsideHeader/AsideHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsideHeader.js","sources":["../../../../../src/components/AsideHeader/AsideHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport {PageLayout} from './components/PageLayout/PageLayout';\nimport {PageLayoutAside} from './components/PageLayout/PageLayoutAside';\nimport {AsideHeaderProps} from './types';\n\nexport const AsideHeader = React.forwardRef<HTMLDivElement, AsideHeaderProps>(\n    ({compact, className, topAlert, ...props}, ref) => {\n        return (\n            <PageLayout\n                compact={compact}\n                onChangeCompact={props.onChangeCompact}\n                className={className}\n                topAlert={topAlert}\n            >\n                <PageLayoutAside ref={ref} {...props} />\n                <PageLayout.Content renderContent={props.renderContent} />\n            </PageLayout>\n        );\n    },\n);\n\nAsideHeader.displayName = 'AsideHeader';\n"],"names":["React"],"mappings":";;;;;AAMO,MAAM,WAAW,GAAGA,cAAK,CAAC,UAAU,CACvC,CAAC,EAAwC,EAAE,GAAG,KAAI;QAAjD,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,KAAK,GAAvC,MAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAwC,CAAD;IACpC,QACIA,6BAAC,UAAU,EAAA,EACP,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAAA;AAElB,QAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAI,CAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,CAAC,OAAO,EAAA,EAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAA,CAAI,CACjD;AAErB,CAAC;AAGL,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"AsideHeader.js","sources":["../../../../../src/components/AsideHeader/AsideHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport {PageLayout} from './components/PageLayout/PageLayout';\nimport {PageLayoutAside} from './components/PageLayout/PageLayoutAside';\nimport {AsideHeaderProps} from './types';\n\nexport const AsideHeader = React.forwardRef<HTMLDivElement, AsideHeaderProps>(\n    ({compact, className, topAlert, ...props}, ref) => {\n        return (\n            <PageLayout compact={compact} className={className} topAlert={topAlert}>\n                <PageLayoutAside ref={ref} {...props} />\n                <PageLayout.Content renderContent={props.renderContent} />\n            </PageLayout>\n        );\n    },\n);\n\nAsideHeader.displayName = 'AsideHeader';\n"],"names":["React"],"mappings":";;;;;AAMO,MAAM,WAAW,GAAGA,cAAK,CAAC,UAAU,CACvC,CAAC,EAAwC,EAAE,GAAG,KAAI;QAAjD,EAAC,OAAO,EAAE,SAAS,EAAE,QAAQ,OAAW,EAAN,KAAK,GAAvC,MAAA,CAAA,EAAA,EAAA,CAAA,SAAA,EAAA,WAAA,EAAA,UAAA,CAAwC,CAAD;AACpC,IAAA,QACIA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAA;AAClE,QAAAA,cAAA,CAAA,aAAA,CAAC,eAAe,EAAC,MAAA,CAAA,MAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EAAA,EAAM,KAAK,CAAI,CAAA;AACxC,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,CAAC,OAAO,EAAA,EAAC,aAAa,EAAE,KAAK,CAAC,aAAa,EAAA,CAAI,CACjD;AAErB,CAAC;AAGL,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/build/esm/components/AsideHeader/AsideHeader.module.scss.js

@@ -1,4 +1,4 @@
-var styles = {"g-root":"AsideHeader-module__g-root___EuNRw","gRoot":"AsideHeader-module__g-root___EuNRw","gn-aside-header":"AsideHeader-module__gn-aside-header___Z0Sa7","gnAsideHeader":"AsideHeader-module__gn-aside-header___Z0Sa7","gn-aside-header__aside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gnAsideHeaderAside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gn-aside-header__aside-popup-anchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gnAsideHeaderAsidePopupAnchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gn-aside-header__aside-content":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gnAsideHeaderAsideContent":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gn-aside-header-logo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gnAsideHeaderLogo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gn-aside-header__aside-content_with-decoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gnAsideHeaderAsideContentWithDecoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gn-aside-header__aside-custom-background":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gnAsideHeaderAsideCustomBackground":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gn-aside-header_compact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gnAsideHeaderCompact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gn-aside-header__aside-transition-enter":"AsideHeader-module__gn-aside-header__aside-transition-enter___QJvnr","gnAsideHeaderAsideTransitionEnter":"AsideHeader-module__gn-aside-header__aside-transition-enter___QJvnr","gn-aside-header__aside-transition-enter-active":"AsideHeader-module__gn-aside-header__aside-transition-enter-active___nVB3u","gnAsideHeaderAsideTransitionEnterActive":"AsideHeader-module__gn-aside-header__aside-transition-enter-active___nVB3u","gn-aside-header__aside-transition-enter-done":"AsideHeader-module__gn-aside-header__aside-transition-enter-done___zfhNX","gnAsideHeaderAsideTransitionEnterDone":"AsideHeader-module__gn-aside-header__aside-transition-enter-done___zfhNX","gn-aside-header__aside-transition-exit":"AsideHeader-module__gn-aside-header__aside-transition-exit___n28FX","gnAsideHeaderAsideTransitionExit":"AsideHeader-module__gn-aside-header__aside-transition-exit___n28FX","gn-aside-header__aside-transition-exit-active":"AsideHeader-module__gn-aside-header__aside-transition-exit-active___NzI3l","gnAsideHeaderAsideTransitionExitActive":"AsideHeader-module__gn-aside-header__aside-transition-exit-active___NzI3l","gn-aside-header__content":"AsideHeader-module__gn-aside-header__content___4-mBl","gnAsideHeaderContent":"AsideHeader-module__gn-aside-header__content___4-mBl","gn-aside-header__content_expanded-by-hover":"AsideHeader-module__gn-aside-header__content_expanded-by-hover___b0Rcg","gnAsideHeaderContentExpandedByHover":"AsideHeader-module__gn-aside-header__content_expanded-by-hover___b0Rcg","gn-aside-header__header":"AsideHeader-module__gn-aside-header__header___m5aIU","gnAsideHeaderHeader":"AsideHeader-module__gn-aside-header__header___m5aIU","gn-aside-header__header-divider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gnAsideHeaderHeaderDivider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gn-aside-header__header_with-decoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gnAsideHeaderHeaderWithDecoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gn-aside-header__logo-button":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gnAsideHeaderLogoButton":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gn-aside-header__logo-container":"AsideHeader-module__gn-aside-header__logo-container___pK10O","gnAsideHeaderLogoContainer":"AsideHeader-module__gn-aside-header__logo-container___pK10O","gn-aside-header__logo-container_without-logo":"AsideHeader-module__gn-aside-header__logo-container_without-logo___pSqqc","gnAsideHeaderLogoContainerWithoutLogo":"AsideHeader-module__gn-aside-header__logo-container_without-logo___pSqqc","gn-aside-header__logo-icon-place":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gnAsideHeaderLogoIconPlace":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gn-aside-header__menu-items":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gnAsideHeaderMenuItems":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gn-aside-header__menu-items-group":"AsideHeader-module__gn-aside-header__menu-items-group___z3xFD","gnAsideHeaderMenuItemsGroup":"AsideHeader-module__gn-aside-header__menu-items-group___z3xFD","gn-aside-header__menu-item":"AsideHeader-module__gn-aside-header__menu-item___q2y31","gnAsideHeaderMenuItem":"AsideHeader-module__gn-aside-header__menu-item___q2y31","gn-aside-header__footer":"AsideHeader-module__gn-aside-header__footer___vmoTl","gnAsideHeaderFooter":"AsideHeader-module__gn-aside-header__footer___vmoTl","gn-aside-header__panels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gnAsideHeaderPanels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gn-aside-header__panel":"AsideHeader-module__gn-aside-header__panel___HywH6","gnAsideHeaderPanel":"AsideHeader-module__gn-aside-header__panel___HywH6","gn-aside-header__pane-container":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gnAsideHeaderPaneContainer":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gn-aside-header__top-alert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gnAsideHeaderTopAlert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gn-aside-header__pin-button":"AsideHeader-module__gn-aside-header__pin-button___M61Ht","gnAsideHeaderPinButton":"AsideHeader-module__gn-aside-header__pin-button___M61Ht","gn-aside-header__pin-button_compact":"AsideHeader-module__gn-aside-header__pin-button_compact___WoUhU","gnAsideHeaderPinButtonCompact":"AsideHeader-module__gn-aside-header__pin-button_compact___WoUhU","gn-aside-header__panel-content":"AsideHeader-module__gn-aside-header__panel-content___Y2lCR","gnAsideHeaderPanelContent":"AsideHeader-module__gn-aside-header__panel-content___Y2lCR"};
+var styles = {"g-root":"AsideHeader-module__g-root___EuNRw","gRoot":"AsideHeader-module__g-root___EuNRw","gn-aside-header":"AsideHeader-module__gn-aside-header___Z0Sa7","gnAsideHeader":"AsideHeader-module__gn-aside-header___Z0Sa7","gn-aside-header__aside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gnAsideHeaderAside":"AsideHeader-module__gn-aside-header__aside___AyP0y","gn-aside-header__aside-popup-anchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gnAsideHeaderAsidePopupAnchor":"AsideHeader-module__gn-aside-header__aside-popup-anchor___N3tgM","gn-aside-header__aside-content":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gnAsideHeaderAsideContent":"AsideHeader-module__gn-aside-header__aside-content___w5GOS","gn-aside-header-logo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gnAsideHeaderLogo":"AsideHeader-module__gn-aside-header-logo___6MdXx","gn-aside-header__aside-content_with-decoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gnAsideHeaderAsideContentWithDecoration":"AsideHeader-module__gn-aside-header__aside-content_with-decoration___UsCye","gn-aside-header__aside-custom-background":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gnAsideHeaderAsideCustomBackground":"AsideHeader-module__gn-aside-header__aside-custom-background___-bqdE","gn-aside-header_compact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gnAsideHeaderCompact":"AsideHeader-module__gn-aside-header_compact___z-nL-","gn-aside-header__header":"AsideHeader-module__gn-aside-header__header___m5aIU","gnAsideHeaderHeader":"AsideHeader-module__gn-aside-header__header___m5aIU","gn-aside-header__header-divider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gnAsideHeaderHeaderDivider":"AsideHeader-module__gn-aside-header__header-divider___lIG-e","gn-aside-header__header_with-decoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gnAsideHeaderHeaderWithDecoration":"AsideHeader-module__gn-aside-header__header_with-decoration___3dTJO","gn-aside-header__logo-button":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gnAsideHeaderLogoButton":"AsideHeader-module__gn-aside-header__logo-button___5u2iH","gn-aside-header__logo-icon-place":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gnAsideHeaderLogoIconPlace":"AsideHeader-module__gn-aside-header__logo-icon-place___3Oo9i","gn-aside-header__menu-items":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gnAsideHeaderMenuItems":"AsideHeader-module__gn-aside-header__menu-items___SOI2-","gn-aside-header__footer":"AsideHeader-module__gn-aside-header__footer___vmoTl","gnAsideHeaderFooter":"AsideHeader-module__gn-aside-header__footer___vmoTl","gn-aside-header__panels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gnAsideHeaderPanels":"AsideHeader-module__gn-aside-header__panels___-fdu4","gn-aside-header__panel":"AsideHeader-module__gn-aside-header__panel___HywH6","gnAsideHeaderPanel":"AsideHeader-module__gn-aside-header__panel___HywH6","gn-aside-header__pane-container":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gnAsideHeaderPaneContainer":"AsideHeader-module__gn-aside-header__pane-container___y-v2e","gn-aside-header__top-alert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gnAsideHeaderTopAlert":"AsideHeader-module__gn-aside-header__top-alert___hY12r","gn-aside-header__content":"AsideHeader-module__gn-aside-header__content___4-mBl","gnAsideHeaderContent":"AsideHeader-module__gn-aside-header__content___4-mBl","gn-aside-header__all-pages-panel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU","gnAsideHeaderAllPagesPanel":"AsideHeader-module__gn-aside-header__all-pages-panel___O94IU"};
 
 export { styles as default };
 //# sourceMappingURL=AsideHeader.module.scss.js.map

package/build/esm/components/AsideHeader/AsideHeaderContext.d.ts

@@ -1,28 +1,17 @@
 import React from 'react';
-import { MenuGroup } from '../types';
 import { AsideHeaderInnerProps, AsideHeaderItem } from './types';
 export interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {
     menuItems: AsideHeaderItem[];
-    menuGroups?: MenuGroup[];
     defaultMenuItems?: AsideHeaderItem[];
-    defaultMenuGroups?: MenuGroup[];
-    onMenuGroupsChanged?: (groups: MenuGroup[]) => void;
-    onToggleGroupCollapsed?: (groupId: string) => void;
     allPagesIsAvailable: boolean;
     onItemClick: (item: AsideHeaderItem, collapsed: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    onExpand?: () => void;
-    onFold?: () => void;
-    isExpanded: boolean;
 }
 export declare const AsideHeaderInnerContextProvider: React.Provider<AsideHeaderInnerContextType | undefined>;
 export declare const useAsideHeaderInnerContext: () => AsideHeaderInnerContextType;
 export interface AsideHeaderContextType {
     compact: boolean;
     size: number;
-    isExpanded: boolean;
-    onChangeCompact?: (compact: boolean) => void;
-    onExpand?: () => void;
-    onFold?: () => void;
 }
 export declare const AsideHeaderContextProvider: React.Provider<AsideHeaderContextType | undefined>;
 export declare const useAsideHeaderContext: () => AsideHeaderContextType;
+export declare const useSafeAsideHeaderContext: () => AsideHeaderContextType | undefined;

package/build/esm/components/AsideHeader/AsideHeaderContext.js

@@ -14,10 +14,6 @@ const useAsideHeaderInnerContext = () => {
 const AsideHeaderContext = React__default.createContext({
     compact: false,
     size: 0,
-    isExpanded: false,
-    onChangeCompact: () => { },
-    onExpand: () => { },
-    onFold: () => { },
 });
 AsideHeaderContext.displayName = 'AsideHeaderContext';
 const AsideHeaderContextProvider = AsideHeaderContext.Provider;
@@ -30,6 +26,10 @@ const useAsideHeaderContext = () => {
     }
     return contextValue;
 };
+const useSafeAsideHeaderContext = () => {
+    const contextValue = React__default.useContext(AsideHeaderContext);
+    return contextValue;
+};
 
-export { AsideHeaderContextProvider, AsideHeaderInnerContextProvider, useAsideHeaderContext, useAsideHeaderInnerContext };
+export { AsideHeaderContextProvider, AsideHeaderInnerContextProvider, useAsideHeaderContext, useAsideHeaderInnerContext, useSafeAsideHeaderContext };
 //# sourceMappingURL=AsideHeaderContext.js.map

package/build/esm/components/AsideHeader/AsideHeaderContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AsideHeaderContext.js","sources":["../../../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {MenuGroup} from '../types';\n\nimport {AsideHeaderInnerProps, AsideHeaderItem} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: AsideHeaderItem[];\n    menuGroups?: MenuGroup[];\n    defaultMenuItems?: AsideHeaderItem[];\n    defaultMenuGroups?: MenuGroup[];\n    onMenuGroupsChanged?: (groups: MenuGroup[]) => void;\n    onToggleGroupCollapsed?: (groupId: string) => void;\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n    onExpand?: () => void;\n    onFold?: () => void;\n    isExpanded: boolean;\n}\n\nconst AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(\n    undefined,\n);\nAsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';\n\nexport const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;\n\nexport const useAsideHeaderInnerContext = (): AsideHeaderInnerContextType => {\n    const contextValue = React.useContext(AsideHeaderInnerContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderInnerContext is not initialized.\n        Please check if you wrapped your component with AsideHeaderInnerContext.Provider`);\n    }\n    return contextValue;\n};\n\nexport interface AsideHeaderContextType {\n    compact: boolean;\n    size: number;\n    isExpanded: boolean;\n    onChangeCompact?: (compact: boolean) => void;\n    onExpand?: () => void;\n    onFold?: () => void;\n}\n\nconst AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({\n    compact: false,\n    size: 0,\n    isExpanded: false,\n    onChangeCompact: () => {},\n    onExpand: () => {},\n    onFold: () => {},\n});\n\nAsideHeaderContext.displayName = 'AsideHeaderContext';\n\nexport const AsideHeaderContextProvider = AsideHeaderContext.Provider;\n\nexport const useAsideHeaderContext = (): AsideHeaderContextType => {\n    const contextValue = React.useContext(AsideHeaderContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderContext is not initialized.\n        Please check if you wrapped your component with AsideHeader\n        Context.Provider`);\n    }\n    return contextValue;\n};\n"],"names":["React"],"mappings":";;AAwBA,MAAM,uBAAuB,GAAGA,cAAK,CAAC,aAAa,CAC/C,SAAS,CACZ;AACD,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;AAElD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAEhE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC;AAC9D,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC;;AAEtF,IAAA,OAAO,YAAY;AACvB;AAWA,MAAM,kBAAkB,GAAGA,cAAK,CAAC,aAAa,CAAqC;AAC/E,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,CAAC;AACP,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,eAAe,EAAE,MAAK,GAAG;AACzB,IAAA,QAAQ,EAAE,MAAK,GAAG;AAClB,IAAA,MAAM,EAAE,MAAK,GAAG;AACnB,CAAA,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;AAExC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC;AAEtD,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AACzD,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC;;AAEtB,IAAA,OAAO,YAAY;AACvB;;;;"}
+{"version":3,"file":"AsideHeaderContext.js","sources":["../../../../../src/components/AsideHeader/AsideHeaderContext.ts"],"sourcesContent":["import React from 'react';\n\nimport {AsideHeaderInnerProps, AsideHeaderItem} from './types';\n\nexport interface AsideHeaderInnerContextType extends AsideHeaderInnerProps {\n    menuItems: AsideHeaderItem[];\n    defaultMenuItems?: AsideHeaderItem[];\n    allPagesIsAvailable: boolean;\n    onItemClick: (\n        item: AsideHeaderItem,\n        collapsed: boolean,\n        event: React.MouseEvent<HTMLElement, MouseEvent>,\n    ) => void;\n}\n\nconst AsideHeaderInnerContext = React.createContext<AsideHeaderInnerContextType | undefined>(\n    undefined,\n);\nAsideHeaderInnerContext.displayName = 'AsideHeaderInnerContext';\n\nexport const AsideHeaderInnerContextProvider = AsideHeaderInnerContext.Provider;\n\nexport const useAsideHeaderInnerContext = (): AsideHeaderInnerContextType => {\n    const contextValue = React.useContext(AsideHeaderInnerContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderInnerContext is not initialized.\n        Please check if you wrapped your component with AsideHeaderInnerContext.Provider`);\n    }\n    return contextValue;\n};\n\nexport interface AsideHeaderContextType {\n    compact: boolean;\n    size: number;\n}\n\nconst AsideHeaderContext = React.createContext<AsideHeaderContextType | undefined>({\n    compact: false,\n    size: 0,\n});\n\nAsideHeaderContext.displayName = 'AsideHeaderContext';\n\nexport const AsideHeaderContextProvider = AsideHeaderContext.Provider;\n\nexport const useAsideHeaderContext = (): AsideHeaderContextType => {\n    const contextValue = React.useContext(AsideHeaderContext);\n    if (contextValue === undefined) {\n        throw new Error(`AsideHeaderContext is not initialized.\n        Please check if you wrapped your component with AsideHeader\n        Context.Provider`);\n    }\n    return contextValue;\n};\n\nexport const useSafeAsideHeaderContext = (): AsideHeaderContextType | undefined => {\n    const contextValue = React.useContext(AsideHeaderContext);\n\n    return contextValue;\n};\n"],"names":["React"],"mappings":";;AAeA,MAAM,uBAAuB,GAAGA,cAAK,CAAC,aAAa,CAC/C,SAAS,CACZ;AACD,uBAAuB,CAAC,WAAW,GAAG,yBAAyB;AAElD,MAAA,+BAA+B,GAAG,uBAAuB,CAAC;AAEhE,MAAM,0BAA0B,GAAG,MAAkC;IACxE,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC;AAC9D,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;AACiE,wFAAA,CAAA,CAAC;;AAEtF,IAAA,OAAO,YAAY;AACvB;AAOA,MAAM,kBAAkB,GAAGA,cAAK,CAAC,aAAa,CAAqC;AAC/E,IAAA,OAAO,EAAE,KAAK;AACd,IAAA,IAAI,EAAE,CAAC;AACV,CAAA,CAAC;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;AAExC,MAAA,0BAA0B,GAAG,kBAAkB,CAAC;AAEtD,MAAM,qBAAqB,GAAG,MAA6B;IAC9D,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AACzD,IAAA,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,MAAM,IAAI,KAAK,CAAC,CAAA;;AAEC,wBAAA,CAAA,CAAC;;AAEtB,IAAA,OAAO,YAAY;AACvB;AAEO,MAAM,yBAAyB,GAAG,MAAyC;IAC9E,MAAM,YAAY,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AAEzD,IAAA,OAAO,YAAY;AACvB;;;;"}

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.css

@@ -0,0 +1 @@
+.AllPagesListItem-module__gn-all-pages-list-item___MhygP{background:none;border:none;color:inherit;font:inherit;outline:inherit;text-decoration:inherit}.AllPagesListItem-module__gn-all-pages-list-item___MhygP:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.AllPagesListItem-module__gn-all-pages-list-item___MhygP{align-items:center;column-gap:var(--g-spacing-4);cursor:pointer;display:flex;height:40px;padding:0 var(--g-spacing-6);width:100%}.AllPagesListItem-module__gn-all-pages-list-item__text___Fgz1S{flex:1;text-align:initial}.AllPagesListItem-module__gn-all-pages-list-item__icon___9Cgg9{color:var(--g-color-text-misc)}.AllPagesListItem-module__gn-all-pages-list-item_edit-mode___Mvea7{padding:0 0 0 var(--g-spacing-4)}

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AsideHeaderItem } from 'src/components/AsideHeader/types';
+interface AllPagesListItemProps {
+    item: AsideHeaderItem;
+    editMode?: boolean;
+    enableSorting?: boolean;
+    onToggle: () => void;
+    onDragStart?: () => void;
+    onDragEnd?: () => void;
+}
+export declare const AllPagesListItem: React.FC<AllPagesListItemProps>;
+export {};

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js

@@ -0,0 +1,42 @@
+import './AllPagesListItem.css';
+import React__default, { useRef, useCallback } from 'react';
+import { Pin, PinFill } from '@gravity-ui/icons';
+import { Button, Icon } from '@gravity-ui/uikit';
+import { createBlock } from '../../../../utils/cn.js';
+import styles from './AllPagesListItem.module.scss.js';
+
+const b = createBlock('all-pages-list-item', styles);
+const AllPagesListItem = (props) => {
+    const { item, editMode, onToggle } = props;
+    const ref = useRef(null);
+    const onPinButtonClick = useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onToggle();
+    }, [onToggle]);
+    const [Tag, tagProps] = item.href ? ['a', { href: item.href }] : ['button', {}];
+    const makeNode = useCallback((params) => {
+        const onItemClick = (e) => {
+            if (editMode) {
+                e.stopPropagation();
+                e.preventDefault();
+            }
+        };
+        return (React__default.createElement(Tag, Object.assign({}, tagProps, { className: b(), onClick: onItemClick, ref: ref }),
+            params.icon,
+            React__default.createElement("span", { className: b('text') }, params.title),
+            editMode && !item.preventUserRemoving && (React__default.createElement(Button, { onClick: onPinButtonClick, view: item.hidden ? 'flat-secondary' : 'flat-action' },
+                React__default.createElement(Button.Icon, null, item.hidden ? React__default.createElement(Pin, null) : React__default.createElement(PinFill, null))))));
+    }, [Tag, tagProps, editMode, item, onPinButtonClick]);
+    const iconNode = item.icon ? (React__default.createElement(Icon, { className: b('icon'), data: item.icon, size: item.iconSize })) : null;
+    const titleNode = item.title;
+    const params = { icon: iconNode, title: titleNode };
+    const opts = { collapsed: false, compact: false, item, ref };
+    if (typeof item.itemWrapper === 'function') {
+        return item.itemWrapper(params, makeNode, opts);
+    }
+    return makeNode(params);
+};
+
+export { AllPagesListItem };
+//# sourceMappingURL=AllPagesListItem.js.map

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesListItem.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.tsx"],"sourcesContent":["import React, {MouseEvent, useCallback, useRef} from 'react';\n\nimport {Pin, PinFill} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {AsideHeaderItem} from 'src/components/AsideHeader/types';\nimport {MakeItemParams} from 'src/components/types';\n\nimport {createBlock} from '../../../../utils/cn';\n\nimport styles from './AllPagesListItem.module.scss';\n\nconst b = createBlock('all-pages-list-item', styles);\n\ninterface AllPagesListItemProps {\n    item: AsideHeaderItem;\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 ref = useRef<HTMLAnchorElement & HTMLButtonElement>(null);\n\n    const onPinButtonClick = useCallback(\n        (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            e.stopPropagation();\n            e.preventDefault();\n            onToggle();\n        },\n        [onToggle],\n    );\n\n    const [Tag, tagProps] = item.href ? ['a' as const, {href: item.href}] : ['button' as const, {}];\n\n    const makeNode = useCallback(\n        (params: MakeItemParams) => {\n            const onItemClick = (e: MouseEvent<HTMLElement>) => {\n                if (editMode) {\n                    e.stopPropagation();\n                    e.preventDefault();\n                }\n            };\n\n            return (\n                <Tag {...tagProps} className={b()} onClick={onItemClick} ref={ref}>\n                    {params.icon}\n                    <span className={b('text')}>{params.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        [Tag, tagProps, editMode, item, onPinButtonClick],\n    );\n\n    const iconNode = item.icon ? (\n        <Icon className={b('icon')} data={item.icon} size={item.iconSize} />\n    ) : null;\n    const titleNode = item.title;\n    const params: MakeItemParams = {icon: iconNode, title: titleNode};\n    const opts = {collapsed: false, compact: false, item, ref};\n\n    if (typeof item.itemWrapper === 'function') {\n        return item.itemWrapper(params, makeNode, opts) as React.ReactElement;\n    }\n\n    return makeNode(params);\n};\n"],"names":["React"],"mappings":";;;;;;AAYA,MAAM,CAAC,GAAG,WAAW,CAAC,qBAAqB,EAAE,MAAM,CAAC;AAWvC,MAAA,gBAAgB,GAAoC,CAAC,KAAK,KAAI;IACvE,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK;AACxC,IAAA,MAAM,GAAG,GAAG,MAAM,CAAwC,IAAI,CAAC;AAE/D,IAAA,MAAM,gBAAgB,GAAG,WAAW,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,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,MAAM,QAAQ,GAAG,WAAW,CACxB,CAAC,MAAsB,KAAI;AACvB,QAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;YAC/C,IAAI,QAAQ,EAAE;gBACV,CAAC,CAAC,eAAe,EAAE;gBACnB,CAAC,CAAC,cAAc,EAAE;;AAE1B,SAAC;AAED,QAAA,QACIA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,QAAQ,IAAE,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA;AAC5D,YAAA,MAAM,CAAC,IAAI;YACZA,cAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAG,EAAA,MAAM,CAAC,KAAK,CAAQ;YAChD,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB,KAClCA,cAAC,CAAA,aAAA,CAAA,MAAM,EACH,EAAA,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,gBAAgB,GAAG,aAAa,EAAA;gBAEpDA,cAAC,CAAA,aAAA,CAAA,MAAM,CAAC,IAAI,EAAE,IAAA,EAAA,IAAI,CAAC,MAAM,GAAGA,cAAC,CAAA,aAAA,CAAA,GAAG,OAAG,GAAGA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,IAAA,CAAG,CAAe,CAC3D,CACZ,CACC;AAEd,KAAC,EACD,CAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,gBAAgB,CAAC,CACpD;AAED,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,IACtBA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAI,IACpE,IAAI;AACR,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;IAC5B,MAAM,MAAM,GAAmB,EAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAC;AACjE,IAAA,MAAM,IAAI,GAAG,EAAC,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAC;AAE1D,IAAA,IAAI,OAAO,IAAI,CAAC,WAAW,KAAK,UAAU,EAAE;QACxC,OAAO,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAuB;;AAGzE,IAAA,OAAO,QAAQ,CAAC,MAAM,CAAC;AAC3B;;;;"}

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"gn-all-pages-list-item":"AllPagesListItem-module__gn-all-pages-list-item___MhygP","gnAllPagesListItem":"AllPagesListItem-module__gn-all-pages-list-item___MhygP","gn-all-pages-list-item__text":"AllPagesListItem-module__gn-all-pages-list-item__text___Fgz1S","gnAllPagesListItemText":"AllPagesListItem-module__gn-all-pages-list-item__text___Fgz1S","gn-all-pages-list-item__icon":"AllPagesListItem-module__gn-all-pages-list-item__icon___9Cgg9","gnAllPagesListItemIcon":"AllPagesListItem-module__gn-all-pages-list-item__icon___9Cgg9","gn-all-pages-list-item_edit-mode":"AllPagesListItem-module__gn-all-pages-list-item_edit-mode___Mvea7","gnAllPagesListItemEditMode":"AllPagesListItem-module__gn-all-pages-list-item_edit-mode___Mvea7"};
+
+export { styles as default };
+//# sourceMappingURL=AllPagesListItem.module.scss.js.map

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js.map

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

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/index.d.ts

@@ -0,0 +1 @@
+export { AllPagesListItem } from './AllPagesListItem';

package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.css

@@ -1 +1 @@
-.AllPagesPanel-module__gn-all-pages-panel___RN6Kk{--gn-aside-header-item-expanded-radius:6px;box-sizing:border-box;height:100%;min-width:300px;padding:var(--g-spacing-4) var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__content___XgBXG{flex:1;overflow:auto}.AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa{display:flex}.AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D{margin-inline:10px;width:100%}.AllPagesPanel-module__gn-all-pages-panel__menu-group___sLa1D:not(:last-child){border-bottom:1px solid var(--g-color-line-generic);padding-bottom:var(--g-spacing-2)}
+.AllPagesPanel-module__gn-all-pages-panel___RN6Kk{box-sizing:border-box;height:100%;min-width:300px;padding:var(--g-spacing-4) var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__content___XgBXG{flex:1;margin:0 calc(var(--g-spacing-6)*-1);overflow:auto}.AllPagesPanel-module__gn-all-pages-panel__category___iMBE-{padding:0 var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__discoverable-feature-wrapper___fwkXa{display:flex}.AllPagesPanel-module__gn-all-pages-panel__item_editMode___qNANp{padding:0 var(--g-spacing-6)}.AllPagesPanel-module__gn-all-pages-panel__drag-placeholder___ZDdN5{text-wrap:nowrap;padding-left:88px;padding-right:68px;visibility:hidden}