@elliemae/ds-left-navigation 2.3.0-alpha.9 → 2.3.0-next.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/cjs/LeftNavigation.js +29 -0
- package/cjs/LeftNavigationContext.js +41 -0
- package/cjs/common/getItemBackgroundStyle.js +12 -0
- package/cjs/common/getLeftBorderStyle.js +12 -0
- package/cjs/common/getScrollbarStyle.js +7 -0
- package/cjs/common/index.js +13 -0
- package/cjs/configs/index.js +10 -0
- package/cjs/configs/useLeftNavConfig.js +102 -0
- package/cjs/configs/useLeftNavItems.js +80 -0
- package/cjs/configs/useLeftNavSmoothExpand.js +35 -0
- package/cjs/exported-related/ChevronItem/index.js +28 -0
- package/cjs/exported-related/Icon/index.js +36 -0
- package/cjs/exported-related/ItemRenderer/index.js +128 -0
- package/cjs/exported-related/ItemRenderer/styled.js +58 -0
- package/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +57 -0
- package/cjs/exported-related/Notifications/index.js +62 -0
- package/cjs/exported-related/OpenWindowItem/index.js +33 -0
- package/cjs/exported-related/constants.js +29 -0
- package/cjs/exported-related/index.js +23 -0
- package/cjs/hooks/index.js +13 -0
- package/cjs/hooks/useExpandableOnClickHandler.js +35 -0
- package/cjs/hooks/useKeyboardNavigation.js +110 -0
- package/cjs/hooks/useOpenableOnClickHandler.js +40 -0
- package/cjs/hooks/useSelectFirstBodyItem.js +39 -0
- package/cjs/index.d.js +2 -0
- package/cjs/index.js +30 -0
- package/cjs/outOfTheBox/ItemControlledDrilldown/index.js +158 -0
- package/cjs/outOfTheBox/ItemControlledDrilldown/styled.js +27 -0
- package/cjs/outOfTheBox/ItemHeader/index.js +144 -0
- package/cjs/outOfTheBox/ItemHeader/styled.js +22 -0
- package/cjs/outOfTheBox/ItemLink/index.js +97 -0
- package/cjs/outOfTheBox/ItemLink/styled.js +17 -0
- package/cjs/outOfTheBox/ItemSection/index.js +83 -0
- package/cjs/outOfTheBox/ItemSection/styled.js +23 -0
- package/cjs/outOfTheBox/ItemSeparator/index.js +52 -0
- package/cjs/outOfTheBox/ItemSubmenu/index.js +145 -0
- package/cjs/outOfTheBox/ItemSubmenu/styled.js +22 -0
- package/cjs/outOfTheBox/ItemTextLabel/index.js +70 -0
- package/cjs/outOfTheBox/ItemTextLabel/styled.js +23 -0
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +172 -0
- package/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js +27 -0
- package/cjs/outOfTheBox/ItemWithDate/index.js +86 -0
- package/cjs/outOfTheBox/ItemWithDate/styled.js +27 -0
- package/cjs/outOfTheBox/index.js +62 -0
- package/cjs/parts/LeftNavContent/index.js +84 -0
- package/cjs/parts/LeftNavContent/styled.js +53 -0
- package/cjs/parts/LeftNavContentWithScrollbar/index.js +91 -0
- package/cjs/parts/LeftNavFooterItem/index.js +108 -0
- package/cjs/parts/LeftNavFooterItem/styled.js +39 -0
- package/cjs/parts/LeftNavLoading/index.js +34 -0
- package/cjs/parts/OutOfTheBoxMapItem.js +52 -0
- package/cjs/prop-types.js +47 -0
- package/esm/LeftNavigation.js +20 -0
- package/{dist/esm → esm}/LeftNavigationContext.js +11 -15
- package/esm/common/getItemBackgroundStyle.js +8 -0
- package/esm/common/getLeftBorderStyle.js +8 -0
- package/esm/common/getScrollbarStyle.js +3 -0
- package/esm/common/index.js +3 -0
- package/esm/configs/index.js +2 -0
- package/esm/configs/useLeftNavConfig.js +93 -0
- package/esm/configs/useLeftNavItems.js +75 -0
- package/esm/configs/useLeftNavSmoothExpand.js +26 -0
- package/esm/exported-related/ChevronItem/index.js +19 -0
- package/esm/exported-related/Icon/index.js +27 -0
- package/esm/exported-related/ItemRenderer/index.js +119 -0
- package/esm/exported-related/ItemRenderer/styled.js +47 -0
- package/esm/exported-related/ItemRenderer/usePropsWithDefaults.js +49 -0
- package/esm/exported-related/Notifications/index.js +51 -0
- package/esm/exported-related/OpenWindowItem/index.js +23 -0
- package/esm/exported-related/constants.js +21 -0
- package/esm/exported-related/index.js +6 -0
- package/esm/hooks/index.js +3 -0
- package/esm/hooks/useExpandableOnClickHandler.js +31 -0
- package/{dist/esm → esm}/hooks/useKeyboardNavigation.js +47 -30
- package/esm/hooks/useOpenableOnClickHandler.js +36 -0
- package/esm/hooks/useSelectFirstBodyItem.js +35 -0
- package/esm/index.d.js +1 -0
- package/esm/index.js +8 -0
- package/esm/outOfTheBox/ItemControlledDrilldown/index.js +148 -0
- package/esm/outOfTheBox/ItemControlledDrilldown/styled.js +17 -0
- package/esm/outOfTheBox/ItemHeader/index.js +134 -0
- package/esm/outOfTheBox/ItemHeader/styled.js +12 -0
- package/esm/outOfTheBox/ItemLink/index.js +87 -0
- package/esm/outOfTheBox/ItemLink/styled.js +8 -0
- package/esm/outOfTheBox/ItemSection/index.js +73 -0
- package/esm/outOfTheBox/ItemSection/styled.js +13 -0
- package/esm/outOfTheBox/ItemSeparator/index.js +42 -0
- package/esm/outOfTheBox/ItemSubmenu/index.js +135 -0
- package/esm/outOfTheBox/ItemSubmenu/styled.js +12 -0
- package/esm/outOfTheBox/ItemTextLabel/index.js +61 -0
- package/esm/outOfTheBox/ItemTextLabel/styled.js +14 -0
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +162 -0
- package/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js +17 -0
- package/esm/outOfTheBox/ItemWithDate/index.js +76 -0
- package/esm/outOfTheBox/ItemWithDate/styled.js +17 -0
- package/esm/outOfTheBox/index.js +57 -0
- package/esm/parts/LeftNavContent/index.js +77 -0
- package/esm/parts/LeftNavContent/styled.js +39 -0
- package/esm/parts/LeftNavContentWithScrollbar/index.js +80 -0
- package/esm/parts/LeftNavFooterItem/index.js +98 -0
- package/esm/parts/LeftNavFooterItem/styled.js +26 -0
- package/esm/parts/LeftNavLoading/index.js +23 -0
- package/esm/parts/OutOfTheBoxMapItem.js +42 -0
- package/esm/prop-types.js +40 -0
- package/package.json +121 -123
- package/{dist/types → types}/LeftNavigation.d.ts +0 -0
- package/{dist/types → types}/LeftNavigationContext.d.ts +0 -0
- package/{dist/types → types}/common/getItemBackgroundStyle.d.ts +0 -0
- package/{dist/types → types}/common/getLeftBorderStyle.d.ts +0 -0
- package/{dist/types → types}/common/getScrollbarStyle.d.ts +0 -0
- package/{dist/types → types}/common/index.d.ts +0 -0
- package/{dist/types → types}/configs/index.d.ts +0 -0
- package/{dist/types → types}/configs/useLeftNavConfig.d.ts +0 -0
- package/{dist/types → types}/configs/useLeftNavItems.d.ts +0 -0
- package/{dist/types → types}/configs/useLeftNavSmoothExpand.d.ts +0 -0
- package/{dist/types → types}/exported-related/ChevronItem/index.d.ts +0 -0
- package/{dist/types → types}/exported-related/Icon/index.d.ts +0 -0
- package/{dist/types → types}/exported-related/ItemRenderer/index.d.ts +0 -0
- package/{dist/types → types}/exported-related/ItemRenderer/styled.d.ts +2 -2
- package/{dist/types → types}/exported-related/ItemRenderer/usePropsWithDefaults.d.ts +0 -0
- package/{dist/types → types}/exported-related/Notifications/index.d.ts +0 -0
- package/{dist/types → types}/exported-related/OpenWindowItem/index.d.ts +0 -0
- package/{dist/types → types}/exported-related/constants.d.ts +0 -0
- package/{dist/types → types}/exported-related/index.d.ts +0 -0
- package/{dist/types → types}/hooks/index.d.ts +0 -0
- package/{dist/types → types}/hooks/useExpandableOnClickHandler.d.ts +0 -0
- package/{dist/types → types}/hooks/useKeyboardNavigation.d.ts +0 -0
- package/{dist/types → types}/hooks/useOpenableOnClickHandler.d.ts +0 -0
- package/{dist/types → types}/hooks/useSelectFirstBodyItem.d.ts +0 -0
- package/{dist/types → types}/index.d.d.ts +0 -0
- package/{dist/types → types}/index.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/ItemControlledDrilldown/index.d.ts +0 -0
- package/{dist/types/outOfTheBox/ItemUncontrolledDrilldown → types/outOfTheBox/ItemControlledDrilldown}/styled.d.ts +2 -2
- package/{dist/types → types}/outOfTheBox/ItemHeader/index.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/ItemHeader/styled.d.ts +1 -1
- package/{dist/types → types}/outOfTheBox/ItemLink/index.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/ItemLink/styled.d.ts +1 -1
- package/{dist/types → types}/outOfTheBox/ItemSection/index.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/ItemSection/styled.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/ItemSeparator/index.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/ItemSubmenu/index.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/ItemSubmenu/styled.d.ts +1 -1
- package/{dist/types → types}/outOfTheBox/ItemTextLabel/index.d.ts +0 -0
- package/{dist/types → types}/outOfTheBox/ItemTextLabel/styled.d.ts +1 -1
- package/{dist/types → types}/outOfTheBox/ItemUncontrolledDrilldown/index.d.ts +0 -0
- package/{dist/types/outOfTheBox/ItemWithDate → types/outOfTheBox/ItemUncontrolledDrilldown}/styled.d.ts +2 -2
- package/{dist/types → types}/outOfTheBox/ItemWithDate/index.d.ts +0 -0
- package/{dist/types/outOfTheBox/ItemControlledDrilldown → types/outOfTheBox/ItemWithDate}/styled.d.ts +2 -2
- package/{dist/types → types}/outOfTheBox/index.d.ts +0 -0
- package/{dist/types → types}/parts/LeftNavContent/index.d.ts +0 -0
- package/{dist/types → types}/parts/LeftNavContent/styled.d.ts +0 -0
- package/{dist/types → types}/parts/LeftNavContentWithScrollbar/index.d.ts +0 -0
- package/{dist/types → types}/parts/LeftNavFooterItem/index.d.ts +0 -0
- package/{dist/types → types}/parts/LeftNavFooterItem/styled.d.ts +5 -5
- package/{dist/types → types}/parts/LeftNavLoading/index.d.ts +0 -0
- package/{dist/types → types}/parts/OutOfTheBoxMapItem.d.ts +0 -0
- package/{dist/types → types}/prop-types.d.ts +0 -0
- package/{dist/types → types}/tests/LeftNavigation.collapsed.test.d.ts +0 -0
- package/{dist/types → types}/tests/LeftNavigation.expanded.test.d.ts +0 -0
- package/{dist/types → types}/tests/LeftNavigation.opened.test.d.ts +0 -0
- package/{dist/types → types}/tests/events/LeftNavigation.events.keyboard.test.d.ts +0 -0
- package/{dist/types → types}/tests/events/LeftNavigation.events.subitems.test.d.ts +0 -0
- package/{dist/types → types}/tests/events/LeftNavigation.events.test.d.ts +0 -0
- package/{dist/types → types}/tests/events/LeftNavigation.focus.events.test.d.ts +0 -0
- package/dist/cjs/LeftNavigation.js +0 -51
- package/dist/cjs/LeftNavigation.js.map +0 -7
- package/dist/cjs/LeftNavigationContext.js +0 -67
- package/dist/cjs/LeftNavigationContext.js.map +0 -7
- package/dist/cjs/common/getItemBackgroundStyle.js +0 -51
- package/dist/cjs/common/getItemBackgroundStyle.js.map +0 -7
- package/dist/cjs/common/getLeftBorderStyle.js +0 -54
- package/dist/cjs/common/getLeftBorderStyle.js.map +0 -7
- package/dist/cjs/common/getScrollbarStyle.js +0 -58
- package/dist/cjs/common/getScrollbarStyle.js.map +0 -7
- package/dist/cjs/common/index.js +0 -30
- package/dist/cjs/common/index.js.map +0 -7
- package/dist/cjs/configs/index.js +0 -38
- package/dist/cjs/configs/index.js.map +0 -7
- package/dist/cjs/configs/useLeftNavConfig.js +0 -106
- package/dist/cjs/configs/useLeftNavConfig.js.map +0 -7
- package/dist/cjs/configs/useLeftNavItems.js +0 -82
- package/dist/cjs/configs/useLeftNavItems.js.map +0 -7
- package/dist/cjs/configs/useLeftNavSmoothExpand.js +0 -53
- package/dist/cjs/configs/useLeftNavSmoothExpand.js.map +0 -7
- package/dist/cjs/exported-related/ChevronItem/index.js +0 -43
- package/dist/cjs/exported-related/ChevronItem/index.js.map +0 -7
- package/dist/cjs/exported-related/Icon/index.js +0 -53
- package/dist/cjs/exported-related/Icon/index.js.map +0 -7
- package/dist/cjs/exported-related/ItemRenderer/index.js +0 -133
- package/dist/cjs/exported-related/ItemRenderer/index.js.map +0 -7
- package/dist/cjs/exported-related/ItemRenderer/styled.js +0 -90
- package/dist/cjs/exported-related/ItemRenderer/styled.js.map +0 -7
- package/dist/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js +0 -69
- package/dist/cjs/exported-related/ItemRenderer/usePropsWithDefaults.js.map +0 -7
- package/dist/cjs/exported-related/Notifications/index.js +0 -82
- package/dist/cjs/exported-related/Notifications/index.js.map +0 -7
- package/dist/cjs/exported-related/OpenWindowItem/index.js +0 -50
- package/dist/cjs/exported-related/OpenWindowItem/index.js.map +0 -7
- package/dist/cjs/exported-related/constants.js +0 -57
- package/dist/cjs/exported-related/constants.js.map +0 -7
- package/dist/cjs/exported-related/index.js +0 -33
- package/dist/cjs/exported-related/index.js.map +0 -7
- package/dist/cjs/hooks/index.js +0 -30
- package/dist/cjs/hooks/index.js.map +0 -7
- package/dist/cjs/hooks/useExpandableOnClickHandler.js +0 -64
- package/dist/cjs/hooks/useExpandableOnClickHandler.js.map +0 -7
- package/dist/cjs/hooks/useKeyboardNavigation.js +0 -118
- package/dist/cjs/hooks/useKeyboardNavigation.js.map +0 -7
- package/dist/cjs/hooks/useOpenableOnClickHandler.js +0 -69
- package/dist/cjs/hooks/useOpenableOnClickHandler.js.map +0 -7
- package/dist/cjs/hooks/useSelectFirstBodyItem.js +0 -52
- package/dist/cjs/hooks/useSelectFirstBodyItem.js.map +0 -7
- package/dist/cjs/index.d.js +0 -27
- package/dist/cjs/index.d.js.map +0 -7
- package/dist/cjs/index.js +0 -41
- package/dist/cjs/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemControlledDrilldown/index.js +0 -152
- package/dist/cjs/outOfTheBox/ItemControlledDrilldown/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemControlledDrilldown/styled.js +0 -49
- package/dist/cjs/outOfTheBox/ItemControlledDrilldown/styled.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemHeader/index.js +0 -147
- package/dist/cjs/outOfTheBox/ItemHeader/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemHeader/styled.js +0 -49
- package/dist/cjs/outOfTheBox/ItemHeader/styled.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemLink/index.js +0 -106
- package/dist/cjs/outOfTheBox/ItemLink/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemLink/styled.js +0 -41
- package/dist/cjs/outOfTheBox/ItemLink/styled.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemSection/index.js +0 -79
- package/dist/cjs/outOfTheBox/ItemSection/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemSection/styled.js +0 -53
- package/dist/cjs/outOfTheBox/ItemSection/styled.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemSeparator/index.js +0 -63
- package/dist/cjs/outOfTheBox/ItemSeparator/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemSubmenu/index.js +0 -149
- package/dist/cjs/outOfTheBox/ItemSubmenu/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemSubmenu/styled.js +0 -49
- package/dist/cjs/outOfTheBox/ItemSubmenu/styled.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemTextLabel/index.js +0 -69
- package/dist/cjs/outOfTheBox/ItemTextLabel/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemTextLabel/styled.js +0 -43
- package/dist/cjs/outOfTheBox/ItemTextLabel/styled.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +0 -166
- package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js +0 -49
- package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemWithDate/index.js +0 -91
- package/dist/cjs/outOfTheBox/ItemWithDate/index.js.map +0 -7
- package/dist/cjs/outOfTheBox/ItemWithDate/styled.js +0 -49
- package/dist/cjs/outOfTheBox/ItemWithDate/styled.js.map +0 -7
- package/dist/cjs/outOfTheBox/index.js +0 -77
- package/dist/cjs/outOfTheBox/index.js.map +0 -7
- package/dist/cjs/parts/LeftNavContent/index.js +0 -88
- package/dist/cjs/parts/LeftNavContent/index.js.map +0 -7
- package/dist/cjs/parts/LeftNavContent/styled.js +0 -113
- package/dist/cjs/parts/LeftNavContent/styled.js.map +0 -7
- package/dist/cjs/parts/LeftNavContentWithScrollbar/index.js +0 -101
- package/dist/cjs/parts/LeftNavContentWithScrollbar/index.js.map +0 -7
- package/dist/cjs/parts/LeftNavFooterItem/index.js +0 -125
- package/dist/cjs/parts/LeftNavFooterItem/index.js.map +0 -7
- package/dist/cjs/parts/LeftNavFooterItem/styled.js +0 -94
- package/dist/cjs/parts/LeftNavFooterItem/styled.js.map +0 -7
- package/dist/cjs/parts/LeftNavLoading/index.js +0 -52
- package/dist/cjs/parts/LeftNavLoading/index.js.map +0 -7
- package/dist/cjs/parts/OutOfTheBoxMapItem.js +0 -55
- package/dist/cjs/parts/OutOfTheBoxMapItem.js.map +0 -7
- package/dist/cjs/prop-types.js +0 -66
- package/dist/cjs/prop-types.js.map +0 -7
- package/dist/esm/LeftNavigation.js +0 -22
- package/dist/esm/LeftNavigation.js.map +0 -7
- package/dist/esm/LeftNavigationContext.js.map +0 -7
- package/dist/esm/common/getItemBackgroundStyle.js +0 -22
- package/dist/esm/common/getItemBackgroundStyle.js.map +0 -7
- package/dist/esm/common/getLeftBorderStyle.js +0 -25
- package/dist/esm/common/getLeftBorderStyle.js.map +0 -7
- package/dist/esm/common/getScrollbarStyle.js +0 -29
- package/dist/esm/common/getScrollbarStyle.js.map +0 -7
- package/dist/esm/common/index.js +0 -5
- package/dist/esm/common/index.js.map +0 -7
- package/dist/esm/configs/index.js +0 -9
- package/dist/esm/configs/index.js.map +0 -7
- package/dist/esm/configs/useLeftNavConfig.js +0 -77
- package/dist/esm/configs/useLeftNavConfig.js.map +0 -7
- package/dist/esm/configs/useLeftNavItems.js +0 -53
- package/dist/esm/configs/useLeftNavItems.js.map +0 -7
- package/dist/esm/configs/useLeftNavSmoothExpand.js +0 -24
- package/dist/esm/configs/useLeftNavSmoothExpand.js.map +0 -7
- package/dist/esm/exported-related/ChevronItem/index.js +0 -14
- package/dist/esm/exported-related/ChevronItem/index.js.map +0 -7
- package/dist/esm/exported-related/Icon/index.js +0 -24
- package/dist/esm/exported-related/Icon/index.js.map +0 -7
- package/dist/esm/exported-related/ItemRenderer/index.js +0 -104
- package/dist/esm/exported-related/ItemRenderer/index.js.map +0 -7
- package/dist/esm/exported-related/ItemRenderer/styled.js +0 -61
- package/dist/esm/exported-related/ItemRenderer/styled.js.map +0 -7
- package/dist/esm/exported-related/ItemRenderer/usePropsWithDefaults.js +0 -40
- package/dist/esm/exported-related/ItemRenderer/usePropsWithDefaults.js.map +0 -7
- package/dist/esm/exported-related/Notifications/index.js +0 -58
- package/dist/esm/exported-related/Notifications/index.js.map +0 -7
- package/dist/esm/exported-related/OpenWindowItem/index.js +0 -21
- package/dist/esm/exported-related/OpenWindowItem/index.js.map +0 -7
- package/dist/esm/exported-related/constants.js +0 -28
- package/dist/esm/exported-related/constants.js.map +0 -7
- package/dist/esm/exported-related/index.js +0 -8
- package/dist/esm/exported-related/index.js.map +0 -7
- package/dist/esm/hooks/index.js +0 -5
- package/dist/esm/hooks/index.js.map +0 -7
- package/dist/esm/hooks/useExpandableOnClickHandler.js +0 -35
- package/dist/esm/hooks/useExpandableOnClickHandler.js.map +0 -7
- package/dist/esm/hooks/useKeyboardNavigation.js.map +0 -7
- package/dist/esm/hooks/useOpenableOnClickHandler.js +0 -40
- package/dist/esm/hooks/useOpenableOnClickHandler.js.map +0 -7
- package/dist/esm/hooks/useSelectFirstBodyItem.js +0 -23
- package/dist/esm/hooks/useSelectFirstBodyItem.js.map +0 -7
- package/dist/esm/index.d.js +0 -2
- package/dist/esm/index.d.js.map +0 -7
- package/dist/esm/index.js +0 -12
- package/dist/esm/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemControlledDrilldown/index.js +0 -123
- package/dist/esm/outOfTheBox/ItemControlledDrilldown/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemControlledDrilldown/styled.js +0 -20
- package/dist/esm/outOfTheBox/ItemControlledDrilldown/styled.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemHeader/index.js +0 -118
- package/dist/esm/outOfTheBox/ItemHeader/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemHeader/styled.js +0 -20
- package/dist/esm/outOfTheBox/ItemHeader/styled.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemLink/index.js +0 -77
- package/dist/esm/outOfTheBox/ItemLink/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemLink/styled.js +0 -12
- package/dist/esm/outOfTheBox/ItemLink/styled.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemSection/index.js +0 -50
- package/dist/esm/outOfTheBox/ItemSection/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemSection/styled.js +0 -24
- package/dist/esm/outOfTheBox/ItemSection/styled.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemSeparator/index.js +0 -34
- package/dist/esm/outOfTheBox/ItemSeparator/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemSubmenu/index.js +0 -120
- package/dist/esm/outOfTheBox/ItemSubmenu/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemSubmenu/styled.js +0 -20
- package/dist/esm/outOfTheBox/ItemSubmenu/styled.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemTextLabel/index.js +0 -40
- package/dist/esm/outOfTheBox/ItemTextLabel/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemTextLabel/styled.js +0 -14
- package/dist/esm/outOfTheBox/ItemTextLabel/styled.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +0 -137
- package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js +0 -20
- package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/styled.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemWithDate/index.js +0 -62
- package/dist/esm/outOfTheBox/ItemWithDate/index.js.map +0 -7
- package/dist/esm/outOfTheBox/ItemWithDate/styled.js +0 -20
- package/dist/esm/outOfTheBox/ItemWithDate/styled.js.map +0 -7
- package/dist/esm/outOfTheBox/index.js +0 -48
- package/dist/esm/outOfTheBox/index.js.map +0 -7
- package/dist/esm/parts/LeftNavContent/index.js +0 -67
- package/dist/esm/parts/LeftNavContent/index.js.map +0 -7
- package/dist/esm/parts/LeftNavContent/styled.js +0 -84
- package/dist/esm/parts/LeftNavContent/styled.js.map +0 -7
- package/dist/esm/parts/LeftNavContentWithScrollbar/index.js +0 -72
- package/dist/esm/parts/LeftNavContentWithScrollbar/index.js.map +0 -7
- package/dist/esm/parts/LeftNavFooterItem/index.js +0 -103
- package/dist/esm/parts/LeftNavFooterItem/index.js.map +0 -7
- package/dist/esm/parts/LeftNavFooterItem/styled.js +0 -65
- package/dist/esm/parts/LeftNavFooterItem/styled.js.map +0 -7
- package/dist/esm/parts/LeftNavLoading/index.js +0 -23
- package/dist/esm/parts/LeftNavLoading/index.js.map +0 -7
- package/dist/esm/parts/OutOfTheBoxMapItem.js +0 -26
- package/dist/esm/parts/OutOfTheBoxMapItem.js.map +0 -7
- package/dist/esm/prop-types.js +0 -37
- package/dist/esm/prop-types.js.map +0 -7
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var LeftNavigation_exports = {};
|
|
29
|
-
__export(LeftNavigation_exports, {
|
|
30
|
-
LeftNavigation: () => LeftNavigation,
|
|
31
|
-
LeftNavigationWithSchema: () => LeftNavigationWithSchema
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc = require("react-desc");
|
|
36
|
-
var import_prop_types = require("./prop-types");
|
|
37
|
-
var import_LeftNavigationContext = __toESM(require("./LeftNavigationContext"));
|
|
38
|
-
var import_useLeftNavConfig = require("./configs/useLeftNavConfig");
|
|
39
|
-
var import_LeftNavContent = __toESM(require("./parts/LeftNavContent"));
|
|
40
|
-
const LeftNavigation = (props) => {
|
|
41
|
-
const leftNavConfig = (0, import_useLeftNavConfig.useLeftNavConfig)(props);
|
|
42
|
-
return /* @__PURE__ */ import_react.default.createElement(import_LeftNavigationContext.default.Provider, {
|
|
43
|
-
value: leftNavConfig
|
|
44
|
-
}, /* @__PURE__ */ import_react.default.createElement(import_LeftNavContent.default, null));
|
|
45
|
-
};
|
|
46
|
-
LeftNavigation.propTypes = import_prop_types.leftNavigationProps;
|
|
47
|
-
LeftNavigation.defaultProps = import_LeftNavigationContext.defaultProps;
|
|
48
|
-
const LeftNavigationWithSchema = (0, import_react_desc.describe)(LeftNavigation).description("Left Navigation");
|
|
49
|
-
LeftNavigationWithSchema.propTypes = import_prop_types.leftNavigationProps;
|
|
50
|
-
module.exports = __toCommonJS(LeftNavigation_exports);
|
|
51
|
-
//# sourceMappingURL=LeftNavigation.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/LeftNavigation.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { leftNavigationProps } from './prop-types';\nimport LeftNavigationContext, { defaultProps } from './LeftNavigationContext';\nimport { useLeftNavConfig } from './configs/useLeftNavConfig';\nimport LeftNavContent from './parts/LeftNavContent';\nimport type { LeftNavProps } from './index.d';\n\nexport const LeftNavigation = (props: LeftNavProps): JSX.Element => {\n const leftNavConfig = useLeftNavConfig(props);\n\n return (\n <LeftNavigationContext.Provider value={leftNavConfig}>\n <LeftNavContent />\n </LeftNavigationContext.Provider>\n );\n};\n\nLeftNavigation.propTypes = leftNavigationProps;\nLeftNavigation.defaultProps = defaultProps;\n\nexport const LeftNavigationWithSchema = describe(LeftNavigation).description('Left Navigation');\nLeftNavigationWithSchema.propTypes = leftNavigationProps;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,wBAAoC;AACpC,mCAAoD;AACpD,8BAAiC;AACjC,4BAA2B;AAGpB,MAAM,iBAAiB,CAAC,UAAqC;AAClE,QAAM,gBAAgB,8CAAiB;AAEvC,SACE,mDAAC,qCAAsB,UAAvB;AAAA,IAAgC,OAAO;AAAA,KACrC,mDAAC,+BAAD;AAAA;AAKN,eAAe,YAAY;AAC3B,eAAe,eAAe;AAEvB,MAAM,2BAA2B,gCAAS,gBAAgB,YAAY;AAC7E,yBAAyB,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var LeftNavigationContext_exports = {};
|
|
29
|
-
__export(LeftNavigationContext_exports, {
|
|
30
|
-
LeftNavContext: () => LeftNavContext,
|
|
31
|
-
default: () => LeftNavigationContext_default,
|
|
32
|
-
defaultContext: () => defaultContext,
|
|
33
|
-
defaultProps: () => defaultProps
|
|
34
|
-
});
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_react = require("react");
|
|
37
|
-
const defaultProps = {
|
|
38
|
-
expandedWidth: "240px",
|
|
39
|
-
tabIndex: 0,
|
|
40
|
-
loading: false,
|
|
41
|
-
expanded: false,
|
|
42
|
-
openedItem: null,
|
|
43
|
-
footerLabel: "",
|
|
44
|
-
onSelectedChange: () => null,
|
|
45
|
-
onFocusChange: () => null,
|
|
46
|
-
onFooterExpand: () => null,
|
|
47
|
-
onFooterClose: () => null,
|
|
48
|
-
items: [],
|
|
49
|
-
labelOverflow: "wrap",
|
|
50
|
-
onItemClick: () => null
|
|
51
|
-
};
|
|
52
|
-
const defaultContext = {
|
|
53
|
-
leftNavProps: defaultProps,
|
|
54
|
-
selectedItem: null,
|
|
55
|
-
setSelectedItem: () => null,
|
|
56
|
-
focusedItem: null,
|
|
57
|
-
setFocusedItem: () => null,
|
|
58
|
-
expandedForAnimation: true,
|
|
59
|
-
openedDrilldowns: [],
|
|
60
|
-
setOpenedDrilldowns: () => null,
|
|
61
|
-
visibleItems: [],
|
|
62
|
-
visibleItemsRefs: { current: {} }
|
|
63
|
-
};
|
|
64
|
-
const LeftNavContext = (0, import_react.createContext)(defaultContext);
|
|
65
|
-
var LeftNavigationContext_default = LeftNavContext;
|
|
66
|
-
module.exports = __toCommonJS(LeftNavigationContext_exports);
|
|
67
|
-
//# sourceMappingURL=LeftNavigationContext.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/LeftNavigationContext.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { createContext, MutableRefObject, RefObject } from 'react';\nimport type { LeftNavProps, LabelOveflowT } from './index.d';\n\nexport type ContextProps = {\n selectedItem: string | null;\n setSelectedItem: React.Dispatch<React.SetStateAction<string | null>>;\n focusedItem: string | null;\n setFocusedItem: React.Dispatch<React.SetStateAction<string | null>>;\n openedDrilldowns: string[];\n setOpenedDrilldowns: React.Dispatch<React.SetStateAction<string[]>>;\n visibleItems: string[];\n visibleItemsRefs: MutableRefObject<Record<string, RefObject<HTMLElement>>>;\n leftNavProps: LeftNavProps;\n expandedForAnimation: boolean;\n};\n\nexport const defaultProps: LeftNavProps = {\n expandedWidth: '240px',\n tabIndex: 0,\n loading: false,\n expanded: false,\n openedItem: null,\n footerLabel: '',\n onSelectedChange: () => null,\n onFocusChange: () => null,\n onFooterExpand: () => null,\n onFooterClose: () => null,\n items: [],\n labelOverflow: 'wrap' as LabelOveflowT,\n onItemClick: () => null,\n};\n\nexport const defaultContext: ContextProps = {\n leftNavProps: defaultProps,\n selectedItem: null,\n setSelectedItem: () => null,\n focusedItem: null,\n setFocusedItem: () => null,\n expandedForAnimation: true,\n openedDrilldowns: [],\n setOpenedDrilldowns: () => null,\n visibleItems: [],\n visibleItemsRefs: { current: {} },\n};\n\nexport const LeftNavContext = createContext<ContextProps>(defaultContext);\n\nexport default LeftNavContext;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAgB3D,MAAM,eAA6B;AAAA,EACxC,eAAe;AAAA,EACf,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,kBAAkB,MAAM;AAAA,EACxB,eAAe,MAAM;AAAA,EACrB,gBAAgB,MAAM;AAAA,EACtB,eAAe,MAAM;AAAA,EACrB,OAAO;AAAA,EACP,eAAe;AAAA,EACf,aAAa,MAAM;AAAA;AAGd,MAAM,iBAA+B;AAAA,EAC1C,cAAc;AAAA,EACd,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EACvB,aAAa;AAAA,EACb,gBAAgB,MAAM;AAAA,EACtB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB,MAAM;AAAA,EAC3B,cAAc;AAAA,EACd,kBAAkB,EAAE,SAAS;AAAA;AAGxB,MAAM,iBAAiB,gCAA4B;AAE1D,IAAO,gCAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var getItemBackgroundStyle_exports = {};
|
|
29
|
-
__export(getItemBackgroundStyle_exports, {
|
|
30
|
-
getItemBackgroundStyle: () => getItemBackgroundStyle
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
const commonItemBackgroundStyle = (color, hoverColor, activeColor) => `
|
|
34
|
-
|
|
35
|
-
background: ${color};
|
|
36
|
-
|
|
37
|
-
:hover {
|
|
38
|
-
background: ${hoverColor};
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
:active {
|
|
42
|
-
background: ${activeColor};
|
|
43
|
-
}
|
|
44
|
-
`;
|
|
45
|
-
const getItemBackgroundStyle = (props) => {
|
|
46
|
-
if (props.selected && !props.opened)
|
|
47
|
-
return commonItemBackgroundStyle(props.theme.colors.brand[200], props.theme.colors.brand[200], props.theme.colors.brand[200]);
|
|
48
|
-
return commonItemBackgroundStyle(props.theme.colors.neutral["000"], props.theme.colors.neutral["080"], props.theme.colors.brand[200]);
|
|
49
|
-
};
|
|
50
|
-
module.exports = __toCommonJS(getItemBackgroundStyle_exports);
|
|
51
|
-
//# sourceMappingURL=getItemBackgroundStyle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/common/getItemBackgroundStyle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["const commonItemBackgroundStyle = (\n color: string,\n hoverColor: string,\n activeColor: string,\n): string => `\n\n background: ${color};\n\n :hover {\n background: ${hoverColor};\n }\n\n :active {\n background: ${activeColor};\n }\n`;\n\nexport const getItemBackgroundStyle = (props: {\n theme: any;\n selected: boolean;\n opened: boolean;\n}): string => {\n if (props.selected && !props.opened)\n return commonItemBackgroundStyle(\n props.theme.colors.brand[200],\n props.theme.colors.brand[200],\n props.theme.colors.brand[200],\n );\n\n return commonItemBackgroundStyle(\n props.theme.colors.neutral['000'],\n props.theme.colors.neutral['080'],\n props.theme.colors.brand[200],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,4BAA4B,CAChC,OACA,YACA,gBACW;AAAA;AAAA,gBAEG;AAAA;AAAA;AAAA,kBAGE;AAAA;AAAA;AAAA;AAAA,kBAIA;AAAA;AAAA;AAIX,MAAM,yBAAyB,CAAC,UAIzB;AACZ,MAAI,MAAM,YAAY,CAAC,MAAM;AAC3B,WAAO,0BACL,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM;AAG7B,SAAO,0BACL,MAAM,MAAM,OAAO,QAAQ,QAC3B,MAAM,MAAM,OAAO,QAAQ,QAC3B,MAAM,MAAM,OAAO,MAAM;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var getLeftBorderStyle_exports = {};
|
|
29
|
-
__export(getLeftBorderStyle_exports, {
|
|
30
|
-
getLeftBorderStyle: () => getLeftBorderStyle
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
const commonLeftBorderStyle = (color, hoverColor, activeColor) => `
|
|
34
|
-
|
|
35
|
-
-webkit-box-shadow: inset 4px 0 0 0 ${color};
|
|
36
|
-
box-shadow: inset 4px 0 0 0 ${color};
|
|
37
|
-
|
|
38
|
-
:hover {
|
|
39
|
-
-webkit-box-shadow: inset 4px 0 0 0 ${hoverColor};
|
|
40
|
-
box-shadow: inset 4px 0 0 0 ${hoverColor};
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
:active {
|
|
44
|
-
-webkit-box-shadow: inset 4px 0 0 0 ${activeColor};
|
|
45
|
-
box-shadow: inset 4px 0 0 0 ${activeColor};
|
|
46
|
-
}
|
|
47
|
-
`;
|
|
48
|
-
const getLeftBorderStyle = (props) => {
|
|
49
|
-
if (props.selected || props.selectedParent)
|
|
50
|
-
return commonLeftBorderStyle(props.theme.colors.brand[400], props.theme.colors.brand[400], props.theme.colors.brand[400]);
|
|
51
|
-
return commonLeftBorderStyle(props.theme.colors.neutral["000"], props.theme.colors.brand[300], props.theme.colors.brand[400]);
|
|
52
|
-
};
|
|
53
|
-
module.exports = __toCommonJS(getLeftBorderStyle_exports);
|
|
54
|
-
//# sourceMappingURL=getLeftBorderStyle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/common/getLeftBorderStyle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["const commonLeftBorderStyle = (\n color: string,\n hoverColor: string,\n activeColor: string,\n): string => `\n\n -webkit-box-shadow: inset 4px 0 0 0 ${color};\n box-shadow: inset 4px 0 0 0 ${color};\n\n :hover {\n -webkit-box-shadow: inset 4px 0 0 0 ${hoverColor};\n box-shadow: inset 4px 0 0 0 ${hoverColor};\n }\n\n :active {\n -webkit-box-shadow: inset 4px 0 0 0 ${activeColor};\n box-shadow: inset 4px 0 0 0 ${activeColor};\n }\n`;\n\nexport const getLeftBorderStyle = (props: {\n theme: any;\n selected: boolean;\n}): string => {\n if (props.selected || props.selectedParent)\n return commonLeftBorderStyle(\n props.theme.colors.brand[400],\n props.theme.colors.brand[400],\n props.theme.colors.brand[400],\n );\n\n return commonLeftBorderStyle(\n props.theme.colors.neutral['000'],\n props.theme.colors.brand[300],\n props.theme.colors.brand[400],\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,MAAM,wBAAwB,CAC5B,OACA,YACA,gBACW;AAAA;AAAA,wCAE2B;AAAA,wCACA;AAAA;AAAA;AAAA,0CAGE;AAAA,0CACA;AAAA;AAAA;AAAA;AAAA,0CAIA;AAAA,0CACA;AAAA;AAAA;AAInC,MAAM,qBAAqB,CAAC,UAGrB;AACZ,MAAI,MAAM,YAAY,MAAM;AAC1B,WAAO,sBACL,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM;AAG7B,SAAO,sBACL,MAAM,MAAM,OAAO,QAAQ,QAC3B,MAAM,MAAM,OAAO,MAAM,MACzB,MAAM,MAAM,OAAO,MAAM;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var getScrollbarStyle_exports = {};
|
|
29
|
-
__export(getScrollbarStyle_exports, {
|
|
30
|
-
getScrolbarStyle: () => getScrolbarStyle
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
const getScrolbarStyle = () => `
|
|
34
|
-
::-webkit-scrollbar {
|
|
35
|
-
width: 14px;
|
|
36
|
-
}
|
|
37
|
-
::-webkit-scrollbar-thumb {
|
|
38
|
-
height: 6px;
|
|
39
|
-
border: 4px solid rgba(0, 0, 0, 0);
|
|
40
|
-
|
|
41
|
-
background-clip: padding-box;
|
|
42
|
-
|
|
43
|
-
background-color: rgba(105, 116, 137, 0.5);
|
|
44
|
-
|
|
45
|
-
border-radius: 7px;
|
|
46
|
-
-webkit-border-radius: 7px;
|
|
47
|
-
}
|
|
48
|
-
::-webkit-scrollbar-button {
|
|
49
|
-
width: 0;
|
|
50
|
-
height: 0;
|
|
51
|
-
display: none;
|
|
52
|
-
}
|
|
53
|
-
::-webkit-scrollbar-corner {
|
|
54
|
-
background-color: transparent;
|
|
55
|
-
}
|
|
56
|
-
`;
|
|
57
|
-
module.exports = __toCommonJS(getScrollbarStyle_exports);
|
|
58
|
-
//# sourceMappingURL=getScrollbarStyle.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/common/getScrollbarStyle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const getScrolbarStyle = (): string => `\n ::-webkit-scrollbar {\n width: 14px;\n }\n ::-webkit-scrollbar-thumb {\n height: 6px;\n border: 4px solid rgba(0, 0, 0, 0);\n\n background-clip: padding-box;\n\n background-color: rgba(105, 116, 137, 0.5);\n\n border-radius: 7px;\n -webkit-border-radius: 7px;\n }\n ::-webkit-scrollbar-button {\n width: 0;\n height: 0;\n display: none;\n }\n ::-webkit-scrollbar-corner {\n background-color: transparent;\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB,MAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/common/index.js
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
9
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
10
|
-
for (let key of __getOwnPropNames(module2))
|
|
11
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
12
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
13
|
-
}
|
|
14
|
-
return target;
|
|
15
|
-
};
|
|
16
|
-
var __toESM = (module2, isNodeMode) => {
|
|
17
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
18
|
-
};
|
|
19
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
20
|
-
return (module2, temp) => {
|
|
21
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
22
|
-
};
|
|
23
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
|
-
var common_exports = {};
|
|
25
|
-
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(common_exports, require("./getItemBackgroundStyle"));
|
|
27
|
-
__reExport(common_exports, require("./getLeftBorderStyle"));
|
|
28
|
-
__reExport(common_exports, require("./getScrollbarStyle"));
|
|
29
|
-
module.exports = __toCommonJS(common_exports);
|
|
30
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/common/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from './getItemBackgroundStyle';\nexport * from './getLeftBorderStyle';\nexport * from './getScrollbarStyle';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,2BAAc;AACd,2BAAc;AACd,2BAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var configs_exports = {};
|
|
29
|
-
__export(configs_exports, {
|
|
30
|
-
default: () => configs_default,
|
|
31
|
-
useLeftNavConfig: () => import_useLeftNavConfig2.useLeftNavConfig
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_useLeftNavConfig = require("./useLeftNavConfig");
|
|
35
|
-
var import_useLeftNavConfig2 = require("./useLeftNavConfig");
|
|
36
|
-
var configs_default = import_useLeftNavConfig.useLeftNavConfig;
|
|
37
|
-
module.exports = __toCommonJS(configs_exports);
|
|
38
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/configs/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { useLeftNavConfig } from './useLeftNavConfig';\n\nexport { useLeftNavConfig } from './useLeftNavConfig';\nexport default useLeftNavConfig;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAiC;AAEjC,+BAAiC;AACjC,IAAO,kBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useLeftNavConfig_exports = {};
|
|
29
|
-
__export(useLeftNavConfig_exports, {
|
|
30
|
-
default: () => useLeftNavConfig_default,
|
|
31
|
-
useLeftNavConfig: () => useLeftNavConfig
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_useLeftNavItems = __toESM(require("./useLeftNavItems"));
|
|
36
|
-
var import_useLeftNavSmoothExpand = require("./useLeftNavSmoothExpand");
|
|
37
|
-
var import_useSelectFirstBodyItem = require("../hooks/useSelectFirstBodyItem");
|
|
38
|
-
const useLeftNavConfig = (props) => {
|
|
39
|
-
const { expanded, openedItem, onSelectedChange, onFocusChange, items } = props;
|
|
40
|
-
const [selectedItem, setSelectedItem] = import_react.default.useState(null);
|
|
41
|
-
const [selectedParent, setSelectedParent] = import_react.default.useState(null);
|
|
42
|
-
const [focusedItem, setFocusedItem] = import_react.default.useState(null);
|
|
43
|
-
const [openedDrilldowns, setOpenedDrilldowns] = import_react.default.useState([]);
|
|
44
|
-
const [expandedForAnimation, setExpandedForAnimation] = import_react.default.useState(expanded);
|
|
45
|
-
const timeoutRef = import_react.default.useRef(null);
|
|
46
|
-
const smoothExpandOpts = import_react.default.useMemo(() => ({
|
|
47
|
-
expandedForAnimation,
|
|
48
|
-
timeoutRef,
|
|
49
|
-
setExpandedForAnimation
|
|
50
|
-
}), [expandedForAnimation, timeoutRef, setExpandedForAnimation]);
|
|
51
|
-
(0, import_useLeftNavSmoothExpand.useLeftNavSmoothExpand)(props, smoothExpandOpts);
|
|
52
|
-
import_react.default.useEffect(() => {
|
|
53
|
-
onSelectedChange(selectedItem);
|
|
54
|
-
}, [selectedItem, onSelectedChange]);
|
|
55
|
-
import_react.default.useEffect(() => {
|
|
56
|
-
if (props.actionRef && props.actionRef.current) {
|
|
57
|
-
props.actionRef.current.setFocusedItem = setFocusedItem;
|
|
58
|
-
}
|
|
59
|
-
}, [props.actionRef]);
|
|
60
|
-
import_react.default.useEffect(() => {
|
|
61
|
-
if (openedItem !== null)
|
|
62
|
-
setSelectedParent(openedItem);
|
|
63
|
-
}, [openedItem]);
|
|
64
|
-
import_react.default.useEffect(() => {
|
|
65
|
-
onFocusChange(focusedItem);
|
|
66
|
-
}, [focusedItem, onFocusChange]);
|
|
67
|
-
(0, import_useSelectFirstBodyItem.useSelectFirstBodyItem)(items, openedItem, props.selectedItem !== void 0 ? props.selectedItem : selectedItem, setSelectedItem, props.disableDefaultSelection);
|
|
68
|
-
const leftNavItemsProps = import_react.default.useMemo(() => ({
|
|
69
|
-
headerItem: props.HeaderComponent,
|
|
70
|
-
bodyHeaderItem: props.BodyHeaderComponent,
|
|
71
|
-
items: props.items,
|
|
72
|
-
openedDrilldowns
|
|
73
|
-
}), [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns]);
|
|
74
|
-
const { visibleItems, visibleItemsRefs } = (0, import_useLeftNavItems.default)(leftNavItemsProps);
|
|
75
|
-
const finalConfig = import_react.default.useMemo(() => ({
|
|
76
|
-
leftNavProps: props,
|
|
77
|
-
expandedForAnimation,
|
|
78
|
-
selectedItem: props.selectedItem !== void 0 ? props.selectedItem : selectedItem,
|
|
79
|
-
setSelectedItem,
|
|
80
|
-
selectedParent: props.selectedParent !== void 0 ? props.selectedParent : selectedParent,
|
|
81
|
-
setSelectedParent,
|
|
82
|
-
focusedItem,
|
|
83
|
-
setFocusedItem,
|
|
84
|
-
openedDrilldowns,
|
|
85
|
-
setOpenedDrilldowns,
|
|
86
|
-
visibleItems,
|
|
87
|
-
visibleItemsRefs
|
|
88
|
-
}), [
|
|
89
|
-
props,
|
|
90
|
-
expandedForAnimation,
|
|
91
|
-
selectedItem,
|
|
92
|
-
setSelectedItem,
|
|
93
|
-
setSelectedParent,
|
|
94
|
-
selectedParent,
|
|
95
|
-
focusedItem,
|
|
96
|
-
setFocusedItem,
|
|
97
|
-
openedDrilldowns,
|
|
98
|
-
setOpenedDrilldowns,
|
|
99
|
-
visibleItems,
|
|
100
|
-
visibleItemsRefs
|
|
101
|
-
]);
|
|
102
|
-
return finalConfig;
|
|
103
|
-
};
|
|
104
|
-
var useLeftNavConfig_default = useLeftNavConfig;
|
|
105
|
-
module.exports = __toCommonJS(useLeftNavConfig_exports);
|
|
106
|
-
//# sourceMappingURL=useLeftNavConfig.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/configs/useLeftNavConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport type { LeftNavProps } from '../index.d';\nimport { ContextProps } from '../LeftNavigationContext';\nimport useLeftNavItems from './useLeftNavItems';\nimport { useLeftNavSmoothExpand } from './useLeftNavSmoothExpand';\nimport { useSelectFirstBodyItem } from '../hooks/useSelectFirstBodyItem';\n\nexport const useLeftNavConfig = (props: LeftNavProps): ContextProps => {\n const { expanded, openedItem, onSelectedChange, onFocusChange, items } = props;\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * INTERNAL STATE *\n // ************************** ------------ **************************\n // Selection related\n const [selectedItem, setSelectedItem] = React.useState<string | null>(null);\n const [selectedParent, setSelectedParent] = React.useState<string | null>(null);\n // Focus related\n const [focusedItem, setFocusedItem] = React.useState<string | null>(null);\n // Opened uncontrolled drilldowns\n const [openedDrilldowns, setOpenedDrilldowns] = React.useState<string[]>([]);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * EXPAND ANIMATION *\n // ************************** ------------ **************************\n const [expandedForAnimation, setExpandedForAnimation] = React.useState(expanded);\n const timeoutRef = React.useRef<ReturnType<typeof setTimeout>>(null);\n const smoothExpandOpts = React.useMemo(\n () => ({\n expandedForAnimation,\n timeoutRef,\n setExpandedForAnimation,\n }),\n [expandedForAnimation, timeoutRef, setExpandedForAnimation],\n );\n useLeftNavSmoothExpand(props, smoothExpandOpts);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * SIDE EFFECTS *\n // ************************** ------------ **************************\n React.useEffect(() => {\n onSelectedChange(selectedItem);\n }, [selectedItem, onSelectedChange]);\n\n React.useEffect(() => {\n if (props.actionRef && props.actionRef.current) {\n props.actionRef.current.setFocusedItem = setFocusedItem;\n }\n }, [props.actionRef]);\n\n React.useEffect(() => {\n if (openedItem !== null) setSelectedParent(openedItem);\n }, [openedItem]);\n\n React.useEffect(() => {\n onFocusChange(focusedItem);\n }, [focusedItem, onFocusChange]);\n\n useSelectFirstBodyItem(\n items,\n openedItem,\n props.selectedItem !== undefined ? props.selectedItem : selectedItem,\n setSelectedItem,\n props.disableDefaultSelection,\n );\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * ITEMS MANAGEMENT *\n // ************************** ------------ **************************\n\n const leftNavItemsProps = React.useMemo(\n () => ({\n headerItem: props.HeaderComponent,\n bodyHeaderItem: props.BodyHeaderComponent,\n items: props.items,\n openedDrilldowns,\n }),\n [props.HeaderComponent, props.BodyHeaderComponent, props.items, openedDrilldowns],\n );\n\n // We need to know the current visible items since we have drilldowns\n const { visibleItems, visibleItemsRefs } = useLeftNavItems(leftNavItemsProps);\n\n // -----------------------------------------------------------------------------\n // ************************** ------------ **************************\n // * LEFTNAV CONFIG *\n // ************************** ------------ **************************\n const finalConfig = React.useMemo(\n () => ({\n leftNavProps: props,\n expandedForAnimation,\n selectedItem: props.selectedItem !== undefined ? props.selectedItem : selectedItem,\n setSelectedItem,\n selectedParent: props.selectedParent !== undefined ? props.selectedParent : selectedParent,\n setSelectedParent,\n focusedItem,\n setFocusedItem,\n openedDrilldowns,\n setOpenedDrilldowns,\n visibleItems,\n visibleItemsRefs,\n }),\n [\n props,\n expandedForAnimation,\n selectedItem,\n setSelectedItem,\n setSelectedParent,\n selectedParent,\n focusedItem,\n setFocusedItem,\n openedDrilldowns,\n setOpenedDrilldowns,\n visibleItems,\n visibleItemsRefs,\n ],\n );\n\n return finalConfig;\n};\n\nexport default useLeftNavConfig;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGlB,6BAA4B;AAC5B,oCAAuC;AACvC,oCAAuC;AAEhC,MAAM,mBAAmB,CAAC,UAAsC;AACrE,QAAM,EAAE,UAAU,YAAY,kBAAkB,eAAe,UAAU;AAOzE,QAAM,CAAC,cAAc,mBAAmB,qBAAM,SAAwB;AACtE,QAAM,CAAC,gBAAgB,qBAAqB,qBAAM,SAAwB;AAE1E,QAAM,CAAC,aAAa,kBAAkB,qBAAM,SAAwB;AAEpE,QAAM,CAAC,kBAAkB,uBAAuB,qBAAM,SAAmB;AAMzE,QAAM,CAAC,sBAAsB,2BAA2B,qBAAM,SAAS;AACvE,QAAM,aAAa,qBAAM,OAAsC;AAC/D,QAAM,mBAAmB,qBAAM,QAC7B,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,sBAAsB,YAAY;AAErC,4DAAuB,OAAO;AAM9B,uBAAM,UAAU,MAAM;AACpB,qBAAiB;AAAA,KAChB,CAAC,cAAc;AAElB,uBAAM,UAAU,MAAM;AACpB,QAAI,MAAM,aAAa,MAAM,UAAU,SAAS;AAC9C,YAAM,UAAU,QAAQ,iBAAiB;AAAA;AAAA,KAE1C,CAAC,MAAM;AAEV,uBAAM,UAAU,MAAM;AACpB,QAAI,eAAe;AAAM,wBAAkB;AAAA,KAC1C,CAAC;AAEJ,uBAAM,UAAU,MAAM;AACpB,kBAAc;AAAA,KACb,CAAC,aAAa;AAEjB,4DACE,OACA,YACA,MAAM,iBAAiB,SAAY,MAAM,eAAe,cACxD,iBACA,MAAM;AAQR,QAAM,oBAAoB,qBAAM,QAC9B,MAAO;AAAA,IACL,YAAY,MAAM;AAAA,IAClB,gBAAgB,MAAM;AAAA,IACtB,OAAO,MAAM;AAAA,IACb;AAAA,MAEF,CAAC,MAAM,iBAAiB,MAAM,qBAAqB,MAAM,OAAO;AAIlE,QAAM,EAAE,cAAc,qBAAqB,oCAAgB;AAM3D,QAAM,cAAc,qBAAM,QACxB,MAAO;AAAA,IACL,cAAc;AAAA,IACd;AAAA,IACA,cAAc,MAAM,iBAAiB,SAAY,MAAM,eAAe;AAAA,IACtE;AAAA,IACA,gBAAgB,MAAM,mBAAmB,SAAY,MAAM,iBAAiB;AAAA,IAC5E;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;AAGT,IAAO,2BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var useLeftNavItems_exports = {};
|
|
29
|
-
__export(useLeftNavItems_exports, {
|
|
30
|
-
default: () => useLeftNavItems_default,
|
|
31
|
-
useLeftNavItems: () => useLeftNavItems
|
|
32
|
-
});
|
|
33
|
-
var React = __toESM(require("react"));
|
|
34
|
-
var import_react = require("react");
|
|
35
|
-
var import_exported_related = require("../exported-related");
|
|
36
|
-
var import_constants = require("../exported-related/constants");
|
|
37
|
-
const notFocuseableItems = [import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR, import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_SECTION];
|
|
38
|
-
const walkItems = (items, openedDrilldowns, callback) => {
|
|
39
|
-
items.forEach((item) => {
|
|
40
|
-
if (typeof item.type === "string") {
|
|
41
|
-
if (notFocuseableItems.includes(item.type))
|
|
42
|
-
return;
|
|
43
|
-
callback(item.dsId);
|
|
44
|
-
if (item.type === import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_UNCONTROLLED_DRILLDOWN && openedDrilldowns.includes(item.dsId))
|
|
45
|
-
walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);
|
|
46
|
-
if (item.type === import_exported_related.ITEM_TYPES.LEFT_NAV_ITEM_CONTROLLED_DRILLDOWN && item.itemOpts?.isOpened)
|
|
47
|
-
walkItems(item.itemOpts?.items ?? [], openedDrilldowns, callback);
|
|
48
|
-
} else {
|
|
49
|
-
if (!item.itemOpts?.focuseable)
|
|
50
|
-
return;
|
|
51
|
-
callback(item.dsId);
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
const useLeftNavItems = (props) => {
|
|
56
|
-
const { headerItem, bodyHeaderItem, items: bodyItems, openedDrilldowns } = props;
|
|
57
|
-
const items = (0, import_react.useMemo)(() => {
|
|
58
|
-
const itemsArray = [...bodyItems];
|
|
59
|
-
if (bodyHeaderItem)
|
|
60
|
-
itemsArray.unshift(bodyHeaderItem);
|
|
61
|
-
if (headerItem)
|
|
62
|
-
itemsArray.unshift(headerItem);
|
|
63
|
-
return itemsArray;
|
|
64
|
-
}, [headerItem, bodyHeaderItem, bodyItems]);
|
|
65
|
-
const visibleItemsRefs = (0, import_react.useRef)({});
|
|
66
|
-
const visibleItems = (0, import_react.useMemo)(() => {
|
|
67
|
-
const visibleItemsArray = [];
|
|
68
|
-
walkItems(items, openedDrilldowns, (dsId) => {
|
|
69
|
-
visibleItemsArray.push(dsId);
|
|
70
|
-
});
|
|
71
|
-
visibleItemsArray.push(import_constants.FOOTER_DS_ID);
|
|
72
|
-
return visibleItemsArray;
|
|
73
|
-
}, [items, openedDrilldowns]);
|
|
74
|
-
visibleItems.forEach((dsId) => {
|
|
75
|
-
if (!(dsId in visibleItemsRefs.current))
|
|
76
|
-
visibleItemsRefs.current[dsId] = (0, import_react.createRef)();
|
|
77
|
-
});
|
|
78
|
-
return { visibleItems, visibleItemsRefs };
|
|
79
|
-
};
|
|
80
|
-
var useLeftNavItems_default = useLeftNavItems;
|
|
81
|
-
module.exports = __toCommonJS(useLeftNavItems_exports);
|
|
82
|
-
//# sourceMappingURL=useLeftNavItems.js.map
|