@neo4j-ndl/react 4.18.13 → 4.19.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-select-only.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-select-only.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA4C;AAE5C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG;QACd,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,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;KACvD,CAAC;IAEF,yEAAyE;IACzE,wDAAwD;IACxD,OAAO,uBAAC,gBAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AAC9E,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  const options = [\n    { label: 'Neo4j', value: 'neo4j' },\n    { label: 'Aura', value: 'aura' },\n    { label: 'Bloom', value: 'bloom' },\n    { isDisabled: true, label: 'Cypher', value: 'cypher' },\n  ];\n\n  // A list this short has nothing to filter, so the search input is turned\n  // off and the combobox follows the select-only pattern.\n  return <Combobox label=\"Products\" isSearchable={false} options={options} />;\n};\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-sizes.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.jsx)("div", { className: "n-flex n-flex-col n-gap-token-16", children: ['small', 'medium', 'large'].map((size) => ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-4", children: [(0, jsx_runtime_1.jsx)("p", { className: "n-capitalize", children: size }), (0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-wrap n-items-start n-gap-token-16", children: [(0, jsx_runtime_1.jsx)(react_1.Combobox, { label: `${size} single-select`, defaultValue: options[0], options: options, size: size }), (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: `${size} multi-select`, defaultValue: options.slice(0, 2), isMulti: true, options: options, size: size })] })] }, size))) }));
+exports.default = Component;
+//# sourceMappingURL=combobox-sizes.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-sizes.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-sizes.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;CACnC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,gCAAK,SAAS,EAAC,kCAAkC,YAC7C,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACrD,iCAAK,SAAS,EAAC,iCAAiC,aAC9C,8BAAG,SAAS,EAAC,cAAc,YAAE,IAAI,GAAK,EACtC,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,uBAAC,gBAAQ,IACP,KAAK,EAAE,GAAG,IAAI,gBAAgB,EAC9B,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,GACV,EACF,uBAAC,gBAAQ,IACP,KAAK,EAAE,GAAG,IAAI,eAAe,EAC7B,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EACjC,OAAO,QACP,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,GACV,IACE,KAhB8C,IAAI,CAiBpD,CACP,CAAC,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];\n\nconst Component = () => (\n  <div className=\"n-flex n-flex-col n-gap-token-16\">\n    {(['small', 'medium', 'large'] as const).map((size) => (\n      <div className=\"n-flex n-flex-col n-gap-token-4\" key={size}>\n        <p className=\"n-capitalize\">{size}</p>\n        <div className=\"n-flex n-flex-wrap n-items-start n-gap-token-16\">\n          <Combobox\n            label={`${size} single-select`}\n            defaultValue={options[0]}\n            options={options}\n            size={size}\n          />\n          <Combobox\n            label={`${size} multi-select`}\n            defaultValue={options.slice(0, 2)}\n            isMulti\n            options={options}\n            size={size}\n          />\n        </div>\n      </div>\n    ))}\n  </div>\n);\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-unlimited-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: null, options: options, value: value, onChange: (nextValue) => setValue(nextValue), helpText: "Set maxRows to null to let the control grow with the selection." }));
+};
+exports.default = Component;
+//# sourceMappingURL=combobox-unlimited-rows.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-unlimited-rows.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-unlimited-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,IAAI,EACb,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,SAAS,CAAC,EAC5C,QAAQ,EAAC,iEAAiE,GAC1E,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={null}\n      options={options}\n      value={value}\n      onChange={(nextValue) => setValue(nextValue)}\n      helpText=\"Set maxRows to null to let the control grow with the selection.\"\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/combobox-validation.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-16", children: [(0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Product", helpText: "Pick the product the ticket is about.", isRequired: true, hasRequiredIndicator: true, options: options }), (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Product", errorText: "Select a product to continue.", isRequired: true, hasRequiredIndicator: true, options: options }), (0, jsx_runtime_1.jsx)(react_1.Combobox, { label: "Environment", helpText: "Leave empty to include every environment.", hasRequiredIndicator: true, options: options })] }));
+exports.default = Component;
+//# sourceMappingURL=combobox-validation.story.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-validation.story.js","sourceRoot":"","sources":["../../../../src/combobox/stories/combobox-validation.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;CACnC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,uBAAC,gBAAQ,IACP,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,uCAAuC,EAChD,UAAU,QACV,oBAAoB,QACpB,OAAO,EAAE,OAAO,GAChB,EACF,uBAAC,gBAAQ,IACP,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,+BAA+B,EACzC,UAAU,QACV,oBAAoB,QACpB,OAAO,EAAE,OAAO,GAChB,EACF,uBAAC,gBAAQ,IACP,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,2CAA2C,EACpD,oBAAoB,QACpB,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];\n\nconst Component = () => (\n  <div className=\"n-flex n-flex-col n-gap-token-16\">\n    <Combobox\n      label=\"Product\"\n      helpText=\"Pick the product the ticket is about.\"\n      isRequired\n      hasRequiredIndicator\n      options={options}\n    />\n    <Combobox\n      label=\"Product\"\n      errorText=\"Select a product to continue.\"\n      isRequired\n      hasRequiredIndicator\n      options={options}\n    />\n    <Combobox\n      label=\"Environment\"\n      helpText=\"Leave empty to include every environment.\"\n      hasRequiredIndicator\n      options={options}\n    />\n  </div>\n);\n\nexport default Component;\n"]}

package/lib/cjs/combobox/stories/index.js

@@ -0,0 +1,133 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxCustomMultiSource = exports.ComboboxCustomTriggerSource = exports.ComboboxUnlimitedRowsSource = exports.ComboboxSizesSource = exports.ComboboxSelectOnlySource = exports.ComboboxNativeFormSource = exports.ComboboxMultiSource = exports.ComboboxMaxRowsSource = exports.ComboboxLargeDataSetSource = exports.ComboboxInPopoverDialogSource = exports.ComboboxInPopoverSource = exports.ComboboxInDialogSource = exports.ComboboxIconsSource = exports.ComboboxHiddenLabelSource = exports.ComboboxGroupsSource = exports.ComboboxFluidSource = exports.ComboboxDisabledSource = exports.ComboboxDescriptionsSource = exports.ComboboxDefaultSource = exports.ComboboxCreatableSource = exports.ComboboxActionOnSelectSource = exports.ComboboxCleanSource = exports.ComboboxAsyncSource = exports.ComboboxActionsSource = exports.ComboboxValidation = exports.ComboboxUnlimitedRows = exports.ComboboxSizes = exports.ComboboxSelectOnly = exports.ComboboxNativeForm = exports.ComboboxMulti = exports.ComboboxMaxRows = exports.ComboboxLargeDataSet = exports.ComboboxInPopoverDialog = exports.ComboboxInPopover = exports.ComboboxInDialog = exports.ComboboxIcons = exports.ComboboxHiddenLabel = exports.ComboboxGroups = exports.ComboboxFluid = exports.ComboboxDisabled = exports.ComboboxDescriptions = exports.ComboboxDefault = exports.ComboboxCustomTrigger = exports.ComboboxCustomSingle = exports.ComboboxCustomMulti = exports.ComboboxCreatable = exports.ComboboxActionOnSelect = exports.ComboboxClean = exports.ComboboxAsync = exports.ComboboxActions = void 0;
+exports.ComboboxValidationSource = exports.ComboboxCustomSingleSource = void 0;
+var combobox_actions_story_1 = require("./combobox-actions.story");
+Object.defineProperty(exports, "ComboboxActions", { enumerable: true, get: function () { return __importDefault(combobox_actions_story_1).default; } });
+var combobox_async_story_1 = require("./combobox-async.story");
+Object.defineProperty(exports, "ComboboxAsync", { enumerable: true, get: function () { return __importDefault(combobox_async_story_1).default; } });
+var combobox_clean_story_1 = require("./combobox-clean.story");
+Object.defineProperty(exports, "ComboboxClean", { enumerable: true, get: function () { return __importDefault(combobox_clean_story_1).default; } });
+var combobox_action_on_select_story_1 = require("./combobox-action-on-select.story");
+Object.defineProperty(exports, "ComboboxActionOnSelect", { enumerable: true, get: function () { return __importDefault(combobox_action_on_select_story_1).default; } });
+var combobox_creatable_story_1 = require("./combobox-creatable.story");
+Object.defineProperty(exports, "ComboboxCreatable", { enumerable: true, get: function () { return __importDefault(combobox_creatable_story_1).default; } });
+var combobox_custom_multi_story_1 = require("./combobox-custom-multi.story");
+Object.defineProperty(exports, "ComboboxCustomMulti", { enumerable: true, get: function () { return __importDefault(combobox_custom_multi_story_1).default; } });
+var combobox_custom_single_story_1 = require("./combobox-custom-single.story");
+Object.defineProperty(exports, "ComboboxCustomSingle", { enumerable: true, get: function () { return __importDefault(combobox_custom_single_story_1).default; } });
+var combobox_custom_trigger_story_1 = require("./combobox-custom-trigger.story");
+Object.defineProperty(exports, "ComboboxCustomTrigger", { enumerable: true, get: function () { return __importDefault(combobox_custom_trigger_story_1).default; } });
+var combobox_default_story_1 = require("./combobox-default.story");
+Object.defineProperty(exports, "ComboboxDefault", { enumerable: true, get: function () { return __importDefault(combobox_default_story_1).default; } });
+var combobox_descriptions_story_1 = require("./combobox-descriptions.story");
+Object.defineProperty(exports, "ComboboxDescriptions", { enumerable: true, get: function () { return __importDefault(combobox_descriptions_story_1).default; } });
+var combobox_disabled_story_1 = require("./combobox-disabled.story");
+Object.defineProperty(exports, "ComboboxDisabled", { enumerable: true, get: function () { return __importDefault(combobox_disabled_story_1).default; } });
+var combobox_fluid_story_1 = require("./combobox-fluid.story");
+Object.defineProperty(exports, "ComboboxFluid", { enumerable: true, get: function () { return __importDefault(combobox_fluid_story_1).default; } });
+var combobox_groups_story_1 = require("./combobox-groups.story");
+Object.defineProperty(exports, "ComboboxGroups", { enumerable: true, get: function () { return __importDefault(combobox_groups_story_1).default; } });
+var combobox_hidden_label_story_1 = require("./combobox-hidden-label.story");
+Object.defineProperty(exports, "ComboboxHiddenLabel", { enumerable: true, get: function () { return __importDefault(combobox_hidden_label_story_1).default; } });
+var combobox_icons_story_1 = require("./combobox-icons.story");
+Object.defineProperty(exports, "ComboboxIcons", { enumerable: true, get: function () { return __importDefault(combobox_icons_story_1).default; } });
+var combobox_in_dialog_story_1 = require("./combobox-in-dialog.story");
+Object.defineProperty(exports, "ComboboxInDialog", { enumerable: true, get: function () { return __importDefault(combobox_in_dialog_story_1).default; } });
+var combobox_in_popover_story_1 = require("./combobox-in-popover.story");
+Object.defineProperty(exports, "ComboboxInPopover", { enumerable: true, get: function () { return __importDefault(combobox_in_popover_story_1).default; } });
+var combobox_in_popover_dialog_story_1 = require("./combobox-in-popover-dialog.story");
+Object.defineProperty(exports, "ComboboxInPopoverDialog", { enumerable: true, get: function () { return __importDefault(combobox_in_popover_dialog_story_1).default; } });
+var combobox_large_data_set_story_1 = require("./combobox-large-data-set.story");
+Object.defineProperty(exports, "ComboboxLargeDataSet", { enumerable: true, get: function () { return __importDefault(combobox_large_data_set_story_1).default; } });
+var combobox_max_rows_story_1 = require("./combobox-max-rows.story");
+Object.defineProperty(exports, "ComboboxMaxRows", { enumerable: true, get: function () { return __importDefault(combobox_max_rows_story_1).default; } });
+var combobox_multi_story_1 = require("./combobox-multi.story");
+Object.defineProperty(exports, "ComboboxMulti", { enumerable: true, get: function () { return __importDefault(combobox_multi_story_1).default; } });
+var combobox_native_form_story_1 = require("./combobox-native-form.story");
+Object.defineProperty(exports, "ComboboxNativeForm", { enumerable: true, get: function () { return __importDefault(combobox_native_form_story_1).default; } });
+var combobox_select_only_story_1 = require("./combobox-select-only.story");
+Object.defineProperty(exports, "ComboboxSelectOnly", { enumerable: true, get: function () { return __importDefault(combobox_select_only_story_1).default; } });
+var combobox_sizes_story_1 = require("./combobox-sizes.story");
+Object.defineProperty(exports, "ComboboxSizes", { enumerable: true, get: function () { return __importDefault(combobox_sizes_story_1).default; } });
+var combobox_unlimited_rows_story_1 = require("./combobox-unlimited-rows.story");
+Object.defineProperty(exports, "ComboboxUnlimitedRows", { enumerable: true, get: function () { return __importDefault(combobox_unlimited_rows_story_1).default; } });
+var combobox_validation_story_1 = require("./combobox-validation.story");
+Object.defineProperty(exports, "ComboboxValidation", { enumerable: true, get: function () { return __importDefault(combobox_validation_story_1).default; } });
+const export_stories_utils_1 = require("../../_common/export-stories-utils");
+const combobox_action_on_select_story_tsx_raw_1 = __importDefault(require("./combobox-action-on-select.story.tsx?raw"));
+const combobox_actions_story_tsx_raw_1 = __importDefault(require("./combobox-actions.story.tsx?raw"));
+const combobox_async_story_tsx_raw_1 = __importDefault(require("./combobox-async.story.tsx?raw"));
+const combobox_clean_story_tsx_raw_1 = __importDefault(require("./combobox-clean.story.tsx?raw"));
+const combobox_creatable_story_tsx_raw_1 = __importDefault(require("./combobox-creatable.story.tsx?raw"));
+const combobox_custom_multi_story_tsx_raw_1 = __importDefault(require("./combobox-custom-multi.story.tsx?raw"));
+const combobox_custom_single_story_tsx_raw_1 = __importDefault(require("./combobox-custom-single.story.tsx?raw"));
+const combobox_custom_trigger_story_tsx_raw_1 = __importDefault(require("./combobox-custom-trigger.story.tsx?raw"));
+const combobox_default_story_tsx_raw_1 = __importDefault(require("./combobox-default.story.tsx?raw"));
+const combobox_descriptions_story_tsx_raw_1 = __importDefault(require("./combobox-descriptions.story.tsx?raw"));
+const combobox_disabled_story_tsx_raw_1 = __importDefault(require("./combobox-disabled.story.tsx?raw"));
+const combobox_fluid_story_tsx_raw_1 = __importDefault(require("./combobox-fluid.story.tsx?raw"));
+const combobox_groups_story_tsx_raw_1 = __importDefault(require("./combobox-groups.story.tsx?raw"));
+const combobox_hidden_label_story_tsx_raw_1 = __importDefault(require("./combobox-hidden-label.story.tsx?raw"));
+const combobox_icons_story_tsx_raw_1 = __importDefault(require("./combobox-icons.story.tsx?raw"));
+const combobox_in_dialog_story_tsx_raw_1 = __importDefault(require("./combobox-in-dialog.story.tsx?raw"));
+const combobox_in_popover_story_tsx_raw_1 = __importDefault(require("./combobox-in-popover.story.tsx?raw"));
+const combobox_in_popover_dialog_story_tsx_raw_1 = __importDefault(require("./combobox-in-popover-dialog.story.tsx?raw"));
+const combobox_large_data_set_story_tsx_raw_1 = __importDefault(require("./combobox-large-data-set.story.tsx?raw"));
+const combobox_max_rows_story_tsx_raw_1 = __importDefault(require("./combobox-max-rows.story.tsx?raw"));
+const combobox_multi_story_tsx_raw_1 = __importDefault(require("./combobox-multi.story.tsx?raw"));
+const combobox_native_form_story_tsx_raw_1 = __importDefault(require("./combobox-native-form.story.tsx?raw"));
+const combobox_select_only_story_tsx_raw_1 = __importDefault(require("./combobox-select-only.story.tsx?raw"));
+const combobox_sizes_story_tsx_raw_1 = __importDefault(require("./combobox-sizes.story.tsx?raw"));
+const combobox_unlimited_rows_story_tsx_raw_1 = __importDefault(require("./combobox-unlimited-rows.story.tsx?raw"));
+const combobox_validation_story_tsx_raw_1 = __importDefault(require("./combobox-validation.story.tsx?raw"));
+exports.ComboboxActionsSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_actions_story_tsx_raw_1.default);
+exports.ComboboxAsyncSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_async_story_tsx_raw_1.default);
+exports.ComboboxCleanSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_clean_story_tsx_raw_1.default);
+exports.ComboboxActionOnSelectSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_action_on_select_story_tsx_raw_1.default);
+exports.ComboboxCreatableSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_creatable_story_tsx_raw_1.default);
+exports.ComboboxDefaultSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_default_story_tsx_raw_1.default);
+exports.ComboboxDescriptionsSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_descriptions_story_tsx_raw_1.default);
+exports.ComboboxDisabledSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_disabled_story_tsx_raw_1.default);
+exports.ComboboxFluidSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_fluid_story_tsx_raw_1.default);
+exports.ComboboxGroupsSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_groups_story_tsx_raw_1.default);
+exports.ComboboxHiddenLabelSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_hidden_label_story_tsx_raw_1.default);
+exports.ComboboxIconsSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_icons_story_tsx_raw_1.default);
+exports.ComboboxInDialogSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_in_dialog_story_tsx_raw_1.default);
+exports.ComboboxInPopoverSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_in_popover_story_tsx_raw_1.default);
+exports.ComboboxInPopoverDialogSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_in_popover_dialog_story_tsx_raw_1.default);
+exports.ComboboxLargeDataSetSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_large_data_set_story_tsx_raw_1.default);
+exports.ComboboxMaxRowsSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_max_rows_story_tsx_raw_1.default);
+exports.ComboboxMultiSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_multi_story_tsx_raw_1.default);
+exports.ComboboxNativeFormSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_native_form_story_tsx_raw_1.default);
+exports.ComboboxSelectOnlySource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_select_only_story_tsx_raw_1.default);
+exports.ComboboxSizesSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_sizes_story_tsx_raw_1.default);
+exports.ComboboxUnlimitedRowsSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_unlimited_rows_story_tsx_raw_1.default);
+exports.ComboboxCustomTriggerSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_custom_trigger_story_tsx_raw_1.default);
+exports.ComboboxCustomMultiSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_custom_multi_story_tsx_raw_1.default);
+exports.ComboboxCustomSingleSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_custom_single_story_tsx_raw_1.default);
+exports.ComboboxValidationSource = (0, export_stories_utils_1.removeLicenseHeader)(combobox_validation_story_tsx_raw_1.default);
+//# sourceMappingURL=index.js.map

package/lib/cjs/combobox/stories/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/combobox/stories/index.ts"],"names":[],"mappings":"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","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\nexport { default as ComboboxActions } from './combobox-actions.story';\nexport { default as ComboboxAsync } from './combobox-async.story';\nexport { default as ComboboxClean } from './combobox-clean.story';\nexport { default as ComboboxActionOnSelect } from './combobox-action-on-select.story';\nexport { default as ComboboxCreatable } from './combobox-creatable.story';\nexport { default as ComboboxCustomMulti } from './combobox-custom-multi.story';\nexport { default as ComboboxCustomSingle } from './combobox-custom-single.story';\nexport { default as ComboboxCustomTrigger } from './combobox-custom-trigger.story';\nexport { default as ComboboxDefault } from './combobox-default.story';\nexport { default as ComboboxDescriptions } from './combobox-descriptions.story';\nexport { default as ComboboxDisabled } from './combobox-disabled.story';\nexport { default as ComboboxFluid } from './combobox-fluid.story';\nexport { default as ComboboxGroups } from './combobox-groups.story';\nexport { default as ComboboxHiddenLabel } from './combobox-hidden-label.story';\nexport { default as ComboboxIcons } from './combobox-icons.story';\nexport { default as ComboboxInDialog } from './combobox-in-dialog.story';\nexport { default as ComboboxInPopover } from './combobox-in-popover.story';\nexport { default as ComboboxInPopoverDialog } from './combobox-in-popover-dialog.story';\nexport { default as ComboboxLargeDataSet } from './combobox-large-data-set.story';\nexport { default as ComboboxMaxRows } from './combobox-max-rows.story';\nexport { default as ComboboxMulti } from './combobox-multi.story';\nexport { default as ComboboxNativeForm } from './combobox-native-form.story';\nexport { default as ComboboxSelectOnly } from './combobox-select-only.story';\nexport { default as ComboboxSizes } from './combobox-sizes.story';\nexport { default as ComboboxUnlimitedRows } from './combobox-unlimited-rows.story';\nexport { default as ComboboxValidation } from './combobox-validation.story';\n\nimport { removeLicenseHeader } from '../../_common/export-stories-utils';\nimport ComboboxActionOnSelectSourceRaw from './combobox-action-on-select.story.tsx?raw';\nimport ComboboxActionsSourceRaw from './combobox-actions.story.tsx?raw';\nimport ComboboxAsyncSourceRaw from './combobox-async.story.tsx?raw';\nimport ComboboxCleanSourceRaw from './combobox-clean.story.tsx?raw';\nimport ComboboxCreatableSourceRaw from './combobox-creatable.story.tsx?raw';\nimport ComboboxCustomMultiSourceRaw from './combobox-custom-multi.story.tsx?raw';\nimport ComboboxCustomSingleSourceRaw from './combobox-custom-single.story.tsx?raw';\nimport ComboboxCustomTriggerSourceRaw from './combobox-custom-trigger.story.tsx?raw';\nimport ComboboxDefaultSourceRaw from './combobox-default.story.tsx?raw';\nimport ComboboxDescriptionsSourceRaw from './combobox-descriptions.story.tsx?raw';\nimport ComboboxDisabledSourceRaw from './combobox-disabled.story.tsx?raw';\nimport ComboboxFluidSourceRaw from './combobox-fluid.story.tsx?raw';\nimport ComboboxGroupsSourceRaw from './combobox-groups.story.tsx?raw';\nimport ComboboxHiddenLabelSourceRaw from './combobox-hidden-label.story.tsx?raw';\nimport ComboboxIconsSourceRaw from './combobox-icons.story.tsx?raw';\nimport ComboboxInDialogSourceRaw from './combobox-in-dialog.story.tsx?raw';\nimport ComboboxInPopoverSourceRaw from './combobox-in-popover.story.tsx?raw';\nimport ComboboxInPopoverDialogSourceRaw from './combobox-in-popover-dialog.story.tsx?raw';\nimport ComboboxLargeDataSetSourceRaw from './combobox-large-data-set.story.tsx?raw';\nimport ComboboxMaxRowsSourceRaw from './combobox-max-rows.story.tsx?raw';\nimport ComboboxMultiSourceRaw from './combobox-multi.story.tsx?raw';\nimport ComboboxNativeFormSourceRaw from './combobox-native-form.story.tsx?raw';\nimport ComboboxSelectOnlySourceRaw from './combobox-select-only.story.tsx?raw';\nimport ComboboxSizesSourceRaw from './combobox-sizes.story.tsx?raw';\nimport ComboboxUnlimitedRowsSourceRaw from './combobox-unlimited-rows.story.tsx?raw';\nimport ComboboxValidationSourceRaw from './combobox-validation.story.tsx?raw';\n\nexport const ComboboxActionsSource = removeLicenseHeader(\n  ComboboxActionsSourceRaw,\n);\n\nexport const ComboboxAsyncSource = removeLicenseHeader(ComboboxAsyncSourceRaw);\n\nexport const ComboboxCleanSource = removeLicenseHeader(ComboboxCleanSourceRaw);\n\nexport const ComboboxActionOnSelectSource = removeLicenseHeader(\n  ComboboxActionOnSelectSourceRaw,\n);\n\nexport const ComboboxCreatableSource = removeLicenseHeader(\n  ComboboxCreatableSourceRaw,\n);\n\nexport const ComboboxDefaultSource = removeLicenseHeader(\n  ComboboxDefaultSourceRaw,\n);\n\nexport const ComboboxDescriptionsSource = removeLicenseHeader(\n  ComboboxDescriptionsSourceRaw,\n);\n\nexport const ComboboxDisabledSource = removeLicenseHeader(\n  ComboboxDisabledSourceRaw,\n);\n\nexport const ComboboxFluidSource = removeLicenseHeader(ComboboxFluidSourceRaw);\n\nexport const ComboboxGroupsSource = removeLicenseHeader(\n  ComboboxGroupsSourceRaw,\n);\n\nexport const ComboboxHiddenLabelSource = removeLicenseHeader(\n  ComboboxHiddenLabelSourceRaw,\n);\n\nexport const ComboboxIconsSource = removeLicenseHeader(ComboboxIconsSourceRaw);\n\nexport const ComboboxInDialogSource = removeLicenseHeader(\n  ComboboxInDialogSourceRaw,\n);\n\nexport const ComboboxInPopoverSource = removeLicenseHeader(\n  ComboboxInPopoverSourceRaw,\n);\n\nexport const ComboboxInPopoverDialogSource = removeLicenseHeader(\n  ComboboxInPopoverDialogSourceRaw,\n);\n\nexport const ComboboxLargeDataSetSource = removeLicenseHeader(\n  ComboboxLargeDataSetSourceRaw,\n);\n\nexport const ComboboxMaxRowsSource = removeLicenseHeader(\n  ComboboxMaxRowsSourceRaw,\n);\n\nexport const ComboboxMultiSource = removeLicenseHeader(ComboboxMultiSourceRaw);\n\nexport const ComboboxNativeFormSource = removeLicenseHeader(\n  ComboboxNativeFormSourceRaw,\n);\n\nexport const ComboboxSelectOnlySource = removeLicenseHeader(\n  ComboboxSelectOnlySourceRaw,\n);\n\nexport const ComboboxSizesSource = removeLicenseHeader(ComboboxSizesSourceRaw);\n\nexport const ComboboxUnlimitedRowsSource = removeLicenseHeader(\n  ComboboxUnlimitedRowsSourceRaw,\n);\n\nexport const ComboboxCustomTriggerSource = removeLicenseHeader(\n  ComboboxCustomTriggerSourceRaw,\n);\n\nexport const ComboboxCustomMultiSource = removeLicenseHeader(\n  ComboboxCustomMultiSourceRaw,\n);\n\nexport const ComboboxCustomSingleSource = removeLicenseHeader(\n  ComboboxCustomSingleSourceRaw,\n);\n\nexport const ComboboxValidationSource = removeLicenseHeader(\n  ComboboxValidationSourceRaw,\n);\n"]}

package/lib/cjs/combobox/use-combobox-multi-value-overflow.js

@@ -0,0 +1,173 @@
+"use strict";
+/**
+ *
+ *  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/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComboboxMultiValueOverflow = exports.computeVisibleTagCount = exports.getOverflowCounterMeasureTexts = exports.formatOverflowCount = void 0;
+const react_1 = require("react");
+/**
+ * The text of the overflow counter tag. Whole thousands round to a `K` suffix
+ * - `1500` becomes `2K` - so the counter keeps a bounded width no matter how
+ * large the selection grows.
+ */
+const formatOverflowCount = (count) => count < 1000 ? `${count}` : `${Math.round(count / 1000)}K`;
+exports.formatOverflowCount = formatOverflowCount;
+/**
+ * Every text the counter could show at its widest for a selection of `total`
+ * options. K formatting makes the width non-monotonic - "+999" is wider than
+ * "+1K" - so the reserve has to measure both the widest sub-thousand text and
+ * the full count rather than the full count alone.
+ */
+const getOverflowCounterMeasureTexts = (total) => Array.from(new Set([
+    (0, exports.formatOverflowCount)(Math.min(total, 999)),
+    (0, exports.formatOverflowCount)(total),
+]));
+exports.getOverflowCounterMeasureTexts = getOverflowCounterMeasureTexts;
+/**
+ * How many tags fit within `maxRows` rows of the value container, mirroring
+ * the greedy line breaking of `flex-wrap`. When they all fit, the count is the
+ * number of tags and no counter is needed; otherwise the result leaves room
+ * for the counter tag on the last permitted row.
+ */
+const computeVisibleTagCount = ({ tagWidths, counterWidth, containerWidth, gap, maxRows, }) => {
+    // An unmeasurable container - hidden, or not laid out yet - must not
+    // collapse the whole selection into a counter.
+    if (containerWidth <= 0) {
+        return tagWidths.length;
+    }
+    const rowLimit = Math.max(1, Math.floor(maxRows));
+    const boundedCounterWidth = Math.min(counterWidth, containerWidth);
+    // With more than one tag a counter may be needed, so the stylesheet caps
+    // every tag at the container width minus room for the counter, and the
+    // simulation must clamp with the same cap to match the rendered widths.
+    // Extremely narrow containers where the cap would leave no room for a tag
+    // fall back to capping at the container width alone.
+    const counterReservedCap = containerWidth - gap - boundedCounterWidth;
+    const tagCap = tagWidths.length > 1 && counterReservedCap > 0
+        ? counterReservedCap
+        : containerWidth;
+    const widths = tagWidths.map((width) => Math.min(width, tagCap));
+    // Row and remaining row width after each prefix of tags, so every candidate
+    // cutoff can be checked without resimulating.
+    const placements = [];
+    let row = 1;
+    let rowWidth = 0;
+    widths.forEach((width, index) => {
+        if (index === 0) {
+            rowWidth = width;
+        }
+        else if (rowWidth + gap + width <= containerWidth) {
+            rowWidth += gap + width;
+        }
+        else {
+            row += 1;
+            rowWidth = width;
+        }
+        placements.push({ row, rowWidth });
+    });
+    if (row <= rowLimit) {
+        return widths.length;
+    }
+    for (let count = widths.length - 1; count >= 1; count -= 1) {
+        const placement = placements[count - 1];
+        const counterRow = placement.rowWidth + gap + boundedCounterWidth <= containerWidth
+            ? placement.row
+            : placement.row + 1;
+        if (counterRow <= rowLimit) {
+            return count;
+        }
+    }
+    // Not even one tag leaves room for the counter, so the counter stands alone.
+    return 0;
+};
+exports.computeVisibleTagCount = computeVisibleTagCount;
+/**
+ * Caps the rows of selected tags in a multi select control. All tags stay
+ * rendered; the ones past `visibleCount` are taken out of the layout by the
+ * stylesheet but stay measurable, so the computation is stable across passes.
+ * Width comes from a `ResizeObserver` on the value container, and everything
+ * else from `measureKey`.
+ */
+const useComboboxMultiValueOverflow = ({ maxRows, tagCount, measureKey, }) => {
+    const containerRef = (0, react_1.useRef)(null);
+    // null shows every tag, which is also the server-rendered state.
+    const [visibleCount, setVisibleCount] = (0, react_1.useState)(null);
+    const isLimited = maxRows !== undefined && tagCount > 0;
+    const measure = () => {
+        const container = containerRef.current;
+        if (maxRows === undefined || container === null) {
+            setVisibleCount(null);
+            return;
+        }
+        const tags = Array.from(container.querySelectorAll(':scope > .ndl-combobox-multi-value'));
+        // With K formatting the widest counter is not always the one for the full
+        // count - "+999" is wider than "+1K" - so every candidate is rendered as a
+        // measure tag and the widest one sets the reserve.
+        const counters = Array.from(container.querySelectorAll(':scope > .ndl-combobox-multi-value-measure'));
+        if (tags.length === 0 || counters.length === 0) {
+            setVisibleCount(null);
+            return;
+        }
+        const counterWidth = Math.max(...counters.map((counter) => counter.getBoundingClientRect().width));
+        const gap = Number.parseFloat(window.getComputedStyle(container).columnGap) || 0;
+        // The stylesheet caps every tag at the container width minus this reserve,
+        // so a tag too wide to sit next to the counter shrinks instead of
+        // collapsing. Set before the tag rects are read, so the forced layout
+        // below applies it and the widths reflect the cap. Rounded up plus one
+        // pixel of slack, so subpixel layout quantization can never make a capped
+        // tag plus the counter overflow the row.
+        container.style.setProperty('--ndl-combobox-counter-reserve', `${Math.ceil(gap + counterWidth) + 1}px`);
+        // Fractional widths, so rounding never claims room the browser would wrap.
+        const nextVisibleCount = (0, exports.computeVisibleTagCount)({
+            containerWidth: container.getBoundingClientRect().width,
+            counterWidth,
+            gap,
+            maxRows,
+            tagWidths: tags.map((tag) => tag.getBoundingClientRect().width),
+        });
+        setVisibleCount(nextVisibleCount >= tags.length ? null : nextVisibleCount);
+    };
+    const measureRef = (0, react_1.useRef)(measure);
+    (0, react_1.useLayoutEffect)(() => {
+        measureRef.current = measure;
+        measure();
+        // measure() reads the DOM, so it depends on everything the key encodes
+        // rather than on reactive values of its own.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isLimited, maxRows, tagCount, measureKey]);
+    (0, react_1.useLayoutEffect)(() => {
+        const container = containerRef.current;
+        if (!isLimited || container === null) {
+            return;
+        }
+        // Hiding tags only changes the container height, and the recomputation is
+        // idempotent, so the observer settles after a single extra pass.
+        const observer = new ResizeObserver(() => {
+            measureRef.current();
+        });
+        observer.observe(container);
+        return () => {
+            observer.disconnect();
+        };
+    }, [isLimited]);
+    return { containerRef, visibleCount };
+};
+exports.useComboboxMultiValueOverflow = useComboboxMultiValueOverflow;
+//# sourceMappingURL=use-combobox-multi-value-overflow.js.map

package/lib/cjs/combobox/use-combobox-multi-value-overflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-combobox-multi-value-overflow.js","sourceRoot":"","sources":["../../../src/combobox/use-combobox-multi-value-overflow.ts"],"names":[],"mappings":"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","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 { useLayoutEffect, useRef, useState } from 'react';\n\n/**\n * The text of the overflow counter tag. Whole thousands round to a `K` suffix\n * - `1500` becomes `2K` - so the counter keeps a bounded width no matter how\n * large the selection grows.\n */\nexport const formatOverflowCount = (count: number): string =>\n  count < 1000 ? `${count}` : `${Math.round(count / 1000)}K`;\n\n/**\n * Every text the counter could show at its widest for a selection of `total`\n * options. K formatting makes the width non-monotonic - \"+999\" is wider than\n * \"+1K\" - so the reserve has to measure both the widest sub-thousand text and\n * the full count rather than the full count alone.\n */\nexport const getOverflowCounterMeasureTexts = (total: number): string[] =>\n  Array.from(\n    new Set([\n      formatOverflowCount(Math.min(total, 999)),\n      formatOverflowCount(total),\n    ]),\n  );\n\ntype ComboboxOverflowMeasurements = {\n  /** Widths of every selected tag, in selection order. */\n  tagWidths: number[];\n  /** Width of the widest counter tag the current selection could need. */\n  counterWidth: number;\n  /** Content width of the wrapping value container. */\n  containerWidth: number;\n  /** Column gap between tags. */\n  gap: number;\n  /** Maximum number of rows the tags may wrap into. */\n  maxRows: number;\n};\n\n/**\n * How many tags fit within `maxRows` rows of the value container, mirroring\n * the greedy line breaking of `flex-wrap`. When they all fit, the count is the\n * number of tags and no counter is needed; otherwise the result leaves room\n * for the counter tag on the last permitted row.\n */\nexport const computeVisibleTagCount = ({\n  tagWidths,\n  counterWidth,\n  containerWidth,\n  gap,\n  maxRows,\n}: ComboboxOverflowMeasurements): number => {\n  // An unmeasurable container - hidden, or not laid out yet - must not\n  // collapse the whole selection into a counter.\n  if (containerWidth <= 0) {\n    return tagWidths.length;\n  }\n\n  const rowLimit = Math.max(1, Math.floor(maxRows));\n  const boundedCounterWidth = Math.min(counterWidth, containerWidth);\n  // With more than one tag a counter may be needed, so the stylesheet caps\n  // every tag at the container width minus room for the counter, and the\n  // simulation must clamp with the same cap to match the rendered widths.\n  // Extremely narrow containers where the cap would leave no room for a tag\n  // fall back to capping at the container width alone.\n  const counterReservedCap = containerWidth - gap - boundedCounterWidth;\n  const tagCap =\n    tagWidths.length > 1 && counterReservedCap > 0\n      ? counterReservedCap\n      : containerWidth;\n  const widths = tagWidths.map((width) => Math.min(width, tagCap));\n  // Row and remaining row width after each prefix of tags, so every candidate\n  // cutoff can be checked without resimulating.\n  const placements: { row: number; rowWidth: number }[] = [];\n  let row = 1;\n  let rowWidth = 0;\n\n  widths.forEach((width, index) => {\n    if (index === 0) {\n      rowWidth = width;\n    } else if (rowWidth + gap + width <= containerWidth) {\n      rowWidth += gap + width;\n    } else {\n      row += 1;\n      rowWidth = width;\n    }\n\n    placements.push({ row, rowWidth });\n  });\n\n  if (row <= rowLimit) {\n    return widths.length;\n  }\n\n  for (let count = widths.length - 1; count >= 1; count -= 1) {\n    const placement = placements[count - 1];\n    const counterRow =\n      placement.rowWidth + gap + boundedCounterWidth <= containerWidth\n        ? placement.row\n        : placement.row + 1;\n\n    if (counterRow <= rowLimit) {\n      return count;\n    }\n  }\n\n  // Not even one tag leaves room for the counter, so the counter stands alone.\n  return 0;\n};\n\ntype UseComboboxMultiValueOverflowOptions = {\n  /** Undefined leaves the selection unbounded and skips all measuring. */\n  maxRows: number | undefined;\n  /** Number of selected options rendered as tags. */\n  tagCount: number;\n  /**\n   * Anything that changes tag widths without changing the container size, such\n   * as the selection itself or the control size, so those changes re-measure.\n   */\n  measureKey: string;\n};\n\n/**\n * Caps the rows of selected tags in a multi select control. All tags stay\n * rendered; the ones past `visibleCount` are taken out of the layout by the\n * stylesheet but stay measurable, so the computation is stable across passes.\n * Width comes from a `ResizeObserver` on the value container, and everything\n * else from `measureKey`.\n */\nexport const useComboboxMultiValueOverflow = ({\n  maxRows,\n  tagCount,\n  measureKey,\n}: UseComboboxMultiValueOverflowOptions) => {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  // null shows every tag, which is also the server-rendered state.\n  const [visibleCount, setVisibleCount] = useState<number | null>(null);\n  const isLimited = maxRows !== undefined && tagCount > 0;\n\n  const measure = () => {\n    const container = containerRef.current;\n\n    if (maxRows === undefined || container === null) {\n      setVisibleCount(null);\n      return;\n    }\n\n    const tags = Array.from(\n      container.querySelectorAll<HTMLElement>(\n        ':scope > .ndl-combobox-multi-value',\n      ),\n    );\n    // With K formatting the widest counter is not always the one for the full\n    // count - \"+999\" is wider than \"+1K\" - so every candidate is rendered as a\n    // measure tag and the widest one sets the reserve.\n    const counters = Array.from(\n      container.querySelectorAll<HTMLElement>(\n        ':scope > .ndl-combobox-multi-value-measure',\n      ),\n    );\n\n    if (tags.length === 0 || counters.length === 0) {\n      setVisibleCount(null);\n      return;\n    }\n\n    const counterWidth = Math.max(\n      ...counters.map((counter) => counter.getBoundingClientRect().width),\n    );\n    const gap =\n      Number.parseFloat(window.getComputedStyle(container).columnGap) || 0;\n\n    // The stylesheet caps every tag at the container width minus this reserve,\n    // so a tag too wide to sit next to the counter shrinks instead of\n    // collapsing. Set before the tag rects are read, so the forced layout\n    // below applies it and the widths reflect the cap. Rounded up plus one\n    // pixel of slack, so subpixel layout quantization can never make a capped\n    // tag plus the counter overflow the row.\n    container.style.setProperty(\n      '--ndl-combobox-counter-reserve',\n      `${Math.ceil(gap + counterWidth) + 1}px`,\n    );\n\n    // Fractional widths, so rounding never claims room the browser would wrap.\n    const nextVisibleCount = computeVisibleTagCount({\n      containerWidth: container.getBoundingClientRect().width,\n      counterWidth,\n      gap,\n      maxRows,\n      tagWidths: tags.map((tag) => tag.getBoundingClientRect().width),\n    });\n\n    setVisibleCount(nextVisibleCount >= tags.length ? null : nextVisibleCount);\n  };\n\n  const measureRef = useRef(measure);\n\n  useLayoutEffect(() => {\n    measureRef.current = measure;\n    measure();\n    // measure() reads the DOM, so it depends on everything the key encodes\n    // rather than on reactive values of its own.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLimited, maxRows, tagCount, measureKey]);\n\n  useLayoutEffect(() => {\n    const container = containerRef.current;\n\n    if (!isLimited || container === null) {\n      return;\n    }\n\n    // Hiding tags only changes the container height, and the recomputation is\n    // idempotent, so the observer settles after a single extra pass.\n    const observer = new ResizeObserver(() => {\n      measureRef.current();\n    });\n\n    observer.observe(container);\n    return () => {\n      observer.disconnect();\n    };\n  }, [isLimited]);\n\n  return { containerRef, visibleCount };\n};\n"]}

package/lib/cjs/combobox/use-combobox-popover.js

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useComboboxPopover = useComboboxPopover;
+/**
+ *
+ *  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/>.
+ */
+const react_1 = require("@floating-ui/react");
+const dialog_context_1 = require("../dialog/dialog-context");
+/**
+ * Anchors the combobox panel to the control. Deliberately does not use
+ * `useRole`, since the ARIA lives on the trigger button rather than on the
+ * reference element, and the composition differs between the searchable and
+ * select-only patterns.
+ */
+function useComboboxPopover({ isOpen, onOpenChange, isDisabled, isPortaled: isPortaledProp, floatingStrategy, }) {
+    const isInsideDialog = (0, dialog_context_1.useIsInsideDialog)();
+    const isPortaled = isPortaledProp !== null && isPortaledProp !== void 0 ? isPortaledProp : !isInsideDialog;
+    // Inside a Dialog the panel is fixed and not portaled. A transformed
+    // ancestor can make Floating UI under-measure available space, so use the
+    // viewport as the boundary instead.
+    const floatingBoundary = isInsideDialog ? [] : 'clippingAncestors';
+    const { refs, floatingStyles, context } = (0, react_1.useFloating)({
+        middleware: [
+            (0, react_1.offset)(4),
+            (0, react_1.flip)({ fallbackPlacements: ['top-start'], padding: 5 }),
+            (0, react_1.shift)({ boundary: floatingBoundary, padding: 5 }),
+            (0, react_1.size)({
+                apply({ availableHeight, elements, rects }) {
+                    // The reference width is a floor the stylesheet combines with its own,
+                    // so a narrow trigger still gets a readable panel.
+                    elements.floating.style.setProperty('--ndl-combobox-reference-width', `${rects.reference.width}px`);
+                    Object.assign(elements.floating.style, {
+                        maxHeight: `${availableHeight}px`,
+                    });
+                },
+                boundary: floatingBoundary,
+                padding: 5,
+            }),
+        ],
+        onOpenChange: (open) => {
+            onOpenChange(open);
+        },
+        open: !isDisabled && isOpen,
+        placement: 'bottom-start',
+        strategy: floatingStrategy !== null && floatingStrategy !== void 0 ? floatingStrategy : (isInsideDialog ? 'fixed' : 'absolute'),
+        whileElementsMounted: react_1.autoUpdate,
+    });
+    const click = (0, react_1.useClick)(context, { enabled: !isDisabled });
+    const dismiss = (0, react_1.useDismiss)(context);
+    const { getReferenceProps, getFloatingProps } = (0, react_1.useInteractions)([
+        click,
+        dismiss,
+    ]);
+    return {
+        context,
+        floatingStyles,
+        getFloatingProps,
+        getReferenceProps,
+        isPortaled,
+        refs,
+    };
+}
+//# sourceMappingURL=use-combobox-popover.js.map

package/lib/cjs/combobox/use-combobox-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-combobox-popover.js","sourceRoot":"","sources":["../../../src/combobox/use-combobox-popover.ts"],"names":[],"mappings":";;AAiDA,gDA2DC;AA5GD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,8CAW4B;AAE5B,6DAA6D;AAU7D;;;;;GAKG;AACH,SAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,YAAY,EACZ,UAAU,EACV,UAAU,EAAE,cAAc,EAC1B,gBAAgB,GACU;IAC1B,MAAM,cAAc,GAAG,IAAA,kCAAiB,GAAE,CAAC;IAC3C,MAAM,UAAU,GAAG,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,CAAC,cAAc,CAAC;IACrD,qEAAqE;IACrE,0EAA0E;IAC1E,oCAAoC;IACpC,MAAM,gBAAgB,GAAa,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAE7E,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,IAAA,mBAAW,EAAC;QACpD,UAAU,EAAE;YACV,IAAA,cAAM,EAAC,CAAC,CAAC;YACT,IAAA,YAAI,EAAC,EAAE,kBAAkB,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YACvD,IAAA,aAAK,EAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YACjD,IAAA,YAAc,EAAC;gBACb,KAAK,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,KAAK,EAAE;oBACxC,uEAAuE;oBACvE,mDAAmD;oBACnD,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,CACjC,gCAAgC,EAChC,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAC7B,CAAC;oBACF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE;wBACrC,SAAS,EAAE,GAAG,eAAe,IAAI;qBAClC,CAAC,CAAC;gBACL,CAAC;gBACD,QAAQ,EAAE,gBAAgB;gBAC1B,OAAO,EAAE,CAAC;aACX,CAAC;SACH;QACD,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,YAAY,CAAC,IAAI,CAAC,CAAC;QACrB,CAAC;QACD,IAAI,EAAE,CAAC,UAAU,IAAI,MAAM;QAC3B,SAAS,EAAE,cAAc;QACzB,QAAQ,EAAE,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;QACrE,oBAAoB,EAAE,kBAAU;KACjC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IACpC,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,IAAA,uBAAe,EAAC;QAC9D,KAAK;QACL,OAAO;KACR,CAAC,CAAC;IAEH,OAAO;QACL,OAAO;QACP,cAAc;QACd,gBAAgB;QAChB,iBAAiB;QACjB,UAAU;QACV,IAAI;KACL,CAAC;AACJ,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 */\nimport {\n  autoUpdate,\n  type Boundary,\n  flip,\n  offset,\n  shift,\n  size as sizeMiddleware,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n} from '@floating-ui/react';\n\nimport { useIsInsideDialog } from '../dialog/dialog-context';\n\ntype UseComboboxPopoverOptions = {\n  isOpen: boolean;\n  onOpenChange: (isOpen: boolean) => void;\n  isDisabled: boolean;\n  isPortaled?: boolean;\n  floatingStrategy?: 'absolute' | 'fixed';\n};\n\n/**\n * Anchors the combobox panel to the control. Deliberately does not use\n * `useRole`, since the ARIA lives on the trigger button rather than on the\n * reference element, and the composition differs between the searchable and\n * select-only patterns.\n */\nexport function useComboboxPopover({\n  isOpen,\n  onOpenChange,\n  isDisabled,\n  isPortaled: isPortaledProp,\n  floatingStrategy,\n}: UseComboboxPopoverOptions) {\n  const isInsideDialog = useIsInsideDialog();\n  const isPortaled = isPortaledProp ?? !isInsideDialog;\n  // Inside a Dialog the panel is fixed and not portaled. A transformed\n  // ancestor can make Floating UI under-measure available space, so use the\n  // viewport as the boundary instead.\n  const floatingBoundary: Boundary = isInsideDialog ? [] : 'clippingAncestors';\n\n  const { refs, floatingStyles, context } = useFloating({\n    middleware: [\n      offset(4),\n      flip({ fallbackPlacements: ['top-start'], padding: 5 }),\n      shift({ boundary: floatingBoundary, padding: 5 }),\n      sizeMiddleware({\n        apply({ availableHeight, elements, rects }) {\n          // The reference width is a floor the stylesheet combines with its own,\n          // so a narrow trigger still gets a readable panel.\n          elements.floating.style.setProperty(\n            '--ndl-combobox-reference-width',\n            `${rects.reference.width}px`,\n          );\n          Object.assign(elements.floating.style, {\n            maxHeight: `${availableHeight}px`,\n          });\n        },\n        boundary: floatingBoundary,\n        padding: 5,\n      }),\n    ],\n    onOpenChange: (open) => {\n      onOpenChange(open);\n    },\n    open: !isDisabled && isOpen,\n    placement: 'bottom-start',\n    strategy: floatingStrategy ?? (isInsideDialog ? 'fixed' : 'absolute'),\n    whileElementsMounted: autoUpdate,\n  });\n\n  const click = useClick(context, { enabled: !isDisabled });\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([\n    click,\n    dismiss,\n  ]);\n\n  return {\n    context,\n    floatingStyles,\n    getFloatingProps,\n    getReferenceProps,\n    isPortaled,\n    refs,\n  };\n}\n"]}