@neo4j-ndl/react 3.8.19 → 3.8.20
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/lib/cjs/next/side-navigation/SideNavigation.js +64 -53
- package/lib/cjs/next/side-navigation/SideNavigation.js.map +1 -1
- package/lib/cjs/tooltip/Tooltip.js +2 -1
- package/lib/cjs/tooltip/Tooltip.js.map +1 -1
- package/lib/cjs/tooltip/use-tooltip.js +2 -1
- package/lib/cjs/tooltip/use-tooltip.js.map +1 -1
- package/lib/esm/next/side-navigation/SideNavigation.js +65 -54
- package/lib/esm/next/side-navigation/SideNavigation.js.map +1 -1
- package/lib/esm/tooltip/Tooltip.js +2 -1
- package/lib/esm/tooltip/Tooltip.js.map +1 -1
- package/lib/esm/tooltip/use-tooltip.js +2 -1
- package/lib/esm/tooltip/use-tooltip.js.map +1 -1
- package/lib/types/tooltip/Tooltip.d.ts +5 -1
- package/lib/types/tooltip/use-tooltip.d.ts +5 -1
- package/package.json +2 -2
|
@@ -37,6 +37,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
37
37
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
38
38
|
*/
|
|
39
39
|
const react_1 = require("@floating-ui/react");
|
|
40
|
+
const base_1 = require("@neo4j-ndl/base");
|
|
40
41
|
const classnames_1 = __importDefault(require("classnames"));
|
|
41
42
|
const react_2 = require("react");
|
|
42
43
|
const IconIndicatorWrapper_1 = require("../../_common/IconIndicatorWrapper");
|
|
@@ -44,7 +45,6 @@ const button_1 = require("../../button");
|
|
|
44
45
|
const conditional_wrap_1 = require("../../conditional-wrap");
|
|
45
46
|
const divider_1 = require("../../divider");
|
|
46
47
|
const icons_1 = require("../../icons");
|
|
47
|
-
const popover_1 = require("../../popover");
|
|
48
48
|
const tooltip_1 = require("../../tooltip");
|
|
49
49
|
const typography_1 = require("../../typography");
|
|
50
50
|
const SideNavContext = (0, react_2.createContext)(null);
|
|
@@ -57,16 +57,18 @@ const useSideNavContext = () => {
|
|
|
57
57
|
};
|
|
58
58
|
const SideNavComponent = (0, react_2.forwardRef)(function SideNavComponent({ children, className, style, htmlAttributes, isExpanded = false, shouldExpandOnHover = true, pinButtonCallback, expandedWidth = '196px', }, ref) {
|
|
59
59
|
const [isHovered, setIsHovered] = (0, react_2.useState)(false);
|
|
60
|
-
const
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
};
|
|
65
|
-
const
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
60
|
+
const { refs, context } = (0, react_1.useFloating)({
|
|
61
|
+
middleware: [(0, react_1.offset)(0)],
|
|
62
|
+
onOpenChange: setIsHovered,
|
|
63
|
+
open: shouldExpandOnHover && isHovered,
|
|
64
|
+
});
|
|
65
|
+
const hover = (0, react_1.useHover)(context, {
|
|
66
|
+
delay: { close: 250, open: 100 },
|
|
67
|
+
handleClose: (0, react_1.safePolygon)({
|
|
68
|
+
blockPointerEvents: true,
|
|
69
|
+
}),
|
|
70
|
+
});
|
|
71
|
+
const { getReferenceProps, getFloatingProps } = (0, react_1.useInteractions)([hover]);
|
|
70
72
|
const classes = (0, classnames_1.default)('ndl-side-nav ndl-side-nav-root', {
|
|
71
73
|
'ndl-side-nav-collapsed': !isExpanded && !shouldExpandOnHover,
|
|
72
74
|
'ndl-side-nav-expanded': isExpanded,
|
|
@@ -79,12 +81,13 @@ const SideNavComponent = (0, react_2.forwardRef)(function SideNavComponent({ chi
|
|
|
79
81
|
? expandedWidth
|
|
80
82
|
: `${expandedWidth}px`,
|
|
81
83
|
}));
|
|
84
|
+
const mergedRef = (0, react_1.useMergeRefs)([ref, refs.setFloating]);
|
|
82
85
|
return ((0, jsx_runtime_1.jsx)(SideNavContext.Provider, { value: {
|
|
83
86
|
isExpanded,
|
|
84
87
|
isHovered,
|
|
85
88
|
pinButtonCallback,
|
|
86
89
|
shouldExpandOnHover,
|
|
87
|
-
}, children: (0, jsx_runtime_1.jsx)("div", { className: classes, style: customStyle, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref:
|
|
90
|
+
}, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: refs.setReference, className: classes }, getReferenceProps(), { style: customStyle, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: mergedRef, className: innerClasses }, getFloatingProps(), htmlAttributes, { children: [(0, jsx_runtime_1.jsx)("nav", { className: "ndl-side-nav-nav", children: children }), shouldExpandOnHover && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-side-nav-footer", children: (0, jsx_runtime_1.jsx)(PinButton, {}) }))] })) })) }));
|
|
88
91
|
});
|
|
89
92
|
const SideNavList = (0, react_2.forwardRef)(function SideNavList({ children, className, style }, ref) {
|
|
90
93
|
useSideNavContext();
|
|
@@ -93,16 +96,16 @@ const SideNavList = (0, react_2.forwardRef)(function SideNavList({ children, cla
|
|
|
93
96
|
});
|
|
94
97
|
const NavItem = (0, react_2.forwardRef)(function NavItem(_a, ref) {
|
|
95
98
|
var { icon, label, rightElement, isSelected, className, style, htmlAttributes, as, badge } = _a, restProps = __rest(_a, ["icon", "label", "rightElement", "isSelected", "className", "style", "htmlAttributes", "as", "badge"]);
|
|
96
|
-
const { isExpanded, isHovered } = useSideNavContext();
|
|
99
|
+
const { isExpanded, isHovered, shouldExpandOnHover } = useSideNavContext();
|
|
97
100
|
const isInCategory = useSideNavCategoryContext();
|
|
98
101
|
const outerClasses = (0, classnames_1.default)('ndl-side-nav-item', className, {
|
|
99
|
-
'ndl-
|
|
102
|
+
'ndl-active': isSelected === true,
|
|
100
103
|
});
|
|
101
104
|
const Component = as !== null && as !== void 0 ? as : 'button';
|
|
102
|
-
return ((0, jsx_runtime_1.jsx)("li", { className: outerClasses, children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-nav-item-inner", children: [(0, jsx_runtime_1.jsx)(SelectedIndicator, {}), (0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: isExpanded === false &&
|
|
103
|
-
isHovered === false &&
|
|
105
|
+
return ((0, jsx_runtime_1.jsx)("li", { className: outerClasses, children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-nav-item-inner", children: [(0, jsx_runtime_1.jsx)(SelectedIndicator, { isActive: isSelected === true }), (0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: isExpanded === false &&
|
|
106
|
+
(isHovered === false || !shouldExpandOnHover) &&
|
|
104
107
|
!isInCategory &&
|
|
105
|
-
Boolean(label), wrap: (children) => ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { type: "simple", placement: "right", children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { hasButtonWrapper: true, children: children }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: label })] })), children: (0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: "ndl-side-nav-item-button", style: style }, htmlAttributes, restProps, { onKeyDown: (e) => {
|
|
108
|
+
Boolean(label), wrap: (children) => ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { type: "simple", placement: "right", hoverDelay: { close: 0, open: shouldExpandOnHover ? 100 : 0 }, children: [(0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Trigger, { hasButtonWrapper: true, children: children }), (0, jsx_runtime_1.jsx)(tooltip_1.Tooltip.Content, { children: label })] })), children: (0, jsx_runtime_1.jsxs)(Component, Object.assign({ ref: ref, className: "ndl-side-nav-item-button", style: style }, htmlAttributes, restProps, { onKeyDown: (e) => {
|
|
106
109
|
if (isInCategory && (e.key === 'Enter' || e.key === ' ')) {
|
|
107
110
|
e.stopPropagation();
|
|
108
111
|
}
|
|
@@ -114,52 +117,60 @@ const NavItem = (0, react_2.forwardRef)(function NavItem(_a, ref) {
|
|
|
114
117
|
/**
|
|
115
118
|
* SelectedIndicator
|
|
116
119
|
*/
|
|
117
|
-
const SelectedIndicator = () => {
|
|
118
|
-
return (0, jsx_runtime_1.jsx)("div", { className:
|
|
120
|
+
const SelectedIndicator = ({ isActive }) => {
|
|
121
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)('ndl-side-nav-selected-indicator', {
|
|
122
|
+
'ndl-active': isActive,
|
|
123
|
+
}) }));
|
|
119
124
|
};
|
|
120
125
|
const SideNavCategoryContext = (0, react_2.createContext)(false);
|
|
121
126
|
const useSideNavCategoryContext = () => {
|
|
122
127
|
return (0, react_2.useContext)(SideNavCategoryContext);
|
|
123
128
|
};
|
|
124
129
|
const CategoryItem = (0, react_2.forwardRef)(function CategoryItem({ children, icon, label, isSelected, className, style, htmlAttributes, badge, isMenuOpen = false, }, ref) {
|
|
130
|
+
var _a;
|
|
125
131
|
const { isExpanded, isHovered } = useSideNavContext();
|
|
126
|
-
const
|
|
127
|
-
'ndl-selected': isSelected === true,
|
|
128
|
-
});
|
|
132
|
+
const anchorRef = (0, react_2.useRef)(null);
|
|
129
133
|
const [isOpen, setIsOpen] = (0, react_2.useState)(false);
|
|
130
|
-
const
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
134
|
+
const outerClasses = (0, classnames_1.default)('ndl-side-nav-category-item', className);
|
|
135
|
+
// Floating UI setup
|
|
136
|
+
const { refs, context } = (0, react_1.useFloating)({
|
|
137
|
+
elements: {
|
|
138
|
+
reference: anchorRef.current,
|
|
139
|
+
},
|
|
140
|
+
middleware: [
|
|
141
|
+
(0, react_1.offset)(5),
|
|
142
|
+
(0, react_1.flip)({ crossAxis: true, fallbackAxisSideDirection: 'end', padding: 5 }),
|
|
143
|
+
(0, react_1.shift)({ padding: 5 }),
|
|
144
|
+
],
|
|
145
|
+
onOpenChange: setIsOpen,
|
|
146
|
+
open: isOpen || isMenuOpen,
|
|
147
|
+
placement: 'right-start',
|
|
148
|
+
strategy: 'fixed',
|
|
149
|
+
whileElementsMounted: react_1.autoUpdate,
|
|
150
|
+
});
|
|
151
|
+
const dismiss = (0, react_1.useDismiss)(context);
|
|
152
|
+
const hover = (0, react_1.useHover)(context, {
|
|
153
|
+
delay: { close: 130, open: 130 },
|
|
154
|
+
handleClose: (0, react_1.safePolygon)({
|
|
155
|
+
blockPointerEvents: true,
|
|
156
|
+
requireIntent: false,
|
|
157
|
+
}),
|
|
158
|
+
});
|
|
159
|
+
const interactions = (0, react_1.useInteractions)([dismiss, hover]);
|
|
160
|
+
const { styles: transitionStyles } = (0, react_1.useTransitionStyles)(context, {
|
|
161
|
+
duration: (_a = Number.parseInt(base_1.tokens.transitions.values.duration.quick, 10)) !== null && _a !== void 0 ? _a : 0,
|
|
162
|
+
});
|
|
163
|
+
const mergedRef = (0, react_1.useMergeRefs)([refs.setReference, ref]);
|
|
164
|
+
return ((0, jsx_runtime_1.jsx)(SideNavCategoryContext.Provider, { value: true, children: (0, jsx_runtime_1.jsx)("li", { className: outerClasses, ref: anchorRef, children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-nav-item-inner", children: [(0, jsx_runtime_1.jsx)(SelectedIndicator, { isActive: isSelected === true }), (0, jsx_runtime_1.jsxs)("button", Object.assign({ ref: mergedRef }, interactions.getReferenceProps(Object.assign(Object.assign({ className: 'ndl-side-nav-category-item-button', style }, htmlAttributes), { onKeyDown: (e) => {
|
|
165
|
+
var _a;
|
|
166
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
167
|
+
setIsOpen(!isOpen);
|
|
137
168
|
}
|
|
138
|
-
|
|
169
|
+
(_a = htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(htmlAttributes, e);
|
|
170
|
+
} })), { children: [Boolean(icon) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-side-nav-item-left-element", children: (0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: Boolean(badge) && !isHovered && !isExpanded, wrap: (children) => {
|
|
139
171
|
var _a;
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
}, onMouseLeave: (e) => {
|
|
143
|
-
var _a;
|
|
144
|
-
setIsOpen(false);
|
|
145
|
-
(_a = htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(htmlAttributes, e);
|
|
146
|
-
}, onKeyDown: (e) => {
|
|
147
|
-
var _a;
|
|
148
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
149
|
-
setIsOpen(!isOpen);
|
|
150
|
-
}
|
|
151
|
-
(_a = htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(htmlAttributes, e);
|
|
152
|
-
}, children: [Boolean(icon) && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-side-nav-item-left-element", children: (0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: Boolean(badge) && !isHovered && !isExpanded, wrap: (children) => {
|
|
153
|
-
var _a;
|
|
154
|
-
return ((0, jsx_runtime_1.jsx)(IconIndicatorWrapper_1.IconIndicatorWrapper, { type: (_a = badge === null || badge === void 0 ? void 0 : badge.type) !== null && _a !== void 0 ? _a : 'info', children: children }));
|
|
155
|
-
}, children: icon }) })), Boolean(label) && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", as: "div", className: "ndl-side-nav-item-label", children: label })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-nav-item-right-element", children: [badge && ((0, jsx_runtime_1.jsx)(ItemBadge, { type: badge.type, number: badge.number })), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIconOutline, { className: "n-size-4 n-text-palette-neutral-icon" })] })] })) }), (0, jsx_runtime_1.jsx)(popover_1.Popover.Content, { as: "nav", className: "ndl-side-nav ndl-side-nav-popover", htmlAttributes: {
|
|
156
|
-
onMouseEnter: () => {
|
|
157
|
-
setIsOpen(true);
|
|
158
|
-
},
|
|
159
|
-
onMouseLeave: () => {
|
|
160
|
-
setIsOpen(false);
|
|
161
|
-
},
|
|
162
|
-
}, children: (0, jsx_runtime_1.jsx)("ul", { className: "ndl-side-nav-popover-list", children: children }) })] })] }) }) }));
|
|
172
|
+
return ((0, jsx_runtime_1.jsx)(IconIndicatorWrapper_1.IconIndicatorWrapper, { type: (_a = badge === null || badge === void 0 ? void 0 : badge.type) !== null && _a !== void 0 ? _a : 'info', children: children }));
|
|
173
|
+
}, children: icon }) })), Boolean(label) && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: "body-medium", as: "div", className: "ndl-side-nav-item-label", children: label })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-nav-item-right-element", children: [badge && (0, jsx_runtime_1.jsx)(ItemBadge, { type: badge.type, number: badge.number }), (0, jsx_runtime_1.jsx)(icons_1.ChevronRightIconOutline, { className: "n-size-4 n-text-palette-neutral-icon" })] })] })), context.open && ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { root: context.refs.reference.current, children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context, modal: true, initialFocus: undefined, children: (0, jsx_runtime_1.jsx)("nav", Object.assign({ ref: refs.setFloating, className: "ndl-side-nav ndl-side-nav-popover", style: Object.assign(Object.assign({}, context.floatingStyles), transitionStyles) }, interactions.getFloatingProps(), { children: (0, jsx_runtime_1.jsx)("ul", { className: "ndl-side-nav-popover-list", children: children }) })) }) }))] }) }) }));
|
|
163
174
|
});
|
|
164
175
|
const CategoryHeader = ({ children, className }) => {
|
|
165
176
|
const { isExpanded, isHovered } = useSideNavContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../../src/next/side-navigation/SideNavigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,
|
|
1
|
+
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../../src/next/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,7 +35,7 @@ const icons_1 = require("../icons");
|
|
|
35
35
|
const theme_1 = require("../theme");
|
|
36
36
|
const typography_1 = require("../typography");
|
|
37
37
|
const use_tooltip_1 = require("./use-tooltip");
|
|
38
|
-
function Tooltip({ children, isDisabled = false, type, isInitialOpen, placement, isOpen, onOpenChange, isPortaled = true, strategy: strategyProp, }) {
|
|
38
|
+
function Tooltip({ children, isDisabled = false, type, isInitialOpen, placement, isOpen, onOpenChange, isPortaled = true, strategy: strategyProp, hoverDelay, }) {
|
|
39
39
|
const isInsideDialog = (0, Dialog_1.useIsInsideDialog)();
|
|
40
40
|
const strategy = isInsideDialog ? 'fixed' : 'absolute';
|
|
41
41
|
const tooltip = (0, use_tooltip_1.useTooltip)({
|
|
@@ -47,6 +47,7 @@ function Tooltip({ children, isDisabled = false, type, isInitialOpen, placement,
|
|
|
47
47
|
placement,
|
|
48
48
|
strategy: strategyProp !== null && strategyProp !== void 0 ? strategyProp : strategy,
|
|
49
49
|
type,
|
|
50
|
+
hoverDelay,
|
|
50
51
|
});
|
|
51
52
|
return ((0, jsx_runtime_1.jsx)(use_tooltip_1.TooltipContext.Provider, { value: tooltip, children: children }));
|
|
52
53
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ exports.useTooltip = useTooltip;
|
|
|
24
24
|
*/
|
|
25
25
|
const react_1 = require("@floating-ui/react");
|
|
26
26
|
const react_2 = require("react");
|
|
27
|
-
function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: controlledOpen, onOpenChange: setControlledOpen, type = 'simple', isPortaled = true, strategy = 'absolute', } = {}) {
|
|
27
|
+
function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: controlledOpen, onOpenChange: setControlledOpen, type = 'simple', isPortaled = true, strategy = 'absolute', hoverDelay = undefined, } = {}) {
|
|
28
28
|
const [isUncontrolledOpen, setIsUncontrolledOpen] = (0, react_2.useState)(isInitialOpen);
|
|
29
29
|
const isOpen = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : isUncontrolledOpen;
|
|
30
30
|
const setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setIsUncontrolledOpen;
|
|
@@ -47,6 +47,7 @@ function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: controll
|
|
|
47
47
|
const context = data.context;
|
|
48
48
|
const hover = (0, react_1.useHover)(context, {
|
|
49
49
|
move: false,
|
|
50
|
+
delay: hoverDelay,
|
|
50
51
|
enabled: controlledOpen === undefined && type === 'simple',
|
|
51
52
|
});
|
|
52
53
|
const click = (0, react_1.useClick)(context, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/use-tooltip.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"use-tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/use-tooltip.ts"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
30
30
|
* You should have received a copy of the GNU General Public License
|
|
31
31
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
32
32
|
*/
|
|
33
|
-
import { useMergeRefs } from '@floating-ui/react';
|
|
33
|
+
import { autoUpdate, flip, FloatingFocusManager, FloatingPortal, offset, safePolygon, shift, useDismiss, useFloating, useHover, useInteractions, useMergeRefs, useTransitionStyles, } from '@floating-ui/react';
|
|
34
|
+
import { tokens } from '@neo4j-ndl/base';
|
|
34
35
|
import classNames from 'classnames';
|
|
35
36
|
import { createContext, forwardRef, useContext, useRef, useState } from 'react';
|
|
36
37
|
import { IconIndicatorWrapper, } from '../../_common/IconIndicatorWrapper';
|
|
@@ -38,7 +39,6 @@ import { IconButton } from '../../button';
|
|
|
38
39
|
import { ConditionalWrap } from '../../conditional-wrap';
|
|
39
40
|
import { Divider } from '../../divider';
|
|
40
41
|
import { ChevronRightIconOutline, PinIcon } from '../../icons';
|
|
41
|
-
import { Popover } from '../../popover';
|
|
42
42
|
import { Tooltip } from '../../tooltip';
|
|
43
43
|
import { Typography } from '../../typography';
|
|
44
44
|
const SideNavContext = createContext(null);
|
|
@@ -51,16 +51,18 @@ const useSideNavContext = () => {
|
|
|
51
51
|
};
|
|
52
52
|
const SideNavComponent = forwardRef(function SideNavComponent({ children, className, style, htmlAttributes, isExpanded = false, shouldExpandOnHover = true, pinButtonCallback, expandedWidth = '196px', }, ref) {
|
|
53
53
|
const [isHovered, setIsHovered] = useState(false);
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
};
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
54
|
+
const { refs, context } = useFloating({
|
|
55
|
+
middleware: [offset(0)],
|
|
56
|
+
onOpenChange: setIsHovered,
|
|
57
|
+
open: shouldExpandOnHover && isHovered,
|
|
58
|
+
});
|
|
59
|
+
const hover = useHover(context, {
|
|
60
|
+
delay: { close: 250, open: 100 },
|
|
61
|
+
handleClose: safePolygon({
|
|
62
|
+
blockPointerEvents: true,
|
|
63
|
+
}),
|
|
64
|
+
});
|
|
65
|
+
const { getReferenceProps, getFloatingProps } = useInteractions([hover]);
|
|
64
66
|
const classes = classNames('ndl-side-nav ndl-side-nav-root', {
|
|
65
67
|
'ndl-side-nav-collapsed': !isExpanded && !shouldExpandOnHover,
|
|
66
68
|
'ndl-side-nav-expanded': isExpanded,
|
|
@@ -73,12 +75,13 @@ const SideNavComponent = forwardRef(function SideNavComponent({ children, classN
|
|
|
73
75
|
? expandedWidth
|
|
74
76
|
: `${expandedWidth}px`,
|
|
75
77
|
}));
|
|
78
|
+
const mergedRef = useMergeRefs([ref, refs.setFloating]);
|
|
76
79
|
return (_jsx(SideNavContext.Provider, { value: {
|
|
77
80
|
isExpanded,
|
|
78
81
|
isHovered,
|
|
79
82
|
pinButtonCallback,
|
|
80
83
|
shouldExpandOnHover,
|
|
81
|
-
}, children: _jsx("div", { className: classes, style: customStyle, children: _jsxs("div", Object.assign({ ref:
|
|
84
|
+
}, children: _jsx("div", Object.assign({ ref: refs.setReference, className: classes }, getReferenceProps(), { style: customStyle, children: _jsxs("div", Object.assign({ ref: mergedRef, className: innerClasses }, getFloatingProps(), htmlAttributes, { children: [_jsx("nav", { className: "ndl-side-nav-nav", children: children }), shouldExpandOnHover && (_jsx("div", { className: "ndl-side-nav-footer", children: _jsx(PinButton, {}) }))] })) })) }));
|
|
82
85
|
});
|
|
83
86
|
const SideNavList = forwardRef(function SideNavList({ children, className, style }, ref) {
|
|
84
87
|
useSideNavContext();
|
|
@@ -87,16 +90,16 @@ const SideNavList = forwardRef(function SideNavList({ children, className, style
|
|
|
87
90
|
});
|
|
88
91
|
const NavItem = forwardRef(function NavItem(_a, ref) {
|
|
89
92
|
var { icon, label, rightElement, isSelected, className, style, htmlAttributes, as, badge } = _a, restProps = __rest(_a, ["icon", "label", "rightElement", "isSelected", "className", "style", "htmlAttributes", "as", "badge"]);
|
|
90
|
-
const { isExpanded, isHovered } = useSideNavContext();
|
|
93
|
+
const { isExpanded, isHovered, shouldExpandOnHover } = useSideNavContext();
|
|
91
94
|
const isInCategory = useSideNavCategoryContext();
|
|
92
95
|
const outerClasses = classNames('ndl-side-nav-item', className, {
|
|
93
|
-
'ndl-
|
|
96
|
+
'ndl-active': isSelected === true,
|
|
94
97
|
});
|
|
95
98
|
const Component = as !== null && as !== void 0 ? as : 'button';
|
|
96
|
-
return (_jsx("li", { className: outerClasses, children: _jsxs("div", { className: "ndl-side-nav-item-inner", children: [_jsx(SelectedIndicator, {}), _jsx(ConditionalWrap, { shouldWrap: isExpanded === false &&
|
|
97
|
-
isHovered === false &&
|
|
99
|
+
return (_jsx("li", { className: outerClasses, children: _jsxs("div", { className: "ndl-side-nav-item-inner", children: [_jsx(SelectedIndicator, { isActive: isSelected === true }), _jsx(ConditionalWrap, { shouldWrap: isExpanded === false &&
|
|
100
|
+
(isHovered === false || !shouldExpandOnHover) &&
|
|
98
101
|
!isInCategory &&
|
|
99
|
-
Boolean(label), wrap: (children) => (_jsxs(Tooltip, { type: "simple", placement: "right", children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: children }), _jsx(Tooltip.Content, { children: label })] })), children: _jsxs(Component, Object.assign({ ref: ref, className: "ndl-side-nav-item-button", style: style }, htmlAttributes, restProps, { onKeyDown: (e) => {
|
|
102
|
+
Boolean(label), wrap: (children) => (_jsxs(Tooltip, { type: "simple", placement: "right", hoverDelay: { close: 0, open: shouldExpandOnHover ? 100 : 0 }, children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: children }), _jsx(Tooltip.Content, { children: label })] })), children: _jsxs(Component, Object.assign({ ref: ref, className: "ndl-side-nav-item-button", style: style }, htmlAttributes, restProps, { onKeyDown: (e) => {
|
|
100
103
|
if (isInCategory && (e.key === 'Enter' || e.key === ' ')) {
|
|
101
104
|
e.stopPropagation();
|
|
102
105
|
}
|
|
@@ -108,52 +111,60 @@ const NavItem = forwardRef(function NavItem(_a, ref) {
|
|
|
108
111
|
/**
|
|
109
112
|
* SelectedIndicator
|
|
110
113
|
*/
|
|
111
|
-
const SelectedIndicator = () => {
|
|
112
|
-
return _jsx("div", { className:
|
|
114
|
+
const SelectedIndicator = ({ isActive }) => {
|
|
115
|
+
return (_jsx("div", { className: classNames('ndl-side-nav-selected-indicator', {
|
|
116
|
+
'ndl-active': isActive,
|
|
117
|
+
}) }));
|
|
113
118
|
};
|
|
114
119
|
const SideNavCategoryContext = createContext(false);
|
|
115
120
|
const useSideNavCategoryContext = () => {
|
|
116
121
|
return useContext(SideNavCategoryContext);
|
|
117
122
|
};
|
|
118
123
|
const CategoryItem = forwardRef(function CategoryItem({ children, icon, label, isSelected, className, style, htmlAttributes, badge, isMenuOpen = false, }, ref) {
|
|
124
|
+
var _a;
|
|
119
125
|
const { isExpanded, isHovered } = useSideNavContext();
|
|
120
|
-
const
|
|
121
|
-
'ndl-selected': isSelected === true,
|
|
122
|
-
});
|
|
126
|
+
const anchorRef = useRef(null);
|
|
123
127
|
const [isOpen, setIsOpen] = useState(false);
|
|
124
|
-
const
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
128
|
+
const outerClasses = classNames('ndl-side-nav-category-item', className);
|
|
129
|
+
// Floating UI setup
|
|
130
|
+
const { refs, context } = useFloating({
|
|
131
|
+
elements: {
|
|
132
|
+
reference: anchorRef.current,
|
|
133
|
+
},
|
|
134
|
+
middleware: [
|
|
135
|
+
offset(5),
|
|
136
|
+
flip({ crossAxis: true, fallbackAxisSideDirection: 'end', padding: 5 }),
|
|
137
|
+
shift({ padding: 5 }),
|
|
138
|
+
],
|
|
139
|
+
onOpenChange: setIsOpen,
|
|
140
|
+
open: isOpen || isMenuOpen,
|
|
141
|
+
placement: 'right-start',
|
|
142
|
+
strategy: 'fixed',
|
|
143
|
+
whileElementsMounted: autoUpdate,
|
|
144
|
+
});
|
|
145
|
+
const dismiss = useDismiss(context);
|
|
146
|
+
const hover = useHover(context, {
|
|
147
|
+
delay: { close: 130, open: 130 },
|
|
148
|
+
handleClose: safePolygon({
|
|
149
|
+
blockPointerEvents: true,
|
|
150
|
+
requireIntent: false,
|
|
151
|
+
}),
|
|
152
|
+
});
|
|
153
|
+
const interactions = useInteractions([dismiss, hover]);
|
|
154
|
+
const { styles: transitionStyles } = useTransitionStyles(context, {
|
|
155
|
+
duration: (_a = Number.parseInt(tokens.transitions.values.duration.quick, 10)) !== null && _a !== void 0 ? _a : 0,
|
|
156
|
+
});
|
|
157
|
+
const mergedRef = useMergeRefs([refs.setReference, ref]);
|
|
158
|
+
return (_jsx(SideNavCategoryContext.Provider, { value: true, children: _jsx("li", { className: outerClasses, ref: anchorRef, children: _jsxs("div", { className: "ndl-side-nav-item-inner", children: [_jsx(SelectedIndicator, { isActive: isSelected === true }), _jsxs("button", Object.assign({ ref: mergedRef }, interactions.getReferenceProps(Object.assign(Object.assign({ className: 'ndl-side-nav-category-item-button', style }, htmlAttributes), { onKeyDown: (e) => {
|
|
159
|
+
var _a;
|
|
160
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
161
|
+
setIsOpen(!isOpen);
|
|
131
162
|
}
|
|
132
|
-
|
|
163
|
+
(_a = htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(htmlAttributes, e);
|
|
164
|
+
} })), { children: [Boolean(icon) && (_jsx("div", { className: "ndl-side-nav-item-left-element", children: _jsx(ConditionalWrap, { shouldWrap: Boolean(badge) && !isHovered && !isExpanded, wrap: (children) => {
|
|
133
165
|
var _a;
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
}, onMouseLeave: (e) => {
|
|
137
|
-
var _a;
|
|
138
|
-
setIsOpen(false);
|
|
139
|
-
(_a = htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes.onMouseLeave) === null || _a === void 0 ? void 0 : _a.call(htmlAttributes, e);
|
|
140
|
-
}, onKeyDown: (e) => {
|
|
141
|
-
var _a;
|
|
142
|
-
if (e.key === 'Enter' || e.key === ' ') {
|
|
143
|
-
setIsOpen(!isOpen);
|
|
144
|
-
}
|
|
145
|
-
(_a = htmlAttributes === null || htmlAttributes === void 0 ? void 0 : htmlAttributes.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(htmlAttributes, e);
|
|
146
|
-
}, children: [Boolean(icon) && (_jsx("div", { className: "ndl-side-nav-item-left-element", children: _jsx(ConditionalWrap, { shouldWrap: Boolean(badge) && !isHovered && !isExpanded, wrap: (children) => {
|
|
147
|
-
var _a;
|
|
148
|
-
return (_jsx(IconIndicatorWrapper, { type: (_a = badge === null || badge === void 0 ? void 0 : badge.type) !== null && _a !== void 0 ? _a : 'info', children: children }));
|
|
149
|
-
}, children: icon }) })), Boolean(label) && (_jsx(Typography, { variant: "body-medium", as: "div", className: "ndl-side-nav-item-label", children: label })), _jsxs("div", { className: "ndl-side-nav-item-right-element", children: [badge && (_jsx(ItemBadge, { type: badge.type, number: badge.number })), _jsx(ChevronRightIconOutline, { className: "n-size-4 n-text-palette-neutral-icon" })] })] })) }), _jsx(Popover.Content, { as: "nav", className: "ndl-side-nav ndl-side-nav-popover", htmlAttributes: {
|
|
150
|
-
onMouseEnter: () => {
|
|
151
|
-
setIsOpen(true);
|
|
152
|
-
},
|
|
153
|
-
onMouseLeave: () => {
|
|
154
|
-
setIsOpen(false);
|
|
155
|
-
},
|
|
156
|
-
}, children: _jsx("ul", { className: "ndl-side-nav-popover-list", children: children }) })] })] }) }) }));
|
|
166
|
+
return (_jsx(IconIndicatorWrapper, { type: (_a = badge === null || badge === void 0 ? void 0 : badge.type) !== null && _a !== void 0 ? _a : 'info', children: children }));
|
|
167
|
+
}, children: icon }) })), Boolean(label) && (_jsx(Typography, { variant: "body-medium", as: "div", className: "ndl-side-nav-item-label", children: label })), _jsxs("div", { className: "ndl-side-nav-item-right-element", children: [badge && _jsx(ItemBadge, { type: badge.type, number: badge.number }), _jsx(ChevronRightIconOutline, { className: "n-size-4 n-text-palette-neutral-icon" })] })] })), context.open && (_jsx(FloatingPortal, { root: context.refs.reference.current, children: _jsx(FloatingFocusManager, { context: context, modal: true, initialFocus: undefined, children: _jsx("nav", Object.assign({ ref: refs.setFloating, className: "ndl-side-nav ndl-side-nav-popover", style: Object.assign(Object.assign({}, context.floatingStyles), transitionStyles) }, interactions.getFloatingProps(), { children: _jsx("ul", { className: "ndl-side-nav-popover-list", children: children }) })) }) }))] }) }) }));
|
|
157
168
|
});
|
|
158
169
|
const CategoryHeader = ({ children, className }) => {
|
|
159
170
|
const { isExpanded, isHovered } = useSideNavContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../../src/next/side-navigation/SideNavigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../../src/next/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,7 +29,7 @@ import { XMarkIconOutline } from '../icons';
|
|
|
29
29
|
import { useNeedleTheme } from '../theme';
|
|
30
30
|
import { Typography } from '../typography';
|
|
31
31
|
import { TooltipContext, useTooltip, useTooltipContext } from './use-tooltip';
|
|
32
|
-
export function Tooltip({ children, isDisabled = false, type, isInitialOpen, placement, isOpen, onOpenChange, isPortaled = true, strategy: strategyProp, }) {
|
|
32
|
+
export function Tooltip({ children, isDisabled = false, type, isInitialOpen, placement, isOpen, onOpenChange, isPortaled = true, strategy: strategyProp, hoverDelay, }) {
|
|
33
33
|
const isInsideDialog = useIsInsideDialog();
|
|
34
34
|
const strategy = isInsideDialog ? 'fixed' : 'absolute';
|
|
35
35
|
const tooltip = useTooltip({
|
|
@@ -41,6 +41,7 @@ export function Tooltip({ children, isDisabled = false, type, isInitialOpen, pla
|
|
|
41
41
|
placement,
|
|
42
42
|
strategy: strategyProp !== null && strategyProp !== void 0 ? strategyProp : strategy,
|
|
43
43
|
type,
|
|
44
|
+
hoverDelay,
|
|
44
45
|
});
|
|
45
46
|
return (_jsx(TooltipContext.Provider, { value: tooltip, children: children }));
|
|
46
47
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,oBAAoB,EACpB,cAAc,EAEd,YAAY,GACb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EACL,YAAY,EAEZ,UAAU,EACV,cAAc,GACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
*/
|
|
21
21
|
import { autoUpdate, flip, offset, shift, useClick, useDismiss, useFloating, useFocus, useHover, useInteractions, useRole, } from '@floating-ui/react';
|
|
22
22
|
import { createContext, useContext, useMemo, useState } from 'react';
|
|
23
|
-
export function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: controlledOpen, onOpenChange: setControlledOpen, type = 'simple', isPortaled = true, strategy = 'absolute', } = {}) {
|
|
23
|
+
export function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: controlledOpen, onOpenChange: setControlledOpen, type = 'simple', isPortaled = true, strategy = 'absolute', hoverDelay = undefined, } = {}) {
|
|
24
24
|
const [isUncontrolledOpen, setIsUncontrolledOpen] = useState(isInitialOpen);
|
|
25
25
|
const isOpen = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : isUncontrolledOpen;
|
|
26
26
|
const setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setIsUncontrolledOpen;
|
|
@@ -43,6 +43,7 @@ export function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: c
|
|
|
43
43
|
const context = data.context;
|
|
44
44
|
const hover = useHover(context, {
|
|
45
45
|
move: false,
|
|
46
|
+
delay: hoverDelay,
|
|
46
47
|
enabled: controlledOpen === undefined && type === 'simple',
|
|
47
48
|
});
|
|
48
49
|
const click = useClick(context, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/use-tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,UAAU,EACV,IAAI,EACJ,MAAM,EAGN,KAAK,EACL,QAAQ,EACR,UAAU,EACV,WAAW,EAEX,QAAQ,EACR,QAAQ,EACR,eAAe,EAEf,OAAO,GACR,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"use-tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/use-tooltip.ts"],"names":[],"mappings":"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"}
|
|
@@ -33,8 +33,12 @@ export interface TooltipProps {
|
|
|
33
33
|
isPortaled?: boolean;
|
|
34
34
|
onOpenChange?: (open: boolean) => void;
|
|
35
35
|
strategy?: 'absolute' | 'fixed';
|
|
36
|
+
hoverDelay?: {
|
|
37
|
+
open: number;
|
|
38
|
+
close: number;
|
|
39
|
+
};
|
|
36
40
|
}
|
|
37
|
-
export declare function Tooltip({ children, isDisabled, type, isInitialOpen, placement, isOpen, onOpenChange, isPortaled, strategy: strategyProp, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
export declare function Tooltip({ children, isDisabled, type, isInitialOpen, placement, isOpen, onOpenChange, isPortaled, strategy: strategyProp, hoverDelay, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
38
42
|
export declare namespace Tooltip {
|
|
39
43
|
var Content: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
40
44
|
var Trigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLElement>>;
|
|
@@ -27,8 +27,12 @@ export interface TooltipOptions {
|
|
|
27
27
|
type?: 'simple' | 'rich';
|
|
28
28
|
isPortaled?: boolean;
|
|
29
29
|
strategy?: 'fixed' | 'absolute';
|
|
30
|
+
hoverDelay?: {
|
|
31
|
+
open: number;
|
|
32
|
+
close: number;
|
|
33
|
+
};
|
|
30
34
|
}
|
|
31
|
-
export declare function useTooltip({ isInitialOpen, placement, isOpen: controlledOpen, onOpenChange: setControlledOpen, type, isPortaled, strategy, }?: TooltipOptions): {
|
|
35
|
+
export declare function useTooltip({ isInitialOpen, placement, isOpen: controlledOpen, onOpenChange: setControlledOpen, type, isPortaled, strategy, hoverDelay, }?: TooltipOptions): {
|
|
32
36
|
isOpen: boolean;
|
|
33
37
|
setOpen: (open: boolean) => void;
|
|
34
38
|
type: 'simple' | 'rich';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "3.8.
|
|
3
|
+
"version": "3.8.20",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"@tanstack/react-table": "8.20.5",
|
|
78
78
|
"react": ">=16.8.0",
|
|
79
79
|
"react-dom": ">=16.8.0",
|
|
80
|
-
"@neo4j-ndl/base": "^3.7.
|
|
80
|
+
"@neo4j-ndl/base": "^3.7.9"
|
|
81
81
|
},
|
|
82
82
|
"dependencies": {
|
|
83
83
|
"@dnd-kit/core": "6.1.0",
|