@neo4j-ndl/react 3.9.3 → 3.9.5

package/lib/esm/select/stories/select-controlled.story.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { Select, Typography } from '@neo4j-ndl/react';
+import { useState } from 'react';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a;
+    const [value, setValue] = useState(EXAMPLE_OPTIONS[0]);
+    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx(Select, { label: "Label", type: "select", selectProps: {
+                    menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+                    value: value,
+                    options: EXAMPLE_OPTIONS,
+                    isMulti: false,
+                    onChange: (newValue) => newValue && setValue(newValue),
+                    menuPortalTarget: document.querySelector('body'),
+                } }), _jsxs(Typography, { variant: "body-small", children: ["Value Selected: ", JSON.stringify(value)] })] }));
+};
+export default Component;
+//# sourceMappingURL=select-controlled.story.js.map

package/lib/esm/select/stories/select-controlled.story.js.map

@@ -0,0 +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"}

package/lib/esm/select/stories/select-creatable.story.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Select } from '@neo4j-ndl/react';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a;
+    return (_jsx(Select, { label: "Label", helpText: "You can create values even if they don't exist as options", type: "creatable", selectProps: {
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+            options: EXAMPLE_OPTIONS,
+            isClearable: true,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=select-creatable.story.js.map

package/lib/esm/select/stories/select-creatable.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-creatable.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-creatable.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,QAAQ,EAAC,2DAA2D,EACpE,IAAI,EAAC,WAAW,EAChB,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,IAAI;SAClB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/select/stories/select-custom-label.story.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Select } from '@neo4j-ndl/react';
+import { QuestionMarkCircleIconOutline } from '@neo4j-ndl/react/icons';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a;
+    return (_jsx(Select, { label: _jsxs("div", { className: "n-flex n-flex-row n-gap-token-3 n-h-7 n-items-center", children: ["Custom JSX element", _jsx(QuestionMarkCircleIconOutline, { className: "n-h-token-6" })] }), helpText: "You can have a custom label with JSX code \uD83D\uDE31", type: "select", selectProps: {
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+            options: EXAMPLE_OPTIONS,
+            defaultValue: EXAMPLE_OPTIONS[1],
+        } }));
+};
+export default Component;
+//# sourceMappingURL=select-custom-label.story.js.map

package/lib/esm/select/stories/select-custom-label.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-custom-label.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-custom-label.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;AAEvE,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;AACF,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EACH,eAAK,SAAS,EAAC,sDAAsD,mCAEnE,KAAC,6BAA6B,IAAC,SAAS,EAAC,aAAa,GAAG,IACrD,EAER,QAAQ,EAAC,wDAA8C,EACvD,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,OAAO,EAAE,eAAe;YACxB,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;SACjC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/select/stories/select-default.story.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Select } from '@neo4j-ndl/react';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a;
+    return (_jsx(Select, { label: "Label", helpText: "Help text", type: "select", selectProps: {
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+            options: EXAMPLE_OPTIONS,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=select-default.story.js.map

package/lib/esm/select/stories/select-default.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-default.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-default.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,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,QAAQ,EACb,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"}

package/lib/esm/select/stories/select-disabled.story.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Select } from '@neo4j-ndl/react';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a;
+    return (_jsx(Select, { label: "Label", type: "select", selectProps: {
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+            isDisabled: true,
+            options: EXAMPLE_OPTIONS,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=select-disabled.story.js.map

package/lib/esm/select/stories/select-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-disabled.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-disabled.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,UAAU,EAAE,IAAI;YAChB,OAAO,EAAE,eAAe;SACzB,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/select/stories/select-empty.story.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Select } from '@neo4j-ndl/react';
+const Component = (props) => {
+    var _a;
+    return (_jsx(Select, { label: "Label", helpText: "Help text", type: "select", selectProps: {
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+            options: [],
+        } }));
+};
+export default Component;
+//# sourceMappingURL=select-empty.story.js.map

package/lib/esm/select/stories/select-empty.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-empty.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-empty.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,SAAS,GAAG,CAAC,KAA0C,EAAE,EAAE;;IAC/D,OAAO,CACL,KAAC,MAAM,IACL,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE;YACX,UAAU,EAAE,MAAA,KAAK,CAAC,WAAW,0CAAE,UAAU;YACzC,OAAO,EAAE,EAAE;SACZ,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/esm/select/stories/select-error-state.story.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Select } from '@neo4j-ndl/react';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a;
+    return (_jsx(Select, { label: "Label", errorText: "Validate that your selection is correct", type: "select", selectProps: {
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+            options: EXAMPLE_OPTIONS,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=select-error-state.story.js.map

package/lib/esm/select/stories/select-error-state.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-error-state.story.js","sourceRoot":"","sources":["../../../../src/select/stories/select-error-state.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,SAAS,EAAC,yCAAyC,EACnD,IAAI,EAAC,QAAQ,EACb,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"}

package/lib/esm/select/stories/select-inside-modal.story.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Button, Dialog, Select, Typography } from '@neo4j-ndl/react';
+import { useRef, useState } from 'react';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a;
+    const ref = useRef(null);
+    const [isOpen, setIsOpen] = useState(false);
+    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: {
+                                    menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+                                    options: EXAMPLE_OPTIONS,
+                                    defaultValue: EXAMPLE_OPTIONS[1],
+                                } })] })] })] }));
+};
+export default Component;
+//# sourceMappingURL=select-inside-modal.story.js.map

package/lib/esm/select/stories/select-inside-modal.story.js.map

@@ -0,0 +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"}

package/lib/esm/select/stories/select-menu-positionings.story.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Select } from '@neo4j-ndl/react';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+];
+const Component = (props) => {
+    var _a, _b, _c;
+    return (_jsxs("div", { className: "n-flex n-gap-token-6 n-pt-6", children: [_jsx(Select, { label: "Automatic menu placement", type: "select", selectProps: {
+                    menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+                    menuPlacement: 'auto',
+                    options: EXAMPLE_OPTIONS,
+                } }), _jsx(Select, { label: "Bottom menu placement", type: "select", selectProps: {
+                    menuIsOpen: (_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.menuIsOpen,
+                    menuPlacement: 'bottom',
+                    options: EXAMPLE_OPTIONS,
+                } }), _jsx(Select, { label: "Top menu placement", type: "select", selectProps: {
+                    menuIsOpen: (_c = props.selectProps) === null || _c === void 0 ? void 0 : _c.menuIsOpen,
+                    menuPlacement: 'top',
+                    options: EXAMPLE_OPTIONS,
+                } })] }));
+};
+export default Component;
+//# sourceMappingURL=select-menu-positionings.story.js.map

package/lib/esm/select/stories/select-menu-positionings.story.js.map

@@ -0,0 +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"}

package/lib/esm/select/stories/select-multi.story.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Select } from '@neo4j-ndl/react';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a;
+    return (_jsx(Select, { label: "Label", type: "select", selectProps: {
+            menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+            defaultValue: EXAMPLE_OPTIONS[1],
+            isClearable: true,
+            isMulti: true,
+            options: EXAMPLE_OPTIONS,
+        } }));
+};
+export default Component;
+//# sourceMappingURL=select-multi.story.js.map

package/lib/esm/select/stories/select-multi.story.js.map

@@ -0,0 +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"}

package/lib/esm/select/stories/select-sizes.story.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Select } from '@neo4j-ndl/react';
+const EXAMPLE_OPTIONS = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Needle 🪡', value: 'needle' },
+    { label: 'Graph Databases', value: 'graph-database' },
+    { isDisabled: true, label: 'Disabled database option', value: 'disabled' },
+];
+const Component = (props) => {
+    var _a, _b, _c;
+    return (_jsxs("div", { className: "n-flex n-gap-token-6", children: [_jsx(Select, { label: "Small (default)", type: "select", size: "small", selectProps: {
+                    menuIsOpen: (_a = props.selectProps) === null || _a === void 0 ? void 0 : _a.menuIsOpen,
+                    options: EXAMPLE_OPTIONS,
+                } }), _jsx(Select, { label: "Medium", type: "select", size: "medium", selectProps: {
+                    menuIsOpen: (_b = props.selectProps) === null || _b === void 0 ? void 0 : _b.menuIsOpen,
+                    options: EXAMPLE_OPTIONS,
+                } }), _jsx(Select, { label: "Large", type: "select", size: "large", selectProps: {
+                    menuIsOpen: (_c = props.selectProps) === null || _c === void 0 ? void 0 : _c.menuIsOpen,
+                    options: EXAMPLE_OPTIONS,
+                } })] }));
+};
+export default Component;
+//# sourceMappingURL=select-sizes.story.js.map

package/lib/esm/select/stories/select-sizes.story.js.map

@@ -0,0 +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"}