@neo4j-ndl/react 3.9.4 → 3.9.6
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/graph-label/stories/graph-label-color.story.js +2 -1
- package/lib/cjs/graph-label/stories/graph-label-color.story.js.map +1 -1
- package/lib/cjs/progress-bar/stories/index.js +40 -0
- package/lib/cjs/progress-bar/stories/index.js.map +1 -0
- package/lib/cjs/progress-bar/stories/progress-bar-default.story.js +30 -0
- package/lib/cjs/progress-bar/stories/progress-bar-default.story.js.map +1 -0
- package/lib/cjs/progress-bar/stories/progress-bar-heading.story.js +30 -0
- package/lib/cjs/progress-bar/stories/progress-bar-heading.story.js.map +1 -0
- package/lib/cjs/progress-bar/stories/progress-bar-sizes.story.js +30 -0
- package/lib/cjs/progress-bar/stories/progress-bar-sizes.story.js.map +1 -0
- package/lib/cjs/progress-bar/stories/progress-bar.stories.js +80 -0
- package/lib/cjs/progress-bar/stories/progress-bar.stories.js.map +1 -0
- package/lib/cjs/spotlight/stories/index.js +59 -0
- package/lib/cjs/spotlight/stories/index.js.map +1 -0
- package/lib/cjs/spotlight/stories/spotlight-fixed-positioning.story.js +48 -0
- package/lib/cjs/spotlight/stories/spotlight-fixed-positioning.story.js.map +1 -0
- package/lib/cjs/spotlight/stories/spotlight-in-dialog.story.js +49 -0
- package/lib/cjs/spotlight/stories/spotlight-in-dialog.story.js.map +1 -0
- package/lib/cjs/spotlight/stories/spotlight-in-side-nav.story.js +53 -0
- package/lib/cjs/spotlight/stories/spotlight-in-side-nav.story.js.map +1 -0
- package/lib/cjs/spotlight/stories/spotlight-tour.story.js +46 -0
- package/lib/cjs/spotlight/stories/spotlight-tour.story.js.map +1 -0
- package/lib/cjs/spotlight/stories/spotlight-with-icon.story.js +49 -0
- package/lib/cjs/spotlight/stories/spotlight-with-icon.story.js.map +1 -0
- package/lib/cjs/spotlight/stories/spotlight-with-image.story.js +48 -0
- package/lib/cjs/spotlight/stories/spotlight-with-image.story.js.map +1 -0
- package/lib/cjs/spotlight/stories/spotlight-with-label.story.js +48 -0
- package/lib/cjs/spotlight/stories/spotlight-with-label.story.js.map +1 -0
- package/lib/cjs/spotlight/stories/spotlight-with-pointer.story.js +48 -0
- package/lib/cjs/spotlight/stories/spotlight-with-pointer.story.js.map +1 -0
- package/lib/cjs/spotlight/stories/spotlight.stories.js +163 -0
- package/lib/cjs/spotlight/stories/spotlight.stories.js.map +1 -0
- package/lib/esm/graph-label/stories/graph-label-color.story.js +2 -1
- package/lib/esm/graph-label/stories/graph-label-color.story.js.map +1 -1
- package/lib/esm/progress-bar/stories/index.js +31 -0
- package/lib/esm/progress-bar/stories/index.js.map +1 -0
- package/lib/esm/progress-bar/stories/progress-bar-default.story.js +28 -0
- package/lib/esm/progress-bar/stories/progress-bar-default.story.js.map +1 -0
- package/lib/esm/progress-bar/stories/progress-bar-heading.story.js +28 -0
- package/lib/esm/progress-bar/stories/progress-bar-heading.story.js.map +1 -0
- package/lib/esm/progress-bar/stories/progress-bar-sizes.story.js +28 -0
- package/lib/esm/progress-bar/stories/progress-bar-sizes.story.js.map +1 -0
- package/lib/esm/progress-bar/stories/progress-bar.stories.js +77 -0
- package/lib/esm/progress-bar/stories/progress-bar.stories.js.map +1 -0
- package/lib/esm/spotlight/stories/index.js +45 -0
- package/lib/esm/spotlight/stories/index.js.map +1 -0
- package/lib/esm/spotlight/stories/spotlight-fixed-positioning.story.js +46 -0
- package/lib/esm/spotlight/stories/spotlight-fixed-positioning.story.js.map +1 -0
- package/lib/esm/spotlight/stories/spotlight-in-dialog.story.js +47 -0
- package/lib/esm/spotlight/stories/spotlight-in-dialog.story.js.map +1 -0
- package/lib/esm/spotlight/stories/spotlight-in-side-nav.story.js +51 -0
- package/lib/esm/spotlight/stories/spotlight-in-side-nav.story.js.map +1 -0
- package/lib/esm/spotlight/stories/spotlight-tour.story.js +44 -0
- package/lib/esm/spotlight/stories/spotlight-tour.story.js.map +1 -0
- package/lib/esm/spotlight/stories/spotlight-with-icon.story.js +47 -0
- package/lib/esm/spotlight/stories/spotlight-with-icon.story.js.map +1 -0
- package/lib/esm/spotlight/stories/spotlight-with-image.story.js +46 -0
- package/lib/esm/spotlight/stories/spotlight-with-image.story.js.map +1 -0
- package/lib/esm/spotlight/stories/spotlight-with-label.story.js +46 -0
- package/lib/esm/spotlight/stories/spotlight-with-label.story.js.map +1 -0
- package/lib/esm/spotlight/stories/spotlight-with-pointer.story.js +46 -0
- package/lib/esm/spotlight/stories/spotlight-with-pointer.story.js.map +1 -0
- package/lib/esm/spotlight/stories/spotlight.stories.js +157 -0
- package/lib/esm/spotlight/stories/spotlight.stories.js.map +1 -0
- package/lib/types/progress-bar/stories/index.d.ts +26 -0
- package/lib/types/progress-bar/stories/progress-bar-default.story.d.ts +23 -0
- package/lib/types/progress-bar/stories/progress-bar-heading.story.d.ts +23 -0
- package/lib/types/progress-bar/stories/progress-bar-sizes.story.d.ts +23 -0
- package/lib/types/progress-bar/stories/progress-bar.stories.d.ts +28 -0
- package/lib/types/spotlight/stories/index.d.ts +36 -0
- package/lib/types/spotlight/stories/spotlight-fixed-positioning.story.d.ts +27 -0
- package/lib/types/spotlight/stories/spotlight-in-dialog.story.d.ts +27 -0
- package/lib/types/spotlight/stories/spotlight-in-side-nav.story.d.ts +27 -0
- package/lib/types/spotlight/stories/spotlight-tour.story.d.ts +23 -0
- package/lib/types/spotlight/stories/spotlight-with-icon.story.d.ts +27 -0
- package/lib/types/spotlight/stories/spotlight-with-image.story.d.ts +27 -0
- package/lib/types/spotlight/stories/spotlight-with-label.story.d.ts +27 -0
- package/lib/types/spotlight/stories/spotlight-with-pointer.story.d.ts +27 -0
- package/lib/types/spotlight/stories/spotlight.stories.d.ts +36 -0
- package/package.json +5 -5
|
@@ -0,0 +1,48 @@
|
|
|
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 react_2 = require("react");
|
|
27
|
+
const Component = (props) => {
|
|
28
|
+
const { themeClassName } = (0, react_1.useNeedleTheme)();
|
|
29
|
+
const { setIsOpen, setActiveSpotlight } = (0, react_1.useSpotlightContext)();
|
|
30
|
+
const targetId = `test-target-${themeClassName}`;
|
|
31
|
+
(0, react_2.useEffect)(() => {
|
|
32
|
+
if (props.isChromatic) {
|
|
33
|
+
setActiveSpotlight(targetId);
|
|
34
|
+
setIsOpen(true);
|
|
35
|
+
}
|
|
36
|
+
}, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-center n-gap-token-10", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setActiveSpotlight(targetId), children: "Activate Spotlight" }), (0, jsx_runtime_1.jsx)(react_1.SpotlightTarget, { id: targetId, hasPulse: !props.isChromatic, borderRadius: 4, backgroundColor: "rgb(var(--theme-palette-neutral-bg-weak))", children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => alert('Target button clicked'), fill: "text", children: "Target" }) }), (0, jsx_runtime_1.jsxs)(react_1.Spotlight, { placement: "bottom-end-top-end", target: targetId, actions: [
|
|
38
|
+
{
|
|
39
|
+
label: 'Close',
|
|
40
|
+
onClick: () => {
|
|
41
|
+
setIsOpen(false);
|
|
42
|
+
setActiveSpotlight(null);
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
], children: [(0, jsx_runtime_1.jsx)(react_1.Spotlight.Image, { src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjY2NjIi8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJBcmlhbCIgZm9udC1zaXplPSIxNCIgZmlsbD0iIzMzMyIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iPkV4YW1wbGUgSW1hZ2U8L3RleHQ+PC9zdmc+", alt: "example image" }), (0, jsx_runtime_1.jsx)(react_1.Spotlight.Header, { children: "This is a header" }), (0, jsx_runtime_1.jsx)(react_1.Spotlight.Body, { children: "This is content" })] })] }));
|
|
46
|
+
};
|
|
47
|
+
exports.default = Component;
|
|
48
|
+
//# sourceMappingURL=spotlight-with-image.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spotlight-with-image.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-image.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAM0B;AAC1B,iCAAkC;AAMlC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,iCAAK,SAAS,EAAC,wCAAwC,aACrD,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACT,uBAAC,uBAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,YAAY,EAAE,CAAC,EACf,eAAe,EAAC,2CAA2C,YAE3D,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,EAAE,IAAI,EAAC,MAAM,uBAEzD,GACO,EAClB,wBAAC,iBAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE;oBACP;wBACE,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC;qBACF;iBACF,aAED,uBAAC,iBAAS,CAAC,KAAK,IACd,GAAG,EAAC,wVAAwV,EAC5V,GAAG,EAAC,eAAe,GACnB,EACF,uBAAC,iBAAS,CAAC,MAAM,mCAAoC,EACrD,uBAAC,iBAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
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 react_2 = require("react");
|
|
27
|
+
const Component = (props) => {
|
|
28
|
+
const { themeClassName } = (0, react_1.useNeedleTheme)();
|
|
29
|
+
const { setIsOpen, setActiveSpotlight } = (0, react_1.useSpotlightContext)();
|
|
30
|
+
const targetId = `test-target-${themeClassName}`;
|
|
31
|
+
(0, react_2.useEffect)(() => {
|
|
32
|
+
if (props.isChromatic) {
|
|
33
|
+
setActiveSpotlight(targetId);
|
|
34
|
+
setIsOpen(true);
|
|
35
|
+
}
|
|
36
|
+
}, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-center n-gap-token-10", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setActiveSpotlight(targetId), children: "Activate Spotlight" }), (0, jsx_runtime_1.jsx)(react_1.SpotlightTarget, { id: targetId, hasPulse: !props.isChromatic, borderRadius: 4, backgroundColor: "rgb(var(--theme-palette-neutral-bg-weak))", indicatorVariant: "border", children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => alert('Target button clicked'), fill: "text", children: "Target" }) }), (0, jsx_runtime_1.jsxs)(react_1.Spotlight, { placement: "bottom-end-top-end", target: targetId, actions: [
|
|
38
|
+
{
|
|
39
|
+
label: 'Close',
|
|
40
|
+
onClick: () => {
|
|
41
|
+
setIsOpen(false);
|
|
42
|
+
setActiveSpotlight(null);
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
], children: [(0, jsx_runtime_1.jsx)(react_1.Spotlight.Label, { children: "NEW" }), (0, jsx_runtime_1.jsx)(react_1.Spotlight.Header, { children: "This is a header" }), (0, jsx_runtime_1.jsx)(react_1.Spotlight.Body, { children: "This is content" })] })] }));
|
|
46
|
+
};
|
|
47
|
+
exports.default = Component;
|
|
48
|
+
//# sourceMappingURL=spotlight-with-label.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spotlight-with-label.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-label.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAM0B;AAC1B,iCAAkC;AAMlC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,iCAAK,SAAS,EAAC,wCAAwC,aACrD,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACT,uBAAC,uBAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,YAAY,EAAE,CAAC,EACf,eAAe,EAAC,2CAA2C,EAC3D,gBAAgB,EAAC,QAAQ,YAEzB,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,EAAE,IAAI,EAAC,MAAM,uBAEzD,GACO,EAClB,wBAAC,iBAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE;oBACP;wBACE,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC;qBACF;iBACF,aAED,uBAAC,iBAAS,CAAC,KAAK,sBAAsB,EACtC,uBAAC,iBAAS,CAAC,MAAM,mCAAoC,EACrD,uBAAC,iBAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
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 react_2 = require("react");
|
|
27
|
+
const Component = (props) => {
|
|
28
|
+
const { themeClassName } = (0, react_1.useNeedleTheme)();
|
|
29
|
+
const { setIsOpen, setActiveSpotlight } = (0, react_1.useSpotlightContext)();
|
|
30
|
+
const targetId = `test-target-${themeClassName}`;
|
|
31
|
+
(0, react_2.useEffect)(() => {
|
|
32
|
+
if (props.isChromatic) {
|
|
33
|
+
setActiveSpotlight(targetId);
|
|
34
|
+
setIsOpen(true);
|
|
35
|
+
}
|
|
36
|
+
}, [setActiveSpotlight, setIsOpen, targetId, props.isChromatic]);
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-center n-gap-token-10", children: [(0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => setActiveSpotlight(targetId), children: "Activate Spotlight" }), (0, jsx_runtime_1.jsx)(react_1.SpotlightTarget, { id: targetId, hasPulse: !props.isChromatic, borderRadius: 4, backgroundColor: "rgb(var(--theme-palette-neutral-bg-weak))", indicatorVariant: "point", indicatorPlacement: "top-right", children: (0, jsx_runtime_1.jsx)(react_1.Button, { onClick: () => alert('Target button clicked'), children: "Target" }) }), (0, jsx_runtime_1.jsxs)(react_1.Spotlight, { placement: "bottom-end-top-end", target: targetId, actions: [
|
|
38
|
+
{
|
|
39
|
+
label: 'Close',
|
|
40
|
+
onClick: () => {
|
|
41
|
+
setIsOpen(false);
|
|
42
|
+
setActiveSpotlight(null);
|
|
43
|
+
},
|
|
44
|
+
},
|
|
45
|
+
], children: [(0, jsx_runtime_1.jsx)(react_1.Spotlight.Header, { children: "This is a header" }), (0, jsx_runtime_1.jsx)(react_1.Spotlight.Body, { children: "This is content" })] })] }));
|
|
46
|
+
};
|
|
47
|
+
exports.default = Component;
|
|
48
|
+
//# sourceMappingURL=spotlight-with-pointer.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spotlight-with-pointer.story.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight-with-pointer.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAM0B;AAC1B,iCAAkC;AAMlC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,sBAAc,GAAE,CAAC;IAC5C,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAEhE,MAAM,QAAQ,GAAG,eAAe,cAAc,EAAE,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;YAC7B,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,kBAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAEjE,OAAO,CACL,iCAAK,SAAS,EAAC,wCAAwC,aACrD,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,mCAE1C,EACT,uBAAC,uBAAe,IACd,EAAE,EAAE,QAAQ,EACZ,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,YAAY,EAAE,CAAC,EACf,eAAe,EAAC,2CAA2C,EAC3D,gBAAgB,EAAC,OAAO,EACxB,kBAAkB,EAAC,WAAW,YAE9B,uBAAC,cAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,uBAAiB,GACtD,EAClB,wBAAC,iBAAS,IACR,SAAS,EAAC,oBAAoB,EAC9B,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE;oBACP;wBACE,KAAK,EAAE,OAAO;wBACd,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,KAAK,CAAC,CAAC;4BACjB,kBAAkB,CAAC,IAAI,CAAC,CAAC;wBAC3B,CAAC;qBACF;iBACF,aAED,uBAAC,iBAAS,CAAC,MAAM,mCAAoC,EACrD,uBAAC,iBAAS,CAAC,IAAI,kCAAiC,IACtC,IACR,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,163 @@
|
|
|
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
|
+
|
|
22
|
+
"use strict";
|
|
23
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
24
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
25
|
+
};
|
|
26
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
27
|
+
exports.FixedPositioning = exports.TargetInDialog = exports.InSideNav = exports.Tour = exports.WithPointerIndicator = exports.WithImage = exports.WithIcon = exports.WithLabel = void 0;
|
|
28
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
+
const chromatic_1 = __importDefault(require("chromatic"));
|
|
30
|
+
const index_1 = require("../../index");
|
|
31
|
+
const _1 = require("./");
|
|
32
|
+
const componentMeta = {
|
|
33
|
+
component: index_1.Spotlight,
|
|
34
|
+
decorators: [
|
|
35
|
+
(StoryFn) => ((0, jsx_runtime_1.jsx)(index_1.SpotlightProvider, { hasOverlay: true, children: (0, jsx_runtime_1.jsx)(StoryFn, {}) })),
|
|
36
|
+
],
|
|
37
|
+
id: 'components-spotlight',
|
|
38
|
+
parameters: {
|
|
39
|
+
controls: { disable: true },
|
|
40
|
+
},
|
|
41
|
+
tags: ['docsPage'],
|
|
42
|
+
title: 'Components/Spotlight',
|
|
43
|
+
};
|
|
44
|
+
exports.default = componentMeta;
|
|
45
|
+
exports.WithLabel = {
|
|
46
|
+
args: {
|
|
47
|
+
isChromatic: (0, chromatic_1.default)(),
|
|
48
|
+
},
|
|
49
|
+
parameters: {
|
|
50
|
+
docs: {
|
|
51
|
+
source: {
|
|
52
|
+
code: _1.SpotlightWithLabelSrc,
|
|
53
|
+
language: 'tsx',
|
|
54
|
+
type: 'code',
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
render: _1.SpotlightWithLabel,
|
|
59
|
+
};
|
|
60
|
+
exports.WithIcon = {
|
|
61
|
+
args: {
|
|
62
|
+
isChromatic: (0, chromatic_1.default)(),
|
|
63
|
+
},
|
|
64
|
+
parameters: {
|
|
65
|
+
docs: {
|
|
66
|
+
source: {
|
|
67
|
+
code: _1.SpotlightWithIconSrc,
|
|
68
|
+
language: 'tsx',
|
|
69
|
+
type: 'code',
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
},
|
|
73
|
+
render: _1.SpotlightWithIcon,
|
|
74
|
+
};
|
|
75
|
+
exports.WithImage = {
|
|
76
|
+
args: {
|
|
77
|
+
isChromatic: (0, chromatic_1.default)(),
|
|
78
|
+
},
|
|
79
|
+
parameters: {
|
|
80
|
+
docs: {
|
|
81
|
+
source: {
|
|
82
|
+
code: _1.SpotlightWithImageSrc,
|
|
83
|
+
language: 'tsx',
|
|
84
|
+
type: 'code',
|
|
85
|
+
},
|
|
86
|
+
},
|
|
87
|
+
},
|
|
88
|
+
render: _1.SpotlightWithImage,
|
|
89
|
+
};
|
|
90
|
+
exports.WithPointerIndicator = {
|
|
91
|
+
args: {
|
|
92
|
+
isChromatic: (0, chromatic_1.default)(),
|
|
93
|
+
},
|
|
94
|
+
parameters: {
|
|
95
|
+
docs: {
|
|
96
|
+
source: {
|
|
97
|
+
code: _1.SpotlightWithPointerSrc,
|
|
98
|
+
language: 'tsx',
|
|
99
|
+
type: 'code',
|
|
100
|
+
},
|
|
101
|
+
},
|
|
102
|
+
},
|
|
103
|
+
render: _1.SpotlightWithPointer,
|
|
104
|
+
};
|
|
105
|
+
exports.Tour = {
|
|
106
|
+
args: {},
|
|
107
|
+
parameters: {
|
|
108
|
+
docs: {
|
|
109
|
+
source: {
|
|
110
|
+
code: _1.SpotlightTourSrc,
|
|
111
|
+
language: 'tsx',
|
|
112
|
+
type: 'code',
|
|
113
|
+
},
|
|
114
|
+
},
|
|
115
|
+
},
|
|
116
|
+
render: _1.SpotlightTour,
|
|
117
|
+
};
|
|
118
|
+
exports.InSideNav = {
|
|
119
|
+
args: {
|
|
120
|
+
isChromatic: (0, chromatic_1.default)(),
|
|
121
|
+
},
|
|
122
|
+
parameters: {
|
|
123
|
+
docs: {
|
|
124
|
+
source: {
|
|
125
|
+
code: _1.SpotlightInSideNavSrc,
|
|
126
|
+
language: 'tsx',
|
|
127
|
+
type: 'code',
|
|
128
|
+
},
|
|
129
|
+
},
|
|
130
|
+
},
|
|
131
|
+
render: _1.SpotlightInSideNav,
|
|
132
|
+
};
|
|
133
|
+
exports.TargetInDialog = {
|
|
134
|
+
args: {
|
|
135
|
+
isChromatic: (0, chromatic_1.default)(),
|
|
136
|
+
},
|
|
137
|
+
parameters: {
|
|
138
|
+
docs: {
|
|
139
|
+
source: {
|
|
140
|
+
code: _1.SpotlightInDialogSrc,
|
|
141
|
+
language: 'tsx',
|
|
142
|
+
type: 'code',
|
|
143
|
+
},
|
|
144
|
+
},
|
|
145
|
+
},
|
|
146
|
+
render: _1.SpotlightInDialog,
|
|
147
|
+
};
|
|
148
|
+
exports.FixedPositioning = {
|
|
149
|
+
args: {
|
|
150
|
+
isChromatic: (0, chromatic_1.default)(),
|
|
151
|
+
},
|
|
152
|
+
parameters: {
|
|
153
|
+
docs: {
|
|
154
|
+
source: {
|
|
155
|
+
code: _1.SpotlightFixedPositioningSrc,
|
|
156
|
+
language: 'tsx',
|
|
157
|
+
type: 'code',
|
|
158
|
+
},
|
|
159
|
+
},
|
|
160
|
+
},
|
|
161
|
+
render: _1.SpotlightFixedPositioning,
|
|
162
|
+
};
|
|
163
|
+
//# sourceMappingURL=spotlight.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spotlight.stories.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/spotlight.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,9 +20,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
20
20
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
21
|
*/
|
|
22
22
|
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { tokens } from '@neo4j-ndl/base';
|
|
23
24
|
import { GraphLabel } from '@neo4j-ndl/react';
|
|
24
25
|
const Component = () => {
|
|
25
|
-
return (_jsxs("div", { className: "n-flex n-gap-token-6", children: [_jsx(GraphLabel, { type: "node", color:
|
|
26
|
+
return (_jsxs("div", { className: "n-flex n-gap-token-6", children: [_jsx(GraphLabel, { type: "node", color: tokens.palette.graph['1'], children: "Node" }), _jsx(GraphLabel, { type: "node", color: tokens.palette.graph['3'], children: "Node" }), _jsx(GraphLabel, { type: "node", color: tokens.palette.graph['12'], children: "Node" })] }));
|
|
26
27
|
};
|
|
27
28
|
export default Component;
|
|
28
29
|
//# sourceMappingURL=graph-label-color.story.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"graph-label-color.story.js","sourceRoot":"","sources":["../../../../src/graph-label/stories/graph-label-color.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"graph-label-color.story.js","sourceRoot":"","sources":["../../../../src/graph-label/stories/graph-label-color.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,qBAE3C,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,qBAE3C,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,qBAE5C,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
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 { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
|
|
22
|
+
import ProgressBarDefaultSourceRaw from './progress-bar-default.story?raw';
|
|
23
|
+
import ProgressBarHeadingSourceRaw from './progress-bar-heading.story?raw';
|
|
24
|
+
import ProgressBarSizesSourceRaw from './progress-bar-sizes.story?raw';
|
|
25
|
+
export { default as ProgressBarHeading } from './progress-bar-heading.story';
|
|
26
|
+
export { default as ProgressBarDefault } from './progress-bar-default.story';
|
|
27
|
+
export { default as ProgressBarSizes } from './progress-bar-sizes.story';
|
|
28
|
+
export const ProgressBarDefaultSource = removeLicenseHeader(ProgressBarDefaultSourceRaw);
|
|
29
|
+
export const ProgressBarHeadingSource = removeLicenseHeader(ProgressBarHeadingSourceRaw);
|
|
30
|
+
export const ProgressBarSizesSource = removeLicenseHeader(ProgressBarSizesSourceRaw);
|
|
31
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAC3E,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAC3E,OAAO,yBAAyB,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEzE,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,mBAAmB,CACvD,yBAAyB,CAC1B,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx } 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 { ProgressBar } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return _jsx(ProgressBar, { value: 75, size: "large" });
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=progress-bar-default.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar-default.story.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;AACjD,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx } 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 { ProgressBar } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return _jsx(ProgressBar, { heading: "Importing data", value: 75, size: "large" });
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=progress-bar-heading.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar-heading.story.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar-heading.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,KAAC,WAAW,IAAC,OAAO,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,CAAC;AAC1E,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 { ProgressBar } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-6", children: [_jsx(ProgressBar, { value: 75, size: "small" }), _jsx(ProgressBar, { value: 75, size: "large" })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=progress-bar-sizes.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar-sizes.story.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,EACvC,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,IAAI,EAAC,OAAO,GAAG,IACnC,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,77 @@
|
|
|
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
|
+
|
|
22
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
23
|
+
import { ProgressBar } from '../../index';
|
|
24
|
+
import { ProgressBarDefault, ProgressBarDefaultSource, ProgressBarHeading, ProgressBarHeadingSource, ProgressBarSizes, ProgressBarSizesSource, } from '.';
|
|
25
|
+
const componentMeta = {
|
|
26
|
+
component: ProgressBar,
|
|
27
|
+
id: 'components-progress-bar',
|
|
28
|
+
parameters: {
|
|
29
|
+
controls: { disable: true },
|
|
30
|
+
},
|
|
31
|
+
tags: ['docsPage'],
|
|
32
|
+
title: 'Components/Progress Bar',
|
|
33
|
+
decorators: [
|
|
34
|
+
(Story) => (_jsx("div", { className: "n-w-1/4 n-mx-auto", children: _jsx(Story, {}) })),
|
|
35
|
+
],
|
|
36
|
+
};
|
|
37
|
+
export default componentMeta;
|
|
38
|
+
export const Default = {
|
|
39
|
+
args: {},
|
|
40
|
+
parameters: {
|
|
41
|
+
docs: {
|
|
42
|
+
source: {
|
|
43
|
+
code: ProgressBarDefaultSource,
|
|
44
|
+
language: 'tsx',
|
|
45
|
+
type: 'code',
|
|
46
|
+
},
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
render: ProgressBarDefault,
|
|
50
|
+
};
|
|
51
|
+
export const Heading = {
|
|
52
|
+
args: {},
|
|
53
|
+
parameters: {
|
|
54
|
+
docs: {
|
|
55
|
+
source: {
|
|
56
|
+
code: ProgressBarHeadingSource,
|
|
57
|
+
language: 'tsx',
|
|
58
|
+
type: 'code',
|
|
59
|
+
},
|
|
60
|
+
},
|
|
61
|
+
},
|
|
62
|
+
render: ProgressBarHeading,
|
|
63
|
+
};
|
|
64
|
+
export const Sizes = {
|
|
65
|
+
args: {},
|
|
66
|
+
parameters: {
|
|
67
|
+
docs: {
|
|
68
|
+
source: {
|
|
69
|
+
code: ProgressBarSizesSource,
|
|
70
|
+
language: 'tsx',
|
|
71
|
+
type: 'code',
|
|
72
|
+
},
|
|
73
|
+
},
|
|
74
|
+
},
|
|
75
|
+
render: ProgressBarSizes,
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=progress-bar.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar.stories.js","sourceRoot":"","sources":["../../../../src/progress-bar/stories/progress-bar.stories.tsx"],"names":[],"mappings":";AAuBA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,GAAG,CAAC;AAEX,MAAM,aAAa,GAA6B;IAC9C,SAAS,EAAE,WAAW;IACtB,EAAE,EAAE,yBAAyB;IAC7B,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,yBAAyB;IAChC,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,KAAK,KAAG,GACL,CACP;KACF;CACF,CAAC;AAEF,eAAe,aAAa,CAAC;AAG7B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAkB;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE,wBAAwB;gBAC9B,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,MAAM,EAAE,kBAAkB;CAC3B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,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,gBAAgB;CACzB,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
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 SpotlightWithLabel } from './spotlight-with-label.story';
|
|
22
|
+
export { default as SpotlightWithIcon } from './spotlight-with-icon.story';
|
|
23
|
+
export { default as SpotlightWithImage } from './spotlight-with-image.story';
|
|
24
|
+
export { default as SpotlightWithPointer } from './spotlight-with-pointer.story';
|
|
25
|
+
export { default as SpotlightTour } from './spotlight-tour.story';
|
|
26
|
+
export { default as SpotlightInSideNav } from './spotlight-in-side-nav.story';
|
|
27
|
+
export { default as SpotlightInDialog } from './spotlight-in-dialog.story';
|
|
28
|
+
export { default as SpotlightFixedPositioning } from './spotlight-fixed-positioning.story';
|
|
29
|
+
import SpotlightFixedPositioningSrcRaw from './spotlight-fixed-positioning.story?raw';
|
|
30
|
+
import SpotlightInDialogSrcRaw from './spotlight-in-dialog.story?raw';
|
|
31
|
+
import SpotlightInSideNavSrcRaw from './spotlight-in-side-nav.story?raw';
|
|
32
|
+
import SpotlightTourSrcRaw from './spotlight-tour.story?raw';
|
|
33
|
+
import SpotlightWithIconSrcRaw from './spotlight-with-icon.story?raw';
|
|
34
|
+
import SpotlightWithImageSrcRaw from './spotlight-with-image.story?raw';
|
|
35
|
+
import SpotlightWithLabelSrcRaw from './spotlight-with-label.story?raw';
|
|
36
|
+
import SpotlightWithPointerSrcRaw from './spotlight-with-pointer.story?raw';
|
|
37
|
+
export const SpotlightWithLabelSrc = SpotlightWithLabelSrcRaw.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
|
|
38
|
+
export const SpotlightWithIconSrc = SpotlightWithIconSrcRaw.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
|
|
39
|
+
export const SpotlightWithImageSrc = SpotlightWithImageSrcRaw.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
|
|
40
|
+
export const SpotlightWithPointerSrc = SpotlightWithPointerSrcRaw.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
|
|
41
|
+
export const SpotlightTourSrc = SpotlightTourSrcRaw.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
|
|
42
|
+
export const SpotlightInSideNavSrc = SpotlightInSideNavSrcRaw.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
|
|
43
|
+
export const SpotlightInDialogSrc = SpotlightInDialogSrcRaw.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
|
|
44
|
+
export const SpotlightFixedPositioningSrc = SpotlightFixedPositioningSrcRaw.replace(/^\/\*[\s\S]*?\*\/\s*/, '');
|
|
45
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/spotlight/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAE3F,OAAO,+BAA+B,MAAM,yCAAyC,CAAC;AACtF,OAAO,uBAAuB,MAAM,iCAAiC,CAAC;AACtE,OAAO,wBAAwB,MAAM,mCAAmC,CAAC;AACzE,OAAO,mBAAmB,MAAM,4BAA4B,CAAC;AAC7D,OAAO,uBAAuB,MAAM,iCAAiC,CAAC;AACtE,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,0BAA0B,MAAM,oCAAoC,CAAC;AAE5E,MAAM,CAAC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,OAAO,CACnE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,OAAO,CACjE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,OAAO,CACnE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,0BAA0B,CAAC,OAAO,CACvE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,OAAO,CACzD,sBAAsB,EACtB,EAAE,CACH,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,OAAO,CACnE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,uBAAuB,CAAC,OAAO,CACjE,sBAAsB,EACtB,EAAE,CACH,CAAC;AACF,MAAM,CAAC,MAAM,4BAA4B,GACvC,+BAA+B,CAAC,OAAO,CAAC,sBAAsB,EAAE,EAAE,CAAC,CAAC"}
|