@neo4j-ndl/react 3.5.6 → 3.6.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/lib/cjs/_common/IconIndicatorWrapper.js +43 -0
- package/lib/cjs/_common/IconIndicatorWrapper.js.map +1 -0
- package/lib/cjs/next/index.js +38 -0
- package/lib/cjs/next/index.js.map +1 -0
- package/lib/cjs/next/side-navigation/SideNavigation.js +206 -0
- package/lib/cjs/next/side-navigation/SideNavigation.js.map +1 -0
- package/lib/cjs/next/side-navigation/index.js +38 -0
- package/lib/cjs/next/side-navigation/index.js.map +1 -0
- package/lib/cjs/next/side-navigation/stories/index.js +43 -0
- package/lib/cjs/next/side-navigation/stories/index.js.map +1 -0
- package/lib/cjs/next/side-navigation/stories/side-nav-badges.story.js +74 -0
- package/lib/cjs/next/side-navigation/stories/side-nav-badges.story.js.map +1 -0
- package/lib/cjs/next/side-navigation/stories/side-nav-compact.story.js +56 -0
- package/lib/cjs/next/side-navigation/stories/side-nav-compact.story.js.map +1 -0
- package/lib/cjs/next/side-navigation/stories/side-nav-default.story.js +57 -0
- package/lib/cjs/next/side-navigation/stories/side-nav-default.story.js.map +1 -0
- package/lib/cjs/next/side-navigation/stories/side-nav-secondary.story.js +72 -0
- package/lib/cjs/next/side-navigation/stories/side-nav-secondary.story.js.map +1 -0
- package/lib/cjs/next/side-navigation/stories/side-nav.stories.js +87 -0
- package/lib/cjs/next/side-navigation/stories/side-nav.stories.js.map +1 -0
- package/lib/cjs/popover/Popover.js +2 -1
- package/lib/cjs/popover/Popover.js.map +1 -1
- package/lib/cjs/popover/use-popover.js +4 -2
- package/lib/cjs/popover/use-popover.js.map +1 -1
- package/lib/cjs/side-navigation/SideNavigation.js +4 -1
- package/lib/cjs/side-navigation/SideNavigation.js.map +1 -1
- package/lib/cjs/spotlight/Spotlight.js +2 -2
- package/lib/cjs/spotlight/Spotlight.js.map +1 -1
- package/lib/cjs/spotlight/SpotlightProvider.js +10 -10
- package/lib/cjs/spotlight/SpotlightProvider.js.map +1 -1
- package/lib/cjs/spotlight/SpotlightTarget.js +9 -8
- package/lib/cjs/spotlight/SpotlightTarget.js.map +1 -1
- package/lib/cjs/spotlight/use-indicator.js +20 -20
- package/lib/cjs/spotlight/use-indicator.js.map +1 -1
- package/lib/esm/_common/IconIndicatorWrapper.js +37 -0
- package/lib/esm/_common/IconIndicatorWrapper.js.map +1 -0
- package/lib/esm/next/index.js +22 -0
- package/lib/esm/next/index.js.map +1 -0
- package/lib/esm/next/side-navigation/SideNavigation.js +200 -0
- package/lib/esm/next/side-navigation/SideNavigation.js.map +1 -0
- package/lib/esm/next/side-navigation/index.js +22 -0
- package/lib/esm/next/side-navigation/index.js.map +1 -0
- package/lib/esm/next/side-navigation/stories/index.js +33 -0
- package/lib/esm/next/side-navigation/stories/index.js.map +1 -0
- package/lib/esm/next/side-navigation/stories/side-nav-badges.story.js +72 -0
- package/lib/esm/next/side-navigation/stories/side-nav-badges.story.js.map +1 -0
- package/lib/esm/next/side-navigation/stories/side-nav-compact.story.js +54 -0
- package/lib/esm/next/side-navigation/stories/side-nav-compact.story.js.map +1 -0
- package/lib/esm/next/side-navigation/stories/side-nav-default.story.js +55 -0
- package/lib/esm/next/side-navigation/stories/side-nav-default.story.js.map +1 -0
- package/lib/esm/next/side-navigation/stories/side-nav-secondary.story.js +70 -0
- package/lib/esm/next/side-navigation/stories/side-nav-secondary.story.js.map +1 -0
- package/lib/esm/next/side-navigation/stories/side-nav.stories.js +84 -0
- package/lib/esm/next/side-navigation/stories/side-nav.stories.js.map +1 -0
- package/lib/esm/popover/Popover.js +2 -1
- package/lib/esm/popover/Popover.js.map +1 -1
- package/lib/esm/popover/use-popover.js +4 -2
- package/lib/esm/popover/use-popover.js.map +1 -1
- package/lib/esm/side-navigation/SideNavigation.js +4 -1
- package/lib/esm/side-navigation/SideNavigation.js.map +1 -1
- package/lib/esm/spotlight/Spotlight.js +2 -2
- package/lib/esm/spotlight/Spotlight.js.map +1 -1
- package/lib/esm/spotlight/SpotlightProvider.js +10 -10
- package/lib/esm/spotlight/SpotlightProvider.js.map +1 -1
- package/lib/esm/spotlight/SpotlightTarget.js +9 -8
- package/lib/esm/spotlight/SpotlightTarget.js.map +1 -1
- package/lib/esm/spotlight/use-indicator.js +20 -20
- package/lib/esm/spotlight/use-indicator.js.map +1 -1
- package/lib/types/_common/IconIndicatorWrapper.d.ts +31 -0
- package/lib/types/next/index.d.ts +21 -0
- package/lib/types/next/side-navigation/SideNavigation.d.ts +93 -0
- package/lib/types/next/side-navigation/index.d.ts +21 -0
- package/lib/types/next/side-navigation/stories/index.d.ts +28 -0
- package/lib/types/next/side-navigation/stories/side-nav-badges.story.d.ts +23 -0
- package/lib/types/next/side-navigation/stories/side-nav-compact.story.d.ts +23 -0
- package/lib/types/next/side-navigation/stories/side-nav-default.story.d.ts +23 -0
- package/lib/types/next/side-navigation/stories/side-nav-secondary.story.d.ts +23 -0
- package/lib/types/next/side-navigation/stories/side-nav.stories.d.ts +95 -0
- package/lib/types/popover/Popover.d.ts +3 -1
- package/lib/types/popover/use-popover.d.ts +2 -1
- package/lib/types/side-navigation/SideNavigation.d.ts +4 -1
- package/lib/types/spotlight/Spotlight.d.ts +6 -0
- package/lib/types/spotlight/SpotlightProvider.d.ts +3 -1
- package/package.json +7 -2
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
/**
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) "Neo4j"
|
|
7
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
8
|
+
*
|
|
9
|
+
* This file is part of Neo4j.
|
|
10
|
+
*
|
|
11
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
12
|
+
* it under the terms of the GNU General Public License as published by
|
|
13
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
14
|
+
* (at your option) any later version.
|
|
15
|
+
*
|
|
16
|
+
* This program is distributed in the hope that it will be useful,
|
|
17
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
18
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
19
|
+
* GNU General Public License for more details.
|
|
20
|
+
*
|
|
21
|
+
* You should have received a copy of the GNU General Public License
|
|
22
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
23
|
+
*/
|
|
24
|
+
require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
|
|
25
|
+
const react_1 = require("@neo4j-ndl/react");
|
|
26
|
+
const icons_1 = require("@neo4j-ndl/react/icons");
|
|
27
|
+
const next_1 = require("@neo4j-ndl/react/next");
|
|
28
|
+
const react_2 = require("react");
|
|
29
|
+
const Component = () => {
|
|
30
|
+
const [selected, setSelected] = (0, react_2.useState)(null);
|
|
31
|
+
const [isExpanded, setIsExpanded] = (0, react_2.useState)(false);
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-bg-palette-neutral-bg-default", children: [(0, jsx_runtime_1.jsxs)(next_1.SideNavigation, { isExpanded: isExpanded, shouldExpandOnHover: true, pinButtonCallback: () => setIsExpanded(!isExpanded), children: [(0, jsx_runtime_1.jsxs)(next_1.SideNavigation.List, { children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.HomeIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-1', htmlAttributes: {
|
|
33
|
+
onClick: () => {
|
|
34
|
+
setSelected('nav-item-1');
|
|
35
|
+
},
|
|
36
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.CodeBracketIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-2', htmlAttributes: {
|
|
37
|
+
onClick: () => setSelected('nav-item-2'),
|
|
38
|
+
} })] }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.Divider, {}), (0, jsx_runtime_1.jsxs)(next_1.SideNavigation.List, { children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.ServerIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-3', htmlAttributes: {
|
|
39
|
+
onClick: () => {
|
|
40
|
+
setSelected('nav-item-3');
|
|
41
|
+
},
|
|
42
|
+
} }), (0, jsx_runtime_1.jsxs)(next_1.SideNavigation.CategoryItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.WrenchScrewdriverIconOutline, {}), label: "Category Item", isSelected: ['nav-item-4', 'nav-item-5'].includes(selected !== null && selected !== void 0 ? selected : ''), children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIconOutline, {}), label: "Nested Nav Item", isSelected: selected === 'nav-item-4', htmlAttributes: {
|
|
43
|
+
onClick: () => {
|
|
44
|
+
setSelected('nav-item-4');
|
|
45
|
+
},
|
|
46
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIconOutline, {}), label: "Nested Nav Item", isSelected: selected === 'nav-item-5', htmlAttributes: {
|
|
47
|
+
onClick: () => setSelected('nav-item-5'),
|
|
48
|
+
} })] }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.ChartBarIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-6', htmlAttributes: {
|
|
49
|
+
onClick: () => setSelected('nav-item-6'),
|
|
50
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.Cog6ToothIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-7', htmlAttributes: {
|
|
51
|
+
onClick: () => setSelected('nav-item-7'),
|
|
52
|
+
} })] }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.Divider, {}), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.List, { children: (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.AcademicCapIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-8', htmlAttributes: {
|
|
53
|
+
onClick: () => setSelected('nav-item-8'),
|
|
54
|
+
} }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "n-h-full n-w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "n-flex n-flex-col n-p-8 n-w-full n-max-w-[1024px] n-mx-auto", children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-4 n-bg-palette-neutral-bg-weak n-p-token-8 n-rounded-lg n-items-center n-justify-center", children: [(0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "h6", children: "Default Side Nav" }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "This is the default behavior for a side nav. It expands on hover, and can be pinned to stay expanded." })] }) }) })] }));
|
|
55
|
+
};
|
|
56
|
+
exports.default = Component;
|
|
57
|
+
//# sourceMappingURL=side-nav-default.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-nav-default.story.js","sourceRoot":"","sources":["../../../../../src/next/side-navigation/stories/side-nav-default.story.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
/**
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) "Neo4j"
|
|
7
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
8
|
+
*
|
|
9
|
+
* This file is part of Neo4j.
|
|
10
|
+
*
|
|
11
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
12
|
+
* it under the terms of the GNU General Public License as published by
|
|
13
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
14
|
+
* (at your option) any later version.
|
|
15
|
+
*
|
|
16
|
+
* This program is distributed in the hope that it will be useful,
|
|
17
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
18
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
19
|
+
* GNU General Public License for more details.
|
|
20
|
+
*
|
|
21
|
+
* You should have received a copy of the GNU General Public License
|
|
22
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
23
|
+
*/
|
|
24
|
+
require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
|
|
25
|
+
const react_1 = require("@neo4j-ndl/react");
|
|
26
|
+
const icons_1 = require("@neo4j-ndl/react/icons");
|
|
27
|
+
const next_1 = require("@neo4j-ndl/react/next");
|
|
28
|
+
const react_2 = require("react");
|
|
29
|
+
const Component = () => {
|
|
30
|
+
const [selected, setSelected] = (0, react_2.useState)('nav-item-8');
|
|
31
|
+
const [secondarySelected, setSecondarySelected] = (0, react_2.useState)('beginner');
|
|
32
|
+
const [isExpanded, setIsExpanded] = (0, react_2.useState)(false);
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-bg-palette-neutral-bg-default n-overflow-hidden", children: [(0, jsx_runtime_1.jsxs)(next_1.SideNavigation, { isExpanded: isExpanded, shouldExpandOnHover: true, pinButtonCallback: () => setIsExpanded(!isExpanded), children: [(0, jsx_runtime_1.jsxs)(next_1.SideNavigation.List, { children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.HomeIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-1', htmlAttributes: {
|
|
34
|
+
onClick: () => {
|
|
35
|
+
setSelected('nav-item-1');
|
|
36
|
+
},
|
|
37
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.CodeBracketIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-2', htmlAttributes: {
|
|
38
|
+
onClick: () => setSelected('nav-item-2'),
|
|
39
|
+
} })] }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.Divider, {}), (0, jsx_runtime_1.jsxs)(next_1.SideNavigation.List, { children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.ServerIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-3', htmlAttributes: {
|
|
40
|
+
onClick: () => {
|
|
41
|
+
setSelected('nav-item-3');
|
|
42
|
+
},
|
|
43
|
+
} }), (0, jsx_runtime_1.jsxs)(next_1.SideNavigation.CategoryItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.WrenchScrewdriverIconOutline, {}), label: "Category Item", isSelected: ['nav-item-4', 'nav-item-5'].includes(selected), children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIconOutline, {}), label: "Nested Nav Item", isSelected: selected === 'nav-item-4', htmlAttributes: {
|
|
44
|
+
onClick: () => {
|
|
45
|
+
setSelected('nav-item-4');
|
|
46
|
+
},
|
|
47
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIconOutline, {}), label: "Nested Nav Item", isSelected: selected === 'nav-item-5', htmlAttributes: {
|
|
48
|
+
onClick: () => setSelected('nav-item-5'),
|
|
49
|
+
} })] }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.ChartBarIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-6', htmlAttributes: {
|
|
50
|
+
onClick: () => setSelected('nav-item-6'),
|
|
51
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.Cog6ToothIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-7', htmlAttributes: {
|
|
52
|
+
onClick: () => setSelected('nav-item-7'),
|
|
53
|
+
} })] }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.Divider, {}), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.List, { children: (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { icon: (0, jsx_runtime_1.jsx)(icons_1.AcademicCapIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-8', htmlAttributes: {
|
|
54
|
+
onClick: () => setSelected('nav-item-8'),
|
|
55
|
+
} }) })] }), (0, jsx_runtime_1.jsxs)(next_1.SideNavigation, { isExpanded: true, shouldExpandOnHover: false, expandedWidth: 220, children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.CategoryHeader, { children: "Category Header" }), (0, jsx_runtime_1.jsxs)(next_1.SideNavigation.List, { children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { label: "Secondary Nav Item", isSelected: secondarySelected === 'secondary-nav-item-1', htmlAttributes: {
|
|
56
|
+
onClick: () => setSecondarySelected('secondary-nav-item-1'),
|
|
57
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { label: "Secondary Nav Item", isSelected: secondarySelected === 'secondary-nav-item-2', htmlAttributes: {
|
|
58
|
+
onClick: () => setSecondarySelected('secondary-nav-item-2'),
|
|
59
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { label: "Secondary Nav Item", isSelected: secondarySelected === 'secondary-nav-item-3', htmlAttributes: {
|
|
60
|
+
onClick: () => setSecondarySelected('secondary-nav-item-3'),
|
|
61
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { label: "Secondary Nav Item", isSelected: secondarySelected === 'secondary-nav-item-4', htmlAttributes: {
|
|
62
|
+
onClick: () => setSecondarySelected('secondary-nav-item-4'),
|
|
63
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { label: "Secondary Nav Item", isSelected: secondarySelected === 'secondary-nav-item-5', htmlAttributes: {
|
|
64
|
+
onClick: () => setSecondarySelected('secondary-nav-item-5'),
|
|
65
|
+
} })] }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.CategoryHeader, { children: "Category Header" }), (0, jsx_runtime_1.jsxs)(next_1.SideNavigation.List, { children: [(0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { label: "Secondary Nav Item", icon: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIconOutline, {}), isSelected: secondarySelected === 'secondary-nav-item-6', htmlAttributes: {
|
|
66
|
+
onClick: () => setSecondarySelected('secondary-nav-item-6'),
|
|
67
|
+
} }), (0, jsx_runtime_1.jsx)(next_1.SideNavigation.NavItem, { label: "Secondary Nav Item", icon: (0, jsx_runtime_1.jsx)(icons_1.MagnifyingGlassIconOutline, {}), isSelected: secondarySelected === 'secondary-nav-item-7', htmlAttributes: {
|
|
68
|
+
onClick: () => setSecondarySelected('secondary-nav-item-7'),
|
|
69
|
+
} })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "n-h-full n-w-full", children: (0, jsx_runtime_1.jsx)("div", { className: "n-flex n-flex-col n-p-8 n-w-full n-max-w-[1024px] n-mx-auto", children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-4 n-bg-palette-neutral-bg-weak n-p-token-8 n-rounded-lg n-items-center n-justify-center", children: [(0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "h6", children: "Secondary Side Nav" }), (0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "If a page requires its own navigation, you can use a secondary side nav. The secondary side nav is always expanded and does not have a pin button." })] }) }) })] }));
|
|
70
|
+
};
|
|
71
|
+
exports.default = Component;
|
|
72
|
+
//# sourceMappingURL=side-nav-secondary.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-nav-secondary.story.js","sourceRoot":"","sources":["../../../../../src/next/side-navigation/stories/side-nav-secondary.story.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
23
|
+
exports.WithBadges = exports.WithSecondaryNav = exports.Compact = exports.Default = void 0;
|
|
24
|
+
const index_1 = require("../index");
|
|
25
|
+
const _1 = require(".");
|
|
26
|
+
const componentMeta = {
|
|
27
|
+
component: index_1.SideNavigation,
|
|
28
|
+
parameters: {
|
|
29
|
+
controls: { disable: true },
|
|
30
|
+
},
|
|
31
|
+
tags: ['docsPage'],
|
|
32
|
+
title: 'Components/Next/SideNavigation',
|
|
33
|
+
};
|
|
34
|
+
exports.default = componentMeta;
|
|
35
|
+
exports.Default = {
|
|
36
|
+
args: {},
|
|
37
|
+
parameters: {
|
|
38
|
+
docs: {
|
|
39
|
+
source: {
|
|
40
|
+
code: _1.SideNavDefaultSrc,
|
|
41
|
+
language: 'tsx',
|
|
42
|
+
type: 'code',
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
},
|
|
46
|
+
render: _1.SideNavDefault,
|
|
47
|
+
};
|
|
48
|
+
exports.Compact = {
|
|
49
|
+
args: {},
|
|
50
|
+
parameters: {
|
|
51
|
+
docs: {
|
|
52
|
+
source: {
|
|
53
|
+
code: _1.SideNavCompactSrc,
|
|
54
|
+
language: 'tsx',
|
|
55
|
+
type: 'code',
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
render: _1.SideNavCompact,
|
|
60
|
+
};
|
|
61
|
+
exports.WithSecondaryNav = {
|
|
62
|
+
args: {},
|
|
63
|
+
parameters: {
|
|
64
|
+
docs: {
|
|
65
|
+
source: {
|
|
66
|
+
code: _1.SideNavSecondarySrc,
|
|
67
|
+
language: 'tsx',
|
|
68
|
+
type: 'code',
|
|
69
|
+
},
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
render: _1.SideNavSecondary,
|
|
73
|
+
};
|
|
74
|
+
exports.WithBadges = {
|
|
75
|
+
args: {},
|
|
76
|
+
parameters: {
|
|
77
|
+
docs: {
|
|
78
|
+
source: {
|
|
79
|
+
code: _1.SideNavBadgesSrc,
|
|
80
|
+
language: 'tsx',
|
|
81
|
+
type: 'code',
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
},
|
|
85
|
+
render: _1.SideNavBadges,
|
|
86
|
+
};
|
|
87
|
+
//# sourceMappingURL=side-nav.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"side-nav.stories.js","sourceRoot":"","sources":["../../../../../src/next/side-navigation/stories/side-nav.stories.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAIH,oCAA0C;AAC1C,wBASW;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,sBAAc;IACzB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,gCAAgC;CACF,CAAC;AAExC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAiB;gBACvB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAc;CACvB,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAgB;CACzB,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAgB;gBACtB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAa;CACtB,CAAC"}
|
|
@@ -84,7 +84,7 @@ const usePopoverContext = () => {
|
|
|
84
84
|
return context;
|
|
85
85
|
};
|
|
86
86
|
exports.usePopoverContext = usePopoverContext;
|
|
87
|
-
const Popover = ({ children, anchorElement, placement, isOpen, offset, anchorPosition, hasAnchorPortal, shouldCaptureFocus = false, initialFocus, onOpenChange, role, }) => {
|
|
87
|
+
const Popover = ({ children, anchorElement, placement, isOpen, offset, anchorPosition, hasAnchorPortal, shouldCaptureFocus = false, initialFocus, onOpenChange, role, closeOnClickOutside = true, }) => {
|
|
88
88
|
const popover = (0, use_popover_1.usePopover)({
|
|
89
89
|
placement: placement ? exports.placementTranslation[placement] : undefined,
|
|
90
90
|
isOpen: isOpen,
|
|
@@ -96,6 +96,7 @@ const Popover = ({ children, anchorElement, placement, isOpen, offset, anchorPos
|
|
|
96
96
|
shouldCaptureFocus: shouldCaptureFocus,
|
|
97
97
|
initialFocus,
|
|
98
98
|
role,
|
|
99
|
+
closeOnClickOutside,
|
|
99
100
|
});
|
|
100
101
|
return ((0, jsx_runtime_1.jsx)(PopoverContext.Provider, { value: popover, children: children }));
|
|
101
102
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,8CAM4B;AAC5B,+CAA0C;AAE1C,8DAAuD;AAMvD,0DAAwD;AACxD,+CAA2C;AAgB9B,QAAA,oBAAoB,GAAwC;IACvE,oBAAoB,EAAE,YAAY;IAClC,wBAAwB,EAAE,cAAc;IACxC,0BAA0B,EAAE,QAAQ;IACpC,oBAAoB,EAAE,SAAS;IAC/B,wBAAwB,EAAE,WAAW;IACrC,0BAA0B,EAAE,KAAK;IACjC,yBAAyB,EAAE,UAAU;IACrC,mBAAmB,EAAE,YAAY;IACjC,yBAAyB,EAAE,MAAM;IACjC,yBAAyB,EAAE,WAAW;IACtC,mBAAmB,EAAE,aAAa;IAClC,yBAAyB,EAAE,OAAO;CACnC,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ exports.usePopover = usePopover;
|
|
|
24
24
|
const react_1 = require("@floating-ui/react");
|
|
25
25
|
const base_1 = require("@neo4j-ndl/base");
|
|
26
26
|
const react_2 = require("react");
|
|
27
|
-
function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption = 10, anchorElement, anchorPosition, anchorElementAsPortalAnchor, shouldCaptureFocus, initialFocus, role: roleProp, } = {}) {
|
|
27
|
+
function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption = 10, anchorElement, anchorPosition, anchorElementAsPortalAnchor, shouldCaptureFocus, initialFocus, role: roleProp, closeOnClickOutside, } = {}) {
|
|
28
28
|
var _a;
|
|
29
29
|
const [isOpenUncontrolled, setIsOpenUncontrolled] = (0, react_2.useState)(isInitialOpen);
|
|
30
30
|
const [labelId, setLabelId] = (0, react_2.useState)();
|
|
@@ -56,7 +56,9 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
|
|
|
56
56
|
const click = (0, react_1.useClick)(context, {
|
|
57
57
|
enabled: controlledOpen === undefined,
|
|
58
58
|
});
|
|
59
|
-
const dismiss = (0, react_1.useDismiss)(context
|
|
59
|
+
const dismiss = (0, react_1.useDismiss)(context, {
|
|
60
|
+
outsidePress: closeOnClickOutside,
|
|
61
|
+
});
|
|
60
62
|
const role = (0, react_1.useRole)(context, {
|
|
61
63
|
role: roleProp,
|
|
62
64
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../src/popover/use-popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -155,11 +155,14 @@ const SideNavigationGroupHeader = (0, react_1.forwardRef)(function SideNavigatio
|
|
|
155
155
|
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: Object.assign({ paddingLeft }, style) }, htmlAttributes, { children: (0, jsx_runtime_1.jsxs)("div", { className: "ndl-side-navigation-inner-item ndl-side-navigation-group-header", ref: ref, children: [!isExpanded && hasIconMenu && (0, jsx_runtime_1.jsx)(divider_1.Divider, {}), isExpanded && children] }) })));
|
|
156
156
|
});
|
|
157
157
|
// Issue with TypeScript forwardRef and subcomponents: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757#issuecomment-894053907
|
|
158
|
+
/**
|
|
159
|
+
* @deprecated Use new SideNavigation from @neo4j-ndl/react/next instead.
|
|
160
|
+
*/
|
|
158
161
|
const SideNavigation = Object.assign(SideNavigationComponent, {
|
|
159
|
-
List: SideNavigationList,
|
|
160
162
|
GroupHeader: SideNavigationGroupHeader,
|
|
161
163
|
Item: SideNavigationItem,
|
|
162
164
|
ItemBadge: SideNavigationItemBadge,
|
|
165
|
+
List: SideNavigationList,
|
|
163
166
|
});
|
|
164
167
|
exports.SideNavigation = SideNavigation;
|
|
165
168
|
//# sourceMappingURL=SideNavigation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsBA,iCAMe;AAEf,8DAAuD;AAOvD,sCAAuC;AACvC,wCAAqC;AACrC,oCAA2E;AAC3E,8CAA2C;AAI3C,MAAM,iBAAiB,GAAG,CACxB,QAAgC,EAChC,UAAmB,EACA,EAAE;IACrB,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,uBAAC,8BAAsB,IAAC,SAAS,EAAC,aAAa,GAAG,CACnD,CAAC,CAAC,CAAC,CACF,uBAAC,+BAAuB,IAAC,SAAS,EAAC,aAAa,GAAG,CACpD,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,OAAO,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAC3B,uBAAC,+BAAuB,IAAC,SAAS,EAAC,aAAa,GAAG,CACpD,CAAC,CAAC,CAAC,CACF,uBAAC,8BAAsB,IAAC,SAAS,EAAC,aAAa,GAAG,CACnD,CAAC;IACJ,CAAC;AACH,CAAC,CAAC;AAsBF,MAAM,uBAAuB,GAAG,IAAA,kBAAU,EAAC,SAAS,uBAAuB,CACzE,EACE,UAAU,EACV,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,WAAW,GAAG,KAAK,EACnB,QAAQ,GAAG,MAAM,EACjB,IAAI,EAAE,WAAW,GAAG,OAAO,EAC3B,cAAc,GACM,EACtB,GAAuC;IAEvC,2EAA2E;IAC3E,MAAM,IAAI,GAAG,WAAW,CAAC;IAEzB,MAAM,mBAAmB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC3C,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;YACnC,gBAAgB,CAAC,CAAC,UAAU,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IACnC,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,qBAAqB,EAAE,SAAS,EAAE;QAC3D,cAAc,EAAE,UAAU;QAC1B,qCAAqC,EAAE,CAAC,UAAU,IAAI,IAAI,KAAK,OAAO;QACtE,CAAC,OAAO,QAAQ,EAAE,CAAC,EAAE,QAAQ;KAC9B,CAAC,CAAC;IAEH,MAAM,IAAI,GAAG,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IACrD,OAAO,CACL,uBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,YACtE,+CACE,SAAS,EAAE,OAAO,EAClB,GAAG,EAAE,GAAG,IACJ,CAAC,CAAC,UAAU;YACd,CAAC,WAAW,IAAI;YACd,IAAI,EAAE,cAAc;YACpB,OAAO,EAAE,mBAAmB;SAC7B,CAAC,EACA,cAAc,eAElB,gCAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,EACxD,gBAAgB,KAAK,SAAS,IAAI,CACjC,uBAAC,mBAAU,IACT,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,EACnE,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAC3C,OAAO,EAAE,IAAI,EACb,cAAc,EAAE;wBACd,aAAa,EAAE,yBAAyB;wBACxC,KAAK,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,kBAAkB;qBAC/D,YAEA,IAAI,GACM,CACd,KACG,GACyB,CAClC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,uBAAuB,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAQvD,MAAM,qBAAqB,GAAG,IAAA,qBAAa,EACzC,IAAI,CACL,CAAC;AAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,IAAA,kBAAU,EAAC,qBAAqB,CAAC,CAAC;AAOzE,MAAM,yBAAyB,GAC7B,IAAA,qBAAa,EAAuC,IAAI,CAAC,CAAC;AAE5D,MAAM,4BAA4B,GAAG,GAAG,EAAE,CACxC,IAAA,kBAAU,EAAC,yBAAyB,CAAC,CAAC;AASxC,MAAM,kBAAkB,GAAG,IAAA,kBAAU,EAAC,SAAS,kBAAkB,CAC/D,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAA2B,EAChE,GAAyC;;IAEzC,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,8BAA8B,EAAE,SAAS,CAAC,CAAC;IACtE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAA,4BAA4B,EAAE,mCAAI;QAClD,KAAK,EAAE,CAAC,CAAC;KACV,CAAC;IACF,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,MAAA,wBAAwB,EAAE,mCAAI;QACtE,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;QAClB,IAAI,EAAE,OAAO;KACd,CAAC;IACF,IAAI,CAAC,UAAU,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAC7C,OAAO,CACL,uBAAC,yBAAyB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,YACnE,6CAAI,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,IAAM,cAAc,cACjD,QAAQ,IACN,GAC8B,CACtC,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,kBAAkB,CAAC,WAAW,GAAG,qBAAqB,CAAC;AAoBvD,MAAM,kBAAkB,GAGpB,IAAA,kBAAU,EAAC,SAAS,kBAAkB,CACxC,EAUyD,EACzD,GAAsB;;QAXtB,EACE,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,UAAU,GAAG,KAAK,EAClB,YAAY,GAAG,IAAI,EACnB,KAAK,GAAG,EAAE,EACV,cAAc,OAEyC,EADpD,SAAS,cATd,gGAUC,CADa;IAId,MAAM,SAAS,GAAsB,EAAE,IAAI,GAAG,CAAC;IAC/C,MAAM,EAAE,KAAK,EAAE,GAAG,MAAA,4BAA4B,EAAE,mCAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC;IACjE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,MAAA,wBAAwB,EAAE,mCAAI;QACtE,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;QAClB,IAAI,EAAE,OAAO;KACd,CAAC;IACF,MAAM,kBAAkB,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,kBAAkB,GAAG,KAAK,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACrE,MAAM,WAAW,GAAG,IAAA,2BAAU,EAAC,SAAS,EAAE;QACxC,8BAA8B,EAAE,IAAI,KAAK,OAAO;QAChD,oCAAoC,EAAE,IAAI,KAAK,OAAO;QACtD,cAAc,EAAE,UAAU;KAC3B,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,IAAA,2BAAU,EAAC,gCAAgC,EAAE;QAChE,cAAc,EAAE,UAAU;QAC1B,gBAAgB,EAAE,YAAY;KAC/B,CAAC,CAAC;IAEH,IAAI,WAAW,IAAI,CAAC,IAAI,EAAE,CAAC;QACzB,MAAM,IAAI,KAAK,CACb,+IAA+I,CAChJ,CAAC;IACJ,CAAC;SAAM,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE,CAAC;QAChC,MAAM,IAAI,KAAK,CACb,sIAAsI,CACvI,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,IAAI,WAAW,CAAC;QAAE,OAAO,IAAI,CAAC;IACvD,OAAO,CACL,+BAAI,SAAS,EAAE,WAAW,YACxB,wBAAC,SAAS,kBACR,SAAS,EAAE,YAAY,EACvB,KAAK,kBAAI,WAAW,IAAK,KAAK,GAC9B,GAAG,EAAE,GAAG,IACJ,SAAS,EACT,cAAc,eAEjB,WAAW,IAAI,IAAI,IAAI,iCAAM,SAAS,EAAC,UAAU,YAAE,IAAI,GAAQ,EAC/D,UAAU,IAAI,QAAQ,KACb,GACT,CACN,CAAC;AACJ,CAAC,CAAuE,CAAC;AAUzE,MAAM,uBAAuB,GAAG,IAAA,kBAAU,EAAC,SAAS,uBAAuB,CACzE,EAAuE,EACvE,GAAkC;;QADlC,EAAE,QAAQ,EAAE,IAAI,GAAG,MAAM,OAA8C,EAAzC,SAAS,cAAvC,oBAAyC,CAAF;IAGvC,MAAM,EAAE,UAAU,EAAE,GAAG,MAAA,wBAAwB,EAAE,mCAAI;QACnD,UAAU,EAAE,IAAI;KACjB,CAAC;IAEF,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,YAAY,GAAG,IAAA,2BAAU,EAAC,WAAW,EAAE;QAC3C,UAAU,EAAE,IAAI,KAAK,MAAM;QAC3B,aAAa,EAAE,IAAI,KAAK,SAAS;QACjC,cAAc,EAAE,IAAI,KAAK,UAAU;KACpC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,uBAAU,kBACT,EAAE,EAAC,MAAM,EACT,SAAS,EAAE,YAAY,EACvB,OAAO,EAAC,kBAAkB,IACtB,SAAS,IACb,GAAG,EAAE,GAAG,YAEP,QAAQ,IACE,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,uBAAuB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAQjE,MAAM,yBAAyB,GAG3B,IAAA,kBAAU,EAAC,SAAS,yBAAyB,CAG/C,EACE,QAAQ,EACR,SAAS,EACT,EAAE,EACF,KAAK,EACL,cAAc,GACgD,EAChE,GAAsB;;IAEtB,MAAM,SAAS,GAAG,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,IAAI,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,MAAA,wBAAwB,EAAE,mCAAI;QACtE,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;KACnB,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,2BAAU,EAAC,SAAS,EAAE;QACpC,8BAA8B,EAAE,IAAI,KAAK,OAAO;QAChD,oCAAoC,EAAE,IAAI,KAAK,OAAO;KACvD,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAC3E,OAAO,CACL,uBAAC,SAAS,kBACR,SAAS,EAAE,OAAO,EAClB,KAAK,kBAAI,WAAW,IAAK,KAAK,KAC1B,cAAc,cAElB,iCACE,SAAS,EAAC,iEAAiE,EAC3E,GAAG,EAAE,GAAG,aAEP,CAAC,UAAU,IAAI,WAAW,IAAI,uBAAC,iBAAO,KAAG,EACzC,UAAU,IAAI,QAAQ,IACnB,IACI,CACb,CAAC;AACJ,CAAC,CAGA,CAAC;AAEF,6IAA6I;AAC7I,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;IAC5D,
|
|
1
|
+
{"version":3,"file":"SideNavigation.js","sourceRoot":"","sources":["../../../src/side-navigation/SideNavigation.tsx"],"names":[],"mappings":"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"}
|
|
@@ -101,7 +101,7 @@ const SpotlightIconWrapper = react_1.default.forwardRef(function SpotlightIconWr
|
|
|
101
101
|
const Component = as || 'div';
|
|
102
102
|
return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: classes, style: style }, htmlAttributes, { children: children })));
|
|
103
103
|
});
|
|
104
|
-
const SpotlightComponent = react_1.default.forwardRef(function SpotlightComponent({ target, actions = [], beforeActions, initialFocus, onClose, placement, hasAnchorPortal, children, className, style, htmlAttributes, }, ref) {
|
|
104
|
+
const SpotlightComponent = react_1.default.forwardRef(function SpotlightComponent({ target, actions = [], beforeActions, initialFocus, onClose, placement, hasAnchorPortal, children, className, style, htmlAttributes, closeOnClickOutside = false, }, ref) {
|
|
105
105
|
const { isActiveSpotlight, isOpen, setActiveSpotlight, setIsOpen, registeredTargets, } = (0, SpotlightProvider_1.useSpotlightContext)();
|
|
106
106
|
const [targetElement, setTargetElement] = (0, react_1.useState)(null);
|
|
107
107
|
const classes = (0, classnames_1.default)('ndl-spotlight', className);
|
|
@@ -109,7 +109,7 @@ const SpotlightComponent = react_1.default.forwardRef(function SpotlightComponen
|
|
|
109
109
|
var _a;
|
|
110
110
|
setTargetElement((_a = registeredTargets[target]) === null || _a === void 0 ? void 0 : _a.current);
|
|
111
111
|
}, [target, registeredTargets]);
|
|
112
|
-
return ((0, jsx_runtime_1.jsx)(popover_1.Popover, { anchorElement: targetElement, hasAnchorPortal: !!targetElement && hasAnchorPortal, isOpen: isActiveSpotlight(target) && isOpen && !!targetElement, shouldCaptureFocus: true, onOpenChange: (isOpen, event) => {
|
|
112
|
+
return ((0, jsx_runtime_1.jsx)(popover_1.Popover, { anchorElement: targetElement, hasAnchorPortal: !!targetElement && hasAnchorPortal, isOpen: isActiveSpotlight(target) && isOpen && !!targetElement, shouldCaptureFocus: true, closeOnClickOutside: closeOnClickOutside, onOpenChange: (isOpen, event) => {
|
|
113
113
|
if (!isOpen) {
|
|
114
114
|
if (event instanceof PointerEvent) {
|
|
115
115
|
onClose === null || onClose === void 0 ? void 0 : onClose('clickOutside');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spotlight.js","sourceRoot":"","sources":["../../../src/spotlight/Spotlight.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Spotlight.js","sourceRoot":"","sources":["../../../src/spotlight/Spotlight.tsx"],"names":[],"mappings":"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"}
|
|
@@ -36,8 +36,7 @@ const useSpotlightContext = () => {
|
|
|
36
36
|
return context;
|
|
37
37
|
};
|
|
38
38
|
exports.useSpotlightContext = useSpotlightContext;
|
|
39
|
-
const SpotlightProvider = (
|
|
40
|
-
const { children, hasOverlay = true } = props;
|
|
39
|
+
const SpotlightProvider = ({ children, hasOverlay = true, isOverlayTransparent = false, }) => {
|
|
41
40
|
const [active, setActive] = (0, react_1.useState)(null);
|
|
42
41
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
43
42
|
const [targets, setTargets] = (0, react_1.useState)({});
|
|
@@ -52,23 +51,24 @@ const SpotlightProvider = (props) => {
|
|
|
52
51
|
});
|
|
53
52
|
}, []);
|
|
54
53
|
const contextValue = {
|
|
55
|
-
isOpen,
|
|
56
|
-
setIsOpen: (0, react_1.useCallback)((open) => setIsOpen(open), []),
|
|
57
54
|
isActiveSpotlight: (0, react_1.useCallback)((target) => target === active, [active]),
|
|
58
|
-
|
|
55
|
+
isOpen,
|
|
59
56
|
registerTarget,
|
|
60
|
-
unregisterTarget,
|
|
61
57
|
registeredTargets: targets,
|
|
58
|
+
setActiveSpotlight: (0, react_1.useCallback)((target) => setActive(target), []),
|
|
59
|
+
setIsOpen: (0, react_1.useCallback)((open) => setIsOpen(open), []),
|
|
60
|
+
unregisterTarget,
|
|
62
61
|
};
|
|
63
62
|
const overlayClasses = (0, classnames_1.default)('ndl-spotlight-overlay', {
|
|
64
63
|
'ndl-spotlight-overlay-open': isOpen && active !== null,
|
|
64
|
+
'ndl-spotlight-overlay-transparent': isOverlayTransparent,
|
|
65
65
|
});
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
return ((0, jsx_runtime_1.jsxs)(SpotlightContext.Provider, { value: contextValue, children: [hasOverlay && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { role: "presentation", onClick: () => {
|
|
66
|
+
return ((0, jsx_runtime_1.jsxs)(SpotlightContext.Provider, { value: contextValue, children: [hasOverlay && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { role: "presentation", onKeyDown: (e) => {
|
|
67
|
+
if (e.key === 'Escape') {
|
|
69
68
|
setIsOpen(false);
|
|
70
69
|
setActive(null);
|
|
71
|
-
}
|
|
70
|
+
}
|
|
71
|
+
}, "data-testid": "ndl-spotlight-overlay", className: overlayClasses }) })), children] }));
|
|
72
72
|
};
|
|
73
73
|
exports.SpotlightProvider = SpotlightProvider;
|
|
74
74
|
//# sourceMappingURL=SpotlightProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpotlightProvider.js","sourceRoot":"","sources":["../../../src/spotlight/SpotlightProvider.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,4DAAoC;AAEpC,iCAAyE;AAgBzE,MAAM,gBAAgB,GAAG,IAAA,qBAAa,EAA8B,IAAI,CAAC,CAAC;AAEnE,MAAM,mBAAmB,GAAG,GAAyB,EAAE;IAC5D,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,gBAAgB,CAAC,CAAC;IAE7C,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CACb,+DAA+D,CAChE,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAVW,QAAA,mBAAmB,uBAU9B;
|
|
1
|
+
{"version":3,"file":"SpotlightProvider.js","sourceRoot":"","sources":["../../../src/spotlight/SpotlightProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,6 +54,7 @@ const react_2 = __importStar(require("react"));
|
|
|
54
54
|
const conditional_wrap_1 = require("../conditional-wrap");
|
|
55
55
|
const SpotlightProvider_1 = require("./SpotlightProvider");
|
|
56
56
|
const use_indicator_1 = require("./use-indicator");
|
|
57
|
+
// TODO v4: remove exotic, or add "as" prop. It probably doesn't need to be exotic
|
|
57
58
|
exports.SpotlightTarget = react_2.default.forwardRef(function SpotlightTarget({ id, hasPulse = true, indicatorVariant = 'border', indicatorPlacement = 'top-right', backgroundColor, borderRadius, hasAnchorPortal, children, className, htmlAttributes, }, ref) {
|
|
58
59
|
const { isActiveSpotlight, isOpen, setIsOpen, registerTarget, unregisterTarget, } = (0, SpotlightProvider_1.useSpotlightContext)();
|
|
59
60
|
const internalRef = react_2.default.useRef(null);
|
|
@@ -63,18 +64,18 @@ exports.SpotlightTarget = react_2.default.forwardRef(function SpotlightTarget({
|
|
|
63
64
|
registerTarget(id, internalRef);
|
|
64
65
|
return () => unregisterTarget(id);
|
|
65
66
|
}, [id, registerTarget, unregisterTarget]);
|
|
66
|
-
const classes = (0, classnames_1.default)('ndl-spotlight-target', {
|
|
67
|
-
'ndl-spotlight-target-open': isOpen,
|
|
68
|
-
}, className);
|
|
69
67
|
const isActive = isActiveSpotlight(id);
|
|
70
68
|
const indicator = (0, use_indicator_1.useIndicator)({
|
|
71
|
-
|
|
72
|
-
|
|
69
|
+
hasAnchorPortal,
|
|
70
|
+
hasPulse,
|
|
73
71
|
indicatorPlacement,
|
|
72
|
+
indicatorVariant,
|
|
73
|
+
isOpen: isActive,
|
|
74
74
|
targetRef: internalRef,
|
|
75
|
-
hasPulse,
|
|
76
|
-
hasAnchorPortal,
|
|
77
75
|
});
|
|
76
|
+
const classes = (0, classnames_1.default)('ndl-spotlight-target', {
|
|
77
|
+
'ndl-spotlight-target-open': isOpen && isActive,
|
|
78
|
+
}, className);
|
|
78
79
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ role: isActive ? 'button' : undefined, id: id, ref: mergedRefs, className: classes, onClick: (e) => {
|
|
79
80
|
if (isActive && !isOpen) {
|
|
80
81
|
setIsOpen(true);
|
|
@@ -91,7 +92,7 @@ exports.SpotlightTarget = react_2.default.forwardRef(function SpotlightTarget({
|
|
|
91
92
|
// TODO v4: inert should be fixed in react 19? https://github.com/facebook/react/pull/24730#event-12109747640. inert="" is a workaround for now
|
|
92
93
|
wrap: (children) => (
|
|
93
94
|
/* @ts-expect-error inert not allowed */
|
|
94
|
-
(0, jsx_runtime_1.jsx)("div", { inert: "", "aria-disabled": true, className: "ndl-spotlight-target-inert", children: children })), children: children }) })), (0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { root: indicator.hasAnchorPortal
|
|
95
|
+
(0, jsx_runtime_1.jsx)("div", { inert: "", "aria-disabled": true, className: "ndl-spotlight-target-inert", children: children })), children: children }) })), (0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { root: indicator.hasAnchorPortal !== undefined
|
|
95
96
|
? indicator.context.refs.reference.current
|
|
96
97
|
: null, children: indicator.context.open && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: indicator.indicatorClasses, ref: indicator.context.refs.setFloating, style: Object.assign(Object.assign({}, indicator.floatingStyles), indicator.style) }, indicator.getFloatingProps()))) })] }));
|
|
97
98
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SpotlightTarget.js","sourceRoot":"","sources":["../../../src/spotlight/SpotlightTarget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,8CAAkE;AAClE,4DAAoC;AACpC,+CAAyC;AAOzC,0DAAsD;AACtD,2DAA0D;AAC1D,mDAIyB;
|
|
1
|
+
{"version":3,"file":"SpotlightTarget.js","sourceRoot":"","sources":["../../../src/spotlight/SpotlightTarget.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,8CAAkE;AAClE,4DAAoC;AACpC,+CAAyC;AAOzC,0DAAsD;AACtD,2DAA0D;AAC1D,mDAIyB;AAqBzB,kFAAkF;AACrE,QAAA,eAAe,GAGxB,eAAK,CAAC,UAAU,CAAC,SAAS,eAAe,CAG3C,EACE,EAAE,EACF,QAAQ,GAAG,IAAI,EACf,gBAAgB,GAAG,QAAQ,EAC3B,kBAAkB,GAAG,WAAW,EAChC,eAAe,EACf,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,SAAS,EACT,cAAc,GACsC,EACtD,GAAsB;IAEtB,MAAM,EACJ,iBAAiB,EACjB,MAAM,EACN,SAAS,EACT,cAAc,EACd,gBAAgB,GACjB,GAAG,IAAA,uCAAmB,GAAE,CAAC;IAE1B,MAAM,WAAW,GAAG,eAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAA,oBAAY,EAAc,CAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,WAAW,CAAC,OAAO;YAAE,cAAc,CAAC,EAAE,EAAE,WAAW,CAAC,CAAC;QACzD,OAAO,GAAG,EAAE,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE3C,MAAM,QAAQ,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,IAAA,4BAAY,EAAC;QAC7B,eAAe;QACf,QAAQ;QACR,kBAAkB;QAClB,gBAAgB;QAChB,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,WAAW;KACvB,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,IAAA,oBAAU,EACxB,sBAAsB,EACtB;QACE,2BAA2B,EAAE,MAAM,IAAI,QAAQ;KAChD,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,6DACE,8CACE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,IAAI,QAAQ,IAAI,CAAC,MAAM,EAAE,CAAC;wBACxB,SAAS,CAAC,IAAI,CAAC,CAAC;wBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC,EACD,KAAK,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,EACxC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,IACE,QAAQ;wBACR,CAAC,MAAM;wBACP,CAAC,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,EAC1C,CAAC;wBACD,SAAS,CAAC,IAAI,CAAC,CAAC;wBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;oBACrB,CAAC;gBACH,CAAC,EACD,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,gBAChB,kBAAkB,IACzB,cAAc,cAElB,uBAAC,kCAAe,IACd,UAAU,EAAE,QAAQ;oBACpB,+IAA+I;oBAC/I,IAAI,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC;oBAClB,wCAAwC;oBACxC,gCAAK,KAAK,EAAC,EAAE,yBAAe,SAAS,EAAC,4BAA4B,YAC/D,QAAQ,GACL,CACP,YAEA,QAAQ,GACO,IACd,EAEN,uBAAC,sBAAc,IACb,IAAI,EACF,SAAS,CAAC,eAAe,KAAK,SAAS;oBACrC,CAAC,CAAE,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,OAA8B;oBAClE,CAAC,CAAC,IAAI,YAGT,SAAS,CAAC,OAAO,CAAC,IAAI,IAAI,CACzB,8CACE,SAAS,EAAE,SAAS,CAAC,gBAAgB,EACrC,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EACvC,KAAK,kCAAO,SAAS,CAAC,cAAc,GAAK,SAAS,CAAC,KAAK,KACpD,SAAS,CAAC,gBAAgB,EAAE,EAC3B,CACR,GACc,IAChB,CACJ,CAAC;AACJ,CAAC,CAAsE,CAAC"}
|