@neo4j-ndl/react 4.25.10 → 5.0.0-alpha.0.b2b2481

package/lib/cjs/next/tree-view/stories/tree-view-multiple-replace.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-multiple-replace.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-multiple-replace.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,kDAIgC;AAChC,gDAAiD;AACjD,iCAAiC;AAEjC;;;;GAIG;AACH,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAE7D,OAAO,CACL,wBAAC,eAAQ,IACP,SAAS,EAAC,eAAe,EACzB,aAAa,EAAC,kBAAkB,EAChC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,cAAc,aAEnC,wBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,WAAW,EACjB,WAAW,QACX,eAAe,QACf,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,wBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,MAAM,EACZ,WAAW,QACX,eAAe,QACf,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,YAAY,EAClB,UAAU,QACV,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,mBAAmB,EACzB,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,YAAY,EAClB,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,wBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,EACd,WAAW,QACX,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,WAAW,EACjB,aAAa,EAAE,uBAAC,wBAAgB,KAAG,GACnC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,gBAAgB,EACtB,aAAa,EAAE,uBAAC,wBAAgB,KAAG,GACnC,IACY,IACP,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  DocumentIconOutline,\n  FolderIconSolid,\n  PhotoIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\n/**\n * Letting the tree own the selection keeps the items declarative: they carry an\n * `id` and nothing else, and a Shift range that moves several rows at once\n * arrives as a single `onSelectedIdsChange`.\n */\nconst Component = () => {\n  const [selectedIds, setSelectedIds] = useState<string[]>([]);\n\n  return (\n    <TreeView\n      ariaLabel=\"File explorer\"\n      selectionMode=\"multiple-replace\"\n      selectedIds={selectedIds}\n      onSelectedIdsChange={setSelectedIds}\n    >\n      <TreeView.Item\n        id=\"documents\"\n        title=\"Documents\"\n        hasChildren\n        defaultExpanded\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item\n          id=\"work\"\n          title=\"Work\"\n          hasChildren\n          defaultExpanded\n          leadingVisual={<FolderIconSolid />}\n        >\n          <TreeView.Item\n            id=\"report\"\n            title=\"Report.pdf\"\n            isDisabled\n            leadingVisual={<DocumentIconOutline />}\n          />\n          <TreeView.Item\n            id=\"presentation\"\n            title=\"Presentation.pptx\"\n            leadingVisual={<DocumentIconOutline />}\n          />\n        </TreeView.Item>\n        <TreeView.Item\n          id=\"resume\"\n          title=\"Resume.pdf\"\n          leadingVisual={<DocumentIconOutline />}\n        />\n      </TreeView.Item>\n      <TreeView.Item\n        id=\"images\"\n        title=\"Images\"\n        hasChildren\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item\n          id=\"photo\"\n          title=\"Photo.jpg\"\n          leadingVisual={<PhotoIconOutline />}\n        />\n        <TreeView.Item\n          id=\"screenshot\"\n          title=\"Screenshot.png\"\n          leadingVisual={<PhotoIconOutline />}\n        />\n      </TreeView.Item>\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tree-view-multiple-replace.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-multiple-replace.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,kDAIgC;AAChC,gDAAiD;AACjD,iCAAiC;AAEjC;;;;GAIG;AACH,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAW,EAAE,CAAC,CAAC;IAE7D,OAAO,CACL,wBAAC,eAAQ,IACP,SAAS,EAAC,eAAe,EACzB,aAAa,EAAC,kBAAkB,EAChC,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,cAAc,aAEnC,wBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,WAAW,EACjB,WAAW,QACX,iBAAiB,QACjB,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,wBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,MAAM,EACT,KAAK,EAAC,MAAM,EACZ,WAAW,QACX,iBAAiB,QACjB,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,YAAY,EAClB,UAAU,QACV,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,cAAc,EACjB,KAAK,EAAC,mBAAmB,EACzB,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,YAAY,EAClB,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,wBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,EACd,WAAW,QACX,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,OAAO,EACV,KAAK,EAAC,WAAW,EACjB,aAAa,EAAE,uBAAC,wBAAgB,KAAG,GACnC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,gBAAgB,EACtB,aAAa,EAAE,uBAAC,wBAAgB,KAAG,GACnC,IACY,IACP,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  DocumentIconOutline,\n  FolderIconSolid,\n  PhotoIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\n/**\n * Letting the tree own the selection keeps the items declarative: they carry an\n * `id` and nothing else, and a Shift range that moves several rows at once\n * arrives as a single `onSelectedIdsChange`.\n */\nconst Component = () => {\n  const [selectedIds, setSelectedIds] = useState<string[]>([]);\n\n  return (\n    <TreeView\n      ariaLabel=\"File explorer\"\n      selectionMode=\"multiple-replace\"\n      selectedIds={selectedIds}\n      onSelectedIdsChange={setSelectedIds}\n    >\n      <TreeView.Item\n        id=\"documents\"\n        title=\"Documents\"\n        hasChildren\n        isDefaultExpanded\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item\n          id=\"work\"\n          title=\"Work\"\n          hasChildren\n          isDefaultExpanded\n          leadingVisual={<FolderIconSolid />}\n        >\n          <TreeView.Item\n            id=\"report\"\n            title=\"Report.pdf\"\n            isDisabled\n            leadingVisual={<DocumentIconOutline />}\n          />\n          <TreeView.Item\n            id=\"presentation\"\n            title=\"Presentation.pptx\"\n            leadingVisual={<DocumentIconOutline />}\n          />\n        </TreeView.Item>\n        <TreeView.Item\n          id=\"resume\"\n          title=\"Resume.pdf\"\n          leadingVisual={<DocumentIconOutline />}\n        />\n      </TreeView.Item>\n      <TreeView.Item\n        id=\"images\"\n        title=\"Images\"\n        hasChildren\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item\n          id=\"photo\"\n          title=\"Photo.jpg\"\n          leadingVisual={<PhotoIconOutline />}\n        />\n        <TreeView.Item\n          id=\"screenshot\"\n          title=\"Screenshot.png\"\n          leadingVisual={<PhotoIconOutline />}\n        />\n      </TreeView.Item>\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/next/tree-view/stories/tree-view-root-selection.story.js

@@ -115,7 +115,7 @@ const Component = () => {
         var _a;
         const leafIds = getLeafIds(node);
         const selectedLeafCount = leafIds.filter((id) => selected.has(id)).length;
-        return ((0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { id: node.id, title: node.title, defaultExpanded: true, isIndeterminate: node.children !== undefined &&
+        return ((0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { id: node.id, title: node.title, isDefaultExpanded: true, isIndeterminate: node.children !== undefined &&
                 selectedLeafCount > 0 &&
                 selectedLeafCount < leafIds.length, leadingVisual: node.children === undefined ? ((0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {})) : ((0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {})), children: (_a = node.children) === null || _a === void 0 ? void 0 : _a.map(renderNode) }, node.id));
     };

package/lib/cjs/next/tree-view/stories/tree-view-root-selection.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-root-selection.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-root-selection.story.tsx"],"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 '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { DocumentIconOutline, FolderIconSolid } from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useCallback, useState } from 'react';\n\ntype FileNode = {\n  children?: FileNode[];\n  id: string;\n  title: string;\n};\n\nconst files: FileNode[] = [\n  {\n    children: [\n      {\n        children: [\n          { id: 'report', title: 'Report.pdf' },\n          { id: 'presentation', title: 'Presentation.pptx' },\n        ],\n        id: 'work',\n        title: 'Work',\n      },\n      { id: 'resume', title: 'Resume.pdf' },\n    ],\n    id: 'documents',\n    title: 'Documents',\n  },\n  {\n    children: [\n      { id: 'photo', title: 'Photo.jpg' },\n      { id: 'screenshot', title: 'Screenshot.png' },\n    ],\n    id: 'images',\n    title: 'Images',\n  },\n];\n\nconst walk = (nodes: FileNode[], visit: (node: FileNode) => void) => {\n  nodes.forEach((node) => {\n    visit(node);\n    walk(node.children ?? [], visit);\n  });\n};\n\nconst getDescendantIds = (node: FileNode): string[] =>\n  (node.children ?? []).flatMap((child) => [\n    child.id,\n    ...getDescendantIds(child),\n  ]);\n\nconst getLeafIds = (node: FileNode): string[] =>\n  node.children === undefined ? [node.id] : node.children.flatMap(getLeafIds);\n\n/** Folders follow their contents: selected only when every leaf below them is. */\nconst syncFolders = (nodes: FileNode[], selected: Set<string>) => {\n  nodes.forEach((node) => {\n    if (node.children === undefined) {\n      return;\n    }\n    syncFolders(node.children, selected);\n    if (getLeafIds(node).every((id) => selected.has(id))) {\n      selected.add(node.id);\n    } else {\n      selected.delete(node.id);\n    }\n  });\n};\n\nconst Component = () => {\n  const [selectedIds, setSelectedIds] = useState<string[]>(['resume']);\n  const selected = new Set(selectedIds);\n\n  /**\n   * The tree reports the whole selection at once, so cascading folders onto\n   * their contents takes a single pass even when a Shift range flipped many\n   * rows.\n   */\n  const handleSelectedIdsChange = useCallback((nextIds: string[]) => {\n    setSelectedIds((previousIds) => {\n      const next = new Set(nextIds);\n      const previous = new Set(previousIds);\n      walk(files, (node) => {\n        const isSelected = next.has(node.id);\n        if (\n          node.children === undefined ||\n          isSelected === previous.has(node.id)\n        ) {\n          return;\n        }\n        getDescendantIds(node).forEach((id) => {\n          if (isSelected) {\n            next.add(id);\n          } else {\n            next.delete(id);\n          }\n        });\n      });\n      syncFolders(files, next);\n      return [...next];\n    });\n  }, []);\n\n  const renderNode = (node: FileNode) => {\n    const leafIds = getLeafIds(node);\n    const selectedLeafCount = leafIds.filter((id) => selected.has(id)).length;\n    return (\n      <TreeView.Item\n        key={node.id}\n        id={node.id}\n        title={node.title}\n        defaultExpanded\n        isIndeterminate={\n          node.children !== undefined &&\n          selectedLeafCount > 0 &&\n          selectedLeafCount < leafIds.length\n        }\n        leadingVisual={\n          node.children === undefined ? (\n            <DocumentIconOutline />\n          ) : (\n            <FolderIconSolid />\n          )\n        }\n      >\n        {node.children?.map(renderNode)}\n      </TreeView.Item>\n    );\n  };\n\n  return (\n    <TreeView\n      ariaLabel=\"File explorer\"\n      selectionMode=\"multiple\"\n      selectedIds={selectedIds}\n      onSelectedIdsChange={handleSelectedIdsChange}\n    >\n      {files.map(renderNode)}\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tree-view-root-selection.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-root-selection.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,kDAA8E;AAC9E,gDAAiD;AACjD,iCAA8C;AAQ9C,MAAM,KAAK,GAAe;IACxB;QACE,QAAQ,EAAE;YACR;gBACE,QAAQ,EAAE;oBACR,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE;oBACrC,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,mBAAmB,EAAE;iBACnD;gBACD,EAAE,EAAE,MAAM;gBACV,KAAK,EAAE,MAAM;aACd;YACD,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE;SACtC;QACD,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,WAAW;KACnB;IACD;QACE,QAAQ,EAAE;YACR,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;YACnC,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,gBAAgB,EAAE;SAC9C;QACD,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,KAAiB,EAAE,KAA+B,EAAE,EAAE;IAClE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;;QACrB,KAAK,CAAC,IAAI,CAAC,CAAC;QACZ,IAAI,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,EAAE,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,IAAc,EAAY,EAAE;;IACpD,OAAA,CAAC,MAAA,IAAI,CAAC,QAAQ,mCAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC;QACvC,KAAK,CAAC,EAAE;QACR,GAAG,gBAAgB,CAAC,KAAK,CAAC;KAC3B,CAAC,CAAA;CAAA,CAAC;AAEL,MAAM,UAAU,GAAG,CAAC,IAAc,EAAY,EAAE,CAC9C,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;AAE9E,kFAAkF;AAClF,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,QAAqB,EAAE,EAAE;IAC/D,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;QACrB,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE,CAAC;YAChC,OAAO;QACT,CAAC;QACD,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACrC,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC;YACrD,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACxB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC;IACH,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;IACrE,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;IAEtC;;;;OAIG;IACH,MAAM,uBAAuB,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAiB,EAAE,EAAE;QAChE,cAAc,CAAC,CAAC,WAAW,EAAE,EAAE;YAC7B,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC;YAC9B,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;YACtC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,EAAE;gBACnB,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACrC,IACE,IAAI,CAAC,QAAQ,KAAK,SAAS;oBAC3B,UAAU,KAAK,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EACpC,CAAC;oBACD,OAAO;gBACT,CAAC;gBACD,gBAAgB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;oBACpC,IAAI,UAAU,EAAE,CAAC;wBACf,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;oBACf,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;oBAClB,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YACH,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACzB,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,CAAC,IAAc,EAAE,EAAE;;QACpC,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACjC,MAAM,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC;QAC1E,OAAO,CACL,uBAAC,eAAQ,CAAC,IAAI,IAEZ,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,iBAAiB,QACjB,eAAe,EACb,IAAI,CAAC,QAAQ,KAAK,SAAS;gBAC3B,iBAAiB,GAAG,CAAC;gBACrB,iBAAiB,GAAG,OAAO,CAAC,MAAM,EAEpC,aAAa,EACX,IAAI,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,CAC5B,uBAAC,2BAAmB,KAAG,CACxB,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAe,KAAG,CACpB,YAGF,MAAA,IAAI,CAAC,QAAQ,0CAAE,GAAG,CAAC,UAAU,CAAC,IAjB1B,IAAI,CAAC,EAAE,CAkBE,CACjB,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,eAAQ,IACP,SAAS,EAAC,eAAe,EACzB,aAAa,EAAC,UAAU,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,uBAAuB,YAE3C,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,GACb,CACZ,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 { DocumentIconOutline, FolderIconSolid } from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useCallback, useState } from 'react';\n\ntype FileNode = {\n  children?: FileNode[];\n  id: string;\n  title: string;\n};\n\nconst files: FileNode[] = [\n  {\n    children: [\n      {\n        children: [\n          { id: 'report', title: 'Report.pdf' },\n          { id: 'presentation', title: 'Presentation.pptx' },\n        ],\n        id: 'work',\n        title: 'Work',\n      },\n      { id: 'resume', title: 'Resume.pdf' },\n    ],\n    id: 'documents',\n    title: 'Documents',\n  },\n  {\n    children: [\n      { id: 'photo', title: 'Photo.jpg' },\n      { id: 'screenshot', title: 'Screenshot.png' },\n    ],\n    id: 'images',\n    title: 'Images',\n  },\n];\n\nconst walk = (nodes: FileNode[], visit: (node: FileNode) => void) => {\n  nodes.forEach((node) => {\n    visit(node);\n    walk(node.children ?? [], visit);\n  });\n};\n\nconst getDescendantIds = (node: FileNode): string[] =>\n  (node.children ?? []).flatMap((child) => [\n    child.id,\n    ...getDescendantIds(child),\n  ]);\n\nconst getLeafIds = (node: FileNode): string[] =>\n  node.children === undefined ? [node.id] : node.children.flatMap(getLeafIds);\n\n/** Folders follow their contents: selected only when every leaf below them is. */\nconst syncFolders = (nodes: FileNode[], selected: Set<string>) => {\n  nodes.forEach((node) => {\n    if (node.children === undefined) {\n      return;\n    }\n    syncFolders(node.children, selected);\n    if (getLeafIds(node).every((id) => selected.has(id))) {\n      selected.add(node.id);\n    } else {\n      selected.delete(node.id);\n    }\n  });\n};\n\nconst Component = () => {\n  const [selectedIds, setSelectedIds] = useState<string[]>(['resume']);\n  const selected = new Set(selectedIds);\n\n  /**\n   * The tree reports the whole selection at once, so cascading folders onto\n   * their contents takes a single pass even when a Shift range flipped many\n   * rows.\n   */\n  const handleSelectedIdsChange = useCallback((nextIds: string[]) => {\n    setSelectedIds((previousIds) => {\n      const next = new Set(nextIds);\n      const previous = new Set(previousIds);\n      walk(files, (node) => {\n        const isSelected = next.has(node.id);\n        if (\n          node.children === undefined ||\n          isSelected === previous.has(node.id)\n        ) {\n          return;\n        }\n        getDescendantIds(node).forEach((id) => {\n          if (isSelected) {\n            next.add(id);\n          } else {\n            next.delete(id);\n          }\n        });\n      });\n      syncFolders(files, next);\n      return [...next];\n    });\n  }, []);\n\n  const renderNode = (node: FileNode) => {\n    const leafIds = getLeafIds(node);\n    const selectedLeafCount = leafIds.filter((id) => selected.has(id)).length;\n    return (\n      <TreeView.Item\n        key={node.id}\n        id={node.id}\n        title={node.title}\n        isDefaultExpanded\n        isIndeterminate={\n          node.children !== undefined &&\n          selectedLeafCount > 0 &&\n          selectedLeafCount < leafIds.length\n        }\n        leadingVisual={\n          node.children === undefined ? (\n            <DocumentIconOutline />\n          ) : (\n            <FolderIconSolid />\n          )\n        }\n      >\n        {node.children?.map(renderNode)}\n      </TreeView.Item>\n    );\n  };\n\n  return (\n    <TreeView\n      ariaLabel=\"File explorer\"\n      selectionMode=\"multiple\"\n      selectedIds={selectedIds}\n      onSelectedIdsChange={handleSelectedIdsChange}\n    >\n      {files.map(renderNode)}\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/next/tree-view/stories/tree-view-tooltip.story.js

@@ -28,7 +28,7 @@ const next_1 = require("@neo4j-ndl/react/next");
 const react_2 = require("react");
 const Component = () => {
     const [selected, setSelected] = (0, react_2.useState)(null);
-    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView, { ariaLabel: "Databases", style: { marginTop: '100px' }, children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Production", isSelected: selected === 'production', onSelectedChange: () => setSelected('production'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DatabaseSignalIcon, {}), trailingContent: (0, jsx_runtime_1.jsx)(icons_1.CheckCircleIconSolid, { className: "n-size-5 n-text-success-bg-status" }), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Edit" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename" })] }), tooltipContent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "n-font-semibold", children: "Production" }), (0, jsx_runtime_1.jsxs)("span", { className: "n-flex n-items-center n-gap-token-4 n-mt-token-8", children: [(0, jsx_runtime_1.jsx)(icons_1.CheckCircleIconSolid, { className: "n-size-5 n-text-success-bg-status" }), ": Endorsed"] })] }) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Development", isSelected: selected === 'development', onSelectedChange: () => setSelected('development'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DatabaseSignalIcon, {}), trailingContent: (0, jsx_runtime_1.jsx)(icons_1.AppearanceIcon, { className: "n-size-5 n-text-warning-bg-status" }), tooltipContent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "n-font-semibold", children: "Development" }), (0, jsx_runtime_1.jsxs)("span", { className: "n-flex n-items-center n-gap-token-4 n-mt-token-8", children: [(0, jsx_runtime_1.jsx)(icons_1.AppearanceIcon, { className: "n-size-5 n-text-warning-bg-status" }), ": In development"] })] }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView, { ariaLabel: "Databases", style: { marginTop: '100px' }, children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Production", isSelected: selected === 'production', onSelectedChange: () => setSelected('production'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DatabaseSignalIcon, {}), trailingContent: (0, jsx_runtime_1.jsx)(icons_1.CheckCircleIconSolid, { className: "size-5 text-success-bg-status" }), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Edit" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename" })] }), tooltipContent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "font-semibold", children: "Production" }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-token-4 mt-token-8", children: [(0, jsx_runtime_1.jsx)(icons_1.CheckCircleIconSolid, { className: "size-5 text-success-bg-status" }), ": Endorsed"] })] }) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Development", isSelected: selected === 'development', onSelectedChange: () => setSelected('development'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DatabaseSignalIcon, {}), trailingContent: (0, jsx_runtime_1.jsx)(icons_1.AppearanceIcon, { className: "size-5 text-warning-bg-status" }), tooltipContent: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { className: "font-semibold", children: "Development" }), (0, jsx_runtime_1.jsxs)("span", { className: "flex items-center gap-token-4 mt-token-8", children: [(0, jsx_runtime_1.jsx)(icons_1.AppearanceIcon, { className: "size-5 text-warning-bg-status" }), ": In development"] })] }) })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=tree-view-tooltip.story.js.map

package/lib/cjs/next/tree-view/stories/tree-view-tooltip.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-tooltip.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-tooltip.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AACxC,kDAIgC;AAChC,gDAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAE9D,OAAO,CACL,wBAAC,eAAQ,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aAC3D,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,YAAY,EACrC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,EACjD,aAAa,EAAE,uBAAC,0BAAkB,KAAG,EACrC,eAAe,EACb,uBAAC,4BAAoB,IAAC,SAAS,EAAC,mCAAmC,GAAG,EAExE,eAAe,EACb,6DACE,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,IAC3B,EAEL,cAAc,EACZ,6DACE,iCAAM,SAAS,EAAC,iBAAiB,2BAAkB,EACnD,kCAAM,SAAS,EAAC,kDAAkD,aAChE,uBAAC,4BAAoB,IAAC,SAAS,EAAC,mCAAmC,GAAG,kBAEjE,IACN,GAEL,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,aAAa,EACnB,UAAU,EAAE,QAAQ,KAAK,aAAa,EACtC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,EAClD,aAAa,EAAE,uBAAC,0BAAkB,KAAG,EACrC,eAAe,EACb,uBAAC,sBAAc,IAAC,SAAS,EAAC,mCAAmC,GAAG,EAElE,cAAc,EACZ,6DACE,iCAAM,SAAS,EAAC,iBAAiB,4BAAmB,EACpD,kCAAM,SAAS,EAAC,kDAAkD,aAChE,uBAAC,sBAAc,IAAC,SAAS,EAAC,mCAAmC,GAAG,wBAE3D,IACN,GAEL,IACO,CACZ,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 { Menu } from '@neo4j-ndl/react';\nimport {\n  AppearanceIcon,\n  CheckCircleIconSolid,\n  DatabaseSignalIcon,\n} from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selected, setSelected] = useState<string | null>(null);\n\n  return (\n    <TreeView ariaLabel=\"Databases\" style={{ marginTop: '100px' }}>\n      <TreeView.Item\n        title=\"Production\"\n        isSelected={selected === 'production'}\n        onSelectedChange={() => setSelected('production')}\n        leadingVisual={<DatabaseSignalIcon />}\n        trailingContent={\n          <CheckCircleIconSolid className=\"n-size-5 n-text-success-bg-status\" />\n        }\n        actionMenuItems={\n          <>\n            <Menu.Item title=\"Edit\" />\n            <Menu.Item title=\"Delete\" />\n            <Menu.Item title=\"Rename\" />\n          </>\n        }\n        tooltipContent={\n          <>\n            <span className=\"n-font-semibold\">Production</span>\n            <span className=\"n-flex n-items-center n-gap-token-4 n-mt-token-8\">\n              <CheckCircleIconSolid className=\"n-size-5 n-text-success-bg-status\" />\n              : Endorsed\n            </span>\n          </>\n        }\n      />\n      <TreeView.Item\n        title=\"Development\"\n        isSelected={selected === 'development'}\n        onSelectedChange={() => setSelected('development')}\n        leadingVisual={<DatabaseSignalIcon />}\n        trailingContent={\n          <AppearanceIcon className=\"n-size-5 n-text-warning-bg-status\" />\n        }\n        tooltipContent={\n          <>\n            <span className=\"n-font-semibold\">Development</span>\n            <span className=\"n-flex n-items-center n-gap-token-4 n-mt-token-8\">\n              <AppearanceIcon className=\"n-size-5 n-text-warning-bg-status\" />:\n              In development\n            </span>\n          </>\n        }\n      />\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tree-view-tooltip.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-tooltip.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AACxC,kDAIgC;AAChC,gDAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAE9D,OAAO,CACL,wBAAC,eAAQ,IAAC,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,aAC3D,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,YAAY,EACrC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,EACjD,aAAa,EAAE,uBAAC,0BAAkB,KAAG,EACrC,eAAe,EACb,uBAAC,4BAAoB,IAAC,SAAS,EAAC,+BAA+B,GAAG,EAEpE,eAAe,EACb,6DACE,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,IAC3B,EAEL,cAAc,EACZ,6DACE,iCAAM,SAAS,EAAC,eAAe,2BAAkB,EACjD,kCAAM,SAAS,EAAC,0CAA0C,aACxD,uBAAC,4BAAoB,IAAC,SAAS,EAAC,+BAA+B,GAAG,kBAE7D,IACN,GAEL,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,aAAa,EACnB,UAAU,EAAE,QAAQ,KAAK,aAAa,EACtC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,EAClD,aAAa,EAAE,uBAAC,0BAAkB,KAAG,EACrC,eAAe,EACb,uBAAC,sBAAc,IAAC,SAAS,EAAC,+BAA+B,GAAG,EAE9D,cAAc,EACZ,6DACE,iCAAM,SAAS,EAAC,eAAe,4BAAmB,EAClD,kCAAM,SAAS,EAAC,0CAA0C,aACxD,uBAAC,sBAAc,IAAC,SAAS,EAAC,+BAA+B,GAAG,wBAEvD,IACN,GAEL,IACO,CACZ,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 { Menu } from '@neo4j-ndl/react';\nimport {\n  AppearanceIcon,\n  CheckCircleIconSolid,\n  DatabaseSignalIcon,\n} from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selected, setSelected] = useState<string | null>(null);\n\n  return (\n    <TreeView ariaLabel=\"Databases\" style={{ marginTop: '100px' }}>\n      <TreeView.Item\n        title=\"Production\"\n        isSelected={selected === 'production'}\n        onSelectedChange={() => setSelected('production')}\n        leadingVisual={<DatabaseSignalIcon />}\n        trailingContent={\n          <CheckCircleIconSolid className=\"size-5 text-success-bg-status\" />\n        }\n        actionMenuItems={\n          <>\n            <Menu.Item title=\"Edit\" />\n            <Menu.Item title=\"Delete\" />\n            <Menu.Item title=\"Rename\" />\n          </>\n        }\n        tooltipContent={\n          <>\n            <span className=\"font-semibold\">Production</span>\n            <span className=\"flex items-center gap-token-4 mt-token-8\">\n              <CheckCircleIconSolid className=\"size-5 text-success-bg-status\" />\n              : Endorsed\n            </span>\n          </>\n        }\n      />\n      <TreeView.Item\n        title=\"Development\"\n        isSelected={selected === 'development'}\n        onSelectedChange={() => setSelected('development')}\n        leadingVisual={<DatabaseSignalIcon />}\n        trailingContent={\n          <AppearanceIcon className=\"size-5 text-warning-bg-status\" />\n        }\n        tooltipContent={\n          <>\n            <span className=\"font-semibold\">Development</span>\n            <span className=\"flex items-center gap-token-4 mt-token-8\">\n              <AppearanceIcon className=\"size-5 text-warning-bg-status\" />: In\n              development\n            </span>\n          </>\n        }\n      />\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/next/tree-view/stories/tree-view-trailing.story.js

@@ -28,7 +28,7 @@ const next_1 = require("@neo4j-ndl/react/next");
 const react_2 = require("react");
 const Component = () => {
     const [selected, setSelected] = (0, react_2.useState)(null);
-    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView, { ariaLabel: "Databases", children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Production", isSelected: selected === 'production', onSelectedChange: () => setSelected('production'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DatabaseSignalIcon, {}), trailingContent: (0, jsx_runtime_1.jsx)(icons_1.CheckCircleIconSolid, { className: "n-size-5 n-text-success-bg-status" }), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Edit" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename" })] }) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Development", isSelected: selected === 'development', onSelectedChange: () => setSelected('development'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DatabaseSignalIcon, {}), trailingContent: (0, jsx_runtime_1.jsx)(icons_1.AppearanceIcon, { className: "n-size-5 n-text-warning-bg-status" }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView, { ariaLabel: "Databases", children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Production", isSelected: selected === 'production', onSelectedChange: () => setSelected('production'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DatabaseSignalIcon, {}), trailingContent: (0, jsx_runtime_1.jsx)(icons_1.CheckCircleIconSolid, { className: "size-5 text-success-bg-status" }), actionMenuItems: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Edit" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Delete" }), (0, jsx_runtime_1.jsx)(react_1.Menu.Item, { title: "Rename" })] }) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Development", isSelected: selected === 'development', onSelectedChange: () => setSelected('development'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DatabaseSignalIcon, {}), trailingContent: (0, jsx_runtime_1.jsx)(icons_1.AppearanceIcon, { className: "size-5 text-warning-bg-status" }) })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=tree-view-trailing.story.js.map

package/lib/cjs/next/tree-view/stories/tree-view-trailing.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-trailing.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-trailing.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AACxC,kDAIgC;AAChC,gDAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAE9D,OAAO,CACL,wBAAC,eAAQ,IAAC,SAAS,EAAC,WAAW,aAC7B,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,YAAY,EACrC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,EACjD,aAAa,EAAE,uBAAC,0BAAkB,KAAG,EACrC,eAAe,EACb,uBAAC,4BAAoB,IAAC,SAAS,EAAC,mCAAmC,GAAG,EAExE,eAAe,EACb,6DACE,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,IAC3B,GAEL,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,aAAa,EACnB,UAAU,EAAE,QAAQ,KAAK,aAAa,EACtC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,EAClD,aAAa,EAAE,uBAAC,0BAAkB,KAAG,EACrC,eAAe,EACb,uBAAC,sBAAc,IAAC,SAAS,EAAC,mCAAmC,GAAG,GAElE,IACO,CACZ,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 { Menu } from '@neo4j-ndl/react';\nimport {\n  AppearanceIcon,\n  CheckCircleIconSolid,\n  DatabaseSignalIcon,\n} from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selected, setSelected] = useState<string | null>(null);\n\n  return (\n    <TreeView ariaLabel=\"Databases\">\n      <TreeView.Item\n        title=\"Production\"\n        isSelected={selected === 'production'}\n        onSelectedChange={() => setSelected('production')}\n        leadingVisual={<DatabaseSignalIcon />}\n        trailingContent={\n          <CheckCircleIconSolid className=\"n-size-5 n-text-success-bg-status\" />\n        }\n        actionMenuItems={\n          <>\n            <Menu.Item title=\"Edit\" />\n            <Menu.Item title=\"Delete\" />\n            <Menu.Item title=\"Rename\" />\n          </>\n        }\n      />\n      <TreeView.Item\n        title=\"Development\"\n        isSelected={selected === 'development'}\n        onSelectedChange={() => setSelected('development')}\n        leadingVisual={<DatabaseSignalIcon />}\n        trailingContent={\n          <AppearanceIcon className=\"n-size-5 n-text-warning-bg-status\" />\n        }\n      />\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tree-view-trailing.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-trailing.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAwC;AACxC,kDAIgC;AAChC,gDAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAE9D,OAAO,CACL,wBAAC,eAAQ,IAAC,SAAS,EAAC,WAAW,aAC7B,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,YAAY,EACrC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,EACjD,aAAa,EAAE,uBAAC,0BAAkB,KAAG,EACrC,eAAe,EACb,uBAAC,4BAAoB,IAAC,SAAS,EAAC,+BAA+B,GAAG,EAEpE,eAAe,EACb,6DACE,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,GAAG,EAC1B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC5B,uBAAC,YAAI,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,GAAG,IAC3B,GAEL,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,aAAa,EACnB,UAAU,EAAE,QAAQ,KAAK,aAAa,EACtC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,EAClD,aAAa,EAAE,uBAAC,0BAAkB,KAAG,EACrC,eAAe,EACb,uBAAC,sBAAc,IAAC,SAAS,EAAC,+BAA+B,GAAG,GAE9D,IACO,CACZ,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 { Menu } from '@neo4j-ndl/react';\nimport {\n  AppearanceIcon,\n  CheckCircleIconSolid,\n  DatabaseSignalIcon,\n} from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selected, setSelected] = useState<string | null>(null);\n\n  return (\n    <TreeView ariaLabel=\"Databases\">\n      <TreeView.Item\n        title=\"Production\"\n        isSelected={selected === 'production'}\n        onSelectedChange={() => setSelected('production')}\n        leadingVisual={<DatabaseSignalIcon />}\n        trailingContent={\n          <CheckCircleIconSolid className=\"size-5 text-success-bg-status\" />\n        }\n        actionMenuItems={\n          <>\n            <Menu.Item title=\"Edit\" />\n            <Menu.Item title=\"Delete\" />\n            <Menu.Item title=\"Rename\" />\n          </>\n        }\n      />\n      <TreeView.Item\n        title=\"Development\"\n        isSelected={selected === 'development'}\n        onSelectedChange={() => setSelected('development')}\n        leadingVisual={<DatabaseSignalIcon />}\n        trailingContent={\n          <AppearanceIcon className=\"size-5 text-warning-bg-status\" />\n        }\n      />\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/next/tree-view/stories/tree-view-uncontrolled.story.js

@@ -27,7 +27,7 @@ const next_1 = require("@neo4j-ndl/react/next");
 const react_1 = require("react");
 const Component = () => {
     const [selected, setSelected] = (0, react_1.useState)(null);
-    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView, { ariaLabel: "File explorer", children: [(0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Documents (expanded by default)", defaultExpanded: true, leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Work", leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Report.pdf", isSelected: selected === 'report', onSelectedChange: () => setSelected('report'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Presentation.pptx", isSelected: selected === 'presentation', onSelectedChange: () => setSelected('presentation'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Resume.pdf", isSelected: selected === 'resume', onSelectedChange: () => setSelected('resume'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] }), (0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Images (collapsed by default)", leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), defaultExpanded: false, children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Photo.jpg", isSelected: selected === 'photo', onSelectedChange: () => setSelected('photo'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Screenshot.png", isSelected: selected === 'screenshot', onSelectedChange: () => setSelected('screenshot'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(next_1.TreeView, { ariaLabel: "File explorer", children: [(0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { isDefaultExpanded: true, title: "Documents (expanded by default)", leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Work", leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Report.pdf", isSelected: selected === 'report', onSelectedChange: () => setSelected('report'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Presentation.pptx", isSelected: selected === 'presentation', onSelectedChange: () => setSelected('presentation'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Resume.pdf", isSelected: selected === 'resume', onSelectedChange: () => setSelected('resume'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] }), (0, jsx_runtime_1.jsxs)(next_1.TreeView.Item, { title: "Images (collapsed by default)", leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.FolderIconSolid, {}), isDefaultExpanded: false, children: [(0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Photo.jpg", isSelected: selected === 'photo', onSelectedChange: () => setSelected('photo'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) }), (0, jsx_runtime_1.jsx)(next_1.TreeView.Item, { title: "Screenshot.png", isSelected: selected === 'screenshot', onSelectedChange: () => setSelected('screenshot'), leadingVisual: (0, jsx_runtime_1.jsx)(icons_1.DocumentIconOutline, {}) })] })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=tree-view-uncontrolled.story.js.map

package/lib/cjs/next/tree-view/stories/tree-view-uncontrolled.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-uncontrolled.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-uncontrolled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,kDAA8E;AAC9E,gDAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAE9D,OAAO,CACL,wBAAC,eAAQ,IAAC,SAAS,EAAC,eAAe,aACjC,wBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,iCAAiC,EACvC,eAAe,EAAE,IAAI,EACrB,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,wBAAC,eAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAC5D,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,QAAQ,EACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAC7C,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,mBAAmB,EACzB,UAAU,EAAE,QAAQ,KAAK,cAAc,EACvC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,EACnD,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,QAAQ,EACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAC7C,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,wBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,+BAA+B,EACrC,aAAa,EAAE,uBAAC,uBAAe,KAAG,EAClC,eAAe,EAAE,KAAK,aAEtB,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,QAAQ,KAAK,OAAO,EAChC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EAC5C,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,QAAQ,KAAK,YAAY,EACrC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,EACjD,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,IACP,CACZ,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 { DocumentIconOutline, FolderIconSolid } from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selected, setSelected] = useState<string | null>(null);\n\n  return (\n    <TreeView ariaLabel=\"File explorer\">\n      <TreeView.Item\n        title=\"Documents (expanded by default)\"\n        defaultExpanded={true}\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item title=\"Work\" leadingVisual={<FolderIconSolid />}>\n          <TreeView.Item\n            title=\"Report.pdf\"\n            isSelected={selected === 'report'}\n            onSelectedChange={() => setSelected('report')}\n            leadingVisual={<DocumentIconOutline />}\n          />\n          <TreeView.Item\n            title=\"Presentation.pptx\"\n            isSelected={selected === 'presentation'}\n            onSelectedChange={() => setSelected('presentation')}\n            leadingVisual={<DocumentIconOutline />}\n          />\n        </TreeView.Item>\n        <TreeView.Item\n          title=\"Resume.pdf\"\n          isSelected={selected === 'resume'}\n          onSelectedChange={() => setSelected('resume')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n      </TreeView.Item>\n      <TreeView.Item\n        title=\"Images (collapsed by default)\"\n        leadingVisual={<FolderIconSolid />}\n        defaultExpanded={false}\n      >\n        <TreeView.Item\n          title=\"Photo.jpg\"\n          isSelected={selected === 'photo'}\n          onSelectedChange={() => setSelected('photo')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n        <TreeView.Item\n          title=\"Screenshot.png\"\n          isSelected={selected === 'screenshot'}\n          onSelectedChange={() => setSelected('screenshot')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n      </TreeView.Item>\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tree-view-uncontrolled.story.js","sourceRoot":"","sources":["../../../../../src/next/tree-view/stories/tree-view-uncontrolled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,kDAA8E;AAC9E,gDAAiD;AACjD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAE9D,OAAO,CACL,wBAAC,eAAQ,IAAC,SAAS,EAAC,eAAe,aACjC,wBAAC,eAAQ,CAAC,IAAI,IACZ,iBAAiB,QACjB,KAAK,EAAC,iCAAiC,EACvC,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAElC,wBAAC,eAAQ,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAE,uBAAC,uBAAe,KAAG,aAC5D,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,QAAQ,EACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAC7C,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,mBAAmB,EACzB,UAAU,EAAE,QAAQ,KAAK,cAAc,EACvC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,EACnD,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,QAAQ,KAAK,QAAQ,EACjC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,EAC7C,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,EAChB,wBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,+BAA+B,EACrC,aAAa,EAAE,uBAAC,uBAAe,KAAG,EAClC,iBAAiB,EAAE,KAAK,aAExB,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,WAAW,EACjB,UAAU,EAAE,QAAQ,KAAK,OAAO,EAChC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EAC5C,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,EACF,uBAAC,eAAQ,CAAC,IAAI,IACZ,KAAK,EAAC,gBAAgB,EACtB,UAAU,EAAE,QAAQ,KAAK,YAAY,EACrC,gBAAgB,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,EACjD,aAAa,EAAE,uBAAC,2BAAmB,KAAG,GACtC,IACY,IACP,CACZ,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 { DocumentIconOutline, FolderIconSolid } from '@neo4j-ndl/react/icons';\nimport { TreeView } from '@neo4j-ndl/react/next';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [selected, setSelected] = useState<string | null>(null);\n\n  return (\n    <TreeView ariaLabel=\"File explorer\">\n      <TreeView.Item\n        isDefaultExpanded\n        title=\"Documents (expanded by default)\"\n        leadingVisual={<FolderIconSolid />}\n      >\n        <TreeView.Item title=\"Work\" leadingVisual={<FolderIconSolid />}>\n          <TreeView.Item\n            title=\"Report.pdf\"\n            isSelected={selected === 'report'}\n            onSelectedChange={() => setSelected('report')}\n            leadingVisual={<DocumentIconOutline />}\n          />\n          <TreeView.Item\n            title=\"Presentation.pptx\"\n            isSelected={selected === 'presentation'}\n            onSelectedChange={() => setSelected('presentation')}\n            leadingVisual={<DocumentIconOutline />}\n          />\n        </TreeView.Item>\n        <TreeView.Item\n          title=\"Resume.pdf\"\n          isSelected={selected === 'resume'}\n          onSelectedChange={() => setSelected('resume')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n      </TreeView.Item>\n      <TreeView.Item\n        title=\"Images (collapsed by default)\"\n        leadingVisual={<FolderIconSolid />}\n        isDefaultExpanded={false}\n      >\n        <TreeView.Item\n          title=\"Photo.jpg\"\n          isSelected={selected === 'photo'}\n          onSelectedChange={() => setSelected('photo')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n        <TreeView.Item\n          title=\"Screenshot.png\"\n          isSelected={selected === 'screenshot'}\n          onSelectedChange={() => setSelected('screenshot')}\n          leadingVisual={<DocumentIconOutline />}\n        />\n      </TreeView.Item>\n    </TreeView>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/popover/Popover.js

@@ -67,16 +67,15 @@ const usePopoverContext = () => {
     return context;
 };
 exports.usePopoverContext = usePopoverContext;
-const PopoverComponent = ({ children, anchorElement, placement, isOpen, offset, anchorPosition, hasAnchorPortal: hasAnchorPortalProp, shouldCaptureFocus = false, initialFocus, onOpenChange, role, closeOnClickOutside = true, shouldCloseOnFocusOut, isPortaled: isPortaledProp, strategy: strategyProp, shouldConstrainSize, }) => {
+const PopoverComponent = ({ children, anchorElement, placement, isOpen, offset, anchorPosition, hasAnchorPortal: hasAnchorPortalProp, shouldCaptureFocus = false, initialFocus, onOpenChange, shouldCloseOnClickOutside = true, shouldCloseOnFocusOut, isPortaled: isPortaledProp, strategy: strategyProp, role, shouldConstrainSize, }) => {
     const isInsideDialog = (0, dialog_context_1.useIsInsideDialog)();
     const strategy = isInsideDialog ? 'fixed' : 'absolute';
     const hasAnchorPortal = isInsideDialog;
     const isPortaled = !isInsideDialog;
     const popover = (0, use_popover_1.usePopover)({
         anchorElement,
-        anchorElementAsPortalAnchor: hasAnchorPortalProp !== null && hasAnchorPortalProp !== void 0 ? hasAnchorPortalProp : hasAnchorPortal,
         anchorPosition,
-        closeOnClickOutside,
+        hasAnchorElementAsPortalAnchor: hasAnchorPortalProp !== null && hasAnchorPortalProp !== void 0 ? hasAnchorPortalProp : hasAnchorPortal,
         initialFocus,
         isOpen: isOpen,
         isPortaled: isPortaledProp !== null && isPortaledProp !== void 0 ? isPortaledProp : isPortaled,
@@ -85,7 +84,8 @@ const PopoverComponent = ({ children, anchorElement, placement, isOpen, offset,
         placement: placement ? exports.placementTranslation[placement] : undefined,
         role,
         shouldCaptureFocus,
-        shouldCloseOnFocusOut: shouldCloseOnFocusOut !== null && shouldCloseOnFocusOut !== void 0 ? shouldCloseOnFocusOut : closeOnClickOutside,
+        shouldCloseOnClickOutside,
+        shouldCloseOnFocusOut: shouldCloseOnFocusOut !== null && shouldCloseOnFocusOut !== void 0 ? shouldCloseOnFocusOut : shouldCloseOnClickOutside,
         shouldConstrainSize,
         strategy: strategyProp !== null && strategyProp !== void 0 ? strategyProp : strategy,
     });
@@ -142,10 +142,10 @@ const PopoverContent = (_a) => {
     }
     return ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: context.isPortaled, wrap: (wrapChildren) => {
             var _a;
-            return ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { root: ((_a = context.anchorElementAsPortalAnchor) !== null && _a !== void 0 ? _a : false)
+            return ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { root: ((_a = context.hasAnchorElementAsPortalAnchor) !== null && _a !== void 0 ? _a : false)
                     ? context.refs.reference.current
                     : undefined, children: wrapChildren }));
-        }, children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: floatingContext, modal: context.shouldCaptureFocus, initialFocus: context.initialFocus, closeOnFocusOut: context.shouldCloseOnFocusOut, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, "aria-labelledby": context.labelId, "aria-describedby": context.descriptionId, style: Object.assign(Object.assign(Object.assign({}, context.floatingStyles), context.transitionStyles), style), ref: refs }, context.getFloatingProps(Object.assign({}, htmlAttributes)), restProps, { children: children })) }) }));
+        }, children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: floatingContext, modal: context.shouldCaptureFocus, initialFocus: context.initialFocus, closeOnFocusOut: context.shouldCloseOnFocusOut, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({ className: classes, style: Object.assign(Object.assign(Object.assign({}, context.floatingStyles), context.transitionStyles), style), ref: refs, "aria-labelledby": context.labelId, "aria-describedby": context.descriptionId }, context.getFloatingProps(Object.assign({}, htmlAttributes)), restProps, { children: children })) }) }));
 };
 const Popover = Object.assign(PopoverComponent, {
     Anchor: PopoverAnchor,

package/lib/cjs/popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"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 */\nimport {\n  FloatingFocusManager,\n  FloatingPortal,\n  type OffsetOptions,\n  type Placement,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme/ThemeProvider';\nimport { usePopover } from './use-popover';\nimport { usePatchFloatingFocusGuards } from './usePatchFloatingFocusGuards';\n\ntype PlacementOptions =\n  | 'bottom-end-top-end'\n  | 'bottom-start-top-start'\n  | 'bottom-middle-top-middle'\n  | 'top-end-bottom-end'\n  | 'top-start-bottom-start'\n  | 'top-middle-bottom-middle'\n  | 'bottom-start-bottom-end'\n  | 'top-start-top-end'\n  | 'middle-start-middle-end'\n  | 'bottom-end-bottom-start'\n  | 'top-end-top-start'\n  | 'middle-end-middle-start';\n\nexport const placementTranslation: Record<PlacementOptions, Placement> = {\n  'bottom-end-bottom-start': 'right-end',\n  'bottom-end-top-end': 'bottom-end',\n  'bottom-middle-top-middle': 'bottom',\n  'bottom-start-bottom-end': 'left-end',\n  'bottom-start-top-start': 'bottom-start',\n  'middle-end-middle-start': 'right',\n  'middle-start-middle-end': 'left',\n  'top-end-bottom-end': 'top-end',\n  'top-end-top-start': 'right-start',\n  'top-middle-bottom-middle': 'top',\n  'top-start-bottom-start': 'top-start',\n  'top-start-top-end': 'left-start',\n};\ntype PopoverProps = {\n  /** if the popover is open */\n  isOpen?: boolean;\n  /** The content of the popover */\n  children?: React.ReactNode;\n  /**\n   * Can be used if the anchor should be separated from the trigger.\n   * Note: to visually separate the anchor from the trigger, use the Popover.Anchor component instead.\n   */\n  anchorElement?: Element | null;\n  /** If the anchorPosition is provided the anchorElement will be ignored */\n  anchorPosition?: {\n    // TODO v5: create componentProps type for this\n    // oxlint-disable-next-line id-length\n    x: number;\n    // TODO v5: create componentProps type for this\n    // oxlint-disable-next-line id-length\n    y: number;\n  };\n  /** The placement of the floating element is determined by two sets of words. The first set of words specifies the point on the anchor element where the floating element will be attached. The second set of coordinates specifies the point on the floating element that will attach to the anchor element. */\n  placement?: PlacementOptions;\n  /** can take either a number, an object or a function. Full documentation here:  https://floating-ui.com/docs/offset   */\n  offset?: OffsetOptions;\n  /** Called when an internal state change is triggered, when the floating element either opens or closes. It is not called when `isOpen` is updated by the consumer. */\n  onOpenChange?: (isOpen: boolean, event?: Event) => void;\n  /** Use anchorEl for portal's container. Should be used if the popover is portaled and is inside a Dialog for example. */\n  hasAnchorPortal?: boolean;\n  /** If the popover should constrain the focus inside the popover while open */\n  shouldCaptureFocus?: boolean;\n  /** Which element to initially focus. */\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  // TODO v5: remove this prop\n  /** The role of the popover.\n   * @deprecated - This prop will be removed in v5.\n   */\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  /** If the popover should close when the user clicks outside of it */\n  // TODO v5: change naming (if component isn't deprecated)\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  closeOnClickOutside?: boolean;\n  /**\n   * If the popover should close when focus moves outside of it, for example when tabbing away or focusing another element.\n   * Defaults to the value of `closeOnClickOutside`.\n   * Has no effect when `shouldCaptureFocus` is true, since focus cannot leave the popover.\n   */\n  shouldCloseOnFocusOut?: boolean;\n  /** The strategy of the popover. Fixed should be used when the popover is inside a Dialog. */\n  strategy?: 'fixed' | 'absolute';\n  /** Whether the content is rendered in a portal */\n  isPortaled?: boolean;\n  /**\n   * When true, limits the popover's max-height and max-width to the available viewport space.\n   * The consumer is responsible for adding overflow handling (e.g. overflow-y: auto) to the content.\n   * */\n  shouldConstrainSize?: boolean;\n};\n\ntype ContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<ContextType>(null);\n\nexport const usePopoverContext = () => {\n  const context = React.useContext(PopoverContext);\n\n  if (context === null) {\n    throw new Error('Popover components must be wrapped in <Popover />');\n  }\n\n  return context;\n};\n\nconst PopoverComponent = ({\n  children,\n  anchorElement,\n  placement,\n  isOpen,\n  offset,\n  anchorPosition,\n  hasAnchorPortal: hasAnchorPortalProp,\n  shouldCaptureFocus = false,\n  initialFocus,\n  onOpenChange,\n  role,\n  closeOnClickOutside = true,\n  shouldCloseOnFocusOut,\n  isPortaled: isPortaledProp,\n  strategy: strategyProp,\n  shouldConstrainSize,\n}: PopoverProps) => {\n  const isInsideDialog = useIsInsideDialog();\n\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const hasAnchorPortal = isInsideDialog;\n  const isPortaled = !isInsideDialog;\n\n  const popover = usePopover({\n    anchorElement,\n    anchorElementAsPortalAnchor: hasAnchorPortalProp ?? hasAnchorPortal,\n    anchorPosition,\n    closeOnClickOutside,\n    initialFocus,\n    isOpen: isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    offsetOption: offset,\n    onOpenChange: onOpenChange,\n    placement: placement ? placementTranslation[placement] : undefined,\n    role,\n    shouldCaptureFocus,\n    shouldCloseOnFocusOut: shouldCloseOnFocusOut ?? closeOnClickOutside,\n    shouldConstrainSize,\n    strategy: strategyProp ?? strategy,\n  });\n\n  return (\n    <PopoverContext.Provider value={popover}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\ntype PopoverTriggerProps = {\n  /** The content of the trigger */\n  children: React.ReactNode;\n  /** Whether the trigger should render a button element, or pass its props to the child element */\n  hasButtonWrapper?: boolean;\n};\n\nconst PopoverTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  ref,\n  ...props\n}: CommonProps<'button', PopoverTriggerProps>) => {\n  const context = usePopoverContext();\n  // Example from floating UI\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  // `hasButtonWrapper` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && React.isValidElement(children)) {\n    return React.cloneElement(\n      children,\n      context.getReferenceProps({\n        ...props,\n        ...childrenProps,\n        'data-state': context.isOpen ? 'open' : 'closed',\n        ref: mergedRefs,\n      }),\n    );\n  }\n  return (\n    <button\n      ref={context.refs.setReference}\n      type=\"button\"\n      data-state={context.isOpen ? 'open' : 'closed'}\n      {...context.getReferenceProps(props)}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype PopoverAnchorProps = {\n  children?: React.ReactNode;\n};\n\n/**\n * Use this to separate the anchor visually from the trigger.\n */\nconst PopoverAnchor = ({\n  children,\n  ref,\n  ...props\n}: CommonProps<'div', PopoverAnchorProps>) => {\n  const context = usePopoverContext();\n\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any)?.props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setPositionReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  if (React.isValidElement(children)) {\n    return React.cloneElement(children, {\n      ...props,\n      ...childrenProps,\n      ref: mergedRefs,\n    });\n  }\n\n  return (\n    <div ref={mergedRefs} {...props}>\n      {children}\n    </div>\n  );\n};\n\ntype PopoverContentProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst PopoverContent = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, PopoverContentProps>) => {\n  const { context: floatingContext, ...context } = usePopoverContext();\n\n  const refs = useMergeRefs([context.refs.setFloating, ref]);\n\n  const { themeClassName } = useNeedleTheme();\n\n  const classes = classNames('ndl-popover', themeClassName, className);\n  const Component: React.ElementType = as ?? 'div';\n\n  // Patch to not get axe errors for the focus guards\n  // To be noted is that axe gives us a false positive error here since the focus guards directly pass focus to other elements\n  // https://github.com/floating-ui/floating-ui/issues/2462\n  usePatchFloatingFocusGuards();\n\n  if (!floatingContext.open) {\n    return null;\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => (\n        <FloatingPortal\n          root={\n            (context.anchorElementAsPortalAnchor ?? false)\n              ? (context.refs.reference.current as HTMLElement | null)\n              : undefined\n          }\n        >\n          {wrapChildren}\n        </FloatingPortal>\n      )}\n    >\n      <FloatingFocusManager\n        context={floatingContext}\n        modal={context.shouldCaptureFocus}\n        initialFocus={context.initialFocus}\n        closeOnFocusOut={context.shouldCloseOnFocusOut}\n      >\n        <Component\n          className={classes}\n          aria-labelledby={context.labelId}\n          aria-describedby={context.descriptionId}\n          style={{\n            ...context.floatingStyles,\n            ...context.transitionStyles,\n            ...style,\n          }}\n          ref={refs}\n          {...context.getFloatingProps({ ...htmlAttributes })}\n          {...restProps}\n        >\n          {children}\n        </Component>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\nconst Popover = Object.assign(PopoverComponent, {\n  Anchor: PopoverAnchor,\n  Content: PopoverContent,\n  Trigger: PopoverTrigger,\n});\n\nexport { Popover };\n"]}
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/popover/Popover.tsx"],"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 */\nimport {\n  FloatingFocusManager,\n  FloatingPortal,\n  type OffsetOptions,\n  type Placement,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme/ThemeProvider';\nimport { type AnchorPosition, usePopover } from './use-popover';\nimport { usePatchFloatingFocusGuards } from './usePatchFloatingFocusGuards';\n\ntype PlacementOptions =\n  | 'bottom-end-top-end'\n  | 'bottom-start-top-start'\n  | 'bottom-middle-top-middle'\n  | 'top-end-bottom-end'\n  | 'top-start-bottom-start'\n  | 'top-middle-bottom-middle'\n  | 'bottom-start-bottom-end'\n  | 'top-start-top-end'\n  | 'middle-start-middle-end'\n  | 'bottom-end-bottom-start'\n  | 'top-end-top-start'\n  | 'middle-end-middle-start';\n\nexport const placementTranslation: Record<PlacementOptions, Placement> = {\n  'bottom-end-bottom-start': 'right-end',\n  'bottom-end-top-end': 'bottom-end',\n  'bottom-middle-top-middle': 'bottom',\n  'bottom-start-bottom-end': 'left-end',\n  'bottom-start-top-start': 'bottom-start',\n  'middle-end-middle-start': 'right',\n  'middle-start-middle-end': 'left',\n  'top-end-bottom-end': 'top-end',\n  'top-end-top-start': 'right-start',\n  'top-middle-bottom-middle': 'top',\n  'top-start-bottom-start': 'top-start',\n  'top-start-top-end': 'left-start',\n};\ntype PopoverProps = {\n  /** if the popover is open */\n  isOpen?: boolean;\n  /** The content of the popover */\n  children?: React.ReactNode;\n  /**\n   * Can be used if the anchor should be separated from the trigger.\n   * Note: to visually separate the anchor from the trigger, use the Popover.Anchor component instead.\n   */\n  anchorElement?: Element | null;\n  /** If the anchorPosition is provided the anchorElement will be ignored */\n  anchorPosition?: AnchorPosition;\n  /**\n   * The placement of the floating element is determined by two sets of words. The first set of words specifies the point on the anchor\n   * element where the floating element will be attached. The second set of coordinates specifies the point on the floating element that\n   * will attach to the anchor element.\n   * */\n  placement?: PlacementOptions;\n  /** can take either a number, an object or a function. Full documentation here:  https://floating-ui.com/docs/offset   */\n  offset?: OffsetOptions;\n  /**\n   * Called when an internal state change is triggered, when the floating element either opens or closes. It is not called when `isOpen`\n   * is updated by the consumer.\n   * */\n  onOpenChange?: (isOpen: boolean, event?: Event) => void;\n  /** Use anchorEl for portal's container. Should be used if the popover is portaled and is inside a Dialog for example. */\n  hasAnchorPortal?: boolean;\n  /** If the popover should constrain the focus inside the popover while open */\n  shouldCaptureFocus?: boolean;\n  /** Which element to initially focus. */\n  initialFocus?: number | React.RefObject<HTMLElement | null>;\n  /** The role of the popover. */\n  role?:\n    | 'tooltip'\n    | 'dialog'\n    | 'alertdialog'\n    | 'menu'\n    | 'listbox'\n    | 'grid'\n    | 'tree';\n  /** If the popover should close when the user clicks outside of it */\n  shouldCloseOnClickOutside?: boolean;\n  /**\n   * If the popover should close when focus moves outside of it, for example when tabbing away or focusing another element.\n   * Defaults to the value of `shouldCloseOnClickOutside`.\n   * Has no effect when `shouldCaptureFocus` is true, since focus cannot leave the popover.\n   */\n  shouldCloseOnFocusOut?: boolean;\n  /** The strategy of the popover. Fixed should be used when the popover is inside a Dialog. */\n  strategy?: 'fixed' | 'absolute';\n  /** Whether the content is rendered in a portal */\n  isPortaled?: boolean;\n  /**\n   * When true, limits the popover's max-height and max-width to the available viewport space.\n   * The consumer is responsible for adding overflow handling (e.g. overflow-y: auto) to the content.\n   * */\n  shouldConstrainSize?: boolean;\n};\n\ntype ContextType = ReturnType<typeof usePopover> | null;\n\nconst PopoverContext = React.createContext<ContextType>(null);\n\nexport const usePopoverContext = () => {\n  const context = React.useContext(PopoverContext);\n\n  if (context === null) {\n    throw new Error('Popover components must be wrapped in <Popover />');\n  }\n\n  return context;\n};\n\nconst PopoverComponent = ({\n  children,\n  anchorElement,\n  placement,\n  isOpen,\n  offset,\n  anchorPosition,\n  hasAnchorPortal: hasAnchorPortalProp,\n  shouldCaptureFocus = false,\n  initialFocus,\n  onOpenChange,\n  shouldCloseOnClickOutside = true,\n  shouldCloseOnFocusOut,\n  isPortaled: isPortaledProp,\n  strategy: strategyProp,\n  role,\n  shouldConstrainSize,\n}: PopoverProps) => {\n  const isInsideDialog = useIsInsideDialog();\n\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const hasAnchorPortal = isInsideDialog;\n  const isPortaled = !isInsideDialog;\n\n  const popover = usePopover({\n    anchorElement,\n    anchorPosition,\n    hasAnchorElementAsPortalAnchor: hasAnchorPortalProp ?? hasAnchorPortal,\n    initialFocus,\n    isOpen: isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    offsetOption: offset,\n    onOpenChange: onOpenChange,\n    placement: placement ? placementTranslation[placement] : undefined,\n    role,\n    shouldCaptureFocus,\n    shouldCloseOnClickOutside,\n    shouldCloseOnFocusOut: shouldCloseOnFocusOut ?? shouldCloseOnClickOutside,\n    shouldConstrainSize,\n    strategy: strategyProp ?? strategy,\n  });\n\n  return (\n    <PopoverContext.Provider value={popover}>\n      {children}\n    </PopoverContext.Provider>\n  );\n};\n\ntype PopoverTriggerProps = {\n  /** The content of the trigger */\n  children: React.ReactNode;\n  /** Whether the trigger should render a button element, or pass its props to the child element */\n  hasButtonWrapper?: boolean;\n};\n\nconst PopoverTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  ref,\n  ...props\n}: CommonProps<'button', PopoverTriggerProps>) => {\n  const context = usePopoverContext();\n  // Example from floating UI\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  // `hasButtonWrapper` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && React.isValidElement(children)) {\n    return React.cloneElement(\n      children,\n      context.getReferenceProps({\n        ...props,\n        ...childrenProps,\n        'data-state': context.isOpen ? 'open' : 'closed',\n        ref: mergedRefs,\n      }),\n    );\n  }\n  return (\n    <button\n      ref={context.refs.setReference}\n      type=\"button\"\n      data-state={context.isOpen ? 'open' : 'closed'}\n      {...context.getReferenceProps(props)}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype PopoverAnchorProps = {\n  children?: React.ReactNode;\n};\n\n/**\n * Use this to separate the anchor visually from the trigger.\n */\nconst PopoverAnchor = ({\n  children,\n  ref,\n  ...props\n}: CommonProps<'div', PopoverAnchorProps>) => {\n  const context = usePopoverContext();\n\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any)?.props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setPositionReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  if (React.isValidElement(children)) {\n    return React.cloneElement(children, {\n      ...props,\n      ...childrenProps,\n      ref: mergedRefs,\n    });\n  }\n\n  return (\n    <div ref={mergedRefs} {...props}>\n      {children}\n    </div>\n  );\n};\n\ntype PopoverContentProps = {\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nconst PopoverContent = <T extends React.ElementType = 'div'>({\n  as,\n  className,\n  style,\n  children,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, PopoverContentProps>) => {\n  const { context: floatingContext, ...context } = usePopoverContext();\n\n  const refs = useMergeRefs([context.refs.setFloating, ref]);\n\n  const { themeClassName } = useNeedleTheme();\n\n  const classes = classNames('ndl-popover', themeClassName, className);\n  const Component: React.ElementType = as ?? 'div';\n\n  // Patch to not get axe errors for the focus guards\n  // To be noted is that axe gives us a false positive error here since the focus guards directly pass focus to other elements\n  // https://github.com/floating-ui/floating-ui/issues/2462\n  usePatchFloatingFocusGuards();\n\n  if (!floatingContext.open) {\n    return null;\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => (\n        <FloatingPortal\n          root={\n            (context.hasAnchorElementAsPortalAnchor ?? false)\n              ? (context.refs.reference.current as HTMLElement | null)\n              : undefined\n          }\n        >\n          {wrapChildren}\n        </FloatingPortal>\n      )}\n    >\n      <FloatingFocusManager\n        context={floatingContext}\n        modal={context.shouldCaptureFocus}\n        initialFocus={context.initialFocus}\n        closeOnFocusOut={context.shouldCloseOnFocusOut}\n      >\n        <Component\n          className={classes}\n          style={{\n            ...context.floatingStyles,\n            ...context.transitionStyles,\n            ...style,\n          }}\n          ref={refs}\n          aria-labelledby={context.labelId}\n          aria-describedby={context.descriptionId}\n          {...context.getFloatingProps({ ...htmlAttributes })}\n          {...restProps}\n        >\n          {children}\n        </Component>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\nconst Popover = Object.assign(PopoverComponent, {\n  Anchor: PopoverAnchor,\n  Content: PopoverContent,\n  Trigger: PopoverTrigger,\n});\n\nexport { Popover };\n"]}

package/lib/cjs/popover/stories/popover-controlled.story.js

@@ -28,7 +28,7 @@ const Component = () => {
     const [isOpen, setIsOpen] = (0, react_2.useState)(false);
     return ((0, jsx_runtime_1.jsxs)(react_1.Popover, { isOpen: isOpen, onOpenChange: (open) => {
             setIsOpen(open);
-        }, children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsOpen((prev) => !prev), children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Popover content" })] }));
+        }, children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsOpen((prev) => !prev), children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "p-token-16", children: "Popover content" })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=popover-controlled.story.js.map

package/lib/cjs/popover/stories/popover-controlled.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-controlled.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-controlled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AACzD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,wBAAC,eAAO,IACN,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,aAED,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,6BAExC,GACC,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,CACX,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 { FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpenChange={(open) => {\n        setIsOpen(open);\n      }}\n    >\n      <Popover.Trigger hasButtonWrapper>\n        <FilledButton onClick={() => setIsOpen((prev) => !prev)}>\n          Open Popover\n        </FilledButton>\n      </Popover.Trigger>\n      <Popover.Content className=\"n-p-token-16\">\n        Popover content\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"popover-controlled.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-controlled.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AACzD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,wBAAC,eAAO,IACN,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC,aAED,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,6BAExC,GACC,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,YAAY,gCAAkC,IACjE,CACX,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 { FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <Popover\n      isOpen={isOpen}\n      onOpenChange={(open) => {\n        setIsOpen(open);\n      }}\n    >\n      <Popover.Trigger hasButtonWrapper>\n        <FilledButton onClick={() => setIsOpen((prev) => !prev)}>\n          Open Popover\n        </FilledButton>\n      </Popover.Trigger>\n      <Popover.Content className=\"p-token-16\">Popover content</Popover.Content>\n    </Popover>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/popover/stories/popover-custom-offset.story.js

@@ -58,7 +58,7 @@ const offsetTranslation = {
 };
 const Component = () => {
     const [selectedPosition, setSelectedPosition] = (0, react_2.useState)(offsetOptions[0].value);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-flex-col n-gap-token-32 n-items-center", children: [(0, jsx_runtime_1.jsxs)(react_1.Popover, { offset: offsetTranslation[selectedPosition], children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Popover content" })] }), (0, jsx_runtime_1.jsx)(react_1.Select, { type: "select", label: "Example positions", selectProps: {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col gap-token-32 items-center", children: [(0, jsx_runtime_1.jsxs)(react_1.Popover, { offset: offsetTranslation[selectedPosition], children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "p-token-16", children: "Popover content" })] }), (0, jsx_runtime_1.jsx)(react_1.Select, { type: "select", label: "Example positions", selectProps: {
                     defaultValue: offsetOptions[0],
                     onChange: (option) => {
                         if (option) {

package/lib/cjs/popover/stories/popover-custom-offset.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-custom-offset.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-custom-offset.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiE;AACjE,iCAAiC;AAEjC,MAAM,aAAa,GAAG;IACpB;QACE,KAAK,EAAE,gCAAgC;QACvC,KAAK,EAAE,gCAAgC;KACxC;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,KAAK,EAAE,yCAAyC;KACjD;IACD;QACE,KAAK,EAAE,2CAA2C;QAClD,KAAK,EAAE,2CAA2C;KACnD;IACD;QACE,KAAK,EAAE,kCAAkC;QACzC,KAAK,EAAE,kCAAkC;KAC1C;CACF,CAAC;AAEF,MAAM,iBAAiB,GAGnB;IACF,yCAAyC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACzD,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;KAClC,CAAC;IACF,gCAAgC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK;KACjC,CAAC;IACF,2CAA2C,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3D,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK;KACjC,CAAC;IACF,kCAAkC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAClD,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK;KAChC,CAAC;CACH,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EACtD,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CACvB,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,iDAAiD,aAC9D,wBAAC,eAAO,IAAC,MAAM,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,aAClD,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,+BAA4B,GACzB,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,EAEV,uBAAC,cAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAE;oBACX,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;oBAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;wBACnB,IAAI,MAAM,EAAE,CAAC;4BACX,mBAAmB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBACpC,CAAC;oBACH,CAAC;oBACD,OAAO,EAAE,aAAa;iBACvB,GACD,IACE,CACP,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 { FilledButton, Popover, Select } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst offsetOptions = [\n  {\n    label: 'crossAxis-anchor-element-width',\n    value: 'crossAxis-anchor-element-width',\n  },\n  {\n    label: 'crossAxis-anchor-element-negative-width',\n    value: 'crossAxis-anchor-element-negative-width',\n  },\n  {\n    label: 'crossAxis-floating-element-negative-width',\n    value: 'crossAxis-floating-element-negative-width',\n  },\n  {\n    label: 'crossAxis-floating-element-width',\n    value: 'crossAxis-floating-element-width',\n  },\n];\n\nconst offsetTranslation: Record<\n  string,\n  React.ComponentProps<typeof Popover>['offset']\n> = {\n  'crossAxis-anchor-element-negative-width': ({ rects }) => ({\n    crossAxis: -rects.reference.width,\n  }),\n  'crossAxis-anchor-element-width': ({ rects }) => ({\n    crossAxis: rects.reference.width,\n  }),\n  'crossAxis-floating-element-negative-width': ({ rects }) => ({\n    crossAxis: -rects.floating.width,\n  }),\n  'crossAxis-floating-element-width': ({ rects }) => ({\n    crossAxis: rects.floating.width,\n  }),\n};\n\nconst Component = () => {\n  const [selectedPosition, setSelectedPosition] = useState(\n    offsetOptions[0].value,\n  );\n\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-32 n-items-center\">\n      <Popover offset={offsetTranslation[selectedPosition]}>\n        <Popover.Trigger hasButtonWrapper>\n          <FilledButton>Open Popover</FilledButton>\n        </Popover.Trigger>\n        <Popover.Content className=\"n-p-token-16\">\n          Popover content\n        </Popover.Content>\n      </Popover>\n\n      <Select\n        type=\"select\"\n        label=\"Example positions\"\n        selectProps={{\n          defaultValue: offsetOptions[0],\n          onChange: (option) => {\n            if (option) {\n              setSelectedPosition(option.value);\n            }\n          },\n          options: offsetOptions,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"popover-custom-offset.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-custom-offset.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiE;AACjE,iCAAiC;AAEjC,MAAM,aAAa,GAAG;IACpB;QACE,KAAK,EAAE,gCAAgC;QACvC,KAAK,EAAE,gCAAgC;KACxC;IACD;QACE,KAAK,EAAE,yCAAyC;QAChD,KAAK,EAAE,yCAAyC;KACjD;IACD;QACE,KAAK,EAAE,2CAA2C;QAClD,KAAK,EAAE,2CAA2C;KACnD;IACD;QACE,KAAK,EAAE,kCAAkC;QACzC,KAAK,EAAE,kCAAkC;KAC1C;CACF,CAAC;AAEF,MAAM,iBAAiB,GAGnB;IACF,yCAAyC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QACzD,SAAS,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;KAClC,CAAC;IACF,gCAAgC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAChD,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK;KACjC,CAAC;IACF,2CAA2C,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAC3D,SAAS,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK;KACjC,CAAC;IACF,kCAAkC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;QAClD,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK;KAChC,CAAC;CACH,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EACtD,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CACvB,CAAC;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,yCAAyC,aACtD,wBAAC,eAAO,IAAC,MAAM,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,aAClD,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,+BAA4B,GACzB,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,YAAY,gCAErB,IACV,EAEV,uBAAC,cAAM,IACL,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAE;oBACX,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;oBAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;wBACnB,IAAI,MAAM,EAAE,CAAC;4BACX,mBAAmB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;wBACpC,CAAC;oBACH,CAAC;oBACD,OAAO,EAAE,aAAa;iBACvB,GACD,IACE,CACP,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 { FilledButton, Popover, Select } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst offsetOptions = [\n  {\n    label: 'crossAxis-anchor-element-width',\n    value: 'crossAxis-anchor-element-width',\n  },\n  {\n    label: 'crossAxis-anchor-element-negative-width',\n    value: 'crossAxis-anchor-element-negative-width',\n  },\n  {\n    label: 'crossAxis-floating-element-negative-width',\n    value: 'crossAxis-floating-element-negative-width',\n  },\n  {\n    label: 'crossAxis-floating-element-width',\n    value: 'crossAxis-floating-element-width',\n  },\n];\n\nconst offsetTranslation: Record<\n  string,\n  React.ComponentProps<typeof Popover>['offset']\n> = {\n  'crossAxis-anchor-element-negative-width': ({ rects }) => ({\n    crossAxis: -rects.reference.width,\n  }),\n  'crossAxis-anchor-element-width': ({ rects }) => ({\n    crossAxis: rects.reference.width,\n  }),\n  'crossAxis-floating-element-negative-width': ({ rects }) => ({\n    crossAxis: -rects.floating.width,\n  }),\n  'crossAxis-floating-element-width': ({ rects }) => ({\n    crossAxis: rects.floating.width,\n  }),\n};\n\nconst Component = () => {\n  const [selectedPosition, setSelectedPosition] = useState(\n    offsetOptions[0].value,\n  );\n\n  return (\n    <div className=\"flex flex-col gap-token-32 items-center\">\n      <Popover offset={offsetTranslation[selectedPosition]}>\n        <Popover.Trigger hasButtonWrapper>\n          <FilledButton>Open Popover</FilledButton>\n        </Popover.Trigger>\n        <Popover.Content className=\"p-token-16\">\n          Popover content\n        </Popover.Content>\n      </Popover>\n\n      <Select\n        type=\"select\"\n        label=\"Example positions\"\n        selectProps={{\n          defaultValue: offsetOptions[0],\n          onChange: (option) => {\n            if (option) {\n              setSelectedPosition(option.value);\n            }\n          },\n          options: offsetOptions,\n        }}\n      />\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/popover/stories/popover-default.story.js

@@ -24,7 +24,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsxs)(react_1.Popover, { children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Popover content" })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_1.Popover, { children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "p-token-16", children: "Popover content" })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=popover-default.story.js.map

package/lib/cjs/popover/stories/popover-default.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-default.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,eAAO,eACN,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,+BAA4B,GACzB,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,CACX,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 { FilledButton, Popover } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Popover>\n      <Popover.Trigger hasButtonWrapper>\n        <FilledButton>Open Popover</FilledButton>\n      </Popover.Trigger>\n      <Popover.Content className=\"n-p-token-16\">\n        Popover content\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"popover-default.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,eAAO,eACN,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,+BAA4B,GACzB,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,YAAY,gCAAkC,IACjE,CACX,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 { FilledButton, Popover } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Popover>\n      <Popover.Trigger hasButtonWrapper>\n        <FilledButton>Open Popover</FilledButton>\n      </Popover.Trigger>\n      <Popover.Content className=\"p-token-16\">Popover content</Popover.Content>\n    </Popover>\n  );\n};\n\nexport default Component;\n"]}

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

@@ -27,7 +27,7 @@ const react_2 = require("react");
 const Component = () => {
     const [isDialogOpen, setDialogOpen] = (0, react_2.useState)(false);
     const closeDialog = () => setDialogOpen(false);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "n-flex n-justify-center", children: [(0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setDialogOpen(true), children: "Open Dialog" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog, { isOpen: isDialogOpen, onClose: closeDialog, children: [(0, jsx_runtime_1.jsx)(react_1.Dialog.Header, { children: "Dialog" }), (0, jsx_runtime_1.jsx)(react_1.Dialog.Content, { children: (0, jsx_runtime_1.jsxs)(react_1.Popover, { children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { className: "n-mx-auto", children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Custom Popover content" })] }) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex justify-center", children: [(0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setDialogOpen(true), children: "Open Dialog" }), (0, jsx_runtime_1.jsxs)(react_1.Dialog, { isOpen: isDialogOpen, onClose: closeDialog, children: [(0, jsx_runtime_1.jsx)(react_1.Dialog.Header, { children: "Dialog" }), (0, jsx_runtime_1.jsx)(react_1.Dialog.Content, { children: (0, jsx_runtime_1.jsxs)(react_1.Popover, { children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { className: "mx-auto", children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "p-token-16", children: "Custom Popover content" })] }) })] })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=popover-in-dialog.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"popover-in-dialog.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-in-dialog.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiE;AACjE,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAO,CACL,iCAAK,SAAS,EAAC,yBAAyB,aACtC,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,4BAEjC,EACf,wBAAC,cAAM,IAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,aAChD,uBAAC,cAAM,CAAC,MAAM,yBAAuB,EACrC,uBAAC,cAAM,CAAC,OAAO,cACb,wBAAC,eAAO,eACN,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,IAAC,SAAS,EAAC,WAAW,6BAA4B,GAC/C,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,uCAEvB,IACV,GACK,IACV,IACL,CACP,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 { Dialog, FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isDialogOpen, setDialogOpen] = useState(false);\n  const closeDialog = () => setDialogOpen(false);\n  return (\n    <div className=\"n-flex n-justify-center\">\n      <FilledButton onClick={() => setDialogOpen(true)}>\n        Open Dialog\n      </FilledButton>\n      <Dialog isOpen={isDialogOpen} onClose={closeDialog}>\n        <Dialog.Header>Dialog</Dialog.Header>\n        <Dialog.Content>\n          <Popover>\n            <Popover.Trigger hasButtonWrapper>\n              <FilledButton className=\"n-mx-auto\">Open Popover</FilledButton>\n            </Popover.Trigger>\n            <Popover.Content className=\"n-p-token-16\">\n              Custom Popover content\n            </Popover.Content>\n          </Popover>\n        </Dialog.Content>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"popover-in-dialog.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-in-dialog.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAiE;AACjE,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,YAAY,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACtD,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC/C,OAAO,CACL,iCAAK,SAAS,EAAC,qBAAqB,aAClC,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,4BAEjC,EACf,wBAAC,cAAM,IAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,aAChD,uBAAC,cAAM,CAAC,MAAM,yBAAuB,EACrC,uBAAC,cAAM,CAAC,OAAO,cACb,wBAAC,eAAO,eACN,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,IAAC,SAAS,EAAC,SAAS,6BAA4B,GAC7C,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,YAAY,uCAErB,IACV,GACK,IACV,IACL,CACP,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 { Dialog, FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isDialogOpen, setDialogOpen] = useState(false);\n  const closeDialog = () => setDialogOpen(false);\n  return (\n    <div className=\"flex justify-center\">\n      <FilledButton onClick={() => setDialogOpen(true)}>\n        Open Dialog\n      </FilledButton>\n      <Dialog isOpen={isDialogOpen} onClose={closeDialog}>\n        <Dialog.Header>Dialog</Dialog.Header>\n        <Dialog.Content>\n          <Popover>\n            <Popover.Trigger hasButtonWrapper>\n              <FilledButton className=\"mx-auto\">Open Popover</FilledButton>\n            </Popover.Trigger>\n            <Popover.Content className=\"p-token-16\">\n              Custom Popover content\n            </Popover.Content>\n          </Popover>\n        </Dialog.Content>\n      </Dialog>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/popover/stories/popover-no-button-wrapper.story.js

@@ -24,7 +24,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("@neo4j-ndl/base/lib/neo4j-ds-styles.css");
 const react_1 = require("@neo4j-ndl/react");
 const Component = () => {
-    return ((0, jsx_runtime_1.jsxs)(react_1.Popover, { children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { children: (0, jsx_runtime_1.jsx)("div", { children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Popover content" })] }));
+    return ((0, jsx_runtime_1.jsxs)(react_1.Popover, { children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { children: (0, jsx_runtime_1.jsx)("div", { children: "Open Popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "p-token-16", children: "Popover content" })] }));
 };
 exports.default = Component;
 //# sourceMappingURL=popover-no-button-wrapper.story.js.map

package/lib/cjs/popover/stories/popover-no-button-wrapper.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-no-button-wrapper.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-no-button-wrapper.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA2C;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,eAAO,eACN,uBAAC,eAAO,CAAC,OAAO,cACd,2DAAuB,GACP,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,CACX,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 { Popover } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Popover>\n      <Popover.Trigger>\n        <div>Open Popover</div>\n      </Popover.Trigger>\n      <Popover.Content className=\"n-p-token-16\">\n        Popover content\n      </Popover.Content>\n    </Popover>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"popover-no-button-wrapper.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-no-button-wrapper.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAA2C;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,wBAAC,eAAO,eACN,uBAAC,eAAO,CAAC,OAAO,cACd,2DAAuB,GACP,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,YAAY,gCAAkC,IACjE,CACX,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 { Popover } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Popover>\n      <Popover.Trigger>\n        <div>Open Popover</div>\n      </Popover.Trigger>\n      <Popover.Content className=\"p-token-16\">Popover content</Popover.Content>\n    </Popover>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/popover/stories/popover-separate-anchor.story.js

@@ -26,7 +26,7 @@ const react_1 = require("@neo4j-ndl/react");
 const react_2 = require("react");
 const Component = () => {
     const [isOpen, setIsOpen] = (0, react_2.useState)(false);
-    return ((0, jsx_runtime_1.jsx)("div", { className: "n-flex n-justify-between n-w-full", children: (0, jsx_runtime_1.jsxs)(react_1.Popover, { isOpen: isOpen, onOpenChange: (open) => setIsOpen(open), children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Anchor, { children: (0, jsx_runtime_1.jsx)("div", { children: "Anchor Element" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsOpen(true), children: "Click to open popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "n-p-token-16", children: "Popover content" })] }) }));
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-between w-full", children: (0, jsx_runtime_1.jsxs)(react_1.Popover, { isOpen: isOpen, onOpenChange: (open) => setIsOpen(open), children: [(0, jsx_runtime_1.jsx)(react_1.Popover.Anchor, { children: (0, jsx_runtime_1.jsx)("div", { children: "Anchor Element" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Trigger, { hasButtonWrapper: true, children: (0, jsx_runtime_1.jsx)(react_1.FilledButton, { onClick: () => setIsOpen(true), children: "Click to open popover" }) }), (0, jsx_runtime_1.jsx)(react_1.Popover.Content, { className: "p-token-16", children: "Popover content" })] }) }));
 };
 exports.default = Component;
 //# sourceMappingURL=popover-separate-anchor.story.js.map

package/lib/cjs/popover/stories/popover-separate-anchor.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover-separate-anchor.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-separate-anchor.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AACzD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,gCAAK,SAAS,EAAC,mCAAmC,YAChD,wBAAC,eAAO,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAC9D,uBAAC,eAAO,CAAC,MAAM,cACb,6DAAyB,GACV,EACjB,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,sCAE7B,GACC,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,cAAc,gCAEvB,IACV,GACN,CACP,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 { FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <div className=\"n-flex n-justify-between n-w-full\">\n      <Popover isOpen={isOpen} onOpenChange={(open) => setIsOpen(open)}>\n        <Popover.Anchor>\n          <div>Anchor Element</div>\n        </Popover.Anchor>\n        <Popover.Trigger hasButtonWrapper>\n          <FilledButton onClick={() => setIsOpen(true)}>\n            Click to open popover\n          </FilledButton>\n        </Popover.Trigger>\n        <Popover.Content className=\"n-p-token-16\">\n          Popover content\n        </Popover.Content>\n      </Popover>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"popover-separate-anchor.story.js","sourceRoot":"","sources":["../../../../src/popover/stories/popover-separate-anchor.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAyD;AACzD,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,gCAAK,SAAS,EAAC,6BAA6B,YAC1C,wBAAC,eAAO,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,aAC9D,uBAAC,eAAO,CAAC,MAAM,cACb,6DAAyB,GACV,EACjB,uBAAC,eAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,uBAAC,oBAAY,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,sCAE7B,GACC,EAClB,uBAAC,eAAO,CAAC,OAAO,IAAC,SAAS,EAAC,YAAY,gCAErB,IACV,GACN,CACP,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 { FilledButton, Popover } from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isOpen, setIsOpen] = useState(false);\n  return (\n    <div className=\"flex justify-between w-full\">\n      <Popover isOpen={isOpen} onOpenChange={(open) => setIsOpen(open)}>\n        <Popover.Anchor>\n          <div>Anchor Element</div>\n        </Popover.Anchor>\n        <Popover.Trigger hasButtonWrapper>\n          <FilledButton onClick={() => setIsOpen(true)}>\n            Click to open popover\n          </FilledButton>\n        </Popover.Trigger>\n        <Popover.Content className=\"p-token-16\">\n          Popover content\n        </Popover.Content>\n      </Popover>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

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

@@ -24,7 +24,7 @@ exports.usePopover = usePopover;
 const react_1 = require("@floating-ui/react");
 const base_1 = require("@neo4j-ndl/base");
 const react_2 = require("react");
-function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption = 10, anchorElement, anchorPosition, anchorElementAsPortalAnchor, shouldCaptureFocus, initialFocus, role: roleProp, closeOnClickOutside, closeOnReferencePress, shouldCloseOnFocusOut, returnFocus, strategy = 'absolute', isPortaled = true, shouldConstrainSize = false, } = {}) {
+function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: controlledOpen, onOpenChange: setControlledOpen, offsetOption = 10, anchorElement, anchorPosition, hasAnchorElementAsPortalAnchor, shouldCaptureFocus, initialFocus, role: roleProp, shouldCloseOnClickOutside, shouldCloseOnReferencePress, shouldCloseOnFocusOut, returnFocus, strategy = 'absolute', isPortaled = true, shouldConstrainSize = false, } = {}) {
     var _a;
     // Internal state for uncontrolled mode (no `isOpen` prop provided).
     const [isOpenUncontrolled, setIsOpenUncontrolled] = (0, react_2.useState)(isInitialOpen);
@@ -78,12 +78,10 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
         enabled: controlledOpen === undefined,
     });
     const dismiss = (0, react_1.useDismiss)(context, {
-        outsidePress: closeOnClickOutside,
-        referencePress: closeOnReferencePress,
-    });
-    const role = (0, react_1.useRole)(context, {
-        role: roleProp,
+        outsidePress: shouldCloseOnClickOutside,
+        referencePress: shouldCloseOnReferencePress,
     });
+    const role = (0, react_1.useRole)(context, { role: roleProp });
     const clientPoint = (0, react_1.useClientPoint)(context, {
         enabled: anchorPosition !== undefined,
         // oxlint-disable-next-line id-length
@@ -95,8 +93,8 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
     const { styles: transitionStyles } = (0, react_1.useTransitionStyles)(context, {
         duration: (_a = Number.parseInt(base_1.tokens.motion.duration.quick)) !== null && _a !== void 0 ? _a : 0,
     });
-    return (0, react_2.useMemo)(() => (Object.assign(Object.assign(Object.assign({}, data), interactions), { anchorElementAsPortalAnchor,
-        descriptionId,
+    return (0, react_2.useMemo)(() => (Object.assign(Object.assign(Object.assign({}, data), interactions), { descriptionId,
+        hasAnchorElementAsPortalAnchor,
         initialFocus,
         isOpen,
         isPortaled,
@@ -113,7 +111,7 @@ function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen: contr
         transitionStyles,
         labelId,
         descriptionId,
-        anchorElementAsPortalAnchor,
+        hasAnchorElementAsPortalAnchor,
         shouldCaptureFocus,
         shouldCloseOnFocusOut,
         initialFocus,