@neo4j-ndl/react 3.9.3 → 3.9.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/next/side-navigation/stories/side-nav-default.story.js +1 -1
- package/lib/cjs/next/side-navigation/stories/side-nav-default.story.js.map +1 -1
- package/lib/cjs/select/stories/index.js +80 -0
- package/lib/cjs/select/stories/index.js.map +1 -0
- package/lib/cjs/select/stories/select-async.story.js +52 -0
- package/lib/cjs/select/stories/select-async.story.js.map +1 -0
- package/lib/cjs/select/stories/select-clean.story.js +40 -0
- package/lib/cjs/select/stories/select-clean.story.js.map +1 -0
- package/lib/cjs/select/stories/select-controlled.story.js +45 -0
- package/lib/cjs/select/stories/select-controlled.story.js.map +1 -0
- package/lib/cjs/select/stories/select-creatable.story.js +41 -0
- package/lib/cjs/select/stories/select-creatable.story.js.map +1 -0
- package/lib/cjs/select/stories/select-custom-label.story.js +42 -0
- package/lib/cjs/select/stories/select-custom-label.story.js.map +1 -0
- package/lib/cjs/select/stories/select-default.story.js +40 -0
- package/lib/cjs/select/stories/select-default.story.js.map +1 -0
- package/lib/cjs/select/stories/select-disabled.story.js +41 -0
- package/lib/cjs/select/stories/select-disabled.story.js.map +1 -0
- package/lib/cjs/select/stories/select-empty.story.js +34 -0
- package/lib/cjs/select/stories/select-empty.story.js.map +1 -0
- package/lib/cjs/select/stories/select-error-state.story.js +40 -0
- package/lib/cjs/select/stories/select-error-state.story.js.map +1 -0
- package/lib/cjs/select/stories/select-inside-modal.story.js +44 -0
- package/lib/cjs/select/stories/select-inside-modal.story.js.map +1 -0
- package/lib/cjs/select/stories/select-menu-positionings.story.js +47 -0
- package/lib/cjs/select/stories/select-menu-positionings.story.js.map +1 -0
- package/lib/cjs/select/stories/select-multi.story.js +43 -0
- package/lib/cjs/select/stories/select-multi.story.js.map +1 -0
- package/lib/cjs/select/stories/select-sizes.story.js +46 -0
- package/lib/cjs/select/stories/select-sizes.story.js.map +1 -0
- package/lib/cjs/select/stories/select.stories.js +226 -0
- package/lib/cjs/select/stories/select.stories.js.map +1 -0
- package/lib/cjs/tooltip/stories/index.js +68 -0
- package/lib/cjs/tooltip/stories/index.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-controlled.story.js +32 -0
- package/lib/cjs/tooltip/stories/tooltip-controlled.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-default.story.js +30 -0
- package/lib/cjs/tooltip/stories/tooltip-default.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-disabled.story.js +30 -0
- package/lib/cjs/tooltip/stories/tooltip-disabled.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-hover-delay.story.js +30 -0
- package/lib/cjs/tooltip/stories/tooltip-hover-delay.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-in-dialog.story.js +30 -0
- package/lib/cjs/tooltip/stories/tooltip-in-dialog.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-initial-open.story.js +30 -0
- package/lib/cjs/tooltip/stories/tooltip-initial-open.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-placements.story.js +40 -0
- package/lib/cjs/tooltip/stories/tooltip-placements.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-rich-pass-through.story.js +30 -0
- package/lib/cjs/tooltip/stories/tooltip-rich-pass-through.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-rich.story.js +30 -0
- package/lib/cjs/tooltip/stories/tooltip-rich.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip-trigger-button-wrapper.story.js +30 -0
- package/lib/cjs/tooltip/stories/tooltip-trigger-button-wrapper.story.js.map +1 -0
- package/lib/cjs/tooltip/stories/tooltip.stories.js +176 -0
- package/lib/cjs/tooltip/stories/tooltip.stories.js.map +1 -0
- package/lib/esm/next/side-navigation/stories/side-nav-default.story.js +1 -1
- package/lib/esm/next/side-navigation/stories/side-nav-default.story.js.map +1 -1
- package/lib/esm/select/stories/index.js +61 -0
- package/lib/esm/select/stories/index.js.map +1 -0
- package/lib/esm/select/stories/select-async.story.js +50 -0
- package/lib/esm/select/stories/select-async.story.js.map +1 -0
- package/lib/esm/select/stories/select-clean.story.js +38 -0
- package/lib/esm/select/stories/select-clean.story.js.map +1 -0
- package/lib/esm/select/stories/select-controlled.story.js +43 -0
- package/lib/esm/select/stories/select-controlled.story.js.map +1 -0
- package/lib/esm/select/stories/select-creatable.story.js +39 -0
- package/lib/esm/select/stories/select-creatable.story.js.map +1 -0
- package/lib/esm/select/stories/select-custom-label.story.js +40 -0
- package/lib/esm/select/stories/select-custom-label.story.js.map +1 -0
- package/lib/esm/select/stories/select-default.story.js +38 -0
- package/lib/esm/select/stories/select-default.story.js.map +1 -0
- package/lib/esm/select/stories/select-disabled.story.js +39 -0
- package/lib/esm/select/stories/select-disabled.story.js.map +1 -0
- package/lib/esm/select/stories/select-empty.story.js +32 -0
- package/lib/esm/select/stories/select-empty.story.js.map +1 -0
- package/lib/esm/select/stories/select-error-state.story.js +38 -0
- package/lib/esm/select/stories/select-error-state.story.js.map +1 -0
- package/lib/esm/select/stories/select-inside-modal.story.js +42 -0
- package/lib/esm/select/stories/select-inside-modal.story.js.map +1 -0
- package/lib/esm/select/stories/select-menu-positionings.story.js +45 -0
- package/lib/esm/select/stories/select-menu-positionings.story.js.map +1 -0
- package/lib/esm/select/stories/select-multi.story.js +41 -0
- package/lib/esm/select/stories/select-multi.story.js.map +1 -0
- package/lib/esm/select/stories/select-sizes.story.js +44 -0
- package/lib/esm/select/stories/select-sizes.story.js.map +1 -0
- package/lib/esm/select/stories/select.stories.js +220 -0
- package/lib/esm/select/stories/select.stories.js.map +1 -0
- package/lib/esm/tooltip/stories/index.js +52 -0
- package/lib/esm/tooltip/stories/index.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-controlled.story.js +30 -0
- package/lib/esm/tooltip/stories/tooltip-controlled.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-default.story.js +28 -0
- package/lib/esm/tooltip/stories/tooltip-default.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-disabled.story.js +28 -0
- package/lib/esm/tooltip/stories/tooltip-disabled.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-hover-delay.story.js +28 -0
- package/lib/esm/tooltip/stories/tooltip-hover-delay.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-in-dialog.story.js +28 -0
- package/lib/esm/tooltip/stories/tooltip-in-dialog.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-initial-open.story.js +28 -0
- package/lib/esm/tooltip/stories/tooltip-initial-open.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-placements.story.js +38 -0
- package/lib/esm/tooltip/stories/tooltip-placements.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-rich-pass-through.story.js +28 -0
- package/lib/esm/tooltip/stories/tooltip-rich-pass-through.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-rich.story.js +28 -0
- package/lib/esm/tooltip/stories/tooltip-rich.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip-trigger-button-wrapper.story.js +28 -0
- package/lib/esm/tooltip/stories/tooltip-trigger-button-wrapper.story.js.map +1 -0
- package/lib/esm/tooltip/stories/tooltip.stories.js +170 -0
- package/lib/esm/tooltip/stories/tooltip.stories.js.map +1 -0
- package/lib/types/select/stories/index.d.ts +46 -0
- package/lib/types/select/stories/select-async.story.d.ts +24 -0
- package/lib/types/select/stories/select-clean.story.d.ts +24 -0
- package/lib/types/select/stories/select-controlled.story.d.ts +23 -0
- package/lib/types/select/stories/select-creatable.story.d.ts +24 -0
- package/lib/types/select/stories/select-custom-label.story.d.ts +24 -0
- package/lib/types/select/stories/select-default.story.d.ts +24 -0
- package/lib/types/select/stories/select-disabled.story.d.ts +24 -0
- package/lib/types/select/stories/select-empty.story.d.ts +24 -0
- package/lib/types/select/stories/select-error-state.story.d.ts +24 -0
- package/lib/types/select/stories/select-inside-modal.story.d.ts +24 -0
- package/lib/types/select/stories/select-menu-positionings.story.d.ts +24 -0
- package/lib/types/select/stories/select-multi.story.d.ts +24 -0
- package/lib/types/select/stories/select-sizes.story.d.ts +24 -0
- package/lib/types/select/stories/select.stories.d.ts +38 -0
- package/lib/types/tooltip/stories/index.d.ts +40 -0
- package/lib/types/tooltip/stories/tooltip-controlled.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip-default.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip-disabled.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip-hover-delay.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip-in-dialog.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip-initial-open.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip-placements.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip-rich-pass-through.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip-rich.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip-trigger-button-wrapper.story.d.ts +23 -0
- package/lib/types/tooltip/stories/tooltip.stories.d.ts +35 -0
- package/package.json +3 -3
|
@@ -0,0 +1,30 @@
|
|
|
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 Component = () => {
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Tooltip, { type: "simple", isInitialOpen: true, children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { children: "Hover me!" }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Content, { children: "This is a tooltip!" })] }));
|
|
28
|
+
};
|
|
29
|
+
exports.default = Component;
|
|
30
|
+
//# sourceMappingURL=tooltip-initial-open.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-initial-open.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-initial-open.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA2C;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,eAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,aAAa,EAAE,IAAI,aACxC,uBAAC,eAAO,CAAC,OAAO,4BAA4B,EAC5C,uBAAC,eAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
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 Component = () => {
|
|
27
|
+
const placements = [
|
|
28
|
+
{ placement: 'top', label: 'Top' },
|
|
29
|
+
{ placement: 'bottom', label: 'Bottom' },
|
|
30
|
+
{ placement: 'left', label: 'Left' },
|
|
31
|
+
{ placement: 'right', label: 'Right' },
|
|
32
|
+
{ placement: 'top-start', label: 'Top Start' },
|
|
33
|
+
{ placement: 'top-end', label: 'Top End' },
|
|
34
|
+
{ placement: 'bottom-start', label: 'Bottom Start' },
|
|
35
|
+
{ placement: 'bottom-end', label: 'Bottom End' },
|
|
36
|
+
];
|
|
37
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: "n-grid n-grid-cols-4 n-gap-token-6 n-p-token-6 n-place-items-center", children: placements.map(({ placement, label }) => ((0, jsx_runtime_1.jsxs)(react_1.Tooltip, { type: "simple", placement: placement, children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.Button, { size: "small", children: label }) }), (0, jsx_runtime_1.jsxs)(react_1.Tooltip.Content, { children: ["Tooltip on ", label.toLowerCase()] })] }, placement))) }));
|
|
38
|
+
};
|
|
39
|
+
exports.default = Component;
|
|
40
|
+
//# sourceMappingURL=tooltip-placements.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-placements.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-placements.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,UAAU,GAAG;QACjB,EAAE,SAAS,EAAE,KAAc,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3C,EAAE,SAAS,EAAE,QAAiB,EAAE,KAAK,EAAE,QAAQ,EAAE;QACjD,EAAE,SAAS,EAAE,MAAe,EAAE,KAAK,EAAE,MAAM,EAAE;QAC7C,EAAE,SAAS,EAAE,OAAgB,EAAE,KAAK,EAAE,OAAO,EAAE;QAC/C,EAAE,SAAS,EAAE,WAAoB,EAAE,KAAK,EAAE,WAAW,EAAE;QACvD,EAAE,SAAS,EAAE,SAAkB,EAAE,KAAK,EAAE,SAAS,EAAE;QACnD,EAAE,SAAS,EAAE,cAAuB,EAAE,KAAK,EAAE,cAAc,EAAE;QAC7D,EAAE,SAAS,EAAE,YAAqB,EAAE,KAAK,EAAE,YAAY,EAAE;KAC1D,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAC,qEAAqE,YACjF,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,wBAAC,eAAO,IAAiB,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aACzD,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,cAAM,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAU,GACrB,EAClB,wBAAC,eAAO,CAAC,OAAO,8BAAa,KAAK,CAAC,WAAW,EAAE,IAAmB,KAJvD,SAAS,CAKb,CACX,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
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 Component = () => {
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Tooltip, { type: "rich", children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.Button, { children: "Click me!" }) }), (0, jsx_runtime_1.jsxs)(react_1.Tooltip.Content, { children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Header, { passThroughProps: { style: { color: 'red' } }, children: "Header" }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Body, { passThroughProps: { style: { color: 'green' } }, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do" }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Actions, { children: (0, jsx_runtime_1.jsx)(react_1.Tooltip.Action, { onClick: () => alert('Custom action'), children: "Action" }) })] })] }));
|
|
28
|
+
};
|
|
29
|
+
exports.default = Component;
|
|
30
|
+
//# sourceMappingURL=tooltip-rich-pass-through.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-rich-pass-through.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-rich-pass-through.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,eAAO,IAAC,IAAI,EAAC,MAAM,aAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,cAAM,4BAAmB,GACV,EAClB,wBAAC,eAAO,CAAC,OAAO,eACd,uBAAC,eAAO,CAAC,MAAM,IAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,uBAE5C,EACjB,uBAAC,eAAO,CAAC,IAAI,IAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,gFAE9C,EACf,uBAAC,eAAO,CAAC,OAAO,cACd,uBAAC,eAAO,CAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,uBAEpC,GACD,IACF,IACV,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
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 Component = () => {
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Tooltip, { type: "rich", children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.Button, { children: "Click me!" }) }), (0, jsx_runtime_1.jsxs)(react_1.Tooltip.Content, { children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Header, { children: "Header" }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Body, { children: "This rich tooltip demonstrates all the available subcomponents: Header, Body, and Actions." }), (0, jsx_runtime_1.jsxs)(react_1.Tooltip.Actions, { children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Action, { onClick: () => alert('Primary action'), children: "Primary Action" }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Action, { onClick: () => alert('Secondary action'), children: "Secondary Action" })] })] })] }));
|
|
28
|
+
};
|
|
29
|
+
exports.default = Component;
|
|
30
|
+
//# sourceMappingURL=tooltip-rich.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-rich.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-rich.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,eAAO,IAAC,IAAI,EAAC,MAAM,aAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,cAAM,4BAAmB,GACV,EAClB,wBAAC,eAAO,CAAC,OAAO,eACd,uBAAC,eAAO,CAAC,MAAM,yBAAwB,EACvC,uBAAC,eAAO,CAAC,IAAI,6GAGE,EACf,wBAAC,eAAO,CAAC,OAAO,eACd,uBAAC,eAAO,CAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,+BAErC,EACjB,uBAAC,eAAO,CAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,iCAEvC,IACD,IACF,IACV,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
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 Component = () => {
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Tooltip, { type: "simple", children: [(0, jsx_runtime_1.jsx)(react_1.Tooltip.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.Button, { children: "Click me!" }) }), (0, jsx_runtime_1.jsx)(react_1.Tooltip.Content, { children: "This is a tooltip!" })] }));
|
|
28
|
+
};
|
|
29
|
+
exports.default = Component;
|
|
30
|
+
//# sourceMappingURL=tooltip-trigger-button-wrapper.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-trigger-button-wrapper.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-trigger-button-wrapper.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AAEnD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,eAAO,IAAC,IAAI,EAAC,QAAQ,aACpB,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,cAAM,4BAAmB,GACV,EAClB,uBAAC,eAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,176 @@
|
|
|
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.RichPassThrough = exports.Rich = exports.InDialog = exports.Placements = exports.Controlled = exports.TriggerButtonWrapper = exports.HoverDelay = exports.InitialOpen = exports.Disabled = exports.Default = void 0;
|
|
28
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
|
+
const isChromatic_1 = __importDefault(require("chromatic/isChromatic"));
|
|
30
|
+
const index_1 = require("../../index");
|
|
31
|
+
const _1 = require(".");
|
|
32
|
+
const componentMeta = {
|
|
33
|
+
title: 'Components/Tooltip',
|
|
34
|
+
id: 'components-tooltip',
|
|
35
|
+
component: index_1.Tooltip,
|
|
36
|
+
tags: ['docsPage'],
|
|
37
|
+
parameters: {
|
|
38
|
+
controls: { disable: true },
|
|
39
|
+
chromatic: { delay: 1000 },
|
|
40
|
+
},
|
|
41
|
+
decorators: [
|
|
42
|
+
(Story) => ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-center ", children: (0, jsx_runtime_1.jsx)(Story, {}) })),
|
|
43
|
+
],
|
|
44
|
+
};
|
|
45
|
+
exports.default = componentMeta;
|
|
46
|
+
exports.Default = {
|
|
47
|
+
args: { isOpen: (0, isChromatic_1.default)() },
|
|
48
|
+
render: _1.TooltipDefault,
|
|
49
|
+
parameters: {
|
|
50
|
+
docs: {
|
|
51
|
+
source: {
|
|
52
|
+
language: 'tsx',
|
|
53
|
+
type: 'code',
|
|
54
|
+
code: _1.TooltipDefaultSource,
|
|
55
|
+
},
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
exports.Disabled = {
|
|
60
|
+
args: {},
|
|
61
|
+
render: _1.TooltipDisabled,
|
|
62
|
+
parameters: {
|
|
63
|
+
docs: {
|
|
64
|
+
source: {
|
|
65
|
+
language: 'tsx',
|
|
66
|
+
type: 'code',
|
|
67
|
+
code: _1.TooltipDisabledSource,
|
|
68
|
+
},
|
|
69
|
+
},
|
|
70
|
+
},
|
|
71
|
+
};
|
|
72
|
+
exports.InitialOpen = {
|
|
73
|
+
args: {},
|
|
74
|
+
render: _1.TooltipInitialOpen,
|
|
75
|
+
parameters: {
|
|
76
|
+
docs: {
|
|
77
|
+
source: {
|
|
78
|
+
language: 'tsx',
|
|
79
|
+
type: 'code',
|
|
80
|
+
code: _1.TooltipInitialOpenSource,
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
};
|
|
85
|
+
exports.HoverDelay = {
|
|
86
|
+
args: {},
|
|
87
|
+
render: _1.TooltipHoverDelay,
|
|
88
|
+
parameters: {
|
|
89
|
+
docs: {
|
|
90
|
+
source: {
|
|
91
|
+
language: 'tsx',
|
|
92
|
+
type: 'code',
|
|
93
|
+
code: _1.TooltipHoverDelaySource,
|
|
94
|
+
},
|
|
95
|
+
},
|
|
96
|
+
},
|
|
97
|
+
};
|
|
98
|
+
exports.TriggerButtonWrapper = {
|
|
99
|
+
args: {},
|
|
100
|
+
render: _1.TooltipTriggerButtonWrapper,
|
|
101
|
+
parameters: {
|
|
102
|
+
docs: {
|
|
103
|
+
source: {
|
|
104
|
+
language: 'tsx',
|
|
105
|
+
type: 'code',
|
|
106
|
+
code: _1.TooltipTriggerButtonWrapperSource,
|
|
107
|
+
},
|
|
108
|
+
},
|
|
109
|
+
},
|
|
110
|
+
};
|
|
111
|
+
exports.Controlled = {
|
|
112
|
+
args: { isOpen: (0, isChromatic_1.default)() },
|
|
113
|
+
render: _1.TooltipControlled,
|
|
114
|
+
parameters: {
|
|
115
|
+
docs: {
|
|
116
|
+
source: {
|
|
117
|
+
language: 'tsx',
|
|
118
|
+
type: 'code',
|
|
119
|
+
code: _1.TooltipControlledSource,
|
|
120
|
+
},
|
|
121
|
+
},
|
|
122
|
+
},
|
|
123
|
+
};
|
|
124
|
+
exports.Placements = {
|
|
125
|
+
args: {},
|
|
126
|
+
render: _1.TooltipPlacements,
|
|
127
|
+
parameters: {
|
|
128
|
+
docs: {
|
|
129
|
+
source: {
|
|
130
|
+
language: 'tsx',
|
|
131
|
+
type: 'code',
|
|
132
|
+
code: _1.TooltipPlacementsSource,
|
|
133
|
+
},
|
|
134
|
+
},
|
|
135
|
+
},
|
|
136
|
+
};
|
|
137
|
+
exports.InDialog = {
|
|
138
|
+
args: { isOpen: (0, isChromatic_1.default)() },
|
|
139
|
+
render: _1.TooltipInDialog,
|
|
140
|
+
parameters: {
|
|
141
|
+
docs: {
|
|
142
|
+
source: {
|
|
143
|
+
language: 'tsx',
|
|
144
|
+
type: 'code',
|
|
145
|
+
code: _1.TooltipInDialogSource,
|
|
146
|
+
},
|
|
147
|
+
},
|
|
148
|
+
},
|
|
149
|
+
};
|
|
150
|
+
exports.Rich = {
|
|
151
|
+
args: {},
|
|
152
|
+
render: _1.TooltipRich,
|
|
153
|
+
parameters: {
|
|
154
|
+
docs: {
|
|
155
|
+
source: {
|
|
156
|
+
language: 'tsx',
|
|
157
|
+
type: 'code',
|
|
158
|
+
code: _1.TooltipRichSource,
|
|
159
|
+
},
|
|
160
|
+
},
|
|
161
|
+
},
|
|
162
|
+
};
|
|
163
|
+
exports.RichPassThrough = {
|
|
164
|
+
args: {},
|
|
165
|
+
render: _1.TooltipRichPassThrough,
|
|
166
|
+
parameters: {
|
|
167
|
+
docs: {
|
|
168
|
+
source: {
|
|
169
|
+
language: 'tsx',
|
|
170
|
+
type: 'code',
|
|
171
|
+
code: _1.TooltipRichPassThroughSource,
|
|
172
|
+
},
|
|
173
|
+
},
|
|
174
|
+
},
|
|
175
|
+
};
|
|
176
|
+
//# sourceMappingURL=tooltip.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.stories.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip.stories.tsx"],"names":[],"mappings":";;;;;;;AAsBA,wEAAgD;AAEhD,uCAAsC;AACtC,wBAqBW;AAEX,MAAM,aAAa,GAAyB;IAC1C,KAAK,EAAE,oBAAoB;IAC3B,EAAE,EAAE,oBAAoB;IACxB,SAAS,EAAE,eAAO;IAClB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;KAC3B;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,gCAAK,SAAS,EAAC,0BAA0B,YACvC,uBAAC,KAAK,KAAG,GACL,CACP;KACF;CAC6B,CAAC;AAEjC,kBAAe,aAAa,CAAC;AAGhB,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,MAAM,EAAE,IAAA,qBAAW,GAAE,EAAE;IAC/B,MAAM,EAAE,iBAAc;IACtB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,uBAAoB;aAC3B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,qBAAkB;IAC1B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,2BAAwB;aAC/B;SACF;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,oBAAiB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAuB;aAC9B;SACF;KACF;CACF,CAAC;AAEW,QAAA,oBAAoB,GAAU;IACzC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,8BAA2B;IACnC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oCAAiC;aACxC;SACF;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,MAAM,EAAE,IAAA,qBAAW,GAAE,EAAE;IAC/B,MAAM,EAAE,oBAAiB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAuB;aAC9B;SACF;KACF;CACF,CAAC;AAEW,QAAA,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,oBAAiB;IACzB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,0BAAuB;aAC9B;SACF;KACF;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,MAAM,EAAE,IAAA,qBAAW,GAAE,EAAE;IAC/B,MAAM,EAAE,kBAAe;IACvB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,wBAAqB;aAC5B;SACF;KACF;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,cAAW;IACnB,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,oBAAiB;aACxB;SACF;KACF;CACF,CAAC;AAEW,QAAA,eAAe,GAAU;IACpC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,yBAAsB;IAC9B,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE,+BAA4B;aACnC;SACF;KACF;CACF,CAAC"}
|
|
@@ -27,7 +27,7 @@ import { useState } from 'react';
|
|
|
27
27
|
const Component = () => {
|
|
28
28
|
const [selected, setSelected] = useState(null);
|
|
29
29
|
const [isExpanded, setIsExpanded] = useState(false);
|
|
30
|
-
return (_jsxs("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-bg-palette-neutral-bg-default", children: [_jsxs(SideNavigation, { isExpanded: isExpanded, shouldExpandOnHover: true, pinButtonCallback: () => setIsExpanded(!isExpanded), children: [_jsxs(SideNavigation.List, { children: [_jsx(SideNavigation.NavItem, { icon: _jsx(HomeIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-1', htmlAttributes: {
|
|
30
|
+
return (_jsxs("div", { className: "n-h-[calc(40vh-32px)] n-min-h-[700px] n-flex n-bg-palette-neutral-bg-default", children: [_jsxs(SideNavigation, { isExpanded: isExpanded, shouldExpandOnHover: true, pinButtonCallback: () => setIsExpanded(!isExpanded), children: [_jsx(SideNavigation.CategoryHeader, { children: "Example Category Header" }), _jsxs(SideNavigation.List, { children: [_jsx(SideNavigation.NavItem, { icon: _jsx(HomeIconOutline, {}), label: "Nav Item", isSelected: selected === 'nav-item-1', htmlAttributes: {
|
|
31
31
|
onClick: () => {
|
|
32
32
|
setSelected('nav-item-1');
|
|
33
33
|
},
|
|
@@ -1 +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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"}
|
|
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,61 @@
|
|
|
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 SelectDefault } from './select-default.story';
|
|
22
|
+
export { default as SelectErrorState } from './select-error-state.story';
|
|
23
|
+
export { default as SelectCreatable } from './select-creatable.story';
|
|
24
|
+
export { default as SelectMulti } from './select-multi.story';
|
|
25
|
+
export { default as SelectCustomLabel } from './select-custom-label.story';
|
|
26
|
+
export { default as SelectInsideModal } from './select-inside-modal.story';
|
|
27
|
+
export { default as SelectDisabled } from './select-disabled.story';
|
|
28
|
+
export { default as SelectClean } from './select-clean.story';
|
|
29
|
+
export { default as SelectSizes } from './select-sizes.story';
|
|
30
|
+
export { default as SelectMenuPositionings } from './select-menu-positionings.story';
|
|
31
|
+
export { default as SelectAsync } from './select-async.story';
|
|
32
|
+
export { default as SelectControlled } from './select-controlled.story';
|
|
33
|
+
export { default as SelectEmpty } from './select-empty.story';
|
|
34
|
+
import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
|
|
35
|
+
import SelectAsyncSourceRaw from './select-async.story?raw';
|
|
36
|
+
import SelectCleanSourceRaw from './select-clean.story?raw';
|
|
37
|
+
import SelectControlledSourceRaw from './select-controlled.story?raw';
|
|
38
|
+
import SelectCreatableSourceRaw from './select-creatable.story?raw';
|
|
39
|
+
import SelectCustomLabelSourceRaw from './select-custom-label.story?raw';
|
|
40
|
+
import SelectDefaultSourceRaw from './select-default.story?raw';
|
|
41
|
+
import SelectDisabledSourceRaw from './select-disabled.story?raw';
|
|
42
|
+
import SelectEmptySourceRaw from './select-empty.story?raw';
|
|
43
|
+
import SelectErrorStateSourceRaw from './select-error-state.story?raw';
|
|
44
|
+
import SelectInsideModalSourceRaw from './select-inside-modal.story?raw';
|
|
45
|
+
import SelectMenuPositioningsSourceRaw from './select-menu-positionings.story?raw';
|
|
46
|
+
import SelectMultiSourceRaw from './select-multi.story?raw';
|
|
47
|
+
import SelectSizesSourceRaw from './select-sizes.story?raw';
|
|
48
|
+
export const SelectDefaultSource = removeLicenseHeader(SelectDefaultSourceRaw);
|
|
49
|
+
export const SelectErrorStateSource = removeLicenseHeader(SelectErrorStateSourceRaw);
|
|
50
|
+
export const SelectCreatableSource = removeLicenseHeader(SelectCreatableSourceRaw);
|
|
51
|
+
export const SelectMultiSource = removeLicenseHeader(SelectMultiSourceRaw);
|
|
52
|
+
export const SelectCustomLabelSource = removeLicenseHeader(SelectCustomLabelSourceRaw);
|
|
53
|
+
export const SelectInsideModalSource = removeLicenseHeader(SelectInsideModalSourceRaw);
|
|
54
|
+
export const SelectDisabledSource = removeLicenseHeader(SelectDisabledSourceRaw);
|
|
55
|
+
export const SelectCleanSource = removeLicenseHeader(SelectCleanSourceRaw);
|
|
56
|
+
export const SelectSizesSource = removeLicenseHeader(SelectSizesSourceRaw);
|
|
57
|
+
export const SelectMenuPositioningsSource = removeLicenseHeader(SelectMenuPositioningsSourceRaw);
|
|
58
|
+
export const SelectAsyncSource = removeLicenseHeader(SelectAsyncSourceRaw);
|
|
59
|
+
export const SelectControlledSource = removeLicenseHeader(SelectControlledSourceRaw);
|
|
60
|
+
export const SelectEmptySource = removeLicenseHeader(SelectEmptySourceRaw);
|
|
61
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/select/stories/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
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 { Select } from '@neo4j-ndl/react';
|
|
24
|
+
const EXAMPLE_OPTIONS = [
|
|
25
|
+
{ label: 'Neo4j', value: 'neo4j' },
|
|
26
|
+
{ label: 'Needle 🪡', value: 'needle' },
|
|
27
|
+
{ label: 'Graph Databases', value: 'graph-database' },
|
|
28
|
+
{ isDisabled: true, label: 'Disabled database option', value: 'disabled' },
|
|
29
|
+
];
|
|
30
|
+
const loadOptions = (inputValue) => {
|
|
31
|
+
return new Promise((resolve) => {
|
|
32
|
+
setTimeout(() => {
|
|
33
|
+
const filteredOptions = EXAMPLE_OPTIONS.filter((option) => option.label.toLowerCase().includes(inputValue.toLowerCase()));
|
|
34
|
+
resolve(filteredOptions);
|
|
35
|
+
}, 1000);
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
const Component = (props) => {
|
|
39
|
+
var _a;
|
|
40
|
+
return (_jsx(Select, { label: "Label", helpText: "Start typing to load options dynamically", type: "async", selectProps: {
|
|
41
|
+
menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
|
|
42
|
+
loadOptions,
|
|
43
|
+
placeholder: 'Type to search...',
|
|
44
|
+
isClearable: true,
|
|
45
|
+
cacheOptions: true,
|
|
46
|
+
defaultOptions: true,
|
|
47
|
+
} }));
|
|
48
|
+
};
|
|
49
|
+
export default Component;
|
|
50
|
+
//# sourceMappingURL=select-async.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-async.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-async.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,UAAkB,EAAE,EAAE;IACzC,OAAO,IAAI,OAAO,CAAyB,CAAC,OAAO,EAAE,EAAE;QACrD,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,eAAe,GAAG,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CACxD,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,CAC9D,CAAC;YACF,OAAO,CAAC,eAAe,CAAC,CAAC;QAC3B,CAAC,EAAE,IAAI,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,0CAA0C,EACnD,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,WAAW;YACX,WAAW,EAAE,mBAAmB;YAChC,WAAW,EAAE,IAAI;YACjB,YAAY,EAAE,IAAI;YAClB,cAAc,EAAE,IAAI;SACrB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
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 { Select } from '@neo4j-ndl/react';
|
|
24
|
+
const EXAMPLE_OPTIONS = [
|
|
25
|
+
{ label: 'Neo4j', value: 'neo4j' },
|
|
26
|
+
{ label: 'Needle 🪡', value: 'needle' },
|
|
27
|
+
{ label: 'Graph Databases', value: 'graph-database' },
|
|
28
|
+
{ isDisabled: true, label: 'Disabled database option', value: 'disabled' },
|
|
29
|
+
];
|
|
30
|
+
const Component = (props) => {
|
|
31
|
+
var _a;
|
|
32
|
+
return (_jsx(Select, { label: "Label", type: "select", hasBorder: false, isFluid: false, selectProps: {
|
|
33
|
+
menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
|
|
34
|
+
options: EXAMPLE_OPTIONS,
|
|
35
|
+
} }));
|
|
36
|
+
};
|
|
37
|
+
export default Component;
|
|
38
|
+
//# sourceMappingURL=select-clean.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-clean.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-clean.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CAC3E,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,KAAK,EACd,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,OAAO,EAAE,eAAe;SACzB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
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 { Select, Typography } from '@neo4j-ndl/react';
|
|
23
|
+
import { useState } from 'react';
|
|
24
|
+
const EXAMPLE_OPTIONS = [
|
|
25
|
+
{ label: 'Neo4j', value: 'neo4j' },
|
|
26
|
+
{ label: 'Needle 🪡', value: 'needle' },
|
|
27
|
+
{ label: 'Graph Databases', value: 'graph-database' },
|
|
28
|
+
{ label: 'Disabled database option', value: 'disabled' },
|
|
29
|
+
];
|
|
30
|
+
const Component = (props) => {
|
|
31
|
+
var _a;
|
|
32
|
+
const [value, setValue] = useState(EXAMPLE_OPTIONS[0]);
|
|
33
|
+
return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Select, { label: "Label", type: "select", selectProps: {
|
|
34
|
+
menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
|
|
35
|
+
value: value,
|
|
36
|
+
options: EXAMPLE_OPTIONS,
|
|
37
|
+
isMulti: false,
|
|
38
|
+
onChange: (newValue) => newValue && setValue(newValue),
|
|
39
|
+
menuPortalTarget: document.querySelector('body'),
|
|
40
|
+
} }), _jsxs(Typography, { variant: "body-small", children: ["Value Selected: ", JSON.stringify(value)] })] }));
|
|
41
|
+
};
|
|
42
|
+
export default Component;
|
|
43
|
+
//# sourceMappingURL=select-controlled.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-controlled.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-controlled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,eAAe,GAAG;IACtB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACvC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,EAAE,KAAK,EAAE,0BAA0B,EAAE,KAAK,EAAE,UAAU,EAAE;CACzD,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAChC,eAAe,CAAC,CAAC,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,KAAK,EAAE,KAAK;oBACZ,OAAO,EAAE,eAAe;oBACxB,OAAO,EAAE,KAAK;oBACd,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC;oBACtD,gBAAgB,EAAE,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC;iBACjD,GACD,EACF,MAAC,UAAU,IAAC,OAAO,EAAC,YAAY,iCACb,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAC3B,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|