@gravity-ui/navigation 5.0.0-beta.3 → 6.0.0-beta.0

package/build/esm/components/MobileHeader/OverlapPanel/OverlapPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlapPanel.js","sources":["../../../../../../src/components/MobileHeader/OverlapPanel/OverlapPanel.tsx"],"sourcesContent":["import React from 'react';\n\nimport {ArrowLeft as CloseIcon} from '@gravity-ui/icons';\nimport {Button, Drawer, Icon, IconProps, Text} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../utils/cn';\nimport {MOBILE_HEADER_ICON_SIZE} from '../constants';\nimport i18n from '../i18n';\n\nimport styles from './OverlapPanel.module.scss';\n\nconst b = createBlock('mobile-overlap-panel', styles);\n\ninterface OverlapPanelActionProps {\n    icon: IconProps['data'];\n    className?: string;\n    onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n    title: string;\n}\n\nexport interface OverlapPanelProps {\n    className?: string;\n    title?: string;\n    onClose: () => void;\n    action?: OverlapPanelActionProps;\n    renderContent: () => React.ReactNode;\n    closeTitle?: string;\n    visible: boolean;\n    topOffset?: number | string;\n}\n\nexport const OverlapPanel = ({\n    title,\n    renderContent,\n    className,\n    onClose,\n    action,\n    closeTitle = i18n('overlap_button_close'),\n    visible,\n    topOffset,\n}: OverlapPanelProps) => {\n    const topOffsetValue = typeof topOffset === 'number' ? `${topOffset}px` : topOffset;\n\n    const drawerStyle = React.useMemo(\n        () => ({top: `calc(${topOffsetValue} + var(--gn-top-alert-height, 0px))`}),\n        [topOffsetValue],\n    );\n\n    return (\n        <Drawer\n            className={b('', {action: Boolean(action)}, className)}\n            open={visible}\n            onOpenChange={(open) => !open && onClose()}\n            style={drawerStyle}\n            contentClassName={b('drawer-item')}\n        >\n            <div className={b('header')}>\n                <Button\n                    size=\"l\"\n                    view=\"flat\"\n                    className={b('close')}\n                    onClick={onClose}\n                    aria-label={closeTitle}\n                >\n                    <Icon className={b('icon')} data={CloseIcon} size={MOBILE_HEADER_ICON_SIZE} />\n                </Button>\n                <Text\n                    whiteSpace=\"nowrap\"\n                    ellipsis\n                    variant={'subheader-2'}\n                    className={b('title')}\n                    as={title ? ('h2' as const) : undefined}\n                >\n                    {title}\n                </Text>\n                {action && (\n                    <Button\n                        size=\"l\"\n                        type=\"button\"\n                        view=\"flat\"\n                        onClick={action.onClick}\n                        className={b('action')}\n                        aria-label={action.title}\n                    >\n                        <Icon data={action.icon} size={MOBILE_HEADER_ICON_SIZE} />\n                    </Button>\n                )}\n            </div>\n            <div className={b('content')}>{renderContent()}</div>\n        </Drawer>\n    );\n};\n"],"names":["React","CloseIcon"],"mappings":";;;;;;;;AAWA,MAAM,CAAC,GAAG,WAAW,CAAC,sBAAsB,EAAE,MAAM,CAAC;AAoB9C,MAAM,YAAY,GAAG,CAAC,EACzB,KAAK,EACL,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,UAAU,GAAG,IAAI,CAAC,sBAAsB,CAAC,EACzC,OAAO,EACP,SAAS,GACO,KAAI;AACpB,IAAA,MAAM,cAAc,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAG,CAAA,EAAG,SAAS,CAAI,EAAA,CAAA,GAAG,SAAS;IAEnF,MAAM,WAAW,GAAGA,cAAK,CAAC,OAAO,CAC7B,OAAO,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,cAAc,CAAA,mCAAA,CAAqC,EAAC,CAAC,EAC1E,CAAC,cAAc,CAAC,CACnB;IAED,QACIA,6BAAC,MAAM,EAAA,EACH,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,EAAC,EAAE,SAAS,CAAC,EACtD,IAAI,EAAE,OAAO,EACb,YAAY,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,IAAI,OAAO,EAAE,EAC1C,KAAK,EAAE,WAAW,EAClB,gBAAgB,EAAE,CAAC,CAAC,aAAa,CAAC,EAAA;AAElC,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAA;YACvBA,cAAC,CAAA,aAAA,CAAA,MAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,UAAU,EAAA;AAEtB,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAEC,SAAS,EAAE,IAAI,EAAE,uBAAuB,GAAI,CACzE;AACT,YAAAD,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,UAAU,EAAC,QAAQ,EACnB,QAAQ,EACR,IAAA,EAAA,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,EAAE,EAAE,KAAK,GAAI,IAAc,GAAG,SAAS,EAAA,EAEtC,KAAK,CACH;AACN,YAAA,MAAM,KACHA,cAAC,CAAA,aAAA,CAAA,MAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACV,YAAA,EAAA,MAAM,CAAC,KAAK,EAAA;AAExB,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,uBAAuB,EAAI,CAAA,CACrD,CACZ,CACC;AACN,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAG,EAAA,aAAa,EAAE,CAAO,CAChD;AAEjB;;;;"}
+{"version":3,"file":"OverlapPanel.js","sources":["../../../../../../src/components/MobileHeader/OverlapPanel/OverlapPanel.tsx"],"sourcesContent":["import React from 'react';\n\nimport {ArrowLeft as CloseIcon} from '@gravity-ui/icons';\nimport {Button, Drawer, Icon, IconProps, Text} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../utils/cn';\nimport {MOBILE_HEADER_ICON_SIZE} from '../constants';\nimport i18n from '../i18n';\n\nimport styles from './OverlapPanel.module.scss';\n\nconst b = createBlock('mobile-overlap-panel', styles);\n\ninterface OverlapPanelActionProps {\n    icon: IconProps['data'];\n    className?: string;\n    onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n    title: string;\n}\n\nexport interface OverlapPanelProps {\n    className?: string;\n    title?: string;\n    onClose: () => void;\n    action?: OverlapPanelActionProps;\n    renderContent: () => React.ReactNode;\n    closeTitle?: string;\n    open: boolean;\n    topOffset?: number | string;\n}\n\nexport const OverlapPanel = ({\n    title,\n    renderContent,\n    className,\n    onClose,\n    action,\n    closeTitle = i18n('overlap_button_close'),\n    open,\n    topOffset,\n}: OverlapPanelProps) => {\n    const topOffsetValue = typeof topOffset === 'number' ? `${topOffset}px` : topOffset;\n\n    const drawerStyle = React.useMemo(\n        () => ({top: `calc(${topOffsetValue} + var(--gn-top-alert-height, 0px))`}),\n        [topOffsetValue],\n    );\n\n    return (\n        <Drawer\n            className={b('', {action: Boolean(action)}, className)}\n            open={open}\n            onOpenChange={(open) => !open && onClose()}\n            style={drawerStyle}\n            contentClassName={b('drawer-item')}\n        >\n            <div className={b('header')}>\n                <Button\n                    size=\"l\"\n                    view=\"flat\"\n                    className={b('close')}\n                    onClick={onClose}\n                    aria-label={closeTitle}\n                >\n                    <Icon className={b('icon')} data={CloseIcon} size={MOBILE_HEADER_ICON_SIZE} />\n                </Button>\n                <Text\n                    whiteSpace=\"nowrap\"\n                    ellipsis\n                    variant={'subheader-2'}\n                    className={b('title')}\n                    as={title ? ('h2' as const) : undefined}\n                >\n                    {title}\n                </Text>\n                {action && (\n                    <Button\n                        size=\"l\"\n                        type=\"button\"\n                        view=\"flat\"\n                        onClick={action.onClick}\n                        className={b('action')}\n                        aria-label={action.title}\n                    >\n                        <Icon data={action.icon} size={MOBILE_HEADER_ICON_SIZE} />\n                    </Button>\n                )}\n            </div>\n            <div className={b('content')}>{renderContent()}</div>\n        </Drawer>\n    );\n};\n"],"names":["React","CloseIcon"],"mappings":";;;;;;;;AAWA,MAAM,CAAC,GAAG,WAAW,CAAC,sBAAsB,EAAE,MAAM,CAAC;AAoB9C,MAAM,YAAY,GAAG,CAAC,EACzB,KAAK,EACL,aAAa,EACb,SAAS,EACT,OAAO,EACP,MAAM,EACN,UAAU,GAAG,IAAI,CAAC,sBAAsB,CAAC,EACzC,IAAI,EACJ,SAAS,GACO,KAAI;AACpB,IAAA,MAAM,cAAc,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAG,CAAA,EAAG,SAAS,CAAI,EAAA,CAAA,GAAG,SAAS;IAEnF,MAAM,WAAW,GAAGA,cAAK,CAAC,OAAO,CAC7B,OAAO,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,cAAc,CAAA,mCAAA,CAAqC,EAAC,CAAC,EAC1E,CAAC,cAAc,CAAC,CACnB;IAED,QACIA,6BAAC,MAAM,EAAA,EACH,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,MAAM,CAAC,EAAC,EAAE,SAAS,CAAC,EACtD,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,CAAC,IAAI,KAAK,CAAC,IAAI,IAAI,OAAO,EAAE,EAC1C,KAAK,EAAE,WAAW,EAClB,gBAAgB,EAAE,CAAC,CAAC,aAAa,CAAC,EAAA;AAElC,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EAAA;YACvBA,cAAC,CAAA,aAAA,CAAA,MAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,OAAO,EAAE,OAAO,EAAA,YAAA,EACJ,UAAU,EAAA;AAEtB,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAEC,SAAS,EAAE,IAAI,EAAE,uBAAuB,GAAI,CACzE;AACT,YAAAD,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,UAAU,EAAC,QAAQ,EACnB,QAAQ,EACR,IAAA,EAAA,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,EAAE,EAAE,KAAK,GAAI,IAAc,GAAG,SAAS,EAAA,EAEtC,KAAK,CACH;AACN,YAAA,MAAM,KACHA,cAAC,CAAA,aAAA,CAAA,MAAM,IACH,IAAI,EAAC,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,EACV,YAAA,EAAA,MAAM,CAAC,KAAK,EAAA;AAExB,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAE,uBAAuB,EAAI,CAAA,CACrD,CACZ,CACC;AACN,QAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,EAAG,EAAA,aAAa,EAAE,CAAO,CAChD;AAEjB;;;;"}

package/build/esm/components/MobileHeader/types.d.ts

@@ -10,7 +10,7 @@ export interface ModalItem {
     onClose?: () => void;
 }
 type MobileMenuItemType = 'regular' | 'divider';
-export interface MobileMenuItem extends Omit<MenuItem, 'tooltipText' | 'rightAdornment' | 'itemWrapper' | 'onItemClick' | 'href'> {
+export interface MobileMenuItem extends Omit<MenuItem, 'tooltipText' | 'pinned' | 'rightAdornment' | 'afterMoreButton' | 'itemWrapper' | 'onItemClick' | 'href'> {
     type?: MobileMenuItemType;
     closeMenuOnClick?: boolean;
     link?: string;

package/build/esm/components/Settings/Settings.css

@@ -1 +1 @@
-.Settings-module__gn-settings___RP-Ow{display:grid;grid-template-columns:216px 1fr;height:100%;width:834px}.Settings-module__gn-settings_view_mobile___4DAjN{display:block;height:calc(80vh - 56px);overflow-x:hidden;width:auto}@supports (height:90dvh){.Settings-module__gn-settings_view_mobile___4DAjN{height:calc(90dvh - 56px)}}.Settings-module__gn-settings_view_mobile___4DAjN.Settings-module__gn-settings_loading___PpULI{text-align:center}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__loader___68JGV{margin-top:20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__search___2xBLH{margin:4px 0 16px;padding:0 20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__page___pbx2Y{overflow-y:visible}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__tabs___-Z5T9 .Settings-module__g-tabs__item___tsOZs:first-child{margin-left:20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__tabs___-Z5T9 .Settings-module__g-tabs__item___tsOZs:last-child{margin-right:20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-heading___gPmIo{font-family:var(--g-text-subheader-font-family);font-size:var(--g-text-subheader-3-font-size);font-weight:var(--g-text-subheader-font-weight);line-height:var(--g-text-subheader-3-line-height)}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-subheader___fl8WB{color:var(--g-color-text-secondary)}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-heading___gPmIo+.Settings-module__gn-settings-subheader___WAPMz{margin-top:8px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-item___2NG92{margin-top:0}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-heading___gPmIo+.Settings-module__gn-settings__section-item___2NG92, .Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-subheader___fl8WB+.Settings-module__gn-settings__section-item___2NG92{margin-top:30px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-item___2NG92+.Settings-module__gn-settings__section-item___2NG92{margin-top:22px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item___rCuSR:not(.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item_mode_row___k5s8p){gap:8px;grid-template-columns:1fr}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item-heading___1zCRl{font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-2-line-height)}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item-description___8rQUz{font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-1-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-1-line-height)}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item_mode_row___k5s8p{grid-template-columns:1fr auto}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item_mode_row___k5s8p .Settings-module__gn-settings__item-heading___1zCRl{padding-right:20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item-content___1InnS{width:100%}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__not-found___eIxBf{color:var(--g-color-text-hint);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);justify-items:start;line-height:var(--g-text-body-2-line-height);margin:20px 0 0 20px}.Settings-module__gn-settings_loading___PpULI{grid-template-columns:auto}.Settings-module__gn-settings__loader___68JGV{place-self:center}.Settings-module__gn-settings__not-found___eIxBf{display:grid;height:100%;place-items:center}.Settings-module__gn-settings__menu___3XZde{border-right:1px solid var(--g-color-line-generic)}.Settings-module__gn-settings__heading___mLHq2{font-family:var(--g-text-subheader-font-family);font-size:var(--g-text-subheader-2-font-size);font-weight:var(--g-text-subheader-font-weight);line-height:var(--g-text-subheader-2-line-height);margin:20px 20px 0}.Settings-module__gn-settings__search___2xBLH{margin:0 20px 16px}.Settings-module__gn-settings__page___pbx2Y{overflow-y:auto}.Settings-module__gn-settings__content___tQ2hC{padding:20px}.Settings-module__gn-settings__section-right-adornment_hidden___wn9-S{opacity:0;transition:opacity .2s}.Settings-module__gn-settings__section-heading___gPmIo:hover .Settings-module__gn-settings__section-right-adornment_hidden___wn9-S{opacity:1}.Settings-module__gn-settings__section-heading___gPmIo{font-family:var(--g-text-subheader-font-family);font-size:var(--g-text-subheader-2-font-size);font-weight:var(--g-text-subheader-font-weight);line-height:var(--g-text-subheader-2-line-height);margin:0}.Settings-module__gn-settings__section-item___2NG92{margin-top:24px}.Settings-module__gn-settings__section___c6u3X+.Settings-module__gn-settings__section___c6u3X{margin-top:32px}.Settings-module__gn-settings__section___c6u3X:only-child .Settings-module__gn-settings__section-item___2NG92:first-of-type{margin-top:0}.Settings-module__gn-settings__section___c6u3X:only-child .Settings-module__gn-settings__section-heading___gPmIo{display:none}.Settings-module__gn-settings__item___rCuSR{display:grid;grid-template-columns:216px 1fr;justify-items:start}.Settings-module__gn-settings__item_title_hide___w1l3N{grid-template-columns:1fr;justify-items:normal}.Settings-module__gn-settings__item_align_top___sPweP{align-items:start}.Settings-module__gn-settings__item_align_center___GdjES{align-items:center}.Settings-module__gn-settings__item-title_badge___pTkg2{position:relative}.Settings-module__gn-settings__item-title_badge___pTkg2:after{background-color:var(--g-color-text-danger);border-radius:50%;content:"";display:block;height:6px;position:absolute;right:-8px;top:1px;width:6px}.Settings-module__gn-settings__item-description___8rQUz{color:var(--g-color-text-secondary);display:block;font-family:var(--g-text-caption-font-family);font-size:var(--g-text-caption-2-font-size);font-weight:var(--g-text-caption-font-weight);line-height:var(--g-text-caption-2-line-height);margin-top:2px;padding-right:20px}.Settings-module__gn-settings__item-right-adornment_hidden___9zgNP{opacity:0;transition:opacity .2s}.Settings-module__gn-settings__item___rCuSR:hover .Settings-module__gn-settings__item-right-adornment_hidden___9zgNP{opacity:1}.Settings-module__gn-settings__item_selected___e4r3Y, .Settings-module__gn-settings__section_selected___YOdnN{background:var(--g-color-base-selection);border-radius:8px;margin-left:-8px;padding:8px}.Settings-module__gn-settings__found___PDgmI{background:var(--g-color-base-selection);font-weight:var(--g-text-accent-font-weight)}
+.Settings-module__gn-settings___RP-Ow{display:grid;grid-template-columns:216px 1fr;height:100%;width:834px}.Settings-module__gn-settings_view_mobile___4DAjN{display:block;height:calc(80vh - 56px);overflow-x:hidden;width:auto}@supports (height:90dvh){.Settings-module__gn-settings_view_mobile___4DAjN{height:calc(90dvh - 56px)}}.Settings-module__gn-settings_view_mobile___4DAjN.Settings-module__gn-settings_loading___PpULI{text-align:center}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__loader___68JGV{margin-top:20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__search___2xBLH{margin:4px 0 16px;padding:0 20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__page___pbx2Y{overflow-y:visible}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__tabs___-Z5T9 .Settings-module__g-tabs__item___tsOZs:first-child{margin-left:20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__tabs___-Z5T9 .Settings-module__g-tabs__item___tsOZs:last-child{margin-right:20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-heading___gPmIo{font-family:var(--g-text-subheader-font-family);font-size:var(--g-text-subheader-3-font-size);font-weight:var(--g-text-subheader-font-weight);line-height:var(--g-text-subheader-3-line-height)}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-subheader___fl8WB{color:var(--g-color-text-secondary)}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-heading___gPmIo+.Settings-module__gn-settings-subheader___WAPMz{margin-top:8px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-item___2NG92{margin-top:0}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-heading___gPmIo+.Settings-module__gn-settings__section-item___2NG92, .Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-subheader___fl8WB+.Settings-module__gn-settings__section-item___2NG92{margin-top:30px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__section-item___2NG92+.Settings-module__gn-settings__section-item___2NG92{margin-top:22px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item___rCuSR:not(.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item_mode_row___k5s8p){gap:8px;grid-template-columns:1fr}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item-heading___1zCRl{font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-2-line-height)}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item-description___8rQUz{font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-1-font-size);font-weight:var(--g-text-body-font-weight);line-height:var(--g-text-body-1-line-height)}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item_mode_row___k5s8p{grid-template-columns:1fr auto}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item_mode_row___k5s8p .Settings-module__gn-settings__item-heading___1zCRl{padding-right:20px}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__item-content___1InnS{width:100%}.Settings-module__gn-settings_view_mobile___4DAjN .Settings-module__gn-settings__not-found___eIxBf{color:var(--g-color-text-hint);font-family:var(--g-text-body-font-family);font-size:var(--g-text-body-2-font-size);font-weight:var(--g-text-body-font-weight);justify-items:start;line-height:var(--g-text-body-2-line-height);margin:20px 0 0 20px}.Settings-module__gn-settings_loading___PpULI{grid-template-columns:auto}.Settings-module__gn-settings__loader___68JGV{place-self:center}.Settings-module__gn-settings__not-found___eIxBf{display:grid;height:100%;place-items:center}.Settings-module__gn-settings__menu___3XZde{border-right:1px solid var(--g-color-line-generic);display:flex;flex-direction:column;min-height:0}.Settings-module__gn-settings__heading___mLHq2{font-family:var(--g-text-subheader-font-family);font-size:var(--g-text-subheader-2-font-size);font-weight:var(--g-text-subheader-font-weight);line-height:var(--g-text-subheader-2-line-height);margin:20px 20px 0}.Settings-module__gn-settings__search___2xBLH{margin:0 20px 16px}.Settings-module__gn-settings__page___pbx2Y{overflow-y:auto}.Settings-module__gn-settings__content___tQ2hC{padding:20px}.Settings-module__gn-settings__section-right-adornment_hidden___wn9-S{opacity:0;transition:opacity .2s}.Settings-module__gn-settings__section-heading___gPmIo:hover .Settings-module__gn-settings__section-right-adornment_hidden___wn9-S{opacity:1}.Settings-module__gn-settings__section-heading___gPmIo{font-family:var(--g-text-subheader-font-family);font-size:var(--g-text-subheader-2-font-size);font-weight:var(--g-text-subheader-font-weight);line-height:var(--g-text-subheader-2-line-height);margin:0}.Settings-module__gn-settings__section-item___2NG92{margin-top:24px}.Settings-module__gn-settings__section___c6u3X+.Settings-module__gn-settings__section___c6u3X{margin-top:32px}.Settings-module__gn-settings__section___c6u3X:only-child .Settings-module__gn-settings__section-item___2NG92:first-of-type{margin-top:0}.Settings-module__gn-settings__section___c6u3X:only-child .Settings-module__gn-settings__section-heading___gPmIo{display:none}.Settings-module__gn-settings__item___rCuSR{display:grid;grid-template-columns:216px 1fr;justify-items:start}.Settings-module__gn-settings__item_title_hide___w1l3N{grid-template-columns:1fr;justify-items:normal}.Settings-module__gn-settings__item_align_top___sPweP{align-items:start}.Settings-module__gn-settings__item_align_center___GdjES{align-items:center}.Settings-module__gn-settings__item-title_badge___pTkg2{position:relative}.Settings-module__gn-settings__item-title_badge___pTkg2:after{background-color:var(--g-color-text-danger);border-radius:50%;content:"";display:block;height:6px;position:absolute;right:-8px;top:1px;width:6px}.Settings-module__gn-settings__item-description___8rQUz{color:var(--g-color-text-secondary);display:block;font-family:var(--g-text-caption-font-family);font-size:var(--g-text-caption-2-font-size);font-weight:var(--g-text-caption-font-weight);line-height:var(--g-text-caption-2-line-height);margin-top:2px;padding-right:20px}.Settings-module__gn-settings__item-right-adornment_hidden___9zgNP{opacity:0;transition:opacity .2s}.Settings-module__gn-settings__item___rCuSR:hover .Settings-module__gn-settings__item-right-adornment_hidden___9zgNP{opacity:1}.Settings-module__gn-settings__item_selected___e4r3Y, .Settings-module__gn-settings__section_selected___YOdnN{background:var(--g-color-base-selection);border-radius:8px;margin-left:-8px;padding:8px}.Settings-module__gn-settings__found___PDgmI{background:var(--g-color-base-selection);font-weight:var(--g-text-accent-font-weight)}

package/build/esm/components/Settings/SettingsMenu/SettingsMenu.css

@@ -1 +1 @@
-.SettingsMenu-module__gn-settings-menu__group-heading___b3rMA{display:inline-block;font-weight:var(--g-text-accent-font-weight);line-height:18px;margin-bottom:12px;padding:0 20px}.SettingsMenu-module__gn-settings-menu__group___zBrCj+.SettingsMenu-module__gn-settings-menu__group___zBrCj{margin-top:24px}.SettingsMenu-module__gn-settings-menu__item___QGz0Y+.SettingsMenu-module__gn-settings-menu__group___zBrCj{margin-top:8px}.SettingsMenu-module__gn-settings-menu__item___QGz0Y{align-items:center;color:var(--g-color-text-primary);cursor:pointer;display:flex;height:40px;padding:0 20px}.SettingsMenu-module__gn-settings-menu__item-icon___B-h-X{color:var(--g-color-text-misc);margin-right:5px}.SettingsMenu-module__gn-settings-menu__item___QGz0Y:hover, .SettingsMenu-module__gn-settings-menu__item_focused___pKQBC{background:var(--g-color-base-simple-hover)}.SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr{background:var(--g-color-base-selection)}.SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr.SettingsMenu-module__gn-settings-menu__item_focused___pKQBC, .SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr:hover{background:var(--g-color-base-selection-hover)}.SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8{color:var(--g-color-text-secondary);cursor:auto}.SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8:hover{background:none}.SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8 .SettingsMenu-module__gn-settings-menu__item-icon___B-h-X{color:var(--g-color-base-misc-heavy)}.SettingsMenu-module__gn-settings-menu__item_badge___I-O-X{position:relative}.SettingsMenu-module__gn-settings-menu__item_badge___I-O-X:after{background-color:var(--g-color-text-danger);border-radius:50%;content:"";display:block;height:6px;position:absolute;right:9px;top:calc(50% - 3px);width:6px}
+.SettingsMenu-module__gn-settings-menu___ChFyc{overflow-y:auto}.SettingsMenu-module__gn-settings-menu_scrolled___QYbnX{box-shadow:inset 0 5px 5px -5px rgba(0,0,0,.15)}.SettingsMenu-module__gn-settings-menu__group-heading___b3rMA{display:inline-block;font-weight:var(--g-text-accent-font-weight);line-height:18px;margin-bottom:12px;padding:0 20px}.SettingsMenu-module__gn-settings-menu__group___zBrCj+.SettingsMenu-module__gn-settings-menu__group___zBrCj{margin-top:24px}.SettingsMenu-module__gn-settings-menu__item___QGz0Y+.SettingsMenu-module__gn-settings-menu__group___zBrCj{margin-top:8px}.SettingsMenu-module__gn-settings-menu__item___QGz0Y{align-items:center;color:var(--g-color-text-primary);cursor:pointer;display:flex;height:40px;padding:0 20px}.SettingsMenu-module__gn-settings-menu__item-icon___B-h-X{color:var(--g-color-text-misc);margin-right:5px}.SettingsMenu-module__gn-settings-menu__item___QGz0Y:hover, .SettingsMenu-module__gn-settings-menu__item_focused___pKQBC{background:var(--g-color-base-simple-hover)}.SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr{background:var(--g-color-base-selection)}.SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr.SettingsMenu-module__gn-settings-menu__item_focused___pKQBC, .SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr:hover{background:var(--g-color-base-selection-hover)}.SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8{color:var(--g-color-text-secondary);cursor:auto}.SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8:hover{background:none}.SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8 .SettingsMenu-module__gn-settings-menu__item-icon___B-h-X{color:var(--g-color-base-misc-heavy)}.SettingsMenu-module__gn-settings-menu__item_badge___I-O-X{position:relative}.SettingsMenu-module__gn-settings-menu__item_badge___I-O-X:after{background-color:var(--g-color-text-danger);border-radius:50%;content:"";display:block;height:6px;position:absolute;right:9px;top:calc(50% - 3px);width:6px}

package/build/esm/components/Settings/SettingsMenu/SettingsMenu.js

@@ -10,9 +10,13 @@ const SettingsMenu = React__default.forwardRef(
 // eslint-disable-next-line prefer-arrow-callback
 function SettingsMenu({ items, onChange, activeItemId }, ref) {
     const [focusItemId, setFocusId] = React__default.useState();
+    const [scrolled, setScrolled] = React__default.useState(false);
     const containerRef = React__default.useRef(null);
     const handleChange = useStableCallback(onChange);
     const getFocused = useCurrent(focusItemId);
+    const handleScroll = React__default.useCallback((event) => {
+        setScrolled(event.currentTarget.scrollTop > 0);
+    }, []);
     React__default.useImperativeHandle(ref, () => ({
         handleKeyDown(event) {
             if (!containerRef.current) {
@@ -37,7 +41,7 @@ function SettingsMenu({ items, onChange, activeItemId }, ref) {
             setFocusId(undefined);
         },
     }), [getFocused, handleChange]);
-    return (React__default.createElement("div", { ref: containerRef, className: b() }, items.map((firstLevelItem) => {
+    return (React__default.createElement("div", { ref: containerRef, className: b({ scrolled }), onScroll: handleScroll }, items.map((firstLevelItem) => {
         if ('groupTitle' in firstLevelItem) {
             return (React__default.createElement("div", { key: firstLevelItem.groupTitle, className: b('group') },
                 React__default.createElement("span", { className: b('group-heading') }, firstLevelItem.groupTitle),

package/build/esm/components/Settings/SettingsMenu/SettingsMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsMenu.js","sources":["../../../../../../src/components/Settings/SettingsMenu/SettingsMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../utils/cn';\nimport {useCurrent, useStableCallback} from '../helpers';\nimport {Item, SettingsMenuProps} from '../types';\n\nimport styles from './SettingsMenu.module.scss';\n\nconst b = createBlock('settings-menu', styles);\n\nexport interface SettingsMenuInstance {\n    handleKeyDown(event: React.KeyboardEvent): boolean;\n    clearFocus(): void;\n}\n\nexport const SettingsMenu = React.forwardRef<SettingsMenuInstance, SettingsMenuProps>(\n    // eslint-disable-next-line prefer-arrow-callback\n    function SettingsMenu({items, onChange, activeItemId}, ref) {\n        const [focusItemId, setFocusId] = React.useState<string>();\n        const containerRef = React.useRef<HTMLDivElement>(null);\n        const handleChange = useStableCallback(onChange);\n        const getFocused = useCurrent(focusItemId);\n\n        React.useImperativeHandle(\n            ref,\n            () => ({\n                handleKeyDown(event) {\n                    if (!containerRef.current) {\n                        return false;\n                    }\n                    const focused = getFocused();\n                    if (focused && event.key === 'Enter') {\n                        handleChange(focused);\n                        return true;\n                    } else if (event.key === 'ArrowDown') {\n                        setFocusId(focusNext(containerRef.current, focused, 1));\n                        return true;\n                    } else if (event.key === 'ArrowUp') {\n                        setFocusId(focusNext(containerRef.current, focused, -1));\n                        return true;\n                    }\n                    return false;\n                },\n                clearFocus() {\n                    setFocusId(undefined);\n                },\n            }),\n            [getFocused, handleChange],\n        );\n\n        return (\n            <div ref={containerRef} className={b()}>\n                {items.map((firstLevelItem) => {\n                    if ('groupTitle' in firstLevelItem) {\n                        return (\n                            <div key={firstLevelItem.groupTitle} className={b('group')}>\n                                <span className={b('group-heading')}>\n                                    {firstLevelItem.groupTitle}\n                                </span>\n                                {firstLevelItem.items.map((item) => {\n                                    return renderMenuItem(\n                                        item,\n                                        onChange,\n                                        activeItemId,\n                                        focusItemId,\n                                    );\n                                })}\n                            </div>\n                        );\n                    }\n                    return renderMenuItem(firstLevelItem, onChange, activeItemId, focusItemId);\n                })}\n            </div>\n        );\n    },\n);\n\nfunction renderMenuItem(\n    item: Item,\n    onChange: (id: string) => void,\n    activeItemId: string | undefined,\n    focusItemId: string | undefined,\n) {\n    return (\n        <span\n            key={item.title}\n            className={b('item', {\n                selected: activeItemId === item.id,\n                disabled: item.disabled,\n                focused: focusItemId === item.id,\n                badge: item.withBadge,\n            })}\n            onClick={() => {\n                if (!item.disabled) {\n                    onChange(item.id);\n                }\n            }}\n            data-id={item.id}\n        >\n            {item.icon ? <Icon size={16} {...item.icon} className={b('item-icon')} /> : undefined}\n            <span>{item.title}</span>\n        </span>\n    );\n}\n\nfunction focusNext(container: HTMLElement, focused: string | undefined, direction: number) {\n    const elements = container.querySelectorAll(`.${b('item')}:not(.${b('item')}_disabled)`);\n    if (elements.length === 0) {\n        return undefined;\n    }\n\n    let currentIndex = direction > 0 ? -1 : 0;\n    if (focused) {\n        currentIndex = Array.prototype.findIndex.call(\n            elements,\n            (element) => element.getAttribute('data-id') === focused,\n        );\n    }\n\n    currentIndex = (elements.length + currentIndex + direction) % elements.length;\n    return elements[currentIndex].getAttribute('data-id') ?? undefined;\n}\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"SettingsMenu.js","sources":["../../../../../../src/components/Settings/SettingsMenu/SettingsMenu.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {createBlock} from '../../utils/cn';\nimport {useCurrent, useStableCallback} from '../helpers';\nimport {Item, SettingsMenuProps} from '../types';\n\nimport styles from './SettingsMenu.module.scss';\n\nconst b = createBlock('settings-menu', styles);\n\nexport interface SettingsMenuInstance {\n    handleKeyDown(event: React.KeyboardEvent): boolean;\n    clearFocus(): void;\n}\n\nexport const SettingsMenu = React.forwardRef<SettingsMenuInstance, SettingsMenuProps>(\n    // eslint-disable-next-line prefer-arrow-callback\n    function SettingsMenu({items, onChange, activeItemId}, ref) {\n        const [focusItemId, setFocusId] = React.useState<string>();\n        const [scrolled, setScrolled] = React.useState(false);\n        const containerRef = React.useRef<HTMLDivElement>(null);\n        const handleChange = useStableCallback(onChange);\n        const getFocused = useCurrent(focusItemId);\n\n        const handleScroll = React.useCallback((event: React.UIEvent<HTMLDivElement>) => {\n            setScrolled(event.currentTarget.scrollTop > 0);\n        }, []);\n\n        React.useImperativeHandle(\n            ref,\n            () => ({\n                handleKeyDown(event) {\n                    if (!containerRef.current) {\n                        return false;\n                    }\n                    const focused = getFocused();\n                    if (focused && event.key === 'Enter') {\n                        handleChange(focused);\n                        return true;\n                    } else if (event.key === 'ArrowDown') {\n                        setFocusId(focusNext(containerRef.current, focused, 1));\n                        return true;\n                    } else if (event.key === 'ArrowUp') {\n                        setFocusId(focusNext(containerRef.current, focused, -1));\n                        return true;\n                    }\n                    return false;\n                },\n                clearFocus() {\n                    setFocusId(undefined);\n                },\n            }),\n            [getFocused, handleChange],\n        );\n\n        return (\n            <div ref={containerRef} className={b({scrolled})} onScroll={handleScroll}>\n                {items.map((firstLevelItem) => {\n                    if ('groupTitle' in firstLevelItem) {\n                        return (\n                            <div key={firstLevelItem.groupTitle} className={b('group')}>\n                                <span className={b('group-heading')}>\n                                    {firstLevelItem.groupTitle}\n                                </span>\n                                {firstLevelItem.items.map((item) => {\n                                    return renderMenuItem(\n                                        item,\n                                        onChange,\n                                        activeItemId,\n                                        focusItemId,\n                                    );\n                                })}\n                            </div>\n                        );\n                    }\n                    return renderMenuItem(firstLevelItem, onChange, activeItemId, focusItemId);\n                })}\n            </div>\n        );\n    },\n);\n\nfunction renderMenuItem(\n    item: Item,\n    onChange: (id: string) => void,\n    activeItemId: string | undefined,\n    focusItemId: string | undefined,\n) {\n    return (\n        <span\n            key={item.title}\n            className={b('item', {\n                selected: activeItemId === item.id,\n                disabled: item.disabled,\n                focused: focusItemId === item.id,\n                badge: item.withBadge,\n            })}\n            onClick={() => {\n                if (!item.disabled) {\n                    onChange(item.id);\n                }\n            }}\n            data-id={item.id}\n        >\n            {item.icon ? <Icon size={16} {...item.icon} className={b('item-icon')} /> : undefined}\n            <span>{item.title}</span>\n        </span>\n    );\n}\n\nfunction focusNext(container: HTMLElement, focused: string | undefined, direction: number) {\n    const elements = container.querySelectorAll(`.${b('item')}:not(.${b('item')}_disabled)`);\n    if (elements.length === 0) {\n        return undefined;\n    }\n\n    let currentIndex = direction > 0 ? -1 : 0;\n    if (focused) {\n        currentIndex = Array.prototype.findIndex.call(\n            elements,\n            (element) => element.getAttribute('data-id') === focused,\n        );\n    }\n\n    currentIndex = (elements.length + currentIndex + direction) % elements.length;\n    return elements[currentIndex].getAttribute('data-id') ?? undefined;\n}\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/Settings/SettingsMenu/SettingsMenu.module.scss.js

@@ -1,4 +1,4 @@
-var styles = {"gn-settings-menu__group-heading":"SettingsMenu-module__gn-settings-menu__group-heading___b3rMA","gnSettingsMenuGroupHeading":"SettingsMenu-module__gn-settings-menu__group-heading___b3rMA","gn-settings-menu__group":"SettingsMenu-module__gn-settings-menu__group___zBrCj","gnSettingsMenuGroup":"SettingsMenu-module__gn-settings-menu__group___zBrCj","gn-settings-menu__item":"SettingsMenu-module__gn-settings-menu__item___QGz0Y","gnSettingsMenuItem":"SettingsMenu-module__gn-settings-menu__item___QGz0Y","gn-settings-menu__item-icon":"SettingsMenu-module__gn-settings-menu__item-icon___B-h-X","gnSettingsMenuItemIcon":"SettingsMenu-module__gn-settings-menu__item-icon___B-h-X","gn-settings-menu__item_focused":"SettingsMenu-module__gn-settings-menu__item_focused___pKQBC","gnSettingsMenuItemFocused":"SettingsMenu-module__gn-settings-menu__item_focused___pKQBC","gn-settings-menu__item_selected":"SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr","gnSettingsMenuItemSelected":"SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr","gn-settings-menu__item_disabled":"SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8","gnSettingsMenuItemDisabled":"SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8","gn-settings-menu__item_badge":"SettingsMenu-module__gn-settings-menu__item_badge___I-O-X","gnSettingsMenuItemBadge":"SettingsMenu-module__gn-settings-menu__item_badge___I-O-X"};
+var styles = {"gn-settings-menu":"SettingsMenu-module__gn-settings-menu___ChFyc","gnSettingsMenu":"SettingsMenu-module__gn-settings-menu___ChFyc","gn-settings-menu_scrolled":"SettingsMenu-module__gn-settings-menu_scrolled___QYbnX","gnSettingsMenuScrolled":"SettingsMenu-module__gn-settings-menu_scrolled___QYbnX","gn-settings-menu__group-heading":"SettingsMenu-module__gn-settings-menu__group-heading___b3rMA","gnSettingsMenuGroupHeading":"SettingsMenu-module__gn-settings-menu__group-heading___b3rMA","gn-settings-menu__group":"SettingsMenu-module__gn-settings-menu__group___zBrCj","gnSettingsMenuGroup":"SettingsMenu-module__gn-settings-menu__group___zBrCj","gn-settings-menu__item":"SettingsMenu-module__gn-settings-menu__item___QGz0Y","gnSettingsMenuItem":"SettingsMenu-module__gn-settings-menu__item___QGz0Y","gn-settings-menu__item-icon":"SettingsMenu-module__gn-settings-menu__item-icon___B-h-X","gnSettingsMenuItemIcon":"SettingsMenu-module__gn-settings-menu__item-icon___B-h-X","gn-settings-menu__item_focused":"SettingsMenu-module__gn-settings-menu__item_focused___pKQBC","gnSettingsMenuItemFocused":"SettingsMenu-module__gn-settings-menu__item_focused___pKQBC","gn-settings-menu__item_selected":"SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr","gnSettingsMenuItemSelected":"SettingsMenu-module__gn-settings-menu__item_selected___Og2Jr","gn-settings-menu__item_disabled":"SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8","gnSettingsMenuItemDisabled":"SettingsMenu-module__gn-settings-menu__item_disabled___xv9E8","gn-settings-menu__item_badge":"SettingsMenu-module__gn-settings-menu__item_badge___I-O-X","gnSettingsMenuItemBadge":"SettingsMenu-module__gn-settings-menu__item_badge___I-O-X"};
 
 export { styles as default };
 //# sourceMappingURL=SettingsMenu.module.scss.js.map

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

@@ -1,7 +1,6 @@
-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 POPUP_REGULAR_ITEM_HEIGHT = 32;
 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/esm/components/constants.js

@@ -1,10 +1,9 @@
-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 POPUP_REGULAR_ITEM_HEIGHT = 32;
 const HEADER_DIVIDER_HEIGHT = 29;
-const ASIDE_HEADER_EXPAND_TRANSITION_DELAY = 150;
-const ASIDE_HEADER_EXPAND_DELAY = 250;
 
-export { ASIDE_HEADER_COMPACT_WIDTH, ASIDE_HEADER_EXPANDED_WIDTH, ASIDE_HEADER_EXPAND_DELAY, ASIDE_HEADER_EXPAND_TRANSITION_DELAY, ASIDE_HEADER_ICON_SIZE, HEADER_DIVIDER_HEIGHT, ITEM_HEIGHT };
+export { ASIDE_HEADER_COMPACT_WIDTH, ASIDE_HEADER_EXPANDED_WIDTH, ASIDE_HEADER_ICON_SIZE, HEADER_DIVIDER_HEIGHT, ITEM_HEIGHT, POPUP_REGULAR_ITEM_HEIGHT };
 //# sourceMappingURL=constants.js.map

package/build/esm/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 POPUP_REGULAR_ITEM_HEIGHT = 32;\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,yBAAyB,GAAG;AAClC,MAAM,qBAAqB,GAAG;;;;"}

package/build/esm/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,10 +27,19 @@ 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 category to which the menu item belongs. Need for grouping in the display/editing mode of all pages
+     */
+    category?: string;
     /**
      * The group ID to which the menu item belongs. Used for grouping menu items
      */
@@ -42,12 +52,11 @@ export interface MenuGroup {
     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;
+    /**
+     * Optional title shown only in the compact popup that lists group children.
+     * Does not affect the group title displayed anywhere else.
+     */
+    popupTitle?: string;
 }
 export interface LogoProps {
     text: (() => React.ReactNode) | string;

package/codemods/transforms/unifyInterfaces.ts

@@ -129,7 +129,6 @@ function updateImports(root: Collection, j: JSCodeshift): boolean {
             });
 
             if (hasBeenModified) {
-                // eslint-disable-next-line no-param-reassign
                 path.node.specifiers = newSpecifiers;
                 hasChanges = true;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/navigation",
-  "version": "5.0.0-beta.3",
+  "version": "6.0.0-beta.0",
   "description": "Gravity UI Navigation components",
   "license": "MIT",
   "repository": {
@@ -52,7 +52,6 @@
   "dependencies": {
     "commander": "^11.0.0",
     "jscodeshift": "^0.15.0",
-    "react-transition-group": "^4.4.5",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
@@ -70,7 +69,7 @@
     "@gravity-ui/prettier-config": "^1.0.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^7.28.0",
+    "@gravity-ui/uikit": "^7.31.0",
     "@jest/globals": "^30.0.5",
     "@playwright/experimental-ct-react": "^1.49.1",
     "@playwright/test": "^1.49.1",
@@ -89,11 +88,12 @@
     "@storybook/test-runner": "^0.17.0",
     "@storybook/theming": "^8.5.0",
     "@svgr/rollup": "^8.1.0",
+    "@testing-library/react": "^16.3.2",
     "@types/jest": "^28.1.0",
     "@types/jscodeshift": "^0.12.0",
     "@types/lodash": "^4.17.14",
     "@types/react": "^18.3.18",
-    "@types/react-transition-group": "^4.4.12",
+    "@types/react-virtualized-auto-sizer": "^1.0.4",
     "@vitejs/plugin-react": "^4.3.4",
     "axe-playwright": "^2.0.3",
     "babel-jest": "^28.0.0",
@@ -104,6 +104,7 @@
     "eslint-plugin-testing-library": "^6.5.0",
     "husky": "^9.1.7",
     "jest": "^28.0.0",
+    "jest-environment-jsdom": "^30.3.0",
     "knip": "^5.66.4",
     "nano-staged": "^0.6.0",
     "npm-run-all": "^4.0.0",

package/build/cjs/components/ActionBar/__stories__/ActionBar.stories.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
-import { ActionBar } from '../ActionBar';
-declare const _default: Meta<typeof ActionBar>;
-export default _default;
-export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
-    'aria-label'?: string;
-} & {
-    children?: React.ReactNode | undefined;
-}>;
-export declare const SingleSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
-    'aria-label'?: string;
-} & {
-    children?: React.ReactNode | undefined;
-}>;
-export declare const StretchGroup: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
-    'aria-label'?: string;
-} & {
-    children?: React.ReactNode | undefined;
-}>;

package/build/cjs/components/ActionBar/__stories__/ActionBarShowcase.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function ActionBarShowcase(): React.JSX.Element;

package/build/cjs/components/ActionBar/__stories__/ActionBarSingleSection.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function ActionBarSingleSection(): React.JSX.Element;

package/build/cjs/components/ActionBar/__stories__/ActionBarStretchGroupShowcase.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function ActionBarStretchGroupShowcase(): React.JSX.Element;

package/build/cjs/components/ActionBar/__tests__/helpersPlaywright.d.ts

@@ -1,5 +0,0 @@
-import * as DefaultActionBarStories from '../__stories__/ActionBar.stories';
-declare const stories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultActionBarStories>, keyof import("@storybook/core/types").Store_CSFExports>;
-type ActionBarStoriesType = typeof stories;
-export declare const ActionBarStories: ActionBarStoriesType;
-export {};

package/build/cjs/components/AsideHeader/__stories__/AsideHeader.stories.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
-import { AsideHeaderShowcaseProps } from './AsideHeaderShowcase';
-declare const _default: Meta;
-export default _default;
-export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const Compact: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const MultipleTooltip: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const CustomTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const CustomBackground: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const AdvancedUsage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const HeaderAlert: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
-export declare const HeaderAlertCentered: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
-export declare const HeaderAlertCustom: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
-export declare const Fallback: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
-    headerDecoration: boolean;
-    subheaderItemsCount: number;
-}>;
-/** @type {StoryFn} */
-export declare function LineClamp(): React.JSX.Element;
-export declare const CollapseButtonWrapper: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const ManyItems: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
-export declare const GroupedMenuCollapsible: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;

package/build/cjs/components/AsideHeader/__stories__/AsideHeaderShowcase.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { TopAlertProps } from '../../types';
-import './AsideHeaderShowcase.scss';
-export interface AsideHeaderShowcaseProps {
-    multipleTooltip?: boolean;
-    initialCompact?: boolean;
-    topAlert?: TopAlertProps;
-    customBackground?: React.ReactNode;
-    customBackgroundClassName?: string;
-    headerDecoration?: boolean;
-    hideCollapseButton?: boolean;
-}
-export declare const AsideHeaderShowcase: React.FC<AsideHeaderShowcaseProps>;

package/build/cjs/components/AsideHeader/__stories__/getAsideHeaderWrapper.d.ts

@@ -1,3 +0,0 @@
-import React, { FC } from 'react';
-import { AsideHeaderProps } from '../types';
-export declare function getAsideHeaderWrapper(props?: AsideHeaderProps): (Story: FC) => React.JSX.Element;

package/build/cjs/components/AsideHeader/__stories__/moc.d.ts

@@ -1,17 +0,0 @@
-import { AsideHeaderContextType } from '../AsideHeaderContext';
-import { AsideHeaderProps } from '../types';
-export declare const EMPTY_CONTEXT_VALUE: AsideHeaderContextType;
-export declare const menuItemsShowcase: AsideHeaderProps['menuItems'];
-export declare const text = "\nDid you attend? He sang by grove ripe -\nThe bard of love, the singer of his mourning.\nWhen fields were silent by the early morning,\nTo sad and simple sounds of a pipe\nDid you attend?\n\nDid you behold in dark of forest leaf\nThe bard of love, the singer of his sadness?\nThe trace of tears, the smile, the utter paleness,\nThe quiet look, full of eternal grief,\nDid you behold?\n\nThen did you sigh when hearing how cries\nThe bard of love, the singer of his dole?\nWhen in the woods you saw the young man, sole,\nAnd met the look of his extinguished eyes,\nThen did you sigh?\n";
-export declare const DEFAULT_LOGO: {
-    text: string;
-    icon: import("node_modules/@gravity-ui/uikit/build/esm/components/Icon/types").SVGIconData;
-    href: string;
-    onClick: () => void;
-    'aria-label': string;
-};
-export declare const menuItemsClamped: import("..").AsideHeaderItem[];
-export declare const generateManyMenuItems: (count?: number) => AsideHeaderProps["menuItems"];
-export declare const menuItemsMany: import("..").AsideHeaderItem[] | undefined;
-export declare const menuItemsWithGroups: AsideHeaderProps['menuItems'];
-export declare const menuGroupsWithIcons: AsideHeaderProps['menuGroups'];

package/build/cjs/components/AsideHeader/__tests__/helpersPlaywright.d.ts

@@ -1,2 +0,0 @@
-import * as DefaultAsideHeaderStories from '../__stories__/AsideHeader.stories';
-export declare const AsideHeaderStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultAsideHeaderStories>, keyof import("@storybook/core/types").Store_CSFExports>;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.d.ts

@@ -1,3 +0,0 @@
-import { MenuItem } from '../../../../types';
-import { MenuItemsWithGroups } from '../../../types';
-export declare function buildExpandedFromFlatList(flatList: MenuItemsWithGroups[]): MenuItem[];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.js

@@ -1,17 +0,0 @@
-'use strict';
-
-function buildExpandedFromFlatList(flatList) {
-    const expanded = [];
-    flatList.forEach((item) => {
-        if ('items' in item && item.items && item.items.length > 0) {
-            expanded.push(...item.items);
-        }
-        else {
-            expanded.push(item);
-        }
-    });
-    return expanded;
-}
-
-exports.buildExpandedFromFlatList = buildExpandedFromFlatList;
-//# sourceMappingURL=buildExpandedFromFlatList.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildExpandedFromFlatList.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.ts"],"sourcesContent":["import {MenuItem} from '../../../../types';\nimport {MenuItemsWithGroups} from '../../../types';\n\nexport function buildExpandedFromFlatList(flatList: MenuItemsWithGroups[]): MenuItem[] {\n    const expanded: MenuItem[] = [];\n\n    flatList.forEach((item) => {\n        if ('items' in item && item.items && item.items.length > 0) {\n            expanded.push(...item.items);\n        } else {\n            expanded.push(item);\n        }\n    });\n\n    return expanded;\n}\n"],"names":[],"mappings":";;AAGM,SAAU,yBAAyB,CAAC,QAA+B,EAAA;IACrE,MAAM,QAAQ,GAAe,EAAE;AAE/B,IAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACtB,QAAA,IAAI,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YACxD,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;;aACzB;AACH,YAAA,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;AAE3B,KAAC,CAAC;AAEF,IAAA,OAAO,QAAQ;AACnB;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.d.ts

@@ -1,2 +0,0 @@
-import { MenuItemsWithGroups } from 'src/components/AsideHeader/types';
-export declare function getIsMenuItem(item: MenuItemsWithGroups): boolean;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var constants = require('../constants.js');
-
-function getIsMenuItem(item) {
-    const isDivider = item.type === 'divider';
-    const isAction = item.type === 'action';
-    const isAllPages = item.id === constants.ALL_PAGES_ID;
-    return !isDivider && !isAction && !isAllPages;
-}
-
-exports.getIsMenuItem = getIsMenuItem;
-//# sourceMappingURL=getIsMenuItem.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getIsMenuItem.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.ts"],"sourcesContent":["import {MenuItemsWithGroups} from 'src/components/AsideHeader/types';\n\nimport {ALL_PAGES_ID} from '../constants';\n\nexport function getIsMenuItem(item: MenuItemsWithGroups): boolean {\n    const isDivider = item.type === 'divider';\n    const isAction = item.type === 'action';\n    const isAllPages = item.id === ALL_PAGES_ID;\n\n    return !isDivider && !isAction && !isAllPages;\n}\n"],"names":["ALL_PAGES_ID"],"mappings":";;;;AAIM,SAAU,aAAa,CAAC,IAAyB,EAAA;AACnD,IAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,KAAK,SAAS;AACzC,IAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ;AACvC,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,KAAKA,sBAAY;IAE3C,OAAO,CAAC,SAAS,IAAI,CAAC,QAAQ,IAAI,CAAC,UAAU;AACjD;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.d.ts

@@ -1,2 +0,0 @@
-import { MenuItemsWithGroups } from '../../../types';
-export declare function getRealIndexInGroup(groupIndex: number, itemIndexInGroup: number, flatList: MenuItemsWithGroups[]): number;

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.js

@@ -1,22 +0,0 @@
-'use strict';
-
-function getRealIndexInExpandedMenu(flatListIndex, flatList) {
-    let realIndex = 0;
-    for (let i = 0; i < flatListIndex; i++) {
-        const item = flatList[i];
-        if ('items' in item && item.items && item.items.length > 0) {
-            realIndex += item.items.length;
-        }
-        else {
-            realIndex += 1;
-        }
-    }
-    return realIndex;
-}
-function getRealIndexInGroup(groupIndex, itemIndexInGroup, flatList) {
-    const groupStartIndex = getRealIndexInExpandedMenu(groupIndex, flatList);
-    return groupStartIndex + itemIndexInGroup;
-}
-
-exports.getRealIndexInGroup = getRealIndexInGroup;
-//# sourceMappingURL=getRealIndexInGroup.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getRealIndexInGroup.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.ts"],"sourcesContent":["import {MenuItemsWithGroups} from '../../../types';\n\nfunction getRealIndexInExpandedMenu(\n    flatListIndex: number,\n    flatList: MenuItemsWithGroups[],\n): number {\n    let realIndex = 0;\n\n    for (let i = 0; i < flatListIndex; i++) {\n        const item = flatList[i];\n\n        if ('items' in item && item.items && item.items.length > 0) {\n            realIndex += item.items.length;\n        } else {\n            realIndex += 1;\n        }\n    }\n\n    return realIndex;\n}\n\nexport function getRealIndexInGroup(\n    groupIndex: number,\n    itemIndexInGroup: number,\n    flatList: MenuItemsWithGroups[],\n): number {\n    const groupStartIndex = getRealIndexInExpandedMenu(groupIndex, flatList);\n\n    return groupStartIndex + itemIndexInGroup;\n}\n"],"names":[],"mappings":";;AAEA,SAAS,0BAA0B,CAC/B,aAAqB,EACrB,QAA+B,EAAA;IAE/B,IAAI,SAAS,GAAG,CAAC;AAEjB,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,aAAa,EAAE,CAAC,EAAE,EAAE;AACpC,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;AAExB,QAAA,IAAI,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;AACxD,YAAA,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;;aAC3B;YACH,SAAS,IAAI,CAAC;;;AAItB,IAAA,OAAO,SAAS;AACpB;SAEgB,mBAAmB,CAC/B,UAAkB,EAClB,gBAAwB,EACxB,QAA+B,EAAA;IAE/B,MAAM,eAAe,GAAG,0BAA0B,CAAC,UAAU,EAAE,QAAQ,CAAC;IAExE,OAAO,eAAe,GAAG,gBAAgB;AAC7C;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.d.ts

@@ -1,2 +0,0 @@
-import { MenuItemsWithGroups } from '../../../types';
-export declare function sortMenuItems(oldIndex: number, newIndex: number, items: MenuItemsWithGroups[]): import("../../../..").MenuItem[];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var buildExpandedFromFlatList = require('./buildExpandedFromFlatList.js');
-
-function sortMenuItems(oldIndex, newIndex, items) {
-    if (items[oldIndex] === undefined || items[newIndex] === undefined) {
-        return buildExpandedFromFlatList.buildExpandedFromFlatList(items);
-    }
-    const sortedItems = [...items];
-    const [movedElement] = sortedItems.splice(oldIndex, 1);
-    sortedItems.splice(newIndex, 0, movedElement);
-    return buildExpandedFromFlatList.buildExpandedFromFlatList(sortedItems);
-}
-
-exports.sortMenuItems = sortMenuItems;
-//# sourceMappingURL=sortMenuItems.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sortMenuItems.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.ts"],"sourcesContent":["import {MenuItemsWithGroups} from '../../../types';\n\nimport {buildExpandedFromFlatList} from './buildExpandedFromFlatList';\n\nexport function sortMenuItems(oldIndex: number, newIndex: number, items: MenuItemsWithGroups[]) {\n    if (items[oldIndex] === undefined || items[newIndex] === undefined) {\n        return buildExpandedFromFlatList(items);\n    }\n\n    const sortedItems = [...items];\n\n    const [movedElement] = sortedItems.splice(oldIndex, 1);\n\n    sortedItems.splice(newIndex, 0, movedElement);\n\n    return buildExpandedFromFlatList(sortedItems);\n}\n"],"names":["buildExpandedFromFlatList"],"mappings":";;;;SAIgB,aAAa,CAAC,QAAgB,EAAE,QAAgB,EAAE,KAA4B,EAAA;AAC1F,IAAA,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,SAAS,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,SAAS,EAAE;AAChE,QAAA,OAAOA,mDAAyB,CAAC,KAAK,CAAC;;AAG3C,IAAA,MAAM,WAAW,GAAG,CAAC,GAAG,KAAK,CAAC;AAE9B,IAAA,MAAM,CAAC,YAAY,CAAC,GAAG,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEtD,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,CAAC;AAE7C,IAAA,OAAOA,mDAAyB,CAAC,WAAW,CAAC;AACjD;;;;"}

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.d.ts

@@ -1,3 +0,0 @@
-import { MenuItemsWithGroups } from '../../../types';
-/** Sorts menu items while preserving divider positions at their original locations. */
-export declare function sortMenuItemsWithDividers(oldIndex: number, newIndex: number, currentFlatList: MenuItemsWithGroups[]): MenuItemsWithGroups[];

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var getIsMenuItem = require('./getIsMenuItem.js');
-
-/** Sorts menu items while preserving divider positions at their original locations. */
-function sortMenuItemsWithDividers(oldIndex, newIndex, currentFlatList) {
-    // Single pass: collect dividers and items
-    const dividerPositions = [];
-    const itemsWithoutDividers = [];
-    currentFlatList.forEach((item, index) => {
-        if (item.type === 'divider') {
-            dividerPositions.push({ index, item });
-        }
-        else if (getIsMenuItem.getIsMenuItem(item)) {
-            itemsWithoutDividers.push(item);
-        }
-    });
-    if (itemsWithoutDividers[oldIndex] === undefined ||
-        itemsWithoutDividers[newIndex] === undefined) {
-        return currentFlatList;
-    }
-    const sortedItemsWithoutDividers = [...itemsWithoutDividers];
-    const [movedElement] = sortedItemsWithoutDividers.splice(oldIndex, 1);
-    sortedItemsWithoutDividers.splice(newIndex, 0, movedElement);
-    // Insert dividers back at their original positions in currentFlatList
-    const result = [];
-    const dividerMap = new Map(dividerPositions.map((d) => [d.index, d.item]));
-    let sortedIndex = 0;
-    for (let originalIndex = 0; originalIndex < currentFlatList.length; originalIndex++) {
-        const dividerItem = dividerMap.get(originalIndex);
-        if (dividerItem) {
-            // Insert divider at its original position
-            result.push(dividerItem);
-        }
-        else if (sortedIndex < sortedItemsWithoutDividers.length) {
-            // Insert item from sorted array (without dividers)
-            result.push(sortedItemsWithoutDividers[sortedIndex++]);
-        }
-    }
-    return result;
-}
-
-exports.sortMenuItemsWithDividers = sortMenuItemsWithDividers;
-//# sourceMappingURL=sortMenuItemsWithDividers.js.map

package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"sortMenuItemsWithDividers.js","sources":["../../../../../../../../src/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.ts"],"sourcesContent":["import {MenuItemsWithGroups} from '../../../types';\n\nimport {getIsMenuItem} from './getIsMenuItem';\n\n/** Sorts menu items while preserving divider positions at their original locations. */\nexport function sortMenuItemsWithDividers(\n    oldIndex: number,\n    newIndex: number,\n    currentFlatList: MenuItemsWithGroups[],\n): MenuItemsWithGroups[] {\n    // Single pass: collect dividers and items\n    const dividerPositions: Array<{index: number; item: MenuItemsWithGroups}> = [];\n    const itemsWithoutDividers: MenuItemsWithGroups[] = [];\n\n    currentFlatList.forEach((item, index) => {\n        if (item.type === 'divider') {\n            dividerPositions.push({index, item});\n        } else if (getIsMenuItem(item)) {\n            itemsWithoutDividers.push(item);\n        }\n    });\n\n    if (\n        itemsWithoutDividers[oldIndex] === undefined ||\n        itemsWithoutDividers[newIndex] === undefined\n    ) {\n        return currentFlatList;\n    }\n\n    const sortedItemsWithoutDividers = [...itemsWithoutDividers];\n    const [movedElement] = sortedItemsWithoutDividers.splice(oldIndex, 1);\n    sortedItemsWithoutDividers.splice(newIndex, 0, movedElement);\n\n    // Insert dividers back at their original positions in currentFlatList\n    const result: MenuItemsWithGroups[] = [];\n    const dividerMap = new Map(dividerPositions.map((d) => [d.index, d.item]));\n    let sortedIndex = 0;\n\n    for (let originalIndex = 0; originalIndex < currentFlatList.length; originalIndex++) {\n        const dividerItem = dividerMap.get(originalIndex);\n\n        if (dividerItem) {\n            // Insert divider at its original position\n            result.push(dividerItem);\n        } else if (sortedIndex < sortedItemsWithoutDividers.length) {\n            // Insert item from sorted array (without dividers)\n            result.push(sortedItemsWithoutDividers[sortedIndex++]);\n        }\n    }\n\n    return result;\n}\n"],"names":["getIsMenuItem"],"mappings":";;;;AAIA;SACgB,yBAAyB,CACrC,QAAgB,EAChB,QAAgB,EAChB,eAAsC,EAAA;;IAGtC,MAAM,gBAAgB,GAAsD,EAAE;IAC9E,MAAM,oBAAoB,GAA0B,EAAE;IAEtD,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACpC,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;YACzB,gBAAgB,CAAC,IAAI,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC;;AACjC,aAAA,IAAIA,2BAAa,CAAC,IAAI,CAAC,EAAE;AAC5B,YAAA,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC;;AAEvC,KAAC,CAAC;AAEF,IAAA,IACI,oBAAoB,CAAC,QAAQ,CAAC,KAAK,SAAS;AAC5C,QAAA,oBAAoB,CAAC,QAAQ,CAAC,KAAK,SAAS,EAC9C;AACE,QAAA,OAAO,eAAe;;AAG1B,IAAA,MAAM,0BAA0B,GAAG,CAAC,GAAG,oBAAoB,CAAC;AAC5D,IAAA,MAAM,CAAC,YAAY,CAAC,GAAG,0BAA0B,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC;IACrE,0BAA0B,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,YAAY,CAAC;;IAG5D,MAAM,MAAM,GAA0B,EAAE;IACxC,MAAM,UAAU,GAAG,IAAI,GAAG,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1E,IAAI,WAAW,GAAG,CAAC;AAEnB,IAAA,KAAK,IAAI,aAAa,GAAG,CAAC,EAAE,aAAa,GAAG,eAAe,CAAC,MAAM,EAAE,aAAa,EAAE,EAAE;QACjF,MAAM,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,aAAa,CAAC;QAEjD,IAAI,WAAW,EAAE;;AAEb,YAAA,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC;;AACrB,aAAA,IAAI,WAAW,GAAG,0BAA0B,CAAC,MAAM,EAAE;;YAExD,MAAM,CAAC,IAAI,CAAC,0BAA0B,CAAC,WAAW,EAAE,CAAC,CAAC;;;AAI9D,IAAA,OAAO,MAAM;AACjB;;;;"}