@neo4j-ndl/react 3.9.2 → 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/cjs/wizard/stories/index.js +48 -0
- package/lib/cjs/wizard/stories/index.js.map +1 -0
- package/lib/cjs/wizard/stories/wizard-error-state.story.js +35 -0
- package/lib/cjs/wizard/stories/wizard-error-state.story.js.map +1 -0
- package/lib/cjs/wizard/stories/wizard-horizontal-small.story.js +35 -0
- package/lib/cjs/wizard/stories/wizard-horizontal-small.story.js.map +1 -0
- package/lib/cjs/wizard/stories/wizard-horizontal.story.js +35 -0
- package/lib/cjs/wizard/stories/wizard-horizontal.story.js.map +1 -0
- package/lib/cjs/wizard/stories/wizard-vertical-small.story.js +35 -0
- package/lib/cjs/wizard/stories/wizard-vertical-small.story.js.map +1 -0
- package/lib/cjs/wizard/stories/wizard-vertical.story.js +35 -0
- package/lib/cjs/wizard/stories/wizard-vertical.story.js.map +1 -0
- package/lib/cjs/wizard/stories/wizard.stories.js +99 -0
- package/lib/cjs/wizard/stories/wizard.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/esm/wizard/stories/index.js +37 -0
- package/lib/esm/wizard/stories/index.js.map +1 -0
- package/lib/esm/wizard/stories/wizard-error-state.story.js +33 -0
- package/lib/esm/wizard/stories/wizard-error-state.story.js.map +1 -0
- package/lib/esm/wizard/stories/wizard-horizontal-small.story.js +33 -0
- package/lib/esm/wizard/stories/wizard-horizontal-small.story.js.map +1 -0
- package/lib/esm/wizard/stories/wizard-horizontal.story.js +33 -0
- package/lib/esm/wizard/stories/wizard-horizontal.story.js.map +1 -0
- package/lib/esm/wizard/stories/wizard-vertical-small.story.js +33 -0
- package/lib/esm/wizard/stories/wizard-vertical-small.story.js.map +1 -0
- package/lib/esm/wizard/stories/wizard-vertical.story.js +33 -0
- package/lib/esm/wizard/stories/wizard-vertical.story.js.map +1 -0
- package/lib/esm/wizard/stories/wizard.stories.js +96 -0
- package/lib/esm/wizard/stories/wizard.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/lib/types/wizard/stories/index.d.ts +30 -0
- package/lib/types/wizard/stories/wizard-error-state.story.d.ts +23 -0
- package/lib/types/wizard/stories/wizard-horizontal-small.story.d.ts +23 -0
- package/lib/types/wizard/stories/wizard-horizontal.story.d.ts +23 -0
- package/lib/types/wizard/stories/wizard-vertical-small.story.d.ts +23 -0
- package/lib/types/wizard/stories/wizard-vertical.story.d.ts +23 -0
- package/lib/types/wizard/stories/wizard.stories.d.ts +30 -0
- package/package.json +3 -3
|
@@ -0,0 +1,42 @@
|
|
|
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 { Button, Dialog, Select, Typography } from '@neo4j-ndl/react';
|
|
24
|
+
import { useRef, useState } from 'react';
|
|
25
|
+
const EXAMPLE_OPTIONS = [
|
|
26
|
+
{ label: 'Neo4j', value: 'neo4j' },
|
|
27
|
+
{ label: 'Needle 🪡', value: 'needle' },
|
|
28
|
+
{ label: 'Graph Databases', value: 'graph-database' },
|
|
29
|
+
{ isDisabled: true, label: 'Disabled database option', value: 'disabled' },
|
|
30
|
+
];
|
|
31
|
+
const Component = (props) => {
|
|
32
|
+
var _a;
|
|
33
|
+
const ref = useRef(null);
|
|
34
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
35
|
+
return (_jsxs("div", { ref: ref, className: "n-flex n-flex-col n-items-center n-justify-center n-relative n-h-[500px]", children: [_jsx(Button, { onClick: () => setIsOpen(true), children: "Open Modal" }), _jsxs(Dialog, { container: (ref === null || ref === void 0 ? void 0 : ref.current) || undefined, isOpen: isOpen, onClose: () => setIsOpen(false), "aria-label": "Dialog", children: [_jsx(Dialog.Header, { children: "Using Select inside a modal" }), _jsxs(Dialog.Description, { className: "n-flex n-flex-col n-gap-token-8", children: [_jsxs(Typography, { variant: "body-medium", children: ["To use select inside a modal and avoid the cut-off, you need to use the property ", _jsx("code", { children: "menuPosition: \"fixed\"" }), " inside the", ' ', _jsx("code", { children: "selectProps" }), ". This is done automatically if used in a Needle Dialog, but can always be overridden manually."] }), _jsx(Select, { label: "Inside a modal", type: "select", selectProps: {
|
|
36
|
+
menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
|
|
37
|
+
options: EXAMPLE_OPTIONS,
|
|
38
|
+
defaultValue: EXAMPLE_OPTIONS[1],
|
|
39
|
+
} })] })] })] }));
|
|
40
|
+
};
|
|
41
|
+
export default Component;
|
|
42
|
+
//# sourceMappingURL=select-inside-modal.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-inside-modal.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-inside-modal.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,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,MAAM,GAAG,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErD,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,0EAA0E,aAEpF,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,2BAAqB,EAC3D,MAAC,MAAM,IACL,SAAS,EAAE,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,SAAS,EACpC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,gBACpB,QAAQ,aAEnB,KAAC,MAAM,CAAC,MAAM,8CAA4C,EAC1D,MAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAC,iCAAiC,aAC7D,MAAC,UAAU,IAAC,OAAO,EAAC,aAAa,kGAElB,qDAA4C,iBAAY,GAAG,EACxE,yCAAwB,uGAEb,EACb,KAAC,MAAM,IACL,KAAK,EAAC,gBAAgB,EACtB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oCACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oCACzC,OAAO,EAAE,eAAe;oCACxB,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;iCACjC,GACD,IACiB,IACd,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
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 { Select } from '@neo4j-ndl/react';
|
|
24
|
+
const EXAMPLE_OPTIONS = [
|
|
25
|
+
{ label: 'Neo4j', value: 'neo4j' },
|
|
26
|
+
{ label: 'Needle 🪡', value: 'needle' },
|
|
27
|
+
];
|
|
28
|
+
const Component = (props) => {
|
|
29
|
+
var _a, _b, _c;
|
|
30
|
+
return (_jsxs("div", { className: "n-flex n-gap-token-6 n-pt-6", children: [_jsx(Select, { label: "Automatic menu placement", type: "select", selectProps: {
|
|
31
|
+
menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
|
|
32
|
+
menuPlacement: 'auto',
|
|
33
|
+
options: EXAMPLE_OPTIONS,
|
|
34
|
+
} }), _jsx(Select, { label: "Bottom menu placement", type: "select", selectProps: {
|
|
35
|
+
menuIsOpen: (_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.menuIsOpen,
|
|
36
|
+
menuPlacement: 'bottom',
|
|
37
|
+
options: EXAMPLE_OPTIONS,
|
|
38
|
+
} }), _jsx(Select, { label: "Top menu placement", type: "select", selectProps: {
|
|
39
|
+
menuIsOpen: (_c = props.selectProps) === null || _c === void 0 ? void 0 : _c.menuIsOpen,
|
|
40
|
+
menuPlacement: 'top',
|
|
41
|
+
options: EXAMPLE_OPTIONS,
|
|
42
|
+
} })] }));
|
|
43
|
+
};
|
|
44
|
+
export default Component;
|
|
45
|
+
//# sourceMappingURL=select-menu-positionings.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-menu-positionings.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-menu-positionings.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;CACxC,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,MAAM,IACL,KAAK,EAAC,0BAA0B,EAChC,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,aAAa,EAAE,MAAM;oBACrB,OAAO,EAAE,eAAe;iBACzB,GACD,EACF,KAAC,MAAM,IACL,KAAK,EAAC,uBAAuB,EAC7B,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,aAAa,EAAE,QAAQ;oBACvB,OAAO,EAAE,eAAe;iBACzB,GACD,EACF,KAAC,MAAM,IACL,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,aAAa,EAAE,KAAK;oBACpB,OAAO,EAAE,eAAe;iBACzB,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
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", selectProps: {
|
|
33
|
+
menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
|
|
34
|
+
defaultValue: EXAMPLE_OPTIONS[1],
|
|
35
|
+
isClearable: true,
|
|
36
|
+
isMulti: true,
|
|
37
|
+
options: EXAMPLE_OPTIONS,
|
|
38
|
+
} }));
|
|
39
|
+
};
|
|
40
|
+
export default Component;
|
|
41
|
+
//# sourceMappingURL=select-multi.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-multi.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-multi.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,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;YAChC,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,eAAe;SACzB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
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 { 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, _b, _c;
|
|
32
|
+
return (_jsxs("div", { className: "n-flex n-gap-token-6", children: [_jsx(Select, { label: "Small (default)", type: "select", size: "small", selectProps: {
|
|
33
|
+
menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
|
|
34
|
+
options: EXAMPLE_OPTIONS,
|
|
35
|
+
} }), _jsx(Select, { label: "Medium", type: "select", size: "medium", selectProps: {
|
|
36
|
+
menuIsOpen: (_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.menuIsOpen,
|
|
37
|
+
options: EXAMPLE_OPTIONS,
|
|
38
|
+
} }), _jsx(Select, { label: "Large", type: "select", size: "large", selectProps: {
|
|
39
|
+
menuIsOpen: (_c = props.selectProps) === null || _c === void 0 ? void 0 : _c.menuIsOpen,
|
|
40
|
+
options: EXAMPLE_OPTIONS,
|
|
41
|
+
} })] }));
|
|
42
|
+
};
|
|
43
|
+
export default Component;
|
|
44
|
+
//# sourceMappingURL=select-sizes.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select-sizes.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-sizes.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,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IACL,KAAK,EAAC,iBAAiB,EACvB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,OAAO,EAAE,eAAe;iBACzB,GACD,EACF,KAAC,MAAM,IACL,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,OAAO,EAAE,eAAe;iBACzB,GACD,EACF,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE;oBACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;oBACzC,OAAO,EAAE,eAAe;iBACzB,GACD,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,220 @@
|
|
|
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 isChromatic from 'chromatic/isChromatic';
|
|
24
|
+
import { Select } from '../../index';
|
|
25
|
+
import { SelectAsync, SelectAsyncSource, SelectClean, SelectCleanSource, SelectControlled, SelectControlledSource, SelectCreatable, SelectCreatableSource, SelectCustomLabel, SelectCustomLabelSource, SelectDefault, SelectDefaultSource, SelectDisabled, SelectDisabledSource, SelectEmpty, SelectEmptySource, SelectErrorState, SelectErrorStateSource, SelectInsideModal, SelectInsideModalSource, SelectMenuPositionings, SelectMenuPositioningsSource, SelectMulti, SelectMultiSource, SelectSizes, SelectSizesSource, } from '.';
|
|
26
|
+
const centeredContainerDecorator = (Story) => (_jsx("div", { className: "n-flex n-justify-center", children: _jsx(Story, {}) }));
|
|
27
|
+
const widthDecorator = (Story) => (_jsx("div", { className: "n-w-80", children: _jsx(Story, {}) }));
|
|
28
|
+
const fullSizeDecorator = (Story) => (_jsx("div", { className: "n-w-full n-h-full", children: _jsx(Story, {}) }));
|
|
29
|
+
const componentMeta = {
|
|
30
|
+
title: 'Components/Select',
|
|
31
|
+
id: 'components-select',
|
|
32
|
+
component: Select,
|
|
33
|
+
tags: ['docsPage'],
|
|
34
|
+
parameters: {
|
|
35
|
+
controls: { disable: true },
|
|
36
|
+
},
|
|
37
|
+
decorators: [centeredContainerDecorator],
|
|
38
|
+
};
|
|
39
|
+
export default componentMeta;
|
|
40
|
+
export const Default = {
|
|
41
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
42
|
+
decorators: [widthDecorator],
|
|
43
|
+
render: SelectDefault,
|
|
44
|
+
parameters: {
|
|
45
|
+
docs: {
|
|
46
|
+
source: {
|
|
47
|
+
language: 'tsx',
|
|
48
|
+
type: 'code',
|
|
49
|
+
code: SelectDefaultSource,
|
|
50
|
+
},
|
|
51
|
+
},
|
|
52
|
+
},
|
|
53
|
+
};
|
|
54
|
+
export const Async = {
|
|
55
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
56
|
+
decorators: [widthDecorator],
|
|
57
|
+
render: SelectAsync,
|
|
58
|
+
parameters: {
|
|
59
|
+
docs: {
|
|
60
|
+
source: {
|
|
61
|
+
language: 'tsx',
|
|
62
|
+
type: 'code',
|
|
63
|
+
code: SelectAsyncSource,
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
};
|
|
68
|
+
export const Creatable = {
|
|
69
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
70
|
+
decorators: [widthDecorator],
|
|
71
|
+
render: SelectCreatable,
|
|
72
|
+
parameters: {
|
|
73
|
+
docs: {
|
|
74
|
+
source: {
|
|
75
|
+
language: 'tsx',
|
|
76
|
+
type: 'code',
|
|
77
|
+
code: SelectCreatableSource,
|
|
78
|
+
},
|
|
79
|
+
},
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
export const Controlled = {
|
|
83
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
84
|
+
decorators: [widthDecorator],
|
|
85
|
+
render: SelectControlled,
|
|
86
|
+
parameters: {
|
|
87
|
+
docs: {
|
|
88
|
+
source: {
|
|
89
|
+
language: 'tsx',
|
|
90
|
+
type: 'code',
|
|
91
|
+
code: SelectControlledSource,
|
|
92
|
+
},
|
|
93
|
+
},
|
|
94
|
+
},
|
|
95
|
+
};
|
|
96
|
+
export const MultipleSelections = {
|
|
97
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
98
|
+
decorators: [widthDecorator],
|
|
99
|
+
render: SelectMulti,
|
|
100
|
+
parameters: {
|
|
101
|
+
docs: {
|
|
102
|
+
source: {
|
|
103
|
+
language: 'tsx',
|
|
104
|
+
type: 'code',
|
|
105
|
+
code: SelectMultiSource,
|
|
106
|
+
},
|
|
107
|
+
},
|
|
108
|
+
},
|
|
109
|
+
};
|
|
110
|
+
export const Empty = {
|
|
111
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
112
|
+
decorators: [widthDecorator],
|
|
113
|
+
render: SelectEmpty,
|
|
114
|
+
parameters: {
|
|
115
|
+
docs: {
|
|
116
|
+
source: {
|
|
117
|
+
language: 'tsx',
|
|
118
|
+
type: 'code',
|
|
119
|
+
code: SelectEmptySource,
|
|
120
|
+
},
|
|
121
|
+
},
|
|
122
|
+
},
|
|
123
|
+
};
|
|
124
|
+
export const ErrorState = {
|
|
125
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
126
|
+
decorators: [widthDecorator],
|
|
127
|
+
render: SelectErrorState,
|
|
128
|
+
parameters: {
|
|
129
|
+
docs: {
|
|
130
|
+
source: {
|
|
131
|
+
language: 'tsx',
|
|
132
|
+
type: 'code',
|
|
133
|
+
code: SelectErrorStateSource,
|
|
134
|
+
},
|
|
135
|
+
},
|
|
136
|
+
},
|
|
137
|
+
};
|
|
138
|
+
export const Disabled = {
|
|
139
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
140
|
+
decorators: [widthDecorator],
|
|
141
|
+
render: SelectDisabled,
|
|
142
|
+
parameters: {
|
|
143
|
+
docs: {
|
|
144
|
+
source: {
|
|
145
|
+
language: 'tsx',
|
|
146
|
+
type: 'code',
|
|
147
|
+
code: SelectDisabledSource,
|
|
148
|
+
},
|
|
149
|
+
},
|
|
150
|
+
},
|
|
151
|
+
};
|
|
152
|
+
export const Clean = {
|
|
153
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
154
|
+
decorators: [widthDecorator],
|
|
155
|
+
render: SelectClean,
|
|
156
|
+
parameters: {
|
|
157
|
+
docs: {
|
|
158
|
+
source: {
|
|
159
|
+
language: 'tsx',
|
|
160
|
+
type: 'code',
|
|
161
|
+
code: SelectCleanSource,
|
|
162
|
+
},
|
|
163
|
+
},
|
|
164
|
+
},
|
|
165
|
+
};
|
|
166
|
+
export const CustomLabel = {
|
|
167
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
168
|
+
decorators: [widthDecorator],
|
|
169
|
+
render: SelectCustomLabel,
|
|
170
|
+
parameters: {
|
|
171
|
+
docs: {
|
|
172
|
+
source: {
|
|
173
|
+
language: 'tsx',
|
|
174
|
+
type: 'code',
|
|
175
|
+
code: SelectCustomLabelSource,
|
|
176
|
+
},
|
|
177
|
+
},
|
|
178
|
+
},
|
|
179
|
+
};
|
|
180
|
+
export const Sizes = {
|
|
181
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
182
|
+
render: SelectSizes,
|
|
183
|
+
parameters: {
|
|
184
|
+
docs: {
|
|
185
|
+
source: {
|
|
186
|
+
language: 'tsx',
|
|
187
|
+
type: 'code',
|
|
188
|
+
code: SelectSizesSource,
|
|
189
|
+
},
|
|
190
|
+
},
|
|
191
|
+
},
|
|
192
|
+
};
|
|
193
|
+
export const MenuPositionings = {
|
|
194
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
195
|
+
render: SelectMenuPositionings,
|
|
196
|
+
parameters: {
|
|
197
|
+
docs: {
|
|
198
|
+
source: {
|
|
199
|
+
language: 'tsx',
|
|
200
|
+
type: 'code',
|
|
201
|
+
code: SelectMenuPositioningsSource,
|
|
202
|
+
},
|
|
203
|
+
},
|
|
204
|
+
},
|
|
205
|
+
};
|
|
206
|
+
export const InsideModal = {
|
|
207
|
+
args: { selectProps: { menuIsOpen: isChromatic() || undefined } },
|
|
208
|
+
decorators: [fullSizeDecorator],
|
|
209
|
+
render: SelectInsideModal,
|
|
210
|
+
parameters: {
|
|
211
|
+
docs: {
|
|
212
|
+
source: {
|
|
213
|
+
language: 'tsx',
|
|
214
|
+
type: 'code',
|
|
215
|
+
code: SelectInsideModalSource,
|
|
216
|
+
},
|
|
217
|
+
},
|
|
218
|
+
},
|
|
219
|
+
};
|
|
220
|
+
//# sourceMappingURL=select.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.stories.js","sourceRoot":"","sources":["../../../../src/select/stories/select.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
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 TooltipDefault } from './tooltip-default.story';
|
|
22
|
+
export { default as TooltipDisabled } from './tooltip-disabled.story';
|
|
23
|
+
export { default as TooltipControlled } from './tooltip-controlled.story';
|
|
24
|
+
export { default as TooltipInitialOpen } from './tooltip-initial-open.story';
|
|
25
|
+
export { default as TooltipPlacements } from './tooltip-placements.story';
|
|
26
|
+
export { default as TooltipInDialog } from './tooltip-in-dialog.story';
|
|
27
|
+
export { default as TooltipHoverDelay } from './tooltip-hover-delay.story';
|
|
28
|
+
export { default as TooltipTriggerButtonWrapper } from './tooltip-trigger-button-wrapper.story';
|
|
29
|
+
export { default as TooltipRich } from './tooltip-rich.story';
|
|
30
|
+
export { default as TooltipRichPassThrough } from './tooltip-rich-pass-through.story';
|
|
31
|
+
import { removeLicenseHeader } from '@neo4j-ndl/react/_common/export-stories-utils';
|
|
32
|
+
import TooltipControlledSourceRaw from './tooltip-controlled.story?raw';
|
|
33
|
+
import TooltipDefaultSourceRaw from './tooltip-default.story?raw';
|
|
34
|
+
import TooltipDisabledSourceRaw from './tooltip-disabled.story?raw';
|
|
35
|
+
import TooltipHoverDelaySourceRaw from './tooltip-hover-delay.story?raw';
|
|
36
|
+
import TooltipInDialogSourceRaw from './tooltip-in-dialog.story?raw';
|
|
37
|
+
import TooltipInitialOpenSourceRaw from './tooltip-initial-open.story?raw';
|
|
38
|
+
import TooltipPlacementsSourceRaw from './tooltip-placements.story?raw';
|
|
39
|
+
import TooltipRichSourceRaw from './tooltip-rich.story?raw';
|
|
40
|
+
import TooltipRichPassThroughSourceRaw from './tooltip-rich-pass-through.story?raw';
|
|
41
|
+
import TooltipTriggerButtonWrapperSourceRaw from './tooltip-trigger-button-wrapper.story?raw';
|
|
42
|
+
export const TooltipDefaultSource = removeLicenseHeader(TooltipDefaultSourceRaw);
|
|
43
|
+
export const TooltipDisabledSource = removeLicenseHeader(TooltipDisabledSourceRaw);
|
|
44
|
+
export const TooltipControlledSource = removeLicenseHeader(TooltipControlledSourceRaw);
|
|
45
|
+
export const TooltipInitialOpenSource = removeLicenseHeader(TooltipInitialOpenSourceRaw);
|
|
46
|
+
export const TooltipPlacementsSource = removeLicenseHeader(TooltipPlacementsSourceRaw);
|
|
47
|
+
export const TooltipInDialogSource = removeLicenseHeader(TooltipInDialogSourceRaw);
|
|
48
|
+
export const TooltipHoverDelaySource = removeLicenseHeader(TooltipHoverDelaySourceRaw);
|
|
49
|
+
export const TooltipTriggerButtonWrapperSource = removeLicenseHeader(TooltipTriggerButtonWrapperSourceRaw);
|
|
50
|
+
export const TooltipRichSource = removeLicenseHeader(TooltipRichSourceRaw);
|
|
51
|
+
export const TooltipRichPassThroughSource = removeLicenseHeader(TooltipRichPassThroughSourceRaw);
|
|
52
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAEtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AAEpF,OAAO,0BAA0B,MAAM,gCAAgC,CAAC;AACxE,OAAO,uBAAuB,MAAM,6BAA6B,CAAC;AAClE,OAAO,wBAAwB,MAAM,8BAA8B,CAAC;AACpE,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AACzE,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,2BAA2B,MAAM,kCAAkC,CAAC;AAC3E,OAAO,0BAA0B,MAAM,gCAAgC,CAAC;AACxE,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAC5D,OAAO,+BAA+B,MAAM,uCAAuC,CAAC;AACpF,OAAO,oCAAoC,MAAM,4CAA4C,CAAC;AAE9F,MAAM,CAAC,MAAM,oBAAoB,GAAG,mBAAmB,CACrD,uBAAuB,CACxB,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CACzD,2BAA2B,CAC5B,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,mBAAmB,CACtD,wBAAwB,CACzB,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD,0BAA0B,CAC3B,CAAC;AACF,MAAM,CAAC,MAAM,iCAAiC,GAAG,mBAAmB,CAClE,oCAAoC,CACrC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,4BAA4B,GAAG,mBAAmB,CAC7D,+BAA+B,CAChC,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
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 { Button, Tooltip } from '@neo4j-ndl/react';
|
|
24
|
+
import { useState } from 'react';
|
|
25
|
+
const Component = () => {
|
|
26
|
+
const [isOpen, setIsOpen] = useState(false);
|
|
27
|
+
return (_jsxs(Tooltip, { type: "simple", isOpen: isOpen, onOpenChange: setIsOpen, children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(Button, { onClick: () => setIsOpen((prev) => !prev), children: "Click me" }) }), _jsx(Tooltip.Content, { children: "This is a controlled tooltip" })] }));
|
|
28
|
+
};
|
|
29
|
+
export default Component;
|
|
30
|
+
//# sourceMappingURL=tooltip-controlled.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-controlled.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-controlled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,SAAS,aAC5D,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,MAAM,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,yBAAmB,GACpD,EAClB,KAAC,OAAO,CAAC,OAAO,+CAA+C,IACvD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Tooltip } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(Tooltip, { type: "simple", children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=tooltip-default.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-default.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-default.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,aACpB,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Tooltip } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(Tooltip, { type: "simple", isDisabled: true, children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=tooltip-disabled.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-disabled.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-disabled.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,IAAI,aACrC,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Tooltip } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(Tooltip, { type: "simple", hoverDelay: { open: 200, close: 200 }, children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=tooltip-hover-delay.story.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip-hover-delay.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-hover-delay.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,aAC1D,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Copyright (c) "Neo4j"
|
|
5
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
6
|
+
*
|
|
7
|
+
* This file is part of Neo4j.
|
|
8
|
+
*
|
|
9
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
10
|
+
* it under the terms of the GNU General Public License as published by
|
|
11
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
12
|
+
* (at your option) any later version.
|
|
13
|
+
*
|
|
14
|
+
* This program is distributed in the hope that it will be useful,
|
|
15
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
16
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
17
|
+
* GNU General Public License for more details.
|
|
18
|
+
*
|
|
19
|
+
* You should have received a copy of the GNU General Public License
|
|
20
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
21
|
+
*/
|
|
22
|
+
import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
|
|
23
|
+
import { Dialog, Tooltip, Typography } from '@neo4j-ndl/react';
|
|
24
|
+
const Component = () => {
|
|
25
|
+
return (_jsxs(Dialog, { isOpen: true, onClose: () => void 0, children: [_jsx(Dialog.Header, { children: "Header" }), _jsx(Dialog.Content, { children: _jsxs(Tooltip, { type: "simple", isPortaled: false, children: [_jsx(Tooltip.Trigger, { children: _jsx(Typography, { variant: "body-medium", children: "Hover me!" }) }), _jsx(Tooltip.Content, { children: "This is a long tooltip!" })] }) })] }));
|
|
26
|
+
};
|
|
27
|
+
export default Component;
|
|
28
|
+
//# sourceMappingURL=tooltip-in-dialog.story.js.map
|