@neo4j-ndl/react 4.18.13 → 4.19.0

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Combobox } from '@neo4j-ndl/react';
+const options = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Aura', value: 'aura' },
+    { label: 'Bloom', value: 'bloom' },
+];
+const Component = () => (_jsx("div", { className: "n-flex n-flex-col n-gap-token-16", children: ['small', 'medium', 'large'].map((size) => (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-4", children: [_jsx("p", { className: "n-capitalize", children: size }), _jsxs("div", { className: "n-flex n-flex-wrap n-items-start n-gap-token-16", children: [_jsx(Combobox, { label: `${size} single-select`, defaultValue: options[0], options: options, size: size }), _jsx(Combobox, { label: `${size} multi-select`, defaultValue: options.slice(0, 2), isMulti: true, options: options, size: size })] })] }, size))) }));
+export default Component;
+//# sourceMappingURL=combobox-sizes.story.js.map

package/lib/esm/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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;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,cAAK,SAAS,EAAC,kCAAkC,YAC7C,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACrD,eAAK,SAAS,EAAC,iCAAiC,aAC9C,YAAG,SAAS,EAAC,cAAc,YAAE,IAAI,GAAK,EACtC,eAAK,SAAS,EAAC,iDAAiD,aAC9D,KAAC,QAAQ,IACP,KAAK,EAAE,GAAG,IAAI,gBAAgB,EAC9B,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,GACV,EACF,KAAC,QAAQ,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,eAAe,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/esm/combobox/stories/combobox-unlimited-rows.story.js

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

package/lib/esm/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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;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,QAAQ,CAAC,OAAO,CAAC,CAAC;IAE5C,OAAO,CACL,KAAC,QAAQ,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,eAAe,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/esm/combobox/stories/combobox-validation.story.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
+import { Combobox } from '@neo4j-ndl/react';
+const options = [
+    { label: 'Neo4j', value: 'neo4j' },
+    { label: 'Aura', value: 'aura' },
+    { label: 'Bloom', value: 'bloom' },
+];
+const Component = () => (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-16", children: [_jsx(Combobox, { label: "Product", helpText: "Pick the product the ticket is about.", isRequired: true, hasRequiredIndicator: true, options: options }), _jsx(Combobox, { label: "Product", errorText: "Select a product to continue.", isRequired: true, hasRequiredIndicator: true, options: options }), _jsx(Combobox, { label: "Environment", helpText: "Leave empty to include every environment.", hasRequiredIndicator: true, options: options })] }));
+export default Component;
+//# sourceMappingURL=combobox-validation.story.js.map

package/lib/esm/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,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;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,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,QAAQ,EAAC,uCAAuC,EAChD,UAAU,QACV,oBAAoB,QACpB,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,+BAA+B,EACzC,UAAU,QACV,oBAAoB,QACpB,OAAO,EAAE,OAAO,GAChB,EACF,KAAC,QAAQ,IACP,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,2CAA2C,EACpD,oBAAoB,QACpB,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AAEF,eAAe,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/esm/combobox/stories/index.js

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

package/lib/esm/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/esm/combobox/use-combobox-multi-value-overflow.js

@@ -0,0 +1,166 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { useLayoutEffect, useRef, useState } from '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.
+ */
+export const formatOverflowCount = (count) => count < 1000 ? `${count}` : `${Math.round(count / 1000)}K`;
+/**
+ * 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.
+ */
+export const getOverflowCounterMeasureTexts = (total) => Array.from(new Set([
+    formatOverflowCount(Math.min(total, 999)),
+    formatOverflowCount(total),
+]));
+/**
+ * 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.
+ */
+export 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;
+};
+/**
+ * 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`.
+ */
+export const useComboboxMultiValueOverflow = ({ maxRows, tagCount, measureKey, }) => {
+    const containerRef = useRef(null);
+    // null shows every tag, which is also the server-rendered state.
+    const [visibleCount, setVisibleCount] = 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 = computeVisibleTagCount({
+            containerWidth: container.getBoundingClientRect().width,
+            counterWidth,
+            gap,
+            maxRows,
+            tagWidths: tags.map((tag) => tag.getBoundingClientRect().width),
+        });
+        setVisibleCount(nextVisibleCount >= tags.length ? null : nextVisibleCount);
+    };
+    const measureRef = useRef(measure);
+    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]);
+    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 };
+};
+//# sourceMappingURL=use-combobox-multi-value-overflow.js.map

package/lib/esm/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/esm/combobox/use-combobox-popover.js

@@ -0,0 +1,77 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { autoUpdate, flip, offset, shift, size as sizeMiddleware, useClick, useDismiss, useFloating, useInteractions, } from '@floating-ui/react';
+import { useIsInsideDialog } from '../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.
+ */
+export function useComboboxPopover({ isOpen, onOpenChange, isDisabled, isPortaled: isPortaledProp, floatingStrategy, }) {
+    const isInsideDialog = 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 } = useFloating({
+        middleware: [
+            offset(4),
+            flip({ fallbackPlacements: ['top-start'], padding: 5 }),
+            shift({ boundary: floatingBoundary, padding: 5 }),
+            sizeMiddleware({
+                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: autoUpdate,
+    });
+    const click = useClick(context, { enabled: !isDisabled });
+    const dismiss = useDismiss(context);
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        click,
+        dismiss,
+    ]);
+    return {
+        context,
+        floatingStyles,
+        getFloatingProps,
+        getReferenceProps,
+        isPortaled,
+        refs,
+    };
+}
+//# sourceMappingURL=use-combobox-popover.js.map

package/lib/esm/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":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EACL,UAAU,EAEV,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,IAAI,cAAc,EACtB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAU7D;;;;;GAKG;AACH,MAAM,UAAU,kBAAkB,CAAC,EACjC,MAAM,EACN,YAAY,EACZ,UAAU,EACV,UAAU,EAAE,cAAc,EAC1B,gBAAgB,GACU;IAC1B,MAAM,cAAc,GAAG,iBAAiB,EAAE,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,WAAW,CAAC;QACpD,UAAU,EAAE;YACV,MAAM,CAAC,CAAC,CAAC;YACT,IAAI,CAAC,EAAE,kBAAkB,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YACvD,KAAK,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC;YACjD,cAAc,CAAC;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,UAAU;KACjC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,UAAU,EAAE,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,eAAe,CAAC;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"]}