@neo4j-ndl/react 3.7.6 → 3.8.1
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/breadcrumbs/Breadcrumbs.js +1 -1
- package/lib/cjs/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/lib/cjs/next/breadcrumbs/Breadcrumbs.js +87 -0
- package/lib/cjs/next/breadcrumbs/Breadcrumbs.js.map +1 -0
- package/lib/cjs/next/breadcrumbs/index.js +38 -0
- package/lib/cjs/next/breadcrumbs/index.js.map +1 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs-ellipses.story.js +36 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs-ellipses.story.js.map +1 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs-header.story.js +37 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs-header.story.js.map +1 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs-pages.story.js +30 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs-pages.story.js.map +1 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs-steps.story.js +30 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs-steps.story.js.map +1 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs.stories.js +87 -0
- package/lib/cjs/next/breadcrumbs/stories/breadcrumbs.stories.js.map +1 -0
- package/lib/cjs/next/breadcrumbs/stories/index.js +44 -0
- package/lib/cjs/next/breadcrumbs/stories/index.js.map +1 -0
- package/lib/cjs/next/index.js +1 -0
- package/lib/cjs/next/index.js.map +1 -1
- package/lib/esm/breadcrumbs/Breadcrumbs.js +1 -1
- package/lib/esm/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/lib/esm/next/breadcrumbs/Breadcrumbs.js +80 -0
- package/lib/esm/next/breadcrumbs/Breadcrumbs.js.map +1 -0
- package/lib/esm/next/breadcrumbs/index.js +22 -0
- package/lib/esm/next/breadcrumbs/index.js.map +1 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs-ellipses.story.js +34 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs-ellipses.story.js.map +1 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs-header.story.js +35 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs-header.story.js.map +1 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs-pages.story.js +28 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs-pages.story.js.map +1 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs-steps.story.js +28 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs-steps.story.js.map +1 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs.stories.js +84 -0
- package/lib/esm/next/breadcrumbs/stories/breadcrumbs.stories.js.map +1 -0
- package/lib/esm/next/breadcrumbs/stories/index.js +34 -0
- package/lib/esm/next/breadcrumbs/stories/index.js.map +1 -0
- package/lib/esm/next/index.js +1 -0
- package/lib/esm/next/index.js.map +1 -1
- package/lib/types/next/breadcrumbs/Breadcrumbs.d.ts +107 -0
- package/lib/types/next/breadcrumbs/index.d.ts +21 -0
- package/lib/types/next/breadcrumbs/stories/breadcrumbs-ellipses.story.d.ts +23 -0
- package/lib/types/next/breadcrumbs/stories/breadcrumbs-header.story.d.ts +23 -0
- package/lib/types/next/breadcrumbs/stories/breadcrumbs-pages.story.d.ts +23 -0
- package/lib/types/next/breadcrumbs/stories/breadcrumbs-steps.story.d.ts +23 -0
- package/lib/types/next/breadcrumbs/stories/breadcrumbs.stories.d.ts +83 -0
- package/lib/types/next/breadcrumbs/stories/index.d.ts +28 -0
- package/lib/types/next/index.d.ts +1 -0
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sourceRoot":"","sources":["../../../../src/next/breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAwB9D,MAAM,oBAAoB,GAAG,UAAU,CAAC,SAAS,oBAAoB,CACnE,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,KAAK,EAAoB,EAChE,GAAoC;IAEpC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IACzD,OAAO,CACL,0CACa,YAAY,EACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,IACR,cAAc,cAElB,aAAI,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAM,IAChD,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAMH,MAAM,sBAAsB,GAAG,aAAa,CAC1C,IAAI,CACL,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAA+B,EAAE;IACxE,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACnD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAC7E,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAiBF,MAAM,eAAe,GAAG,UAAU,CAAC,SAAS,eAAe,CACzD,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,cAAc,EAAwB,EACpE,GAAsC;IAEtC,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,mBAAmB,EAAE,IAAI,EAAE,YACnE,2BAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAM,cAAc,cAChE,cAAK,SAAS,EAAC,4BAA4B,YAAE,QAAQ,GAAO,IACzD,GAC2B,CACnC,CAAC;AACJ,CAAC,CAAC,CAAC;AAoCH,MAAM,iBAAiB,GAAG,UAAU,CAAC,SAAS,iBAAiB,CAG7D,EAOwD,EACxD,GAAsB;QARtB,EACE,QAAQ,EACR,EAAE,EACF,SAAS,EACT,KAAK,EACL,cAAc,OAEwC,EADnD,SAAS,cANd,0DAOC,CADa;IAId,yBAAyB,EAAE,CAAC;IAE5B,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,QAAQ,CAAC;IAEpD,MAAM,OAAO,GAAG,UAAU,CACxB,sDAAsD,EACtD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,IACR,SAAS,EACT,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAA2E,CAAC;AAiB7E,MAAM,uBAAuB,GAAG,UAAU,CAAC,SAAS,uBAAuB,CACzE,EACE,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,cAAc,EACd,SAAS,GACoB,EAC/B,GAA0C;IAE1C,yBAAyB,EAAE,CAAC;IAE5B,MAAM,OAAO,GAAG,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,CAAC;IAEhE,OAAO,CACL,MAAC,iBAAiB,IAChB,GAAG,EAAE,GAAG,EACR,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,cAAc,kCACT,cAAc,KACjB,YAAY,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,YAAY,CAAC,gBAG3D,KAAC,sBAAsB,KAAG,EACzB,QAAQ,IACS,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAUH,MAAM,eAAe,GAAG,UAAU,CAAC,SAAS,eAAe,CAGzD,EAQsD,EACtD,GAAsB;QATtB,EACE,QAAQ,EACR,EAAE,EACF,SAAS,EACT,KAAK,EACL,cAAc,EACd,WAAW,GAAG,KAAK,OAEiC,EADjD,SAAS,cAPd,yEAQC,CADa;IAId,yBAAyB,EAAE,CAAC;IAE5B,MAAM,SAAS,GAAsB,EAAE,aAAF,EAAE,cAAF,EAAE,GAAI,GAAG,CAAC;IAE/C,MAAM,OAAO,GAAG,UAAU,CACxB,sBAAsB,EACtB;QACE,8BAA8B,EAAE,OAAO,CAAC,WAAW,CAAC;KACrD,EACD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,KAAK,kBACE,WAAW,IACrB,SAAS,EACT,cAAc,cAEjB,QAAQ,IACC,CACb,CAAC;AACJ,CAAC,CAAoE,CAAC;AAEtE,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE;IACtD,MAAM,EAAE,iBAAiB;IACzB,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,eAAe;IACrB,YAAY,EAAE,uBAAuB;CACtC,CAAC,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
export * from './Breadcrumbs';
|
|
22
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/next/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
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
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Menu } from '@neo4j-ndl/react/context-menu';
|
|
24
|
+
import { Breadcrumbs } from '@neo4j-ndl/react/next';
|
|
25
|
+
import { useRef, useState } from 'react';
|
|
26
|
+
const Component = () => {
|
|
27
|
+
const menuRef = useRef(null);
|
|
28
|
+
const [isMenuOpen, setIsMenuOpen] = useState(false);
|
|
29
|
+
return (_jsxs(Breadcrumbs, { children: [_jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "#", children: "Home" }) }), _jsx(Breadcrumbs.Item, { children: _jsxs(Breadcrumbs.Link, { ref: menuRef, as: "button", onClick: () => setIsMenuOpen(!isMenuOpen), htmlAttributes: {
|
|
30
|
+
'aria-label': 'Open ellipsis menu',
|
|
31
|
+
}, children: ["...", _jsx(Menu, { anchorRef: menuRef, isOpen: isMenuOpen, onClose: () => setIsMenuOpen(false), children: _jsxs(Menu.Items, { children: [_jsx(Menu.Item, { title: "Page 1" }), _jsx(Menu.Item, { title: "Page 2" }), _jsx(Menu.Item, { title: "Page 3" })] }) })] }) }), _jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { as: "span", ariaCurrent: "page", children: "Current page" }) })] }));
|
|
32
|
+
};
|
|
33
|
+
export default Component;
|
|
34
|
+
//# sourceMappingURL=breadcrumbs-ellipses.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-ellipses.story.js","sourceRoot":"","sources":["../../../../../src/next/breadcrumbs/stories/breadcrumbs-ellipses.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,CACL,MAAC,WAAW,eACV,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,qBAAwB,GACjC,EACnB,KAAC,WAAW,CAAC,IAAI,cACf,MAAC,WAAW,CAAC,IAAI,IACf,GAAG,EAAE,OAAO,EACZ,EAAE,EAAC,QAAQ,EACX,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,cAAc,EAAE;wBACd,YAAY,EAAE,oBAAoB;qBACnC,oBAGD,KAAC,IAAI,IACH,SAAS,EAAE,OAAO,EAClB,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,YAEnC,MAAC,IAAI,CAAC,KAAK,eACT,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,IACjB,GACR,IACU,GACF,EACnB,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,CAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,MAAM,6BAE3B,GACF,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
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
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Menu } from '@neo4j-ndl/react';
|
|
24
|
+
import { BuildingOffice2IconOutline, CheckIconOutline, FolderIconOutline, Neo4JIconColorIcon, } from '@neo4j-ndl/react/icons';
|
|
25
|
+
import { Breadcrumbs } from '@neo4j-ndl/react/next';
|
|
26
|
+
import { useRef, useState } from 'react';
|
|
27
|
+
const Component = () => {
|
|
28
|
+
const [isOrganizationMenuOpen, setIsOrganizationMenuOpen] = useState(false);
|
|
29
|
+
const organizationMenuRef = useRef(null);
|
|
30
|
+
return (_jsxs(Breadcrumbs, { children: [_jsx(Breadcrumbs.Item, { className: "n-mr-token-4", children: _jsx("button", { "aria-label": "Home", className: "n-rounded-sm focus-visible:n-outline-2 focus-visible:n-outline-offset-[3px] focus-visible:n-outline-palette-primary-focus", children: _jsx(Neo4JIconColorIcon, { className: "n-h-6 n-w-[26px]" }) }) }), _jsxs(Breadcrumbs.Item, { children: [_jsxs(Breadcrumbs.Button, { children: [_jsx(BuildingOffice2IconOutline, {}), "Organization 1"] }), _jsx(Breadcrumbs.SelectButton, { ref: organizationMenuRef, ariaLabel: "Open organization menu", onClick: () => {
|
|
31
|
+
setIsOrganizationMenuOpen(!isOrganizationMenuOpen);
|
|
32
|
+
}, children: _jsx(Menu, { anchorRef: organizationMenuRef, isOpen: isOrganizationMenuOpen, onClose: () => setIsOrganizationMenuOpen(false), children: _jsxs(Menu.Items, { children: [_jsx(Menu.Item, { title: "Organization 1", icon: _jsx(CheckIconOutline, {}) }), _jsx(Menu.Item, { title: "Organization 2" }), _jsx(Menu.Divider, {}), _jsx(Menu.Item, { title: "All Organizations" })] }) }) })] }), _jsxs(Breadcrumbs.Item, { children: [_jsxs(Breadcrumbs.Button, { children: [_jsx(FolderIconOutline, {}), "Project 1"] }), _jsx(Breadcrumbs.SelectButton, { ariaLabel: "Open project menu" })] })] }));
|
|
33
|
+
};
|
|
34
|
+
export default Component;
|
|
35
|
+
//# sourceMappingURL=breadcrumbs-header.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-header.story.js","sourceRoot":"","sources":["../../../../../src/next/breadcrumbs/stories/breadcrumbs-header.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACL,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5E,MAAM,mBAAmB,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAE5D,OAAO,CACL,MAAC,WAAW,eACV,KAAC,WAAW,CAAC,IAAI,IAAC,SAAS,EAAC,cAAc,YACxC,+BACa,MAAM,EACjB,SAAS,EAAC,2HAA2H,YAErI,KAAC,kBAAkB,IAAC,SAAS,EAAC,kBAAkB,GAAG,GAC5C,GACQ,EACnB,MAAC,WAAW,CAAC,IAAI,eACf,MAAC,WAAW,CAAC,MAAM,eACjB,KAAC,0BAA0B,KAAG,sBAEX,EACrB,KAAC,WAAW,CAAC,YAAY,IACvB,GAAG,EAAE,mBAAmB,EACxB,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE;4BACZ,yBAAyB,CAAC,CAAC,sBAAsB,CAAC,CAAC;wBACrD,CAAC,YAED,KAAC,IAAI,IACH,SAAS,EAAE,mBAAmB,EAC9B,MAAM,EAAE,sBAAsB,EAC9B,OAAO,EAAE,GAAG,EAAE,CAAC,yBAAyB,CAAC,KAAK,CAAC,YAE/C,MAAC,IAAI,CAAC,KAAK,eACT,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAE,KAAC,gBAAgB,KAAG,GAAI,EAChE,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,gBAAgB,GAAG,EACpC,KAAC,IAAI,CAAC,OAAO,KAAG,EAChB,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,GAAG,IAC5B,GACR,GACkB,IACV,EACnB,MAAC,WAAW,CAAC,IAAI,eACf,MAAC,WAAW,CAAC,MAAM,eACjB,KAAC,iBAAiB,KAAG,iBAEF,EACrB,KAAC,WAAW,CAAC,YAAY,IAAC,SAAS,EAAC,mBAAmB,GAA4B,IAClE,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
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
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Breadcrumbs } from '@neo4j-ndl/react/next';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(Breadcrumbs, { children: [_jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "", children: "Home" }) }), _jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "", children: "Page" }) }), _jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "", children: "Subpage" }) }), _jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "", ariaCurrent: "page", children: "Current page" }) })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=breadcrumbs-pages.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-pages.story.js","sourceRoot":"","sources":["../../../../../src/next/breadcrumbs/stories/breadcrumbs-pages.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,WAAW,eACV,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,qBAAwB,GAChC,EACnB,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,qBAAwB,GAChC,EACnB,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,wBAA2B,GACnC,EACnB,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,EAAC,WAAW,EAAC,MAAM,6BAEzB,GACF,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
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
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Breadcrumbs } from '@neo4j-ndl/react/next';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(Breadcrumbs, { children: [_jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "", children: "Previous step" }) }), _jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "", ariaCurrent: "step", children: "Current step" }) }), _jsx(Breadcrumbs.Item, { children: _jsx(Breadcrumbs.Link, { href: "", children: "Next step" }) })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=breadcrumbs-steps.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs-steps.story.js","sourceRoot":"","sources":["../../../../../src/next/breadcrumbs/stories/breadcrumbs-steps.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,WAAW,eACV,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,8BAAiC,GACzC,EACnB,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,EAAC,WAAW,EAAC,MAAM,6BAEzB,GACF,EACnB,KAAC,WAAW,CAAC,IAAI,cACf,KAAC,WAAW,CAAC,IAAI,IAAC,IAAI,EAAC,EAAE,0BAA6B,GACrC,IACP,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import { Breadcrumbs } from '@neo4j-ndl/react/next/breadcrumbs';
|
|
22
|
+
import { BreadcrumbsEllipses, BreadcrumbsEllipsesSrc, BreadcrumbsHeader, BreadcrumbsHeaderSrc, BreadcrumbsPages, BreadcrumbsPagesSrc, BreadcrumbsSteps, BreadcrumbsStepsSrc, } from '.';
|
|
23
|
+
const componentMeta = {
|
|
24
|
+
component: Breadcrumbs,
|
|
25
|
+
parameters: {
|
|
26
|
+
controls: { disable: true },
|
|
27
|
+
},
|
|
28
|
+
tags: ['docsPage'],
|
|
29
|
+
title: 'Components/Next/Breadcrumbs',
|
|
30
|
+
};
|
|
31
|
+
export default componentMeta;
|
|
32
|
+
export const HeaderNavigation = {
|
|
33
|
+
args: {},
|
|
34
|
+
parameters: {
|
|
35
|
+
docs: {
|
|
36
|
+
source: {
|
|
37
|
+
code: BreadcrumbsHeaderSrc,
|
|
38
|
+
language: 'tsx',
|
|
39
|
+
type: 'code',
|
|
40
|
+
},
|
|
41
|
+
},
|
|
42
|
+
},
|
|
43
|
+
render: BreadcrumbsHeader,
|
|
44
|
+
};
|
|
45
|
+
export const PageNavigation = {
|
|
46
|
+
args: {},
|
|
47
|
+
parameters: {
|
|
48
|
+
docs: {
|
|
49
|
+
source: {
|
|
50
|
+
code: BreadcrumbsPagesSrc,
|
|
51
|
+
language: 'tsx',
|
|
52
|
+
type: 'code',
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
render: BreadcrumbsPages,
|
|
57
|
+
};
|
|
58
|
+
export const MultiStepNavigation = {
|
|
59
|
+
args: {},
|
|
60
|
+
parameters: {
|
|
61
|
+
docs: {
|
|
62
|
+
source: {
|
|
63
|
+
code: BreadcrumbsStepsSrc,
|
|
64
|
+
language: 'tsx',
|
|
65
|
+
type: 'code',
|
|
66
|
+
},
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
render: BreadcrumbsSteps,
|
|
70
|
+
};
|
|
71
|
+
export const Ellipses = {
|
|
72
|
+
args: {},
|
|
73
|
+
parameters: {
|
|
74
|
+
docs: {
|
|
75
|
+
source: {
|
|
76
|
+
code: BreadcrumbsEllipsesSrc,
|
|
77
|
+
language: 'tsx',
|
|
78
|
+
type: 'code',
|
|
79
|
+
},
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
render: BreadcrumbsEllipses,
|
|
83
|
+
};
|
|
84
|
+
//# sourceMappingURL=breadcrumbs.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../../../../src/next/breadcrumbs/stories/breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAAG;IACpB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,6BAA6B;CACF,CAAC;AAErC,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,oBAAoB;gBAC1B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,iBAAiB;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,mBAAmB;gBACzB,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,gBAAgB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,sBAAsB;gBAC5B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,mBAAmB;CAC5B,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
export { default as BreadcrumbsHeader } from './breadcrumbs-header.story';
|
|
22
|
+
export { default as BreadcrumbsPages } from './breadcrumbs-pages.story';
|
|
23
|
+
export { default as BreadcrumbsSteps } from './breadcrumbs-steps.story';
|
|
24
|
+
export { default as BreadcrumbsEllipses } from './breadcrumbs-ellipses.story';
|
|
25
|
+
import { removeLicenseHeader } from '../../../_common/export-stories-utils';
|
|
26
|
+
import BreadcrumbsEllipsesSrcRaw from './breadcrumbs-ellipses.story?raw';
|
|
27
|
+
import BreadcrumbsHeaderSrcRaw from './breadcrumbs-header.story?raw';
|
|
28
|
+
import BreadcrumbsPagesSrcRaw from './breadcrumbs-pages.story?raw';
|
|
29
|
+
import BreadcrumbsStepsSrcRaw from './breadcrumbs-steps.story?raw';
|
|
30
|
+
export const BreadcrumbsHeaderSrc = removeLicenseHeader(BreadcrumbsHeaderSrcRaw);
|
|
31
|
+
export const BreadcrumbsPagesSrc = removeLicenseHeader(BreadcrumbsPagesSrcRaw);
|
|
32
|
+
export const BreadcrumbsStepsSrc = removeLicenseHeader(BreadcrumbsStepsSrcRaw);
|
|
33
|
+
export const BreadcrumbsEllipsesSrc = removeLicenseHeader(BreadcrumbsEllipsesSrcRaw);
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/next/breadcrumbs/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAE9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,yBAAyB,MAAM,kCAAkC,CAAC;AACzE,OAAO,uBAAuB,MAAM,gCAAgC,CAAC;AACrE,OAAO,sBAAsB,MAAM,+BAA+B,CAAC;AACnE,OAAO,sBAAsB,MAAM,+BAA+B,CAAC;AAEnE,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,mBAAmB,GAAG,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;AAE/E,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACvD,yBAAyB,CAC1B,CAAC"}
|
package/lib/esm/next/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/next/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/next/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import type React from 'react';
|
|
22
|
+
import { type HtmlAttributes, type PolymorphicForwardRefExoticComponent } from '../../_common/types';
|
|
23
|
+
type BreadcrumbsProps = {
|
|
24
|
+
/** Content to be rendered. Should only be `Breadcrumbs.Item`. */
|
|
25
|
+
children?: React.ReactNode;
|
|
26
|
+
/**
|
|
27
|
+
* Additional classnames.
|
|
28
|
+
*/
|
|
29
|
+
className?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Additional css styling.
|
|
32
|
+
*/
|
|
33
|
+
style?: React.CSSProperties;
|
|
34
|
+
/** HTML attributes. */
|
|
35
|
+
htmlAttributes?: HtmlAttributes<'nav'>;
|
|
36
|
+
};
|
|
37
|
+
type BreadcrumbsItemContextType = {
|
|
38
|
+
isInBreadcrumbsItem: boolean;
|
|
39
|
+
};
|
|
40
|
+
export declare const useBreadcrumbsItemContext: () => BreadcrumbsItemContextType;
|
|
41
|
+
type BreadcrumbsItemProps = {
|
|
42
|
+
/** Content to be rendered. Should be either `Breadcrumbs.Link`, `Breadcrumbs.Button` or `Breadcrumbs.SelectButton`. */
|
|
43
|
+
children?: React.ReactNode;
|
|
44
|
+
/**
|
|
45
|
+
* Additional classnames.
|
|
46
|
+
*/
|
|
47
|
+
className?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Additional css styling.
|
|
50
|
+
*/
|
|
51
|
+
style?: React.CSSProperties;
|
|
52
|
+
/** HTML attributes. */
|
|
53
|
+
htmlAttributes?: HtmlAttributes<'li'>;
|
|
54
|
+
};
|
|
55
|
+
type InteractiveBreadcrumbProps = {
|
|
56
|
+
/** Content to be rendered. */
|
|
57
|
+
children?: React.ReactNode;
|
|
58
|
+
} & ({
|
|
59
|
+
as: 'button';
|
|
60
|
+
/**
|
|
61
|
+
* Event handler for when the button is clicked. Only applicable if `as` is `'button'`.
|
|
62
|
+
*/
|
|
63
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
64
|
+
} | {
|
|
65
|
+
as: 'a';
|
|
66
|
+
/**
|
|
67
|
+
* The href of the link. Only applicable if `as` is `'a'`.
|
|
68
|
+
*/
|
|
69
|
+
href: HtmlAttributes<'a'>['href'];
|
|
70
|
+
/**
|
|
71
|
+
* The target of the link. Only applicable if `as` is `'a'`.
|
|
72
|
+
*/
|
|
73
|
+
target?: HtmlAttributes<'a'>['target'];
|
|
74
|
+
} | {
|
|
75
|
+
/**
|
|
76
|
+
* What HTML element to render the root element as.
|
|
77
|
+
*/
|
|
78
|
+
as?: React.ElementType;
|
|
79
|
+
});
|
|
80
|
+
type BreadcrumbsSelectButtonProps = {
|
|
81
|
+
/** Event handler for when the button is clicked. Should be used to open a `Menu`. */
|
|
82
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
83
|
+
/** Aria label needed for accessibility. */
|
|
84
|
+
ariaLabel: string;
|
|
85
|
+
/** Content to be rendered. */
|
|
86
|
+
children?: React.ReactNode;
|
|
87
|
+
/** Additional classnames. */
|
|
88
|
+
className?: string;
|
|
89
|
+
/** Additional css styling. */
|
|
90
|
+
style?: React.CSSProperties;
|
|
91
|
+
/** HTML attributes. */
|
|
92
|
+
htmlAttributes?: HtmlAttributes<'button'>;
|
|
93
|
+
};
|
|
94
|
+
type BreadcrumbsLinkProps = InteractiveBreadcrumbProps & {
|
|
95
|
+
/**
|
|
96
|
+
* Whether the link is the current item. Use `'page'` if it indicates the current page and `'step'` for steps (in a multi-step wizard for example).
|
|
97
|
+
* @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current
|
|
98
|
+
*/
|
|
99
|
+
ariaCurrent?: React.AriaAttributes['aria-current'];
|
|
100
|
+
};
|
|
101
|
+
declare const Breadcrumbs: React.ForwardRefExoticComponent<BreadcrumbsProps & React.RefAttributes<HTMLElement>> & {
|
|
102
|
+
Button: PolymorphicForwardRefExoticComponent<"button", InteractiveBreadcrumbProps>;
|
|
103
|
+
Item: React.ForwardRefExoticComponent<BreadcrumbsItemProps & React.RefAttributes<HTMLLIElement>>;
|
|
104
|
+
Link: PolymorphicForwardRefExoticComponent<"a", BreadcrumbsLinkProps>;
|
|
105
|
+
SelectButton: React.ForwardRefExoticComponent<BreadcrumbsSelectButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
106
|
+
};
|
|
107
|
+
export { Breadcrumbs };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
export * from './Breadcrumbs';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
22
|
+
declare const Component: () => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export default Component;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
22
|
+
declare const Component: () => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export default Component;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
22
|
+
declare const Component: () => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export default Component;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
22
|
+
declare const Component: () => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export default Component;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) "Neo4j"
|
|
4
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
5
|
+
*
|
|
6
|
+
* This file is part of Neo4j.
|
|
7
|
+
*
|
|
8
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
9
|
+
* it under the terms of the GNU General Public License as published by
|
|
10
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
11
|
+
* (at your option) any later version.
|
|
12
|
+
*
|
|
13
|
+
* This program is distributed in the hope that it will be useful,
|
|
14
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
15
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
16
|
+
* GNU General Public License for more details.
|
|
17
|
+
*
|
|
18
|
+
* You should have received a copy of the GNU General Public License
|
|
19
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
20
|
+
*/
|
|
21
|
+
import { type StoryObj } from '@storybook/react';
|
|
22
|
+
declare const componentMeta: {
|
|
23
|
+
component: import("react").ForwardRefExoticComponent<{
|
|
24
|
+
children?: React.ReactNode;
|
|
25
|
+
className?: string;
|
|
26
|
+
style?: React.CSSProperties;
|
|
27
|
+
htmlAttributes?: import("../../../_common/types").HtmlAttributes<"nav">;
|
|
28
|
+
} & import("react").RefAttributes<HTMLElement>> & {
|
|
29
|
+
Button: import("../../../_common/types").PolymorphicForwardRefExoticComponent<"button", {
|
|
30
|
+
children?: React.ReactNode;
|
|
31
|
+
} & ({
|
|
32
|
+
as: "button";
|
|
33
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
34
|
+
} | {
|
|
35
|
+
as: "a";
|
|
36
|
+
href: import("../../../_common/types").HtmlAttributes<"a">["href"];
|
|
37
|
+
target?: import("../../../_common/types").HtmlAttributes<"a">["target"];
|
|
38
|
+
} | {
|
|
39
|
+
as?: React.ElementType;
|
|
40
|
+
})>;
|
|
41
|
+
Item: import("react").ForwardRefExoticComponent<{
|
|
42
|
+
children?: React.ReactNode;
|
|
43
|
+
className?: string;
|
|
44
|
+
style?: React.CSSProperties;
|
|
45
|
+
htmlAttributes?: import("../../../_common/types").HtmlAttributes<"li">;
|
|
46
|
+
} & import("react").RefAttributes<HTMLLIElement>>;
|
|
47
|
+
Link: import("../../../_common/types").PolymorphicForwardRefExoticComponent<"a", ({
|
|
48
|
+
children?: React.ReactNode;
|
|
49
|
+
} & ({
|
|
50
|
+
as: "button";
|
|
51
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
52
|
+
} | {
|
|
53
|
+
as: "a";
|
|
54
|
+
href: import("../../../_common/types").HtmlAttributes<"a">["href"];
|
|
55
|
+
target?: import("../../../_common/types").HtmlAttributes<"a">["target"];
|
|
56
|
+
} | {
|
|
57
|
+
as?: React.ElementType;
|
|
58
|
+
})) & {
|
|
59
|
+
ariaCurrent?: React.AriaAttributes["aria-current"];
|
|
60
|
+
}>;
|
|
61
|
+
SelectButton: import("react").ForwardRefExoticComponent<{
|
|
62
|
+
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
63
|
+
ariaLabel: string;
|
|
64
|
+
children?: React.ReactNode;
|
|
65
|
+
className?: string;
|
|
66
|
+
style?: React.CSSProperties;
|
|
67
|
+
htmlAttributes?: import("../../../_common/types").HtmlAttributes<"button">;
|
|
68
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
69
|
+
};
|
|
70
|
+
parameters: {
|
|
71
|
+
controls: {
|
|
72
|
+
disable: boolean;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
tags: string[];
|
|
76
|
+
title: string;
|
|
77
|
+
};
|
|
78
|
+
export default componentMeta;
|
|
79
|
+
type Story = StoryObj<typeof componentMeta>;
|
|
80
|
+
export declare const HeaderNavigation: Story;
|
|
81
|
+
export declare const PageNavigation: Story;
|
|
82
|
+
export declare const MultiStepNavigation: Story;
|
|
83
|
+
export declare const Ellipses: Story;
|