@neo4j-ndl/react 4.18.13 → 4.20.0

package/lib/cjs/combobox/stories/combobox-disabled.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-disabled.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-disabled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAE5C,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;CACnD,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,iCAAK,SAAS,EAAC,gDAAgD,aAC7D,uBAAC,gBAAQ,IACP,KAAK,EAAC,wBAAwB,EAC9B,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,EACxB,UAAU,QACV,OAAO,EAAE,OAAO,GAChB,EACF,uBAAC,gBAAQ,IACP,KAAK,EAAC,uBAAuB,EAC7B,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACjC,UAAU,QACV,OAAO,QACP,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Data Importer', value: 'data-importer' },\n];\n\nconst Component = () => (\n  <div className=\"n-flex n-flex-col n-items-start n-gap-token-16\">\n    <Combobox\n      label=\"Disabled single select\"\n      defaultValue={options[0]}\n      isDisabled\n      options={options}\n    />\n    <Combobox\n      label=\"Disabled multi select\"\n      defaultValue={options.slice(0, 3)}\n      isDisabled\n      isMulti\n      options={options}\n    />\n  </div>\n);\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-fluid.story.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const options = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Aura', value: 'aura' },
+    { label: 'Bloom', value: 'bloom' },
+    { label: 'Data Importer', value: 'data-importer' },
+];
+const Component = () => ((0, jsx_runtime_1.jsx)("div", { className: "n-w-full", children: (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Product", helpText: "This combobox fills the width of its parent.", isClearable: true, isFluid: true, options: options }) }));
+exports.default = Component;
+//# sourceMappingURL=combobox-fluid.story.js.map

package/lib/cjs/combobox/stories/combobox-fluid.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-fluid.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-fluid.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAE5C,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;CACnD,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,gCAAK,SAAS,EAAC,UAAU,YACvB,uBAAC,gBAAQ,IACP,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,8CAA8C,EACvD,WAAW,QACX,OAAO,QACP,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Data Importer', value: 'data-importer' },\n];\n\nconst Component = () => (\n  <div className=\"n-w-full\">\n    <Combobox\n      label=\"Product\"\n      helpText=\"This combobox fills the width of its parent.\"\n      isClearable\n      isFluid\n      options={options}\n    />\n  </div>\n);\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-groups.story.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    let options = [
+        {
+            label: 'Group 1',
+            options: [
+                { label: 'Option 1', value: 'option-1' },
+                { label: 'Option 2', value: 'option-2' },
+                { label: 'Option 3', value: 'option-3' },
+            ],
+        },
+        {
+            label: 'Group 2',
+            options: [
+                { label: 'Option 4', value: 'option-4' },
+                { isDisabled: true, label: 'Option 5', value: 'option-5' },
+                { label: 'Option 6', value: 'option-6' },
+                { label: 'Option 7', value: 'option-7' },
+            ],
+        },
+    ];
+    return (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Products by category", options: options });
+};
+exports.default = Component;
+//# sourceMappingURL=combobox-groups.story.js.map

package/lib/cjs/combobox/stories/combobox-groups.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-groups.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-groups.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,IAAI,OAAO,GAAG;QACZ;YACE,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;aACzC;SACF;QACD;YACE,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBAC1D,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;gBACxC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;aACzC;SACF;KACF,CAAC;IAEF,OAAO,uBAAC,gBAAQ,IAAC,KAAK,EAAC,sBAAsB,EAAC,OAAO,EAAE,OAAO,GAAI,CAAC;AACrE,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  let options = [\n    {\n      label: 'Group 1',\n      options: [\n        { label: 'Option 1', value: 'option-1' },\n        { label: 'Option 2', value: 'option-2' },\n        { label: 'Option 3', value: 'option-3' },\n      ],\n    },\n    {\n      label: 'Group 2',\n      options: [\n        { label: 'Option 4', value: 'option-4' },\n        { isDisabled: true, label: 'Option 5', value: 'option-5' },\n        { label: 'Option 6', value: 'option-6' },\n        { label: 'Option 7', value: 'option-7' },\n      ],\n    },\n  ];\n\n  return <Combobox label=\"Products by category\" options={options} />;\n};\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-hidden-label.story.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const options = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Aura', value: 'aura' },
+    { label: 'Bloom', value: 'bloom' },
+];
+const Component = () => ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-4", children: [(0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Filter results by product" }), (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Product", hasVisuallyHiddenLabel: true, options: options, placeholder: "All products" })] }));
+exports.default = Component;
+//# sourceMappingURL=combobox-hidden-label.story.js.map

package/lib/cjs/combobox/stories/combobox-hidden-label.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-hidden-label.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-hidden-label.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwD;AAExD,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;CACnC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,0CAAuC,EACxE,uBAAC,gBAAQ,IACP,KAAK,EAAC,SAAS,EACf,sBAAsB,QACtB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAC,cAAc,GAC1B,IACE,CACP,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, Typography } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n];\n\nconst Component = () => (\n  <div className=\"n-flex n-flex-col n-gap-token-4\">\n    <Typography variant=\"body-medium\">Filter results by product</Typography>\n    <Combobox\n      label=\"Product\"\n      hasVisuallyHiddenLabel\n      options={options}\n      placeholder=\"All products\"\n    />\n  </div>\n);\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-icons.story.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const icons_1 = require("@neo4j-ndl/react/icons");
+const options = [
+    {
+        label: 'AuraDB',
+        leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.CloudIconOutline, {}),
+        value: 'auradb',
+    },
+    {
+        label: 'Graph Data Science',
+        leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.BeakerIconOutline, {}),
+        value: 'graph-data-science',
+    },
+    {
+        label: 'Neo4j Bloom',
+        leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.BoltIconOutline, {}),
+        value: 'neo4j-bloom',
+    },
+];
+const Component = () => ((0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Products", options: options, placeholder: "Select product" }));
+exports.default = Component;
+//# sourceMappingURL=combobox-icons.story.js.map

package/lib/cjs/combobox/stories/combobox-icons.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-icons.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-icons.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAC5C,kDAIgC;AAEhC,MAAM,OAAO,GAAG;IACd;QACE,KAAK,EAAE,QAAQ;QACf,aAAa,EAAE,uBAAC,wBAAgB,KAAG;QACnC,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,oBAAoB;QAC3B,aAAa,EAAE,uBAAC,yBAAiB,KAAG;QACpC,KAAK,EAAE,oBAAoB;KAC5B;IACD;QACE,KAAK,EAAE,aAAa;QACpB,aAAa,EAAE,uBAAC,uBAAe,KAAG;QAClC,KAAK,EAAE,aAAa;KACrB;CACF,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,uBAAC,gBAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAC,gBAAgB,GAAG,CAC7E,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\nimport {\n  BeakerIconOutline,\n  BoltIconOutline,\n  CloudIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nconst options = [\n  {\n    label: 'AuraDB',\n    leadingVisual: <CloudIconOutline />,\n    value: 'auradb',\n  },\n  {\n    label: 'Graph Data Science',\n    leadingVisual: <BeakerIconOutline />,\n    value: 'graph-data-science',\n  },\n  {\n    label: 'Neo4j Bloom',\n    leadingVisual: <BoltIconOutline />,\n    value: 'neo4j-bloom',\n  },\n];\n\nconst Component = () => (\n  <Combobox label=\"Products\" options={options} placeholder=\"Select product\" />\n);\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-in-dialog.story.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const options = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Aura', value: 'aura' },
+    { label: 'Bloom', value: 'bloom' },
+    { label: 'Data Importer', value: 'data-importer' },
+    { label: 'GraphQL Library', value: 'graphql-library' },
+    { label: 'Cypher', value: 'cypher' },
+];
+const Component = () => {
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsOpen(true), children: "Open dialog" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog, { isOpen: isOpen, onClose: () => setIsOpen(false), size: "medium", children: [(0, jsx_runtime_1.jsx)(react_1.Dialog.Header, { children: "Combobox in a dialog" }), (0, jsx_runtime_1.jsx)(react_1.Dialog.Description, { children: "The panel automatically uses fixed positioning and stays inside the dialog rather than being portaled." }), (0, jsx_runtime_1.jsx)(react_1.Dialog.Content, { children: (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Product", helpText: "Open the list to inspect clipping and stacking.", isFluid: true, options: options, searchPlaceholder: "Search products" }) })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=combobox-in-dialog.story.js.map

package/lib/cjs/combobox/stories/combobox-in-dialog.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-in-dialog.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-in-dialog.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAkE;AAClE,iCAAiC;AAEjC,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;IAClD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACrC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,6DACE,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,4BAA4B,EACxE,wBAAC,cAAM,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,aACpE,uBAAC,cAAM,CAAC,MAAM,uCAAqC,EACnD,uBAAC,cAAM,CAAC,WAAW,yHAGE,EACrB,uBAAC,cAAM,CAAC,OAAO,cACb,uBAAC,gBAAQ,IACP,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,iDAAiD,EAC1D,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,iBAAiB,GACnC,GACa,IACV,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, Dialog, FilledButton } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Data Importer', value: 'data-importer' },\n  { label: 'GraphQL Library', value: 'graphql-library' },\n  { label: 'Cypher', value: 'cypher' },\n];\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <>\n      <FilledButton onClick={() => setIsOpen(true)}>Open dialog</FilledButton>\n      <Dialog isOpen={isOpen} onClose={() => setIsOpen(false)} size=\"medium\">\n        <Dialog.Header>Combobox in a dialog</Dialog.Header>\n        <Dialog.Description>\n          The panel automatically uses fixed positioning and stays inside the\n          dialog rather than being portaled.\n        </Dialog.Description>\n        <Dialog.Content>\n          <Combobox\n            label=\"Product\"\n            helpText=\"Open the list to inspect clipping and stacking.\"\n            isFluid\n            options={options}\n            searchPlaceholder=\"Search products\"\n          />\n        </Dialog.Content>\n      </Dialog>\n    </>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-in-popover-dialog.story.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const options = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Aura', value: 'aura' },
+    { label: 'Bloom', value: 'bloom' },
+    { label: 'Data Importer', value: 'data-importer' },
+    { label: 'GraphQL Library', value: 'graphql-library' },
+    { label: 'Cypher', value: 'cypher' },
+];
+const Component = () => {
+    const [isOpen, setIsOpen] = (0, react_2.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsOpen(true), children: "Open dialog" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog, { isOpen: isOpen, onClose: () => setIsOpen(false), size: "medium", children: [(0, jsx_runtime_1.jsx)(react_1.Dialog.Header, { children: "Combobox in a popover in a dialog" }), (0, jsx_runtime_1.jsx)(react_1.Dialog.Description, { children: "This exercises nested portals, fixed positioning, focus handling, and stacking across all three components." }), (0, jsx_runtime_1.jsx)(react_1.Dialog.Content, { children: (0, jsx_runtime_1.jsxs)(react_1.Popover, { isPortaled: true, hasAnchorPortal: true, strategy: "fixed", children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { children: "Open popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-w-[400px] n-p-token-16", children: (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Product", errorText: "This error styling should inherit the dialog theme.", isFluid: true, options: options, searchPlaceholder: "Search products" }) })] }) })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=combobox-in-popover-dialog.story.js.map

package/lib/cjs/combobox/stories/combobox-in-popover-dialog.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-in-popover-dialog.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-in-popover-dialog.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA2E;AAC3E,iCAAiC;AAEjC,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;IAClD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACrC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5C,OAAO,CACL,6DACE,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,4BAA4B,EACxE,wBAAC,cAAM,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,EAAC,QAAQ,aACpE,uBAAC,cAAM,CAAC,MAAM,oDAAkD,EAChE,uBAAC,cAAM,CAAC,WAAW,8HAGE,EACrB,uBAAC,cAAM,CAAC,OAAO,cACb,wBAAC,eAAO,IAAC,UAAU,QAAC,eAAe,QAAC,QAAQ,EAAC,OAAO,aAClD,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,+BAA4B,GACzB,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,0BAA0B,YACnD,uBAAC,gBAAQ,IACP,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,qDAAqD,EAC/D,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,iBAAiB,GACnC,GACc,IACV,GACK,IACV,IACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, Dialog, FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Data Importer', value: 'data-importer' },\n  { label: 'GraphQL Library', value: 'graphql-library' },\n  { label: 'Cypher', value: 'cypher' },\n];\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <>\n      <FilledButton onClick={() => setIsOpen(true)}>Open dialog</FilledButton>\n      <Dialog isOpen={isOpen} onClose={() => setIsOpen(false)} size=\"medium\">\n        <Dialog.Header>Combobox in a popover in a dialog</Dialog.Header>\n        <Dialog.Description>\n          This exercises nested portals, fixed positioning, focus handling, and\n          stacking across all three components.\n        </Dialog.Description>\n        <Dialog.Content>\n          <Popover isPortaled hasAnchorPortal strategy=\"fixed\">\n            <Popover.Trigger hasButtonWrapper>\n              <FilledButton>Open popover</FilledButton>\n            </Popover.Trigger>\n            <Popover.Content className=\"n-w-[400px] n-p-token-16\">\n              <Combobox\n                label=\"Product\"\n                errorText=\"This error styling should inherit the dialog theme.\"\n                isFluid\n                options={options}\n                searchPlaceholder=\"Search products\"\n              />\n            </Popover.Content>\n          </Popover>\n        </Dialog.Content>\n      </Dialog>\n    </>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-in-popover.story.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const options = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Aura', value: 'aura' },
+    { label: 'Bloom', value: 'bloom' },
+    { label: 'Data Importer', value: 'data-importer' },
+    { label: 'GraphQL Library', value: 'graphql-library' },
+    { label: 'Cypher', value: 'cypher' },
+];
+const Component = () => ((0, jsx_runtime_1.jsxs)(react_1.Popover, { isPortaled: true, children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { children: "Open popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-max-h-[240px] n-w-[400px] n-overflow-y-auto n-p-token-16", children: (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-16", children: [(0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Scroll this popover while the combobox panel is open to verify that it remains anchored and is not clipped by the overflow container." }), (0, jsx_runtime_1.jsx)("div", { className: "n-h-[120px] n-shrink-0 n-rounded-sm n-border n-border-neutral-border-strong n-bg-neutral-bg-weak" }), (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Product", helpText: "The combobox panel is independently portaled above this popover.", isFluid: true, options: options, searchPlaceholder: "Search products" }), (0, jsx_runtime_1.jsx)("div", { className: "n-h-[120px] n-shrink-0 n-rounded-sm n-border n-border-neutral-border-strong n-bg-neutral-bg-weak" })] }) })] }));
+exports.default = Component;
+//# sourceMappingURL=combobox-in-popover.story.js.map

package/lib/cjs/combobox/stories/combobox-in-popover.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-in-popover.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-in-popover.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA+E;AAE/E,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;IAClD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;IACtD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACrC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,wBAAC,eAAO,IAAC,UAAU,mBACjB,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,+BAA4B,GACzB,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,4DAA4D,YACrF,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,sJAGpB,EACb,gCAAK,SAAS,EAAC,kGAAkG,GAAG,EACpH,uBAAC,gBAAQ,IACP,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,kEAAkE,EAC3E,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,iBAAiB,GACnC,EACF,gCAAK,SAAS,EAAC,kGAAkG,GAAG,IAChH,GACU,IACV,CACX,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox, FilledButton, Popover, Typography } from '@neo4j-ndl/react';\n\nconst options = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n  { label: 'Data Importer', value: 'data-importer' },\n  { label: 'GraphQL Library', value: 'graphql-library' },\n  { label: 'Cypher', value: 'cypher' },\n];\n\nconst Component = () => (\n  <Popover isPortaled>\n    <Popover.Trigger hasButtonWrapper>\n      <FilledButton>Open popover</FilledButton>\n    </Popover.Trigger>\n    <Popover.Content className=\"n-max-h-[240px] n-w-[400px] n-overflow-y-auto n-p-token-16\">\n      <div className=\"n-flex n-flex-col n-gap-token-16\">\n        <Typography variant=\"body-medium\">\n          Scroll this popover while the combobox panel is open to verify that it\n          remains anchored and is not clipped by the overflow container.\n        </Typography>\n        <div className=\"n-h-[120px] n-shrink-0 n-rounded-sm n-border n-border-neutral-border-strong n-bg-neutral-bg-weak\" />\n        <Combobox\n          label=\"Product\"\n          helpText=\"The combobox panel is independently portaled above this popover.\"\n          isFluid\n          options={options}\n          searchPlaceholder=\"Search products\"\n        />\n        <div className=\"n-h-[120px] n-shrink-0 n-rounded-sm n-border n-border-neutral-border-strong n-bg-neutral-bg-weak\" />\n      </div>\n    </Popover.Content>\n  </Popover>\n);\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-large-data-set.story.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const options = Array.from({ length: 10000 }, (_, index) => ({
+    label: `Node ${index + 1}`,
+    value: `node-${index + 1}`,
+}));
+const Component = () => {
+    const [value, setValue] = (0, react_2.useState)(options.slice(0, 1500));
+    return ((0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Nodes", isClearable: true, isMulti: true, options: options, value: value, onChange: (nextValue) => setValue(nextValue), helpText: "10,000 options with 1,500 selected: the list renders only its visible rows and the counter rounds to thousands." }));
+};
+exports.default = Component;
+//# sourceMappingURL=combobox-large-data-set.story.js.map

package/lib/cjs/combobox/stories/combobox-large-data-set.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-large-data-set.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-large-data-set.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAC5C,iCAAiC;AAOjC,MAAM,OAAO,GAAa,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IACrE,KAAK,EAAE,QAAQ,KAAK,GAAG,CAAC,EAAE;IAC1B,KAAK,EAAE,QAAQ,KAAK,GAAG,CAAC,EAAE;CAC3B,CAAC,CAAC,CAAC;AAEJ,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,uBAAC,gBAAQ,IACP,KAAK,EAAC,OAAO,EACb,WAAW,QACX,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAC5C,QAAQ,EAAC,iHAAiH,GAC1H,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\ntype Option = {\n  label: string;\n  value: string;\n};\n\nconst options: Option[] = Array.from({ length: 10000 }, (_, index) => ({\n  label: `Node ${index + 1}`,\n  value: `node-${index + 1}`,\n}));\n\nconst Component = () => {\n  const [value, setValue] = useState(options.slice(0, 1500));\n\n  return (\n    <Combobox\n      label=\"Nodes\"\n      isClearable\n      isMulti\n      options={options}\n      value={value}\n      onChange={(nextValue) => setValue(nextValue)}\n      helpText=\"10,000 options with 1,500 selected: the list renders only its visible rows and the counter rounds to thousands.\"\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-max-rows.story.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const options = [
+        { label: 'Neo4j', value: 'neo4j' },
+        { label: 'Aura', value: 'aura' },
+        { label: 'Bloom', value: 'bloom' },
+        { label: 'Data Importer', value: 'data-importer' },
+        { label: 'GraphQL Library', value: 'graphql-library' },
+        { label: 'Cypher', value: 'cypher' },
+        { label: 'Operations Manager', value: 'operations-manager' },
+        { label: 'Graph Data Science', value: 'graph-data-science' },
+    ];
+    const [value, setValue] = (0, react_2.useState)(options);
+    return ((0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Products", isClearable: true, isMulti: true, maxRows: 2, options: options, value: value, onChange: (nextValue) => setValue(nextValue), helpText: "Set maxRows to 2 to limit the number of rows to 2." }));
+};
+exports.default = Component;
+//# sourceMappingURL=combobox-max-rows.story.js.map

package/lib/cjs/combobox/stories/combobox-max-rows.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-max-rows.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-max-rows.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAC5C,iCAAiC;AAOjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAa;QACxB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;QAClD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;QACtD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,oBAAoB,EAAE;QAC5D,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,oBAAoB,EAAE;KAC7D,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,uBAAC,gBAAQ,IACP,KAAK,EAAC,UAAU,EAChB,WAAW,QACX,OAAO,QACP,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAC5C,QAAQ,EAAC,oDAAoD,GAC7D,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\ntype Option = {\n  label: string;\n  value: string;\n};\n\nconst Component = () => {\n  const options: Option[] = [\n    { label: 'Neo4j', value: 'neo4j' },\n    { label: 'Aura', value: 'aura' },\n    { label: 'Bloom', value: 'bloom' },\n    { label: 'Data Importer', value: 'data-importer' },\n    { label: 'GraphQL Library', value: 'graphql-library' },\n    { label: 'Cypher', value: 'cypher' },\n    { label: 'Operations Manager', value: 'operations-manager' },\n    { label: 'Graph Data Science', value: 'graph-data-science' },\n  ];\n  const [value, setValue] = useState(options);\n\n  return (\n    <Combobox\n      label=\"Products\"\n      isClearable\n      isMulti\n      maxRows={2}\n      options={options}\n      value={value}\n      onChange={(nextValue) => setValue(nextValue)}\n      helpText=\"Set maxRows to 2 to limit the number of rows to 2.\"\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-multi.story.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const Component = () => {
+    const options = [
+        { label: 'Neo4j', value: 'neo4j' },
+        { label: 'Aura', value: 'aura' },
+        { label: 'Bloom', value: 'bloom' },
+        { label: 'Data Importer', value: 'data-importer' },
+        {
+            label: 'GraphQL Library has a really really long label',
+            value: 'graphql-library',
+        },
+        { label: 'Cypher', value: 'cypher' },
+        { isDisabled: true, label: 'Unavailable', value: 'unavailable' },
+        { label: 'Operations Manager', value: 'operations-manager' },
+    ];
+    const [value, setValue] = (0, react_2.useState)(options.slice(0, 5));
+    return ((0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Products", isClearable: true, isMulti: true, options: options, value: value, onChange: (nextValue) => setValue(nextValue) }));
+};
+exports.default = Component;
+//# sourceMappingURL=combobox-multi.story.js.map

package/lib/cjs/combobox/stories/combobox-multi.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-multi.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-multi.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAC5C,iCAAiD;AAUjD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAa;QACxB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;QAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;QAClC,EAAE,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;QAClD;YACE,KAAK,EAAE,gDAAgD;YACvD,KAAK,EAAE,iBAAiB;SACzB;QACD,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;QACpC,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;QAChE,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,oBAAoB,EAAE;KAC7D,CAAC;IACF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAExD,OAAO,CACL,uBAAC,gBAAQ,IACP,KAAK,EAAC,UAAU,EAChB,WAAW,QACX,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,GAC5C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Combobox } from '@neo4j-ndl/react';\nimport { type ReactNode, useState } from 'react';\n\ntype Option = {\n  label: string;\n  value: string;\n  leadingVisual?: ReactNode;\n  description?: string;\n  isDisabled?: boolean;\n};\n\nconst Component = () => {\n  const options: Option[] = [\n    { label: 'Neo4j', value: 'neo4j' },\n    { label: 'Aura', value: 'aura' },\n    { label: 'Bloom', value: 'bloom' },\n    { label: 'Data Importer', value: 'data-importer' },\n    {\n      label: 'GraphQL Library has a really really long label',\n      value: 'graphql-library',\n    },\n    { label: 'Cypher', value: 'cypher' },\n    { isDisabled: true, label: 'Unavailable', value: 'unavailable' },\n    { label: 'Operations Manager', value: 'operations-manager' },\n  ];\n  const [value, setValue] = useState(options.slice(0, 5));\n\n  return (\n    <Combobox\n      label=\"Products\"\n      isClearable\n      isMulti\n      options={options}\n      value={value}\n      onChange={(nextValue) => setValue(nextValue)}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-native-form.story.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const react_2 = require("react");
+const products = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Aura', value: 'aura' },
+    { label: 'Bloom', value: 'bloom' },
+];
+const environments = [
+    { label: 'Development', value: 'development' },
+    { label: 'Staging', value: 'staging' },
+    { label: 'Production', value: 'production' },
+];
+const Component = () => {
+    const triggerRef = (0, react_2.useRef)(null);
+    const [submittedValues, setSubmittedValues] = (0, react_2.useState)([]);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        setSubmittedValues(Array.from(new FormData(event.currentTarget).entries()).map(([name, value]) => `${name}: ${String(value)}`));
+    };
+    return ((0, jsx_runtime_1.jsxs)("form", { className: "n-flex n-max-w-xl n-flex-col n-gap-token-6", onSubmit: handleSubmit, children: [(0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Product", name: "product", options: products, defaultValue: products[0], isRequired: true, hasRequiredIndicator: true, triggerRef: triggerRef }), (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Environments", name: "environment", options: environments, defaultValue: [environments[0], environments[1]], isMulti: true }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-wrap n-gap-token-2", children: [(0, jsx_runtime_1.jsx)(react_1.FilledButton, { type: "submit", children: "Submit" }), (0, jsx_runtime_1.jsx)(react_1.OutlinedButton, { type: "reset", children: "Reset" }), (0, jsx_runtime_1.jsx)(react_1.TextButton, { type: "button", onClick: () => { var _a; return (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, children: "Focus product" })] }), (0, jsx_runtime_1.jsxs)("div", { "aria-live": "polite", children: [(0, jsx_runtime_1.jsx)(react_1.Typography, { variant: "body-medium", children: "Submitted form data" }), (0, jsx_runtime_1.jsx)("pre", { className: "n-mt-token-2", children: submittedValues.length > 0
+                            ? submittedValues.join('\n')
+                            : 'Submit the form to inspect its values.' })] })] }));
+};
+exports.default = Component;
+//# sourceMappingURL=combobox-native-form.story.js.map

package/lib/cjs/combobox/stories/combobox-native-form.story.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-native-form.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-native-form.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAM0B;AAC1B,iCAAyD;AAEzD,MAAM,QAAQ,GAAG;IACf,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAClC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAChC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;CACnC,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE;IAC9C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;IACtC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;CAC7C,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,UAAU,GAAG,IAAA,cAAM,EAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAErE,MAAM,YAAY,GAAG,CAAC,KAAiC,EAAE,EAAE;QACzD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,kBAAkB,CAChB,KAAK,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CACzD,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,KAAK,MAAM,CAAC,KAAK,CAAC,EAAE,CAC/C,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,kCACE,SAAS,EAAC,4CAA4C,EACtD,QAAQ,EAAE,YAAY,aAEtB,uBAAC,gBAAQ,IACP,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,QAAQ,EACjB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EACzB,UAAU,QACV,oBAAoB,QACpB,UAAU,EAAE,UAAU,GACtB,EACF,uBAAC,gBAAQ,IACP,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,aAAa,EAClB,OAAO,EAAE,YAAY,EACrB,YAAY,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,EAChD,OAAO,SACP,EACF,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,uBAAC,oBAAY,IAAC,IAAI,EAAC,QAAQ,uBAAsB,EACjD,uBAAC,sBAAc,IAAC,IAAI,EAAC,OAAO,sBAAuB,EACnD,uBAAC,kBAAU,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,WAAC,OAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,8BAEvD,IACT,EACN,8CAAe,QAAQ,aACrB,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,oCAAiC,EAClE,gCAAK,SAAS,EAAC,cAAc,YAC1B,eAAe,CAAC,MAAM,GAAG,CAAC;4BACzB,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;4BAC5B,CAAC,CAAC,wCAAwC,GACxC,IACF,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  Combobox,\n  FilledButton,\n  OutlinedButton,\n  TextButton,\n  Typography,\n} from '@neo4j-ndl/react';\nimport { type FormEvent, useRef, useState } from 'react';\n\nconst products = [\n  { label: 'Neo4j', value: 'neo4j' },\n  { label: 'Aura', value: 'aura' },\n  { label: 'Bloom', value: 'bloom' },\n];\n\nconst environments = [\n  { label: 'Development', value: 'development' },\n  { label: 'Staging', value: 'staging' },\n  { label: 'Production', value: 'production' },\n];\n\nconst Component = () => {\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const [submittedValues, setSubmittedValues] = useState<string[]>([]);\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    setSubmittedValues(\n      Array.from(new FormData(event.currentTarget).entries()).map(\n        ([name, value]) => `${name}: ${String(value)}`,\n      ),\n    );\n  };\n\n  return (\n    <form\n      className=\"n-flex n-max-w-xl n-flex-col n-gap-token-6\"\n      onSubmit={handleSubmit}\n    >\n      <Combobox\n        label=\"Product\"\n        name=\"product\"\n        options={products}\n        defaultValue={products[0]}\n        isRequired\n        hasRequiredIndicator\n        triggerRef={triggerRef}\n      />\n      <Combobox\n        label=\"Environments\"\n        name=\"environment\"\n        options={environments}\n        defaultValue={[environments[0], environments[1]]}\n        isMulti\n      />\n      <div className=\"n-flex n-flex-wrap n-gap-token-2\">\n        <FilledButton type=\"submit\">Submit</FilledButton>\n        <OutlinedButton type=\"reset\">Reset</OutlinedButton>\n        <TextButton type=\"button\" onClick={() => triggerRef.current?.focus()}>\n          Focus product\n        </TextButton>\n      </div>\n      <div aria-live=\"polite\">\n        <Typography variant=\"body-medium\">Submitted form data</Typography>\n        <pre className=\"n-mt-token-2\">\n          {submittedValues.length > 0\n            ? submittedValues.join('\\n')\n            : 'Submit the form to inspect its values.'}\n        </pre>\n      </div>\n    </form>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-select-only.story.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("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/>.
+ */
+require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
+const react_1 = require("@neo4j-ndl/react");
+const Component = () => {
+    const options = [
+        { label: 'Neo4j', value: 'neo4j' },
+        { label: 'Aura', value: 'aura' },
+        { label: 'Bloom', value: 'bloom' },
+        { isDisabled: true, label: 'Cypher', value: 'cypher' },
+    ];
+    // A list this short has nothing to filter, so the search input is turned
+    // off and the combobox follows the select-only pattern.
+    return (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Products", isSearchable: false, options: options });
+};
+exports.default = Component;
+//# sourceMappingURL=combobox-select-only.story.js.map