@gravity-ui/navigation 5.0.0-beta.3 → 6.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/assets/icons/control-menu-button.svg.js +41 -0
- package/build/cjs/assets/icons/control-menu-button.svg.js.map +1 -0
- package/build/cjs/components/AsideHeader/AsideHeader.css +1 -1
- package/build/cjs/components/AsideHeader/AsideHeader.js +1 -1
- package/build/cjs/components/AsideHeader/AsideHeader.js.map +1 -1
- package/build/cjs/components/AsideHeader/AsideHeader.module.scss.js +1 -1
- package/build/cjs/components/AsideHeader/AsideHeaderContext.d.ts +1 -12
- package/build/cjs/components/AsideHeader/AsideHeaderContext.js +5 -4
- package/build/cjs/components/AsideHeader/AsideHeaderContext.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.css +1 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.d.ts +12 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js +44 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js.map +1 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js +8 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js.map +1 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/index.d.ts +1 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.css +1 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.js +48 -98
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.module.scss.js +1 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.d.ts +0 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.js +0 -2
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/constants.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/en.json.js +1 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/en.json.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/index.d.ts +4 -4
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/ru.json.js +1 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/i18n/ru.json.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/index.d.ts +1 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.d.ts +4 -3
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.js +15 -62
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.d.ts +2 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.js +29 -0
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.js.map +1 -0
- package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.css +1 -1
- package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.js +6 -11
- package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/CollapseButton/CollapseButton.module.scss.js +1 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/CompositeBar.css +1 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/CompositeBar.d.ts +4 -26
- package/build/cjs/components/AsideHeader/components/CompositeBar/CompositeBar.js +39 -177
- package/build/cjs/components/AsideHeader/components/CompositeBar/CompositeBar.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/CompositeBar.module.scss.js +1 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/Item.css +1 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/Item.d.ts +1 -12
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/Item.js +52 -39
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/Item.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/Item.module.scss.js +1 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/Item.types.d.ts +20 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/ItemPopup.d.ts +18 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/ItemPopup.js +32 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/ItemPopup.js.map +1 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/renderItemTitle.d.ts +3 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/renderItemTitle.js +19 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/Item/renderItemTitle.js.map +1 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/grouping.d.ts +11 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/grouping.js +68 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/grouping.js.map +1 -0
- package/build/cjs/components/AsideHeader/components/CompositeBar/utils.d.ts +10 -2
- package/build/cjs/components/AsideHeader/components/CompositeBar/utils.js +90 -9
- package/build/cjs/components/AsideHeader/components/CompositeBar/utils.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/FirstPanel.js +20 -25
- package/build/cjs/components/AsideHeader/components/FirstPanel.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/FooterItem/FooterItem.css +1 -1
- package/build/cjs/components/AsideHeader/components/Header.js +3 -9
- package/build/cjs/components/AsideHeader/components/Header.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/PageLayout/AsideFallback.css +2 -0
- package/build/cjs/components/AsideHeader/components/PageLayout/AsideFallback.js +1 -0
- package/build/cjs/components/AsideHeader/components/PageLayout/PageLayout.css +2 -0
- package/build/cjs/components/AsideHeader/components/PageLayout/PageLayout.d.ts +1 -2
- package/build/cjs/components/AsideHeader/components/PageLayout/PageLayout.js +7 -16
- package/build/cjs/components/AsideHeader/components/PageLayout/PageLayout.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/PageLayout/PageLayoutAside.css +2 -0
- package/build/cjs/components/AsideHeader/components/PageLayout/PageLayoutAside.js +3 -6
- package/build/cjs/components/AsideHeader/components/PageLayout/PageLayoutAside.js.map +1 -1
- package/build/cjs/components/AsideHeader/components/Panels.d.ts +1 -1
- package/build/cjs/components/AsideHeader/components/Panels.js +6 -17
- package/build/cjs/components/AsideHeader/components/Panels.js.map +1 -1
- package/build/cjs/components/AsideHeader/index.d.ts +1 -0
- package/build/cjs/components/AsideHeader/types.d.ts +3 -18
- package/build/cjs/components/AsideHeader/types.js.map +1 -1
- package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.d.ts +0 -4
- package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.js +8 -21
- package/build/cjs/components/AsideHeader/useAsideHeaderInnerContextValue.js.map +1 -1
- package/build/cjs/components/HotkeysPanel/HotkeysPanel.d.ts +7 -3
- package/build/cjs/components/HotkeysPanel/HotkeysPanel.js +15 -7
- package/build/cjs/components/HotkeysPanel/HotkeysPanel.js.map +1 -1
- package/build/cjs/components/Logo/Logo.css +1 -1
- package/build/cjs/components/Logo/Logo.js +2 -12
- package/build/cjs/components/Logo/Logo.js.map +1 -1
- package/build/cjs/components/Logo/Logo.module.scss.js +1 -1
- package/build/cjs/components/MobileHeader/BurgerMenu/BurgerCompositeBar/BurgerCompositeBar.css +1 -1
- package/build/cjs/components/MobileHeader/BurgerMenu/BurgerCompositeBar/BurgerCompositeBar.module.scss.js +1 -1
- package/build/cjs/components/MobileHeader/MobileHeader.d.ts +3 -7
- package/build/cjs/components/MobileHeader/MobileHeader.js +18 -14
- package/build/cjs/components/MobileHeader/MobileHeader.js.map +1 -1
- package/build/cjs/components/MobileHeader/OverlapPanel/OverlapPanel.d.ts +2 -2
- package/build/cjs/components/MobileHeader/OverlapPanel/OverlapPanel.js +2 -2
- package/build/cjs/components/MobileHeader/OverlapPanel/OverlapPanel.js.map +1 -1
- package/build/cjs/components/MobileHeader/types.d.ts +1 -1
- package/build/cjs/components/Settings/Settings.css +1 -1
- package/build/cjs/components/Settings/SettingsMenu/SettingsMenu.css +1 -1
- package/build/cjs/components/Settings/SettingsMenu/SettingsMenu.js +5 -1
- package/build/cjs/components/Settings/SettingsMenu/SettingsMenu.js.map +1 -1
- package/build/cjs/components/Settings/SettingsMenu/SettingsMenu.module.scss.js +1 -1
- package/build/cjs/components/constants.d.ts +3 -4
- package/build/cjs/components/constants.js +4 -6
- package/build/cjs/components/constants.js.map +1 -1
- package/build/cjs/components/types.d.ts +15 -6
- package/build/esm/assets/icons/control-menu-button.svg.js +18 -0
- package/build/esm/assets/icons/control-menu-button.svg.js.map +1 -0
- package/build/esm/components/AsideHeader/AsideHeader.css +1 -1
- package/build/esm/components/AsideHeader/AsideHeader.js +1 -1
- package/build/esm/components/AsideHeader/AsideHeader.js.map +1 -1
- package/build/esm/components/AsideHeader/AsideHeader.module.scss.js +1 -1
- package/build/esm/components/AsideHeader/AsideHeaderContext.d.ts +1 -12
- package/build/esm/components/AsideHeader/AsideHeaderContext.js +5 -5
- package/build/esm/components/AsideHeader/AsideHeaderContext.js.map +1 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.css +1 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.d.ts +12 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js +42 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js.map +1 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js +4 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.module.scss.js.map +1 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesListItem/index.d.ts +1 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.css +1 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.js +49 -99
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.js.map +1 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/AllPagesPanel.module.scss.js +1 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/constants.d.ts +0 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/constants.js +1 -2
- package/build/esm/components/AsideHeader/components/AllPagesPanel/constants.js.map +1 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/en.json.js +1 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/en.json.js.map +1 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/index.d.ts +4 -4
- package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/ru.json.js +1 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/i18n/ru.json.js.map +1 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/index.d.ts +1 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.d.ts +4 -3
- package/build/esm/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.js +15 -62
- package/build/esm/components/AsideHeader/components/AllPagesPanel/useGroupedMenuItems.js.map +1 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.d.ts +2 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.js +27 -0
- package/build/esm/components/AsideHeader/components/AllPagesPanel/useVisibleMenuItems.js.map +1 -0
- package/build/esm/components/AsideHeader/components/CollapseButton/CollapseButton.css +1 -1
- package/build/esm/components/AsideHeader/components/CollapseButton/CollapseButton.js +8 -13
- package/build/esm/components/AsideHeader/components/CollapseButton/CollapseButton.js.map +1 -1
- package/build/esm/components/AsideHeader/components/CollapseButton/CollapseButton.module.scss.js +1 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/CompositeBar.css +1 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/CompositeBar.d.ts +4 -26
- package/build/esm/components/AsideHeader/components/CompositeBar/CompositeBar.js +41 -178
- package/build/esm/components/AsideHeader/components/CompositeBar/CompositeBar.js.map +1 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/CompositeBar.module.scss.js +1 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/Item.css +1 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/Item.d.ts +1 -12
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/Item.js +55 -42
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/Item.js.map +1 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/Item.module.scss.js +1 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/Item.types.d.ts +20 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/ItemPopup.d.ts +18 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/ItemPopup.js +30 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/ItemPopup.js.map +1 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/renderItemTitle.d.ts +3 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/renderItemTitle.js +17 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/Item/renderItemTitle.js.map +1 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/grouping.d.ts +11 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/grouping.js +65 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/grouping.js.map +1 -0
- package/build/esm/components/AsideHeader/components/CompositeBar/utils.d.ts +10 -2
- package/build/esm/components/AsideHeader/components/CompositeBar/utils.js +87 -11
- package/build/esm/components/AsideHeader/components/CompositeBar/utils.js.map +1 -1
- package/build/esm/components/AsideHeader/components/FirstPanel.js +20 -25
- package/build/esm/components/AsideHeader/components/FirstPanel.js.map +1 -1
- package/build/esm/components/AsideHeader/components/FooterItem/FooterItem.css +1 -1
- package/build/esm/components/AsideHeader/components/Header.js +3 -9
- package/build/esm/components/AsideHeader/components/Header.js.map +1 -1
- package/build/esm/components/AsideHeader/components/PageLayout/AsideFallback.css +2 -0
- package/build/esm/components/AsideHeader/components/PageLayout/AsideFallback.js +1 -0
- package/build/esm/components/AsideHeader/components/PageLayout/PageLayout.css +2 -0
- package/build/esm/components/AsideHeader/components/PageLayout/PageLayout.d.ts +1 -2
- package/build/esm/components/AsideHeader/components/PageLayout/PageLayout.js +8 -17
- package/build/esm/components/AsideHeader/components/PageLayout/PageLayout.js.map +1 -1
- package/build/esm/components/AsideHeader/components/PageLayout/PageLayoutAside.css +2 -0
- package/build/esm/components/AsideHeader/components/PageLayout/PageLayoutAside.js +3 -6
- package/build/esm/components/AsideHeader/components/PageLayout/PageLayoutAside.js.map +1 -1
- package/build/esm/components/AsideHeader/components/Panels.d.ts +1 -1
- package/build/esm/components/AsideHeader/components/Panels.js +7 -18
- package/build/esm/components/AsideHeader/components/Panels.js.map +1 -1
- package/build/esm/components/AsideHeader/index.d.ts +1 -0
- package/build/esm/components/AsideHeader/types.d.ts +3 -18
- package/build/esm/components/AsideHeader/types.js.map +1 -1
- package/build/esm/components/AsideHeader/useAsideHeaderInnerContextValue.d.ts +0 -4
- package/build/esm/components/AsideHeader/useAsideHeaderInnerContextValue.js +8 -21
- package/build/esm/components/AsideHeader/useAsideHeaderInnerContextValue.js.map +1 -1
- package/build/esm/components/HotkeysPanel/HotkeysPanel.d.ts +7 -3
- package/build/esm/components/HotkeysPanel/HotkeysPanel.js +15 -7
- package/build/esm/components/HotkeysPanel/HotkeysPanel.js.map +1 -1
- package/build/esm/components/Logo/Logo.css +1 -1
- package/build/esm/components/Logo/Logo.js +2 -12
- package/build/esm/components/Logo/Logo.js.map +1 -1
- package/build/esm/components/Logo/Logo.module.scss.js +1 -1
- package/build/esm/components/MobileHeader/BurgerMenu/BurgerCompositeBar/BurgerCompositeBar.css +1 -1
- package/build/esm/components/MobileHeader/BurgerMenu/BurgerCompositeBar/BurgerCompositeBar.module.scss.js +1 -1
- package/build/esm/components/MobileHeader/MobileHeader.d.ts +3 -7
- package/build/esm/components/MobileHeader/MobileHeader.js +18 -14
- package/build/esm/components/MobileHeader/MobileHeader.js.map +1 -1
- package/build/esm/components/MobileHeader/OverlapPanel/OverlapPanel.d.ts +2 -2
- package/build/esm/components/MobileHeader/OverlapPanel/OverlapPanel.js +2 -2
- package/build/esm/components/MobileHeader/OverlapPanel/OverlapPanel.js.map +1 -1
- package/build/esm/components/MobileHeader/types.d.ts +1 -1
- package/build/esm/components/Settings/Settings.css +1 -1
- package/build/esm/components/Settings/SettingsMenu/SettingsMenu.css +1 -1
- package/build/esm/components/Settings/SettingsMenu/SettingsMenu.js +5 -1
- package/build/esm/components/Settings/SettingsMenu/SettingsMenu.js.map +1 -1
- package/build/esm/components/Settings/SettingsMenu/SettingsMenu.module.scss.js +1 -1
- package/build/esm/components/constants.d.ts +3 -4
- package/build/esm/components/constants.js +4 -5
- package/build/esm/components/constants.js.map +1 -1
- package/build/esm/components/types.d.ts +15 -6
- package/codemods/transforms/unifyInterfaces.ts +0 -1
- package/package.json +5 -4
- package/build/cjs/components/ActionBar/__stories__/ActionBar.stories.d.ts +0 -20
- package/build/cjs/components/ActionBar/__stories__/ActionBarShowcase.d.ts +0 -2
- package/build/cjs/components/ActionBar/__stories__/ActionBarSingleSection.d.ts +0 -2
- package/build/cjs/components/ActionBar/__stories__/ActionBarStretchGroupShowcase.d.ts +0 -2
- package/build/cjs/components/ActionBar/__tests__/helpersPlaywright.d.ts +0 -5
- package/build/cjs/components/AsideHeader/__stories__/AsideHeader.stories.d.ts +0 -23
- package/build/cjs/components/AsideHeader/__stories__/AsideHeaderShowcase.d.ts +0 -13
- package/build/cjs/components/AsideHeader/__stories__/getAsideHeaderWrapper.d.ts +0 -3
- package/build/cjs/components/AsideHeader/__stories__/moc.d.ts +0 -17
- package/build/cjs/components/AsideHeader/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.d.ts +0 -3
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.js +0 -17
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.js.map +0 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.d.ts +0 -2
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.js +0 -13
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.js.map +0 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.d.ts +0 -2
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.js +0 -22
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.js.map +0 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.d.ts +0 -2
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.js +0 -16
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.js.map +0 -1
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.d.ts +0 -3
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.js +0 -44
- package/build/cjs/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.js.map +0 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.css +0 -9
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.d.ts +0 -9
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.js +0 -34
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.js.map +0 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.module.scss.js +0 -8
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.module.scss.js.map +0 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.d.ts +0 -24
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js +0 -29
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js.map +0 -1
- package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/index.d.ts +0 -2
- package/build/cjs/components/AsideHeader/components/FooterItem/__stories__/FooterItem.stories.d.ts +0 -6
- package/build/cjs/components/AsideHeader/components/FooterItem/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/AsideHeader/hooks/useDelayedToggle.d.ts +0 -6
- package/build/cjs/components/AsideHeader/hooks/useDelayedToggle.js +0 -57
- package/build/cjs/components/AsideHeader/hooks/useDelayedToggle.js.map +0 -1
- package/build/cjs/components/AsideHeader/hooks/useIsExpanded.d.ts +0 -7
- package/build/cjs/components/AsideHeader/hooks/useIsExpanded.js +0 -44
- package/build/cjs/components/AsideHeader/hooks/useIsExpanded.js.map +0 -1
- package/build/cjs/components/AsideHeader/utils/getGroupHeight.d.ts +0 -2
- package/build/cjs/components/AsideHeader/utils/getGroupHeight.js +0 -16
- package/build/cjs/components/AsideHeader/utils/getGroupHeight.js.map +0 -1
- package/build/cjs/components/Footer/desktop/__stories__/Footer.stories.d.ts +0 -8
- package/build/cjs/components/Footer/desktop/__stories__/FooterShowcase.d.ts +0 -4
- package/build/cjs/components/Footer/desktop/__stories__/moc.d.ts +0 -3
- package/build/cjs/components/Footer/desktop/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/Footer/mobile/__stories__/MobileFooter.stories.d.ts +0 -8
- package/build/cjs/components/Footer/mobile/__stories__/MobileFooterShowcase.d.ts +0 -4
- package/build/cjs/components/Footer/mobile/__stories__/moc.d.ts +0 -3
- package/build/cjs/components/Footer/mobile/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/HotkeysPanel/__stories__/HotkeysPanel.stories.d.ts +0 -5
- package/build/cjs/components/HotkeysPanel/__stories__/HotkeysPanelShowcase.d.ts +0 -6
- package/build/cjs/components/HotkeysPanel/__stories__/moc.d.ts +0 -2
- package/build/cjs/components/HotkeysPanel/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/Logo/__stories__/Logo.stories.d.ts +0 -7
- package/build/cjs/components/Logo/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/MobileHeader/BurgerMenu/__stories__/BurgerMenu.stories.d.ts +0 -6
- package/build/cjs/components/MobileHeader/BurgerMenu/__stories__/moc.d.ts +0 -2
- package/build/cjs/components/MobileHeader/BurgerMenu/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/MobileHeader/OverlapPanel/__stories__/OverlapPanel.stories.d.ts +0 -6
- package/build/cjs/components/MobileHeader/OverlapPanel/__stories__/moc.d.ts +0 -2
- package/build/cjs/components/MobileHeader/OverlapPanel/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/MobileHeader/__stories__/MobileHeader.stories.d.ts +0 -4
- package/build/cjs/components/MobileHeader/__stories__/MobileHeaderShowcase.d.ts +0 -3
- package/build/cjs/components/MobileHeader/__stories__/moc.d.ts +0 -1
- package/build/cjs/components/MobileHeader/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/MobileLogo/__stories__/MobileLogo.stories.d.ts +0 -6
- package/build/cjs/components/MobileLogo/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/cjs/components/Settings/__stories__/Settings.stories.d.ts +0 -5
- package/build/cjs/components/Settings/__stories__/SettingsDemo.d.ts +0 -14
- package/build/cjs/components/Settings/__stories__/SettingsMobileDemo.d.ts +0 -8
- package/build/cjs/components/Settings/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/ActionBar/__stories__/ActionBar.stories.d.ts +0 -20
- package/build/esm/components/ActionBar/__stories__/ActionBarShowcase.d.ts +0 -2
- package/build/esm/components/ActionBar/__stories__/ActionBarSingleSection.d.ts +0 -2
- package/build/esm/components/ActionBar/__stories__/ActionBarStretchGroupShowcase.d.ts +0 -2
- package/build/esm/components/ActionBar/__tests__/helpersPlaywright.d.ts +0 -5
- package/build/esm/components/AsideHeader/__stories__/AsideHeader.stories.d.ts +0 -23
- package/build/esm/components/AsideHeader/__stories__/AsideHeaderShowcase.d.ts +0 -13
- package/build/esm/components/AsideHeader/__stories__/getAsideHeaderWrapper.d.ts +0 -3
- package/build/esm/components/AsideHeader/__stories__/moc.d.ts +0 -17
- package/build/esm/components/AsideHeader/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.d.ts +0 -3
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.js +0 -15
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/buildExpandedFromFlatList.js.map +0 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.d.ts +0 -2
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.js +0 -11
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/getIsMenuItem.js.map +0 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.d.ts +0 -2
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.js +0 -20
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/getRealIndexInGroup.js.map +0 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.d.ts +0 -2
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.js +0 -14
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItems.js.map +0 -1
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.d.ts +0 -3
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.js +0 -42
- package/build/esm/components/AsideHeader/components/AllPagesPanel/utils/sortMenuItemsWithDividers.js.map +0 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.css +0 -9
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.d.ts +0 -9
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.js +0 -32
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.js.map +0 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.module.scss.js +0 -4
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.module.scss.js.map +0 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.d.ts +0 -24
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js +0 -26
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.js.map +0 -1
- package/build/esm/components/AsideHeader/components/CompositeBar/MultipleTooltip/index.d.ts +0 -2
- package/build/esm/components/AsideHeader/components/FooterItem/__stories__/FooterItem.stories.d.ts +0 -6
- package/build/esm/components/AsideHeader/components/FooterItem/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/AsideHeader/hooks/useDelayedToggle.d.ts +0 -6
- package/build/esm/components/AsideHeader/hooks/useDelayedToggle.js +0 -55
- package/build/esm/components/AsideHeader/hooks/useDelayedToggle.js.map +0 -1
- package/build/esm/components/AsideHeader/hooks/useIsExpanded.d.ts +0 -7
- package/build/esm/components/AsideHeader/hooks/useIsExpanded.js +0 -42
- package/build/esm/components/AsideHeader/hooks/useIsExpanded.js.map +0 -1
- package/build/esm/components/AsideHeader/utils/getGroupHeight.d.ts +0 -2
- package/build/esm/components/AsideHeader/utils/getGroupHeight.js +0 -14
- package/build/esm/components/AsideHeader/utils/getGroupHeight.js.map +0 -1
- package/build/esm/components/Footer/desktop/__stories__/Footer.stories.d.ts +0 -8
- package/build/esm/components/Footer/desktop/__stories__/FooterShowcase.d.ts +0 -4
- package/build/esm/components/Footer/desktop/__stories__/moc.d.ts +0 -3
- package/build/esm/components/Footer/desktop/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/Footer/mobile/__stories__/MobileFooter.stories.d.ts +0 -8
- package/build/esm/components/Footer/mobile/__stories__/MobileFooterShowcase.d.ts +0 -4
- package/build/esm/components/Footer/mobile/__stories__/moc.d.ts +0 -3
- package/build/esm/components/Footer/mobile/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/HotkeysPanel/__stories__/HotkeysPanel.stories.d.ts +0 -5
- package/build/esm/components/HotkeysPanel/__stories__/HotkeysPanelShowcase.d.ts +0 -6
- package/build/esm/components/HotkeysPanel/__stories__/moc.d.ts +0 -2
- package/build/esm/components/HotkeysPanel/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/Logo/__stories__/Logo.stories.d.ts +0 -7
- package/build/esm/components/Logo/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/MobileHeader/BurgerMenu/__stories__/BurgerMenu.stories.d.ts +0 -6
- package/build/esm/components/MobileHeader/BurgerMenu/__stories__/moc.d.ts +0 -2
- package/build/esm/components/MobileHeader/BurgerMenu/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/MobileHeader/OverlapPanel/__stories__/OverlapPanel.stories.d.ts +0 -6
- package/build/esm/components/MobileHeader/OverlapPanel/__stories__/moc.d.ts +0 -2
- package/build/esm/components/MobileHeader/OverlapPanel/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/MobileHeader/__stories__/MobileHeader.stories.d.ts +0 -4
- package/build/esm/components/MobileHeader/__stories__/MobileHeaderShowcase.d.ts +0 -3
- package/build/esm/components/MobileHeader/__stories__/moc.d.ts +0 -1
- package/build/esm/components/MobileHeader/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/MobileLogo/__stories__/MobileLogo.stories.d.ts +0 -6
- package/build/esm/components/MobileLogo/__tests__/helpersPlaywright.d.ts +0 -2
- package/build/esm/components/Settings/__stories__/Settings.stories.d.ts +0 -5
- package/build/esm/components/Settings/__stories__/SettingsDemo.d.ts +0 -14
- package/build/esm/components/Settings/__stories__/SettingsMobileDemo.d.ts +0 -8
- package/build/esm/components/Settings/__tests__/helpersPlaywright.d.ts +0 -2
package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.css
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
.MultipleTooltip-module__g-root_theme_dark-hc___sdXJ2 .MultipleTooltip-module__gn-multiple-tooltip___UCYs0, .MultipleTooltip-module__g-root_theme_dark___C5nrp .MultipleTooltip-module__gn-multiple-tooltip___UCYs0{--multiple-tooltip-item-bg-color:var(
|
|
2
|
-
--g-color-base-float-medium,var(--g-color-private-white-100-solid)
|
|
3
|
-
);--multiple-tooltip-item-active-bg-color:var(--g-color-base-float-heavy);--multiple-tooltip-backdrop-background:linear-gradient(90deg,var(--g-color-base-background) 50%,transparent);--multiple-tooltip-backdrop-filter:blur(16px)}.MultipleTooltip-module__g-root_theme_dark-hc___sdXJ2 .MultipleTooltip-module__gn-multiple-tooltip___UCYs0{--multiple-tooltip-item-bg-color:var(
|
|
4
|
-
--g-color-base-float-medium,var(--g-color-private-white-150-solid)
|
|
5
|
-
)}.MultipleTooltip-module__g-root_theme_light-hc___75Wfu .MultipleTooltip-module__gn-multiple-tooltip___UCYs0, .MultipleTooltip-module__g-root_theme_light___B7ecO .MultipleTooltip-module__gn-multiple-tooltip___UCYs0{--multiple-tooltip-item-bg-color:var(
|
|
6
|
-
--g-color-base-float-medium,var(--g-color-private-black-550-solid)
|
|
7
|
-
);--multiple-tooltip-item-active-bg-color:var(--g-color-base-float-heavy);--multiple-tooltip-backdrop-background:linear-gradient(90deg,var(--g-color-base-background) 50%,transparent);--multiple-tooltip-backdrop-filter:blur(12px)}
|
|
8
|
-
.MultipleTooltip-module__gn-multiple-tooltip___UCYs0:before{background:var(--multiple-tooltip-backdrop-background);box-shadow:none;content:"";filter:var(--multiple-tooltip-backdrop-filter);height:100%;opacity:.7;position:absolute;width:100%;z-index:-1}.MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl{--g-popup-background-color:transparent;--g-popup-border-color:transparent;--g-popup-border-width:0;background-color:transparent;box-shadow:none}.MultipleTooltip-module__gn-multiple-tooltip__items-container___1N4u-{align-items:flex-start;display:flex;flex-direction:column;padding:32px 40px 32px 12px}.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6{align-items:center;background-color:var(--multiple-tooltip-item-bg-color);border-radius:5px;box-sizing:border-box;color:var(--g-color-text-light-primary);display:flex;height:30px;margin-bottom:5px;padding:8px 12px;position:relative;transition:transform .1s ease-in-out}.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:first-child, .MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:not(.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S)+.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:not(.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S){margin-top:5px}.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S+.MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6:not(.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S){margin-top:4px}.MultipleTooltip-module__gn-multiple-tooltip__item_active___CP4PC{background-color:var(--multiple-tooltip-item-active-bg-color);transform:translateX(-12px)}.MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S{height:15px;margin:0;visibility:hidden}
|
|
9
|
-
.MultipleTooltip-module__g-popup___GO-A5.MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl{--g-popup-background-color:transparent;--g-popup-border-color:transparent;--g-popup-border-width:0;background-color:transparent;box-shadow:none}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { PopupProps } from '@gravity-ui/uikit';
|
|
3
|
-
import { AsideHeaderItem } from 'src/components/AsideHeader/types';
|
|
4
|
-
type MultipleTooltipProps = Pick<PopupProps, 'open' | 'placement'> & {
|
|
5
|
-
anchorRef: React.RefObject<HTMLElement>;
|
|
6
|
-
items: AsideHeaderItem[];
|
|
7
|
-
};
|
|
8
|
-
export declare const MultipleTooltip: React.FC<MultipleTooltipProps>;
|
|
9
|
-
export {};
|
package/build/cjs/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.js
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import './MultipleTooltip.css';
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var React = require('react');
|
|
5
|
-
var uikit = require('@gravity-ui/uikit');
|
|
6
|
-
var cn = require('../../../../utils/cn.js');
|
|
7
|
-
var constants = require('../constants.js');
|
|
8
|
-
var MultipleTooltipContext = require('./MultipleTooltipContext.js');
|
|
9
|
-
var MultipleTooltip_module = require('./MultipleTooltip.module.scss.js');
|
|
10
|
-
|
|
11
|
-
const b = cn.createBlock('multiple-tooltip', MultipleTooltip_module.default);
|
|
12
|
-
const POPUP_OFFSET = { mainAxis: 4, crossAxis: -32 };
|
|
13
|
-
const MultipleTooltip = ({ items, open, anchorRef, placement, }) => {
|
|
14
|
-
const { activeIndex, hideCollapseItemTooltip } = React.useContext(MultipleTooltipContext.MultipleTooltipContext);
|
|
15
|
-
const activeItem = activeIndex === undefined ? null : items[activeIndex];
|
|
16
|
-
return (React.createElement(uikit.Popup, { open: open, className: b('popup'), anchorElement: anchorRef.current, strategy: "fixed", placement: placement, offset: POPUP_OFFSET },
|
|
17
|
-
React.createElement("div", { className: b() },
|
|
18
|
-
React.createElement("div", { className: b('items-container') }, items
|
|
19
|
-
.filter(({ type = 'regular', id }) => !hideCollapseItemTooltip ||
|
|
20
|
-
(id !== constants.COLLAPSE_ITEM_ID && type !== 'action'))
|
|
21
|
-
.map((currentItem, idx) => {
|
|
22
|
-
switch (currentItem.type) {
|
|
23
|
-
case 'divider':
|
|
24
|
-
return (React.createElement("div", { className: b('item', { divider: true }), key: idx }, currentItem.title));
|
|
25
|
-
default:
|
|
26
|
-
return (React.createElement("div", { className: b('item', {
|
|
27
|
-
active: currentItem === activeItem,
|
|
28
|
-
}), key: idx }, currentItem.title));
|
|
29
|
-
}
|
|
30
|
-
})))));
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
exports.MultipleTooltip = MultipleTooltip;
|
|
34
|
-
//# sourceMappingURL=MultipleTooltip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleTooltip.js","sources":["../../../../../../../../src/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltip.tsx"],"sourcesContent":["import React from 'react';\n\nimport {Popup, PopupProps} from '@gravity-ui/uikit';\n\nimport {AsideHeaderItem} from 'src/components/AsideHeader/types';\n\nimport {createBlock} from '../../../../utils/cn';\nimport {COLLAPSE_ITEM_ID} from '../constants';\n\nimport {MultipleTooltipContext} from './MultipleTooltipContext';\n\nimport styles from './MultipleTooltip.module.scss';\n\nconst b = createBlock('multiple-tooltip', styles);\n\nconst POPUP_OFFSET: PopupProps['offset'] = {mainAxis: 4, crossAxis: -32};\n\ntype MultipleTooltipProps = Pick<PopupProps, 'open' | 'placement'> & {\n anchorRef: React.RefObject<HTMLElement>;\n items: AsideHeaderItem[];\n};\n\nexport const MultipleTooltip: React.FC<MultipleTooltipProps> = ({\n items,\n open,\n anchorRef,\n placement,\n}) => {\n const {activeIndex, hideCollapseItemTooltip} = React.useContext(MultipleTooltipContext);\n const activeItem = activeIndex === undefined ? null : items[activeIndex];\n\n return (\n <Popup\n open={open}\n className={b('popup')}\n anchorElement={anchorRef.current}\n strategy=\"fixed\"\n placement={placement}\n offset={POPUP_OFFSET}\n >\n <div className={b()}>\n <div className={b('items-container')}>\n {items\n .filter(\n ({type = 'regular', id}) =>\n !hideCollapseItemTooltip ||\n (id !== COLLAPSE_ITEM_ID && type !== 'action'),\n )\n .map((currentItem, idx) => {\n switch (currentItem.type) {\n case 'divider':\n return (\n <div className={b('item', {divider: true})} key={idx}>\n {currentItem.title}\n </div>\n );\n default:\n return (\n <div\n className={b('item', {\n active: currentItem === activeItem,\n })}\n key={idx}\n >\n {currentItem.title}\n </div>\n );\n }\n })}\n </div>\n </div>\n </Popup>\n );\n};\n"],"names":["createBlock","styles","MultipleTooltipContext","Popup","COLLAPSE_ITEM_ID"],"mappings":";;;;;;;;;AAaA,MAAM,CAAC,GAAGA,cAAW,CAAC,kBAAkB,EAAEC,8BAAM,CAAC;AAEjD,MAAM,YAAY,GAAyB,EAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,GAAG,EAAC;AAOjE,MAAM,eAAe,GAAmC,CAAC,EAC5D,KAAK,EACL,IAAI,EACJ,SAAS,EACT,SAAS,GACZ,KAAI;AACD,IAAA,MAAM,EAAC,WAAW,EAAE,uBAAuB,EAAC,GAAG,KAAK,CAAC,UAAU,CAACC,6CAAsB,CAAC;AACvF,IAAA,MAAM,UAAU,GAAG,WAAW,KAAK,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC;AAExE,IAAA,QACI,KAAA,CAAA,aAAA,CAACC,WAAK,EAAA,EACF,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,aAAa,EAAE,SAAS,CAAC,OAAO,EAChC,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,YAAY,EAAA;QAEpB,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,EAAE,EAAA;AACf,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,IAC/B;AACI,iBAAA,MAAM,CACH,CAAC,EAAC,IAAI,GAAG,SAAS,EAAE,EAAE,EAAC,KACnB,CAAC,uBAAuB;iBACvB,EAAE,KAAKC,0BAAgB,IAAI,IAAI,KAAK,QAAQ,CAAC;AAErD,iBAAA,GAAG,CAAC,CAAC,WAAW,EAAE,GAAG,KAAI;AACtB,gBAAA,QAAQ,WAAW,CAAC,IAAI;AACpB,oBAAA,KAAK,SAAS;wBACV,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAA,EAC/C,WAAW,CAAC,KAAK,CAChB;AAEd,oBAAA;AACI,wBAAA,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE;gCACjB,MAAM,EAAE,WAAW,KAAK,UAAU;6BACrC,CAAC,EACF,GAAG,EAAE,GAAG,EAAA,EAEP,WAAW,CAAC,KAAK,CAChB;;AAGtB,aAAC,CAAC,CACJ,CACJ,CACF;AAEhB;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styles = {"g-root_theme_dark":"MultipleTooltip-module__g-root_theme_dark___C5nrp","gRootThemeDark":"MultipleTooltip-module__g-root_theme_dark___C5nrp","gn-multiple-tooltip":"MultipleTooltip-module__gn-multiple-tooltip___UCYs0","gnMultipleTooltip":"MultipleTooltip-module__gn-multiple-tooltip___UCYs0","g-root_theme_dark-hc":"MultipleTooltip-module__g-root_theme_dark-hc___sdXJ2","gRootThemeDarkHc":"MultipleTooltip-module__g-root_theme_dark-hc___sdXJ2","g-root_theme_light":"MultipleTooltip-module__g-root_theme_light___B7ecO","gRootThemeLight":"MultipleTooltip-module__g-root_theme_light___B7ecO","g-root_theme_light-hc":"MultipleTooltip-module__g-root_theme_light-hc___75Wfu","gRootThemeLightHc":"MultipleTooltip-module__g-root_theme_light-hc___75Wfu","g-popup":"MultipleTooltip-module__g-popup___GO-A5","gPopup":"MultipleTooltip-module__g-popup___GO-A5","gn-multiple-tooltip__popup":"MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl","gnMultipleTooltipPopup":"MultipleTooltip-module__gn-multiple-tooltip__popup___wE4Fl","gn-multiple-tooltip__items-container":"MultipleTooltip-module__gn-multiple-tooltip__items-container___1N4u-","gnMultipleTooltipItemsContainer":"MultipleTooltip-module__gn-multiple-tooltip__items-container___1N4u-","gn-multiple-tooltip__item":"MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6","gnMultipleTooltipItem":"MultipleTooltip-module__gn-multiple-tooltip__item___sz4Q6","gn-multiple-tooltip__item_divider":"MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S","gnMultipleTooltipItemDivider":"MultipleTooltip-module__gn-multiple-tooltip__item_divider___vF10S","gn-multiple-tooltip__item_active":"MultipleTooltip-module__gn-multiple-tooltip__item_active___CP4PC","gnMultipleTooltipItemActive":"MultipleTooltip-module__gn-multiple-tooltip__item_active___CP4PC"};
|
|
6
|
-
|
|
7
|
-
exports.default = styles;
|
|
8
|
-
//# sourceMappingURL=MultipleTooltip.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleTooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface MultipleTooltipContextProps {
|
|
3
|
-
active: boolean;
|
|
4
|
-
activeIndex: number | undefined;
|
|
5
|
-
hideCollapseItemTooltip: boolean;
|
|
6
|
-
lastClickedItemIndex: number | undefined;
|
|
7
|
-
setValue<K extends keyof Omit<MultipleTooltipContextProps, 'setValue'>>(value: Pick<Omit<MultipleTooltipContextProps, 'setValue'>, K> | Omit<MultipleTooltipContextProps, 'setValue'>): void;
|
|
8
|
-
}
|
|
9
|
-
export declare const MultipleTooltipContext: React.Context<MultipleTooltipContextProps>;
|
|
10
|
-
type MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;
|
|
11
|
-
export declare class MultipleTooltipProvider extends React.PureComponent<{
|
|
12
|
-
children: React.ReactNode;
|
|
13
|
-
}, MultipleTooltipProviderState> {
|
|
14
|
-
state: {
|
|
15
|
-
active: boolean;
|
|
16
|
-
activeIndex: undefined;
|
|
17
|
-
hideCollapseItemTooltip: boolean;
|
|
18
|
-
lastClickedItemIndex: undefined;
|
|
19
|
-
setValue: () => void;
|
|
20
|
-
};
|
|
21
|
-
render(): React.JSX.Element;
|
|
22
|
-
setValue: MultipleTooltipContextProps['setValue'];
|
|
23
|
-
}
|
|
24
|
-
export {};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
|
|
5
|
-
const multipleTooltipContextDefaults = {
|
|
6
|
-
active: false,
|
|
7
|
-
activeIndex: undefined,
|
|
8
|
-
hideCollapseItemTooltip: false,
|
|
9
|
-
lastClickedItemIndex: undefined,
|
|
10
|
-
setValue: () => { },
|
|
11
|
-
};
|
|
12
|
-
const MultipleTooltipContext = React.createContext(multipleTooltipContextDefaults);
|
|
13
|
-
class MultipleTooltipProvider extends React.PureComponent {
|
|
14
|
-
constructor() {
|
|
15
|
-
super(...arguments);
|
|
16
|
-
this.state = Object.assign({}, multipleTooltipContextDefaults);
|
|
17
|
-
this.setValue = (value) => {
|
|
18
|
-
this.setState(Object.assign({}, value));
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
render() {
|
|
22
|
-
const { children } = this.props;
|
|
23
|
-
return (React.createElement(MultipleTooltipContext.Provider, { value: Object.assign(Object.assign({}, this.state), { setValue: this.setValue }) }, children));
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
exports.MultipleTooltipContext = MultipleTooltipContext;
|
|
28
|
-
exports.MultipleTooltipProvider = MultipleTooltipProvider;
|
|
29
|
-
//# sourceMappingURL=MultipleTooltipContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleTooltipContext.js","sources":["../../../../../../../../src/components/AsideHeader/components/CompositeBar/MultipleTooltip/MultipleTooltipContext.tsx"],"sourcesContent":["import React from 'react';\n\ninterface MultipleTooltipContextProps {\n active: boolean;\n activeIndex: number | undefined;\n hideCollapseItemTooltip: boolean;\n lastClickedItemIndex: number | undefined;\n setValue<K extends keyof Omit<MultipleTooltipContextProps, 'setValue'>>(\n value:\n | Pick<Omit<MultipleTooltipContextProps, 'setValue'>, K>\n | Omit<MultipleTooltipContextProps, 'setValue'>,\n ): void;\n}\n\nconst multipleTooltipContextDefaults = {\n active: false,\n activeIndex: undefined,\n hideCollapseItemTooltip: false,\n lastClickedItemIndex: undefined,\n setValue: () => {},\n};\n\nexport const MultipleTooltipContext = React.createContext<MultipleTooltipContextProps>(\n multipleTooltipContextDefaults,\n);\n\ntype MultipleTooltipProviderState = Omit<MultipleTooltipContextProps, 'setValue'>;\n\nexport class MultipleTooltipProvider extends React.PureComponent<\n {children: React.ReactNode},\n MultipleTooltipProviderState\n> {\n state = {\n ...multipleTooltipContextDefaults,\n };\n\n render() {\n const {children} = this.props;\n\n return (\n <MultipleTooltipContext.Provider value={{...this.state, setValue: this.setValue}}>\n {children}\n </MultipleTooltipContext.Provider>\n );\n }\n\n setValue: MultipleTooltipContextProps['setValue'] = (value) => {\n this.setState({...value});\n };\n}\n"],"names":[],"mappings":";;;;AAcA,MAAM,8BAA8B,GAAG;AACnC,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,WAAW,EAAE,SAAS;AACtB,IAAA,uBAAuB,EAAE,KAAK;AAC9B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,QAAQ,EAAE,MAAK,GAAG;CACrB;AAEY,MAAA,sBAAsB,GAAG,KAAK,CAAC,aAAa,CACrD,8BAA8B;AAKrB,MAAA,uBAAwB,SAAQ,KAAK,CAAC,aAGlD,CAAA;AAHD,IAAA,WAAA,GAAA;;QAII,IAAK,CAAA,KAAA,GAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACE,8BAA8B,CACnC;AAYF,QAAA,IAAA,CAAA,QAAQ,GAA4C,CAAC,KAAK,KAAI;AAC1D,YAAA,IAAI,CAAC,QAAQ,CAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAE;AAC7B,SAAC;;IAZD,MAAM,GAAA;AACF,QAAA,MAAM,EAAC,QAAQ,EAAC,GAAG,IAAI,CAAC,KAAK;QAE7B,QACI,oBAAC,sBAAsB,CAAC,QAAQ,EAAC,EAAA,KAAK,kCAAM,IAAI,CAAC,KAAK,CAAE,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAC1E,CAAA,EAAA,EAAA,QAAQ,CACqB;;AAO7C;;;;;"}
|
package/build/cjs/components/AsideHeader/components/FooterItem/__stories__/FooterItem.stories.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react';
|
|
2
|
-
import { FooterItemProps } from '../FooterItem';
|
|
3
|
-
import './FooterItemShowcase.scss';
|
|
4
|
-
declare const _default: Meta;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterItemProps>;
|
package/build/cjs/components/AsideHeader/components/FooterItem/__tests__/helpersPlaywright.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultFooterItemStories from '../__stories__/FooterItem.stories';
|
|
2
|
-
export declare const FooterItemStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultFooterItemStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
interface ToggleDelayConfig {
|
|
2
|
-
enableDelay: number;
|
|
3
|
-
disableDelay: number;
|
|
4
|
-
}
|
|
5
|
-
export declare function useDelayedToggle(currentValue: boolean, config?: ToggleDelayConfig, maybeShouldThrottleFn?: (value: boolean, previousValue: boolean) => boolean): boolean;
|
|
6
|
-
export {};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
|
|
5
|
-
function defaultComparator(value, previousValue) {
|
|
6
|
-
return value !== previousValue;
|
|
7
|
-
}
|
|
8
|
-
function isTogglingOn(currentValue, previousValue) {
|
|
9
|
-
return !previousValue && Boolean(currentValue);
|
|
10
|
-
}
|
|
11
|
-
function isTogglingOff(currentValue, previousValue) {
|
|
12
|
-
return Boolean(previousValue) && !currentValue;
|
|
13
|
-
}
|
|
14
|
-
function useDelayedToggle(currentValue, config, maybeShouldThrottleFn) {
|
|
15
|
-
const shouldThrottleFn = defaultComparator;
|
|
16
|
-
const timerRef = React.useRef(null);
|
|
17
|
-
const valueCacheRef = React.useRef(currentValue);
|
|
18
|
-
const [value, setValue] = React.useState(currentValue);
|
|
19
|
-
const delayConfig = config;
|
|
20
|
-
React.useEffect(() => {
|
|
21
|
-
function clear() {
|
|
22
|
-
if (timerRef.current) {
|
|
23
|
-
clearTimeout(timerRef.current);
|
|
24
|
-
timerRef.current = null;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
if (currentValue !== valueCacheRef.current) {
|
|
28
|
-
clear();
|
|
29
|
-
const shouldThrottle = shouldThrottleFn(currentValue, valueCacheRef.current);
|
|
30
|
-
const previousValue = valueCacheRef.current;
|
|
31
|
-
valueCacheRef.current = currentValue;
|
|
32
|
-
if (shouldThrottle) {
|
|
33
|
-
let delay;
|
|
34
|
-
if (isTogglingOn(currentValue, previousValue)) {
|
|
35
|
-
delay = delayConfig.enableDelay;
|
|
36
|
-
}
|
|
37
|
-
else if (isTogglingOff(currentValue, previousValue)) {
|
|
38
|
-
delay = delayConfig.disableDelay;
|
|
39
|
-
}
|
|
40
|
-
else {
|
|
41
|
-
delay = delayConfig.enableDelay;
|
|
42
|
-
}
|
|
43
|
-
timerRef.current = setTimeout(() => {
|
|
44
|
-
setValue(currentValue);
|
|
45
|
-
}, delay);
|
|
46
|
-
}
|
|
47
|
-
else {
|
|
48
|
-
setValue(currentValue);
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
return clear;
|
|
52
|
-
}, [currentValue, delayConfig.enableDelay, delayConfig.disableDelay, shouldThrottleFn]);
|
|
53
|
-
return value;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
exports.useDelayedToggle = useDelayedToggle;
|
|
57
|
-
//# sourceMappingURL=useDelayedToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useDelayedToggle.js","sources":["../../../../../../src/components/AsideHeader/hooks/useDelayedToggle.ts"],"sourcesContent":["import {useEffect, useRef, useState} from 'react';\n\ninterface ToggleDelayConfig {\n enableDelay: number;\n disableDelay: number;\n}\n\nconst DEFAULT_CONFIG: ToggleDelayConfig = {\n enableDelay: 500,\n disableDelay: 200,\n};\n\nfunction defaultComparator(value: boolean, previousValue: boolean): boolean {\n return value !== previousValue;\n}\n\nfunction isTogglingOn(currentValue: boolean, previousValue: boolean): boolean {\n return !previousValue && Boolean(currentValue);\n}\n\nfunction isTogglingOff(currentValue: boolean, previousValue: boolean): boolean {\n return Boolean(previousValue) && !currentValue;\n}\n\nexport function useDelayedToggle(\n currentValue: boolean,\n config?: ToggleDelayConfig,\n maybeShouldThrottleFn?: (value: boolean, previousValue: boolean) => boolean,\n): boolean {\n const shouldThrottleFn = maybeShouldThrottleFn || defaultComparator;\n const timerRef = useRef<NodeJS.Timeout | null>(null);\n const valueCacheRef = useRef(currentValue);\n const [value, setValue] = useState(currentValue);\n\n const delayConfig = config || DEFAULT_CONFIG;\n\n useEffect(() => {\n function clear() {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n timerRef.current = null;\n }\n }\n\n if (currentValue !== valueCacheRef.current) {\n clear();\n\n const shouldThrottle = shouldThrottleFn(currentValue, valueCacheRef.current);\n const previousValue = valueCacheRef.current;\n\n valueCacheRef.current = currentValue;\n\n if (shouldThrottle) {\n let delay: number;\n\n if (isTogglingOn(currentValue, previousValue)) {\n delay = delayConfig.enableDelay;\n } else if (isTogglingOff(currentValue, previousValue)) {\n delay = delayConfig.disableDelay;\n } else {\n delay = delayConfig.enableDelay;\n }\n\n timerRef.current = setTimeout(() => {\n setValue(currentValue);\n }, delay);\n } else {\n setValue(currentValue);\n }\n }\n\n return clear;\n }, [currentValue, delayConfig.enableDelay, delayConfig.disableDelay, shouldThrottleFn]);\n\n return value;\n}\n"],"names":["useRef","useState","useEffect"],"mappings":";;;;AAYA,SAAS,iBAAiB,CAAC,KAAc,EAAE,aAAsB,EAAA;IAC7D,OAAO,KAAK,KAAK,aAAa;AAClC;AAEA,SAAS,YAAY,CAAC,YAAqB,EAAE,aAAsB,EAAA;AAC/D,IAAA,OAAO,CAAC,aAAa,IAAI,OAAO,CAAC,YAAY,CAAC;AAClD;AAEA,SAAS,aAAa,CAAC,YAAqB,EAAE,aAAsB,EAAA;AAChE,IAAA,OAAO,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY;AAClD;SAEgB,gBAAgB,CAC5B,YAAqB,EACrB,MAA0B,EAC1B,qBAA2E,EAAA;AAE3E,IAAA,MAAM,gBAAgB,GAA4B,iBAAiB;AACnE,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAwB,IAAI,CAAC;AACpD,IAAA,MAAM,aAAa,GAAGA,YAAM,CAAC,YAAY,CAAC;IAC1C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAGC,cAAQ,CAAC,YAAY,CAAC;AAEhD,IAAA,MAAM,WAAW,GAAG,MAAwB;IAE5CC,eAAS,CAAC,MAAK;AACX,QAAA,SAAS,KAAK,GAAA;AACV,YAAA,IAAI,QAAQ,CAAC,OAAO,EAAE;AAClB,gBAAA,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC;AAC9B,gBAAA,QAAQ,CAAC,OAAO,GAAG,IAAI;;;AAI/B,QAAA,IAAI,YAAY,KAAK,aAAa,CAAC,OAAO,EAAE;AACxC,YAAA,KAAK,EAAE;YAEP,MAAM,cAAc,GAAG,gBAAgB,CAAC,YAAY,EAAE,aAAa,CAAC,OAAO,CAAC;AAC5E,YAAA,MAAM,aAAa,GAAG,aAAa,CAAC,OAAO;AAE3C,YAAA,aAAa,CAAC,OAAO,GAAG,YAAY;YAEpC,IAAI,cAAc,EAAE;AAChB,gBAAA,IAAI,KAAa;AAEjB,gBAAA,IAAI,YAAY,CAAC,YAAY,EAAE,aAAa,CAAC,EAAE;AAC3C,oBAAA,KAAK,GAAG,WAAW,CAAC,WAAW;;AAC5B,qBAAA,IAAI,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,EAAE;AACnD,oBAAA,KAAK,GAAG,WAAW,CAAC,YAAY;;qBAC7B;AACH,oBAAA,KAAK,GAAG,WAAW,CAAC,WAAW;;AAGnC,gBAAA,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;oBAC/B,QAAQ,CAAC,YAAY,CAAC;iBACzB,EAAE,KAAK,CAAC;;iBACN;gBACH,QAAQ,CAAC,YAAY,CAAC;;;AAI9B,QAAA,OAAO,KAAK;AAChB,KAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,WAAW,EAAE,WAAW,CAAC,YAAY,EAAE,gBAAgB,CAAC,CAAC;AAEvF,IAAA,OAAO,KAAK;AAChB;;;;"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var constants = require('../../constants.js');
|
|
5
|
-
var useDelayedToggle = require('./useDelayedToggle.js');
|
|
6
|
-
|
|
7
|
-
const useIsExpanded = (externalCompact) => {
|
|
8
|
-
const [isExpanded, setIsExpanded] = React.useState(!externalCompact);
|
|
9
|
-
const [isMouseInside, setIsMouseInside] = React.useState(false);
|
|
10
|
-
React.useEffect(() => {
|
|
11
|
-
if (externalCompact && isExpanded) {
|
|
12
|
-
return;
|
|
13
|
-
}
|
|
14
|
-
setIsExpanded(!externalCompact);
|
|
15
|
-
// We need to run this effect only when externalCompact changes
|
|
16
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
17
|
-
}, [externalCompact]);
|
|
18
|
-
const delayedShouldExpand = useDelayedToggle.useDelayedToggle(isMouseInside, {
|
|
19
|
-
enableDelay: constants.ASIDE_HEADER_EXPAND_DELAY,
|
|
20
|
-
disableDelay: constants.ASIDE_HEADER_EXPAND_TRANSITION_DELAY,
|
|
21
|
-
});
|
|
22
|
-
// Update isExpanded based on hover
|
|
23
|
-
React.useEffect(() => {
|
|
24
|
-
if (externalCompact) {
|
|
25
|
-
setIsExpanded(delayedShouldExpand);
|
|
26
|
-
}
|
|
27
|
-
// We need to run this effect only when delayedShouldExpand changes
|
|
28
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
|
-
}, [delayedShouldExpand]);
|
|
30
|
-
const handleExpand = React.useCallback(() => {
|
|
31
|
-
setIsMouseInside(true);
|
|
32
|
-
}, []);
|
|
33
|
-
const handleFold = React.useCallback(() => {
|
|
34
|
-
setIsMouseInside(false);
|
|
35
|
-
}, []);
|
|
36
|
-
return {
|
|
37
|
-
isExpanded,
|
|
38
|
-
onExpand: handleExpand,
|
|
39
|
-
onFold: handleFold,
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
exports.useIsExpanded = useIsExpanded;
|
|
44
|
-
//# sourceMappingURL=useIsExpanded.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useIsExpanded.js","sources":["../../../../../../src/components/AsideHeader/hooks/useIsExpanded.ts"],"sourcesContent":["import {useCallback, useEffect, useState} from 'react';\n\nimport {ASIDE_HEADER_EXPAND_DELAY, ASIDE_HEADER_EXPAND_TRANSITION_DELAY} from '../../constants';\n\nimport {useDelayedToggle} from './useDelayedToggle';\n\ninterface UseIsExpandedResult {\n isExpanded: boolean;\n onExpand: () => void;\n onFold: () => void;\n}\n\nexport const useIsExpanded = (externalCompact: boolean): UseIsExpandedResult => {\n const [isExpanded, setIsExpanded] = useState(!externalCompact);\n const [isMouseInside, setIsMouseInside] = useState(false);\n\n useEffect(() => {\n if (externalCompact && isExpanded) {\n return;\n }\n\n setIsExpanded(!externalCompact);\n // We need to run this effect only when externalCompact changes\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [externalCompact]);\n\n const delayedShouldExpand = useDelayedToggle(isMouseInside, {\n enableDelay: ASIDE_HEADER_EXPAND_DELAY,\n disableDelay: ASIDE_HEADER_EXPAND_TRANSITION_DELAY,\n });\n\n // Update isExpanded based on hover\n useEffect(() => {\n if (externalCompact) {\n setIsExpanded(delayedShouldExpand);\n }\n // We need to run this effect only when delayedShouldExpand changes\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [delayedShouldExpand]);\n\n const handleExpand = useCallback(() => {\n setIsMouseInside(true);\n }, []);\n\n const handleFold = useCallback(() => {\n setIsMouseInside(false);\n }, []);\n\n return {\n isExpanded,\n onExpand: handleExpand,\n onFold: handleFold,\n };\n};\n"],"names":["useState","useEffect","useDelayedToggle","ASIDE_HEADER_EXPAND_DELAY","ASIDE_HEADER_EXPAND_TRANSITION_DELAY","useCallback"],"mappings":";;;;;;AAYa,MAAA,aAAa,GAAG,CAAC,eAAwB,KAAyB;IAC3E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGA,cAAQ,CAAC,CAAC,eAAe,CAAC;IAC9D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEzDC,eAAS,CAAC,MAAK;AACX,QAAA,IAAI,eAAe,IAAI,UAAU,EAAE;YAC/B;;AAGJ,QAAA,aAAa,CAAC,CAAC,eAAe,CAAC;;;AAGnC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC;AAErB,IAAA,MAAM,mBAAmB,GAAGC,iCAAgB,CAAC,aAAa,EAAE;AACxD,QAAA,WAAW,EAAEC,mCAAyB;AACtC,QAAA,YAAY,EAAEC,8CAAoC;AACrD,KAAA,CAAC;;IAGFH,eAAS,CAAC,MAAK;QACX,IAAI,eAAe,EAAE;YACjB,aAAa,CAAC,mBAAmB,CAAC;;;;AAI1C,KAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;AAEzB,IAAA,MAAM,YAAY,GAAGI,iBAAW,CAAC,MAAK;QAClC,gBAAgB,CAAC,IAAI,CAAC;KACzB,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,UAAU,GAAGA,iBAAW,CAAC,MAAK;QAChC,gBAAgB,CAAC,KAAK,CAAC;KAC1B,EAAE,EAAE,CAAC;IAEN,OAAO;QACH,UAAU;AACV,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,MAAM,EAAE,UAAU;KACrB;AACL;;;;"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var constants = require('../../constants.js');
|
|
4
|
-
|
|
5
|
-
const GAP = 2;
|
|
6
|
-
function getGroupBlockHeight(items) {
|
|
7
|
-
if (items.length === 0) {
|
|
8
|
-
return constants.ITEM_HEIGHT;
|
|
9
|
-
}
|
|
10
|
-
const gaps = items.length * GAP;
|
|
11
|
-
// +1 accounts for the group header item in addition to the menu items
|
|
12
|
-
return (items.length + 1) * constants.ITEM_HEIGHT + gaps;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
exports.getGroupBlockHeight = getGroupBlockHeight;
|
|
16
|
-
//# sourceMappingURL=getGroupHeight.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getGroupHeight.js","sources":["../../../../../../src/components/AsideHeader/utils/getGroupHeight.ts"],"sourcesContent":["import {ITEM_HEIGHT} from '../../constants';\nimport {MenuItemsWithGroups} from '../types';\n\nconst GAP = 2;\n\nexport function getGroupBlockHeight(items: MenuItemsWithGroups[]) {\n if (items.length === 0) {\n return ITEM_HEIGHT;\n }\n\n const gaps = items.length * GAP;\n\n // +1 accounts for the group header item in addition to the menu items\n return (items.length + 1) * ITEM_HEIGHT + gaps;\n}\n"],"names":["ITEM_HEIGHT"],"mappings":";;;;AAGA,MAAM,GAAG,GAAG,CAAC;AAEP,SAAU,mBAAmB,CAAC,KAA4B,EAAA;AAC5D,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACpB,QAAA,OAAOA,qBAAW;;AAGtB,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG;;IAG/B,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAIA,qBAAW,GAAG,IAAI;AAClD;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { Footer } from '..';
|
|
3
|
-
import { FooterProps } from '../../types';
|
|
4
|
-
declare const _default: Meta<typeof Footer>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
|
|
7
|
-
export declare const ManyItems: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
|
|
8
|
-
export declare const ClearView: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultFooterStories from '../__stories__/Footer.stories';
|
|
2
|
-
export declare const FooterStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultFooterStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { MobileFooter } from '..';
|
|
3
|
-
import { FooterProps } from '../../types';
|
|
4
|
-
declare const _default: Meta<typeof MobileFooter>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
|
|
7
|
-
export declare const ManyItems: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
|
|
8
|
-
export declare const ClearView: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, FooterProps>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultMobileFooterStories from '../__stories__/MobileFooter.stories';
|
|
2
|
-
export declare const MobileFooterStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultMobileFooterStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react';
|
|
2
|
-
declare const _default: Meta;
|
|
3
|
-
export default _default;
|
|
4
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
5
|
-
export declare const WithoutFilter: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { HotkeysGroup, HotkeysPanelProps } from '../../../components/HotkeysPanel';
|
|
3
|
-
import './HotkeysPanelShowcase.scss';
|
|
4
|
-
type HotkeysPanelShowcaseProps = Pick<HotkeysPanelProps<HotkeysGroup>, 'filterable'>;
|
|
5
|
-
export declare function HotkeysPanelShowcase({ filterable }: HotkeysPanelShowcaseProps): React.JSX.Element;
|
|
6
|
-
export {};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultHotkeysPanelStories from '../__stories__/HotkeysPanel.stories';
|
|
2
|
-
export declare const HotkeysPanelStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultHotkeysPanelStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react';
|
|
2
|
-
import { Logo } from '..';
|
|
3
|
-
import type { LogoProps } from '../../types';
|
|
4
|
-
declare const _default: Meta<typeof Logo>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, LogoProps>;
|
|
7
|
-
export declare const NoAnchor: (context: import("@storybook/csf").StoryContext<import("@storybook/react").ReactRenderer, LogoProps>) => JSX.Element;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultLogoStories from '../__stories__/Logo.stories';
|
|
2
|
-
export declare const LogoStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultLogoStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react';
|
|
2
|
-
import { BurgerMenuInnerProps } from '../BurgerMenu';
|
|
3
|
-
import './BurgerMenuShowcase.scss';
|
|
4
|
-
declare const _default: Meta;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, BurgerMenuInnerProps>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultBurgerMenuStories from '../__stories__/BurgerMenu.stories';
|
|
2
|
-
export declare const BurgerMenuStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultBurgerMenuStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
package/build/cjs/components/MobileHeader/OverlapPanel/__stories__/OverlapPanel.stories.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react';
|
|
2
|
-
import { OverlapPanelProps } from '../OverlapPanel';
|
|
3
|
-
import './OverlapPanel.scss';
|
|
4
|
-
declare const _default: Meta;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, OverlapPanelProps>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultOverlapPanelStories from '../__stories__/OverlapPanel.stories';
|
|
2
|
-
export declare const OverlapPanelStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultOverlapPanelStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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";
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultMobileHeaderStories from '../__stories__/MobileHeader.stories';
|
|
2
|
-
export declare const MobileHeaderStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultMobileHeaderStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react';
|
|
2
|
-
import { MobileLogo } from '..';
|
|
3
|
-
import type { MobileLogoProps } from '..';
|
|
4
|
-
declare const _default: Meta<typeof MobileLogo>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MobileLogoProps>;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultMobileLogoStories from '../__stories__/MobileLogo.stories';
|
|
2
|
-
export declare const MobileLogoStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultMobileLogoStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import type { Meta } from '@storybook/react';
|
|
2
|
-
declare const _default: Meta;
|
|
3
|
-
export default _default;
|
|
4
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
5
|
-
export declare const ViewMobile: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import './SettingsDemo.scss';
|
|
3
|
-
export interface DemoProps {
|
|
4
|
-
title: string;
|
|
5
|
-
}
|
|
6
|
-
export interface DemoRowProps {
|
|
7
|
-
title: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const SettingsComponent: React.MemoExoticComponent<({ initialPage, withBadge, onClose, }: {
|
|
10
|
-
initialPage?: string;
|
|
11
|
-
withBadge?: boolean;
|
|
12
|
-
onClose: () => void;
|
|
13
|
-
}) => React.JSX.Element>;
|
|
14
|
-
export declare function SettingsDemo(): React.JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import './SettingsMobileDemo.scss';
|
|
3
|
-
export declare const SettingsMobileComponent: React.MemoExoticComponent<({ initialPage, withBadge, onClose, }: {
|
|
4
|
-
initialPage?: string;
|
|
5
|
-
withBadge?: boolean;
|
|
6
|
-
onClose?: () => void;
|
|
7
|
-
}) => React.JSX.Element>;
|
|
8
|
-
export declare function SettingsMobileDemo(): React.JSX.Element;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import * as DefaultSettingsStories from '../__stories__/Settings.stories';
|
|
2
|
-
export declare const SettingsStories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultSettingsStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
-
import { ActionBar } from '../ActionBar';
|
|
4
|
-
declare const _default: Meta<typeof ActionBar>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
|
|
7
|
-
'aria-label'?: string;
|
|
8
|
-
} & {
|
|
9
|
-
children?: React.ReactNode | undefined;
|
|
10
|
-
}>;
|
|
11
|
-
export declare const SingleSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
|
|
12
|
-
'aria-label'?: string;
|
|
13
|
-
} & {
|
|
14
|
-
children?: React.ReactNode | undefined;
|
|
15
|
-
}>;
|
|
16
|
-
export declare const StretchGroup: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@gravity-ui/uikit").DOMProps & import("@gravity-ui/uikit").QAProps & {
|
|
17
|
-
'aria-label'?: string;
|
|
18
|
-
} & {
|
|
19
|
-
children?: React.ReactNode | undefined;
|
|
20
|
-
}>;
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as DefaultActionBarStories from '../__stories__/ActionBar.stories';
|
|
2
|
-
declare const stories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultActionBarStories>, keyof import("@storybook/core/types").Store_CSFExports>;
|
|
3
|
-
type ActionBarStoriesType = typeof stories;
|
|
4
|
-
export declare const ActionBarStories: ActionBarStoriesType;
|
|
5
|
-
export {};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
-
import { AsideHeaderShowcaseProps } from './AsideHeaderShowcase';
|
|
4
|
-
declare const _default: Meta;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
7
|
-
export declare const Compact: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
8
|
-
export declare const MultipleTooltip: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
9
|
-
export declare const CustomTheme: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
10
|
-
export declare const CustomBackground: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
11
|
-
export declare const AdvancedUsage: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
12
|
-
export declare const HeaderAlert: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
|
|
13
|
-
export declare const HeaderAlertCentered: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
|
|
14
|
-
export declare const HeaderAlertCustom: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AsideHeaderShowcaseProps>;
|
|
15
|
-
export declare const Fallback: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
|
|
16
|
-
headerDecoration: boolean;
|
|
17
|
-
subheaderItemsCount: number;
|
|
18
|
-
}>;
|
|
19
|
-
/** @type {StoryFn} */
|
|
20
|
-
export declare function LineClamp(): React.JSX.Element;
|
|
21
|
-
export declare const CollapseButtonWrapper: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
22
|
-
export declare const ManyItems: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|
|
23
|
-
export declare const GroupedMenuCollapsible: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/csf").Args>;
|