@neo4j-ndl/react 4.9.32 → 4.9.34

package/lib/cjs/tree-view/TreeViewItem.js

@@ -75,7 +75,7 @@ const SortableTreeViewItemNotMemoized = function SortableTreeViewItem(_a) {
     var { id, depth, isLast, TreeItemComponent, parent, shouldDisableSorting, 
     // need to destruct to avoid passing it to the component
     // oxlint-disable-next-line no-unused-vars
-    sortableProps, keepGhostInPlace, item, onCollapse, trails, onItemsChanged, items, tabIndex, onFocus } = _a, restProps = __rest(_a, ["id", "depth", "isLast", "TreeItemComponent", "parent", "shouldDisableSorting", "sortableProps", "keepGhostInPlace", "item", "onCollapse", "trails", "onItemsChanged", "items", "tabIndex", "onFocus"]);
+    sortableProps, keepGhostInPlace, item, onCollapse, trails, onItemsChanged, items, ariaLevel, ariaPosInSet, ariaSetSize, tabIndex, onFocus } = _a, restProps = __rest(_a, ["id", "depth", "isLast", "TreeItemComponent", "parent", "shouldDisableSorting", "sortableProps", "keepGhostInPlace", "item", "onCollapse", "trails", "onItemsChanged", "items", "ariaLevel", "ariaPosInSet", "ariaSetSize", "tabIndex", "onFocus"]);
     const { attributes, listeners, setNodeRef, transform, setActivatorNodeRef, transition, isDragging, isSorting, isOver, } = (0, sortable_1.useSortable)({
         animateLayoutChanges,
         id: id,
@@ -94,7 +94,7 @@ const SortableTreeViewItemNotMemoized = function SortableTreeViewItem(_a) {
         }
         return () => onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(item.id);
     }, [item.id, onCollapse]);
-    return ((0, jsx_runtime_1.jsx)(TreeItemComponent, Object.assign({ item: item, isOverParent: false }, restProps, { setActivatorNodeRef: setActivatorNodeRef, setNodeRef: setNodeRef, style: style, depth: depth, isGhost: keepGhostInPlace, shouldDisableInteraction: isSorting, isLastInParent: isLast, parent: parent, dragHandleProps: Object.assign(Object.assign({}, attributes), listeners), isIndicator: isDragging, onCollapse: localCollapse, onItemsChanged: onItemsChanged, items: items, shouldDisableSorting: shouldDisableSorting, isOver: isOver, trails: trails, tabIndex: tabIndex, onFocus: onFocus })));
+    return ((0, jsx_runtime_1.jsx)(TreeItemComponent, Object.assign({ item: item, isOverParent: false }, restProps, { setActivatorNodeRef: setActivatorNodeRef, setNodeRef: setNodeRef, style: style, depth: depth, isGhost: keepGhostInPlace, shouldDisableInteraction: isSorting, isLastInParent: isLast, parent: parent, dragHandleProps: Object.assign(Object.assign({}, attributes), listeners), isIndicator: isDragging, onCollapse: localCollapse, onItemsChanged: onItemsChanged, items: items, ariaLevel: ariaLevel, ariaPosInSet: ariaPosInSet, ariaSetSize: ariaSetSize, shouldDisableSorting: shouldDisableSorting, isOver: isOver, trails: trails, tabIndex: tabIndex, onFocus: onFocus })));
 };
 exports.SortableTreeViewItem = react_1.default.memo(SortableTreeViewItemNotMemoized);
 //# sourceMappingURL=TreeViewItem.js.map

package/lib/cjs/tree-view/TreeViewItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeViewItem.js","sourceRoot":"","sources":["../../../src/tree-view/TreeViewItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,gDAI2B;AAC3B,+CAA2D;AAO3D,uDAAsD;AA+BtD,MAAM,oBAAoB,GAAyB,CAAC,EAClD,SAAS,EACT,UAAU,GACX,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AA6B/C,MAAM,+BAA+B,GAAG,SAAS,oBAAoB,CAGnE,EAmB4B;QAnB5B,EACA,EAAE,EACF,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,MAAM,EACN,oBAAoB;IACpB,wDAAwD;IACxD,0CAA0C;IAC1C,aAAa,EACb,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,MAAM,EACN,cAAc,EACd,KAAK,EACL,QAAQ,EACR,OAAO,OAEqB,EADzB,SAAS,cAlBZ,uMAmBD,CADa;IAEZ,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,SAAS,EACT,MAAM,GACP,GAAG,IAAA,sBAAW,EAAC;QACd,oBAAoB;QACpB,EAAE,EAAE,EAAE;QACN,UAAU,EAAE;YACV,QAAQ,EAAE,GAAG,EAAE,eAAe;YAC9B,MAAM,EAAE,+BAA+B;SACxC;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,IAAA,mCAAiB,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS;QAC/D,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,SAAS;KACpC,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,GAAG,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,uBAAC,iBAAiB,kBAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,KAAK,IACf,SAAS,IACb,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,gBAAgB,EACzB,wBAAwB,EAAE,SAAS,EACnC,cAAc,EAAE,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,eAAe,kCACV,UAAU,GACV,SAAS,GAEd,WAAW,EAAE,UAAU,EACvB,UAAU,EAAE,aAAa,EACzB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,oBAAoB,GAAG,eAAK,CAAC,IAAI,CAC5C,+BAA+B,CACU,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type UniqueIdentifier } from '@dnd-kit/core';\nimport {\n  type AnimateLayoutChanges,\n  useSortable,\n  type UseSortableArguments,\n} from '@dnd-kit/sortable';\nimport React, { type CSSProperties, useMemo } from 'react';\n\nimport {\n  type FlattenedTreeItem,\n  type ItemChangedReason,\n  type TreeItemComponent,\n} from './tree-view-types';\nimport { transformToString } from './tree-view-utils';\n\nexport interface TreeItemProps<T> {\n  /** Number of child items */\n  childCount?: number;\n  /** Whether this is a clone item */\n  clone?: boolean;\n  /** Whether the item is collapsed */\n  collapsed?: boolean;\n  /** Depth of the item in the tree */\n  depth: number;\n  /** Whether interaction should be disabled */\n  shouldDisableInteraction?: boolean;\n  /** Whether this is an indicator item */\n  indicator?: boolean;\n  /** Width of the indentation */\n  indentationWidth: number;\n  /** The tree item data */\n  item: FlattenedTreeItem<T>;\n  /** Whether this is the last item in its parent */\n  isLast: boolean;\n  /** Parent item of this item */\n  parent: FlattenedTreeItem<T> | null;\n  /** Function to call when item is collapsed */\n  onCollapse?(id: UniqueIdentifier): void;\n  /** Function to call when item is removed */\n  onRemove?(id: UniqueIdentifier): void;\n  /** Function to set the wrapper ref */\n  wrapperRef?(node: HTMLLIElement): void;\n}\n\nconst animateLayoutChanges: AnimateLayoutChanges = ({\n  isSorting,\n  isDragging,\n}) => (isSorting || isDragging ? false : true);\n\ntype SortableTreeItemProps<\n  T extends Record<string, unknown>,\n  E extends HTMLElement,\n> = TreeItemProps<T> & {\n  id: UniqueIdentifier;\n  /** The component to use for rendering the tree item */\n  TreeItemComponent: TreeItemComponent<T, E>;\n  /** Whether sorting should be disabled for this item */\n  shouldDisableSorting?: boolean;\n  /** Props for the sortable functionality */\n  sortableProps?: Omit<UseSortableArguments, 'id'>;\n  /** Whether to keep the ghost item in place while dragging */\n  keepGhostInPlace?: boolean;\n  /** A list of trails to render before the item */\n  trails: ('none' | 'straight' | 'straight-curved' | 'curved')[];\n  /** Function to call when the item has changed */\n  onItemsChanged: (\n    newItems: FlattenedTreeItem<T>[],\n    itemChangedReason: ItemChangedReason<T>,\n  ) => void;\n  /** All items in the tree */\n  items: FlattenedTreeItem<T>[];\n  tabIndex?: number;\n  /** Function to call when the item receives focus */\n  onFocus?: () => void;\n};\n\nconst SortableTreeViewItemNotMemoized = function SortableTreeViewItem<\n  T extends Record<string, unknown>,\n  E extends HTMLElement,\n>({\n  id,\n  depth,\n  isLast,\n  TreeItemComponent,\n  parent,\n  shouldDisableSorting,\n  // need to destruct to avoid passing it to the component\n  // oxlint-disable-next-line no-unused-vars\n  sortableProps,\n  keepGhostInPlace,\n  item,\n  onCollapse,\n  trails,\n  onItemsChanged,\n  items,\n  tabIndex,\n  onFocus,\n  ...restProps\n}: SortableTreeItemProps<T, E>) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    setActivatorNodeRef,\n    transition,\n    isDragging,\n    isSorting,\n    isOver,\n  } = useSortable({\n    animateLayoutChanges,\n    id: id,\n    transition: {\n      duration: 150, // milliseconds\n      easing: 'cubic-bezier(0.25, 1, 0.5, 1)',\n    },\n  });\n\n  const style: CSSProperties = {\n    transform: transform ? transformToString(transform) : undefined,\n    transition: transition ?? undefined,\n  };\n  const localCollapse = useMemo(() => {\n    if (!onCollapse) {\n      return undefined;\n    }\n    return () => onCollapse?.(item.id);\n  }, [item.id, onCollapse]);\n\n  return (\n    <TreeItemComponent\n      item={item}\n      isOverParent={false}\n      {...restProps}\n      setActivatorNodeRef={setActivatorNodeRef}\n      setNodeRef={setNodeRef}\n      style={style}\n      depth={depth}\n      isGhost={keepGhostInPlace}\n      shouldDisableInteraction={isSorting}\n      isLastInParent={isLast}\n      parent={parent}\n      dragHandleProps={{\n        ...attributes,\n        ...listeners,\n      }}\n      isIndicator={isDragging}\n      onCollapse={localCollapse}\n      onItemsChanged={onItemsChanged}\n      items={items}\n      shouldDisableSorting={shouldDisableSorting}\n      isOver={isOver}\n      trails={trails}\n      tabIndex={tabIndex}\n      onFocus={onFocus}\n    />\n  );\n};\n\nexport const SortableTreeViewItem = React.memo(\n  SortableTreeViewItemNotMemoized,\n) as typeof SortableTreeViewItemNotMemoized;\n"]}
+{"version":3,"file":"TreeViewItem.js","sourceRoot":"","sources":["../../../src/tree-view/TreeViewItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,gDAI2B;AAC3B,+CAA2D;AAO3D,uDAAsD;AA+BtD,MAAM,oBAAoB,GAAyB,CAAC,EAClD,SAAS,EACT,UAAU,GACX,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;AAgC/C,MAAM,+BAA+B,GAAG,SAAS,oBAAoB,CAGnE,EAsB4B;QAtB5B,EACA,EAAE,EACF,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,MAAM,EACN,oBAAoB;IACpB,wDAAwD;IACxD,0CAA0C;IAC1C,aAAa,EACb,gBAAgB,EAChB,IAAI,EACJ,UAAU,EACV,MAAM,EACN,cAAc,EACd,KAAK,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,OAAO,OAEqB,EADzB,SAAS,cArBZ,mPAsBD,CADa;IAEZ,MAAM,EACJ,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,UAAU,EACV,UAAU,EACV,SAAS,EACT,MAAM,GACP,GAAG,IAAA,sBAAW,EAAC;QACd,oBAAoB;QACpB,EAAE,EAAE,EAAE;QACN,UAAU,EAAE;YACV,QAAQ,EAAE,GAAG,EAAE,eAAe;YAC9B,MAAM,EAAE,+BAA+B;SACxC;KACF,CAAC,CAAC;IAEH,MAAM,KAAK,GAAkB;QAC3B,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,IAAA,mCAAiB,EAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS;QAC/D,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,SAAS;KACpC,CAAC;IACF,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,GAAG,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,uBAAC,iBAAiB,kBAChB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,KAAK,IACf,SAAS,IACb,mBAAmB,EAAE,mBAAmB,EACxC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,gBAAgB,EACzB,wBAAwB,EAAE,SAAS,EACnC,cAAc,EAAE,MAAM,EACtB,MAAM,EAAE,MAAM,EACd,eAAe,kCACV,UAAU,GACV,SAAS,GAEd,WAAW,EAAE,UAAU,EACvB,UAAU,EAAE,aAAa,EACzB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,oBAAoB,GAAG,eAAK,CAAC,IAAI,CAC5C,+BAA+B,CACU,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { type UniqueIdentifier } from '@dnd-kit/core';\nimport {\n  type AnimateLayoutChanges,\n  useSortable,\n  type UseSortableArguments,\n} from '@dnd-kit/sortable';\nimport React, { type CSSProperties, useMemo } from 'react';\n\nimport {\n  type FlattenedTreeItem,\n  type ItemChangedReason,\n  type TreeItemComponent,\n} from './tree-view-types';\nimport { transformToString } from './tree-view-utils';\n\nexport interface TreeItemProps<T> {\n  /** Number of child items */\n  childCount?: number;\n  /** Whether this is a clone item */\n  clone?: boolean;\n  /** Whether the item is collapsed */\n  collapsed?: boolean;\n  /** Depth of the item in the tree */\n  depth: number;\n  /** Whether interaction should be disabled */\n  shouldDisableInteraction?: boolean;\n  /** Whether this is an indicator item */\n  indicator?: boolean;\n  /** Width of the indentation */\n  indentationWidth: number;\n  /** The tree item data */\n  item: FlattenedTreeItem<T>;\n  /** Whether this is the last item in its parent */\n  isLast: boolean;\n  /** Parent item of this item */\n  parent: FlattenedTreeItem<T> | null;\n  /** Function to call when item is collapsed */\n  onCollapse?(id: UniqueIdentifier): void;\n  /** Function to call when item is removed */\n  onRemove?(id: UniqueIdentifier): void;\n  /** Function to set the wrapper ref */\n  wrapperRef?(node: HTMLLIElement): void;\n}\n\nconst animateLayoutChanges: AnimateLayoutChanges = ({\n  isSorting,\n  isDragging,\n}) => (isSorting || isDragging ? false : true);\n\ntype SortableTreeItemProps<\n  T extends Record<string, unknown>,\n  E extends HTMLElement,\n> = TreeItemProps<T> & {\n  id: UniqueIdentifier;\n  /** The component to use for rendering the tree item */\n  TreeItemComponent: TreeItemComponent<T, E>;\n  /** Whether sorting should be disabled for this item */\n  shouldDisableSorting?: boolean;\n  /** Props for the sortable functionality */\n  sortableProps?: Omit<UseSortableArguments, 'id'>;\n  /** Whether to keep the ghost item in place while dragging */\n  keepGhostInPlace?: boolean;\n  /** A list of trails to render before the item */\n  trails: ('none' | 'straight' | 'straight-curved' | 'curved')[];\n  /** Function to call when the item has changed */\n  onItemsChanged: (\n    newItems: FlattenedTreeItem<T>[],\n    itemChangedReason: ItemChangedReason<T>,\n  ) => void;\n  /** All items in the tree */\n  items: FlattenedTreeItem<T>[];\n  ariaLevel?: number;\n  ariaPosInSet?: number;\n  ariaSetSize?: number;\n  tabIndex?: number;\n  /** Function to call when the item receives focus */\n  onFocus?: () => void;\n};\n\nconst SortableTreeViewItemNotMemoized = function SortableTreeViewItem<\n  T extends Record<string, unknown>,\n  E extends HTMLElement,\n>({\n  id,\n  depth,\n  isLast,\n  TreeItemComponent,\n  parent,\n  shouldDisableSorting,\n  // need to destruct to avoid passing it to the component\n  // oxlint-disable-next-line no-unused-vars\n  sortableProps,\n  keepGhostInPlace,\n  item,\n  onCollapse,\n  trails,\n  onItemsChanged,\n  items,\n  ariaLevel,\n  ariaPosInSet,\n  ariaSetSize,\n  tabIndex,\n  onFocus,\n  ...restProps\n}: SortableTreeItemProps<T, E>) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    setActivatorNodeRef,\n    transition,\n    isDragging,\n    isSorting,\n    isOver,\n  } = useSortable({\n    animateLayoutChanges,\n    id: id,\n    transition: {\n      duration: 150, // milliseconds\n      easing: 'cubic-bezier(0.25, 1, 0.5, 1)',\n    },\n  });\n\n  const style: CSSProperties = {\n    transform: transform ? transformToString(transform) : undefined,\n    transition: transition ?? undefined,\n  };\n  const localCollapse = useMemo(() => {\n    if (!onCollapse) {\n      return undefined;\n    }\n    return () => onCollapse?.(item.id);\n  }, [item.id, onCollapse]);\n\n  return (\n    <TreeItemComponent\n      item={item}\n      isOverParent={false}\n      {...restProps}\n      setActivatorNodeRef={setActivatorNodeRef}\n      setNodeRef={setNodeRef}\n      style={style}\n      depth={depth}\n      isGhost={keepGhostInPlace}\n      shouldDisableInteraction={isSorting}\n      isLastInParent={isLast}\n      parent={parent}\n      dragHandleProps={{\n        ...attributes,\n        ...listeners,\n      }}\n      isIndicator={isDragging}\n      onCollapse={localCollapse}\n      onItemsChanged={onItemsChanged}\n      items={items}\n      ariaLevel={ariaLevel}\n      ariaPosInSet={ariaPosInSet}\n      ariaSetSize={ariaSetSize}\n      shouldDisableSorting={shouldDisableSorting}\n      isOver={isOver}\n      trails={trails}\n      tabIndex={tabIndex}\n      onFocus={onFocus}\n    />\n  );\n};\n\nexport const SortableTreeViewItem = React.memo(\n  SortableTreeViewItemNotMemoized,\n) as typeof SortableTreeViewItemNotMemoized;\n"]}

package/lib/cjs/tree-view/TreeViewTextItem.js

@@ -81,7 +81,7 @@ const TreeViewTextItem = (_a) => {
         : false;
     return ((0, jsx_runtime_1.jsxs)(TreeItemWrapper_1.TreeItemWrapper, Object.assign({ depth: depth, shouldDisableInteraction: shouldDisableInteraction, shouldDisableSorting: shouldDisableSorting, isGhost: isGhost, indentationWidth: indentationWidth, isIndicator: isIndicator, isCollapsed: isCollapsed, onCollapse: onCollapse, item: item, parent: parent, isOver: isOver, isOverParent: isOverParent, setNodeRef: setNodeRef, setActivatorNodeRef: setActivatorNodeRef, dragHandleProps: dragHandleProps, style: style, trails: trails, 
         // oxlint-disable-next-line @typescript-eslint/no-empty-function
-        onItemsChanged: () => { }, ref: ref, items: items, tabIndex: tabIndex }, restProps, { children: [item.canHaveSubItems && onCollapse && ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: "ndl-tree-view-collapse-button", onClick: () => onCollapse(), "aria-label": item.isCollapsed ? 'Expand' : 'Collapse', "aria-expanded": item.isCollapsed ? 'false' : 'true', "aria-pressed": !item.isCollapsed, 
+        onItemsChanged: () => { }, ref: ref, items: items, tabIndex: tabIndex }, restProps, { children: [item.canHaveSubItems && onCollapse && ((0, jsx_runtime_1.jsxs)("button", { type: "button", className: "ndl-tree-view-collapse-button", onClick: () => onCollapse(), "aria-label": item.isCollapsed ? 'Expand' : 'Collapse', "aria-expanded": item.isCollapsed ? 'false' : 'true', 
                 /**
                  * Tab index is set to -1 to prevent the item from being focused when the tree is navigated with tab
                  * since we use the arrow keys instead

package/lib/cjs/tree-view/TreeViewTextItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeViewTextItem.js","sourceRoot":"","sources":["../../../src/tree-view/TreeViewTextItem.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 type React from 'react';\n\nimport { Checkbox } from '../checkbox';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { ChevronDownIconOutline, ChevronRightIconOutline } from '../icons';\nimport { Skeleton } from '../skeleton';\nimport { Typography } from '../typography';\nimport {\n  type FlattenedTreeItem,\n  type TextItemData,\n  type TreeItemComponentProps,\n} from './tree-view-types';\nimport { TreeItemWrapper } from './TreeItemWrapper';\n\n/**\n * checks if any parent is checked\n * @param item\n * @param items\n * @returns\n */\nconst parentIsCheckedRecursively = (\n  item: FlattenedTreeItem<TextItemData>,\n  items: FlattenedTreeItem<TextItemData>[],\n): boolean => {\n  const parent = items.find((i) => i.id === item.parentId);\n  if (parent) {\n    if (parent.isSelected) {\n      return true;\n    }\n    return parentIsCheckedRecursively(parent, items);\n  }\n  return false;\n};\n\n/**\n * checks if any children are checked\n * @param item\n * @param items\n * @returns\n */\nconst childrenCheckedRecursively = (\n  item: FlattenedTreeItem<TextItemData>,\n  items: FlattenedTreeItem<TextItemData>[],\n): boolean => {\n  const children = items.filter((i) => i.parentId === item.id);\n  if (children.length === 0) {\n    return false;\n  }\n  return children.some(\n    (i) => i.isSelected || childrenCheckedRecursively(i, items),\n  );\n};\n\nexport const TreeViewTextItem = <T extends TextItemData>({\n  depth,\n  shouldDisableInteraction,\n  shouldDisableSorting,\n  isGhost,\n  indentationWidth,\n  isIndicator,\n  isCollapsed,\n  onCollapse,\n  item,\n  parent,\n  isOver,\n  isOverParent,\n  setNodeRef,\n  setActivatorNodeRef,\n  dragHandleProps,\n  style,\n  trails,\n  onItemsChanged,\n  items,\n  tabIndex,\n  ref,\n  ...restProps\n}: TreeItemComponentProps<T> & { ref?: React.Ref<HTMLElement> }) => {\n  const isAnyParentChecked = parentIsCheckedRecursively(item, items);\n  const isAnyChildChecked = childrenCheckedRecursively(item, items);\n\n  const isIndeterminate =\n    isAnyChildChecked === true &&\n    isAnyParentChecked === false &&\n    item.isSelected === false\n      ? true\n      : false;\n\n  return (\n    <TreeItemWrapper\n      depth={depth}\n      shouldDisableInteraction={shouldDisableInteraction}\n      shouldDisableSorting={shouldDisableSorting}\n      isGhost={isGhost}\n      indentationWidth={indentationWidth}\n      isIndicator={isIndicator}\n      isCollapsed={isCollapsed}\n      onCollapse={onCollapse}\n      item={item}\n      parent={parent}\n      isOver={isOver}\n      isOverParent={isOverParent}\n      setNodeRef={setNodeRef}\n      setActivatorNodeRef={setActivatorNodeRef}\n      dragHandleProps={dragHandleProps}\n      style={style}\n      trails={trails}\n      // oxlint-disable-next-line @typescript-eslint/no-empty-function\n      onItemsChanged={() => {}}\n      ref={ref}\n      items={items}\n      tabIndex={tabIndex}\n      {...restProps}\n    >\n      {item.canHaveSubItems && onCollapse && (\n        <button\n          type=\"button\"\n          className=\"ndl-tree-view-collapse-button\"\n          onClick={() => onCollapse()}\n          aria-label={item.isCollapsed ? 'Expand' : 'Collapse'}\n          aria-expanded={item.isCollapsed ? 'false' : 'true'}\n          aria-pressed={!item.isCollapsed}\n          /**\n           * Tab index is set to -1 to prevent the item from being focused when the tree is navigated with tab\n           * since we use the arrow keys instead\n           */\n          tabIndex={tabIndex}\n        >\n          {item.isCollapsed && <ChevronRightIconOutline className=\"ndl-icon\" />}\n          {!item.isCollapsed && <ChevronDownIconOutline className=\"ndl-icon\" />}\n        </button>\n      )}\n      {item.isSelected !== undefined && (\n        <Skeleton\n          onBackground=\"weak\"\n          shape=\"rectangular\"\n          {...item.skeletonProps}\n          isLoading={item.isSkeletonLoading}\n        >\n          <Checkbox\n            isIndeterminate={isIndeterminate}\n            isChecked={item.isSelected}\n            ariaLabel={item.data.text}\n            htmlAttributes={{\n              tabIndex,\n            }}\n            onChange={(event) => {\n              const newItems = items.map((i) => {\n                if (i.id === item.id) {\n                  return {\n                    ...i,\n                    isSelected: event.target.checked,\n                  };\n                }\n                return i;\n              });\n\n              // Uncheck parents if a child is unchecked\n              if (!event.target.checked) {\n                let parentId = item.parentId;\n                while (parentId !== null) {\n                  const parent = newItems.find(\n                    (newItem) => newItem.id === parentId,\n                  );\n                  if (parent) {\n                    newItems.forEach((newItem) => {\n                      if (newItem.id === parent.id) {\n                        newItem.isSelected = false;\n                      }\n                    });\n                    parentId = parent.parentId;\n                  } else {\n                    parentId = null;\n                  }\n                }\n              }\n              // Check children if a parent is checked\n              if (item.canHaveSubItems) {\n                const childIdsToUncheck = items\n                  .filter((i) => i.parentId === item.id)\n                  .map((i) => i.id);\n                while (childIdsToUncheck.length > 0) {\n                  const childId = childIdsToUncheck.pop();\n                  const child = items.find((i) => i.id === childId);\n                  if (child) {\n                    newItems.forEach((newItem) => {\n                      if (newItem.id === child.id) {\n                        newItem.isSelected = event.target.checked;\n                      }\n                    });\n                    newItems\n                      .filter((i) => i.parentId === child.id)\n                      .forEach((i) => {\n                        childIdsToUncheck.push(i.id);\n                      });\n                  }\n                }\n              }\n              onItemsChanged(newItems, { item, reason: 'selected' });\n            }}\n            aria-label={item.data.text}\n          />\n        </Skeleton>\n      )}\n\n      <Skeleton\n        onBackground=\"weak\"\n        shape=\"rectangular\"\n        height=\"20px\"\n        {...item.skeletonProps}\n        isLoading={item.isSkeletonLoading}\n      >\n        <ConditionalWrap\n          shouldWrap={item.data.onTextClick !== undefined}\n          wrap={(children) => (\n            <button\n              type=\"button\"\n              onClick={item.data.onTextClick}\n              className=\"ndl-tree-view-text-clickable\"\n              tabIndex={tabIndex}\n            >\n              {children}\n            </button>\n          )}\n        >\n          <Typography\n            variant={item.canHaveSubItems ? 'subheading-small' : 'body-medium'}\n            htmlAttributes={{\n              style: {\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                whiteSpace: 'nowrap',\n              },\n            }}\n          >\n            {item.data.text}\n          </Typography>\n        </ConditionalWrap>\n      </Skeleton>\n      <div className=\"ndl-tree-view-actions\">\n        {item.data.actions &&\n          item.data.actions.map((action, index) => {\n            return (\n              <CleanIconButton\n                key={index}\n                className=\"ndl-tree-view-action\"\n                size=\"small\"\n                {...action.buttonProps}\n                htmlAttributes={{\n                  tabIndex,\n                  ...action.buttonProps.htmlAttributes,\n                }}\n              >\n                {action.icon}\n              </CleanIconButton>\n            );\n          })}\n      </div>\n    </TreeItemWrapper>\n  );\n};\n"]}
+{"version":3,"file":"TreeViewTextItem.js","sourceRoot":"","sources":["../../../src/tree-view/TreeViewTextItem.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 type React from 'react';\n\nimport { Checkbox } from '../checkbox';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { ChevronDownIconOutline, ChevronRightIconOutline } from '../icons';\nimport { Skeleton } from '../skeleton';\nimport { Typography } from '../typography';\nimport {\n  type FlattenedTreeItem,\n  type TextItemData,\n  type TreeItemComponentProps,\n} from './tree-view-types';\nimport { TreeItemWrapper } from './TreeItemWrapper';\n\n/**\n * checks if any parent is checked\n * @param item\n * @param items\n * @returns\n */\nconst parentIsCheckedRecursively = (\n  item: FlattenedTreeItem<TextItemData>,\n  items: FlattenedTreeItem<TextItemData>[],\n): boolean => {\n  const parent = items.find((i) => i.id === item.parentId);\n  if (parent) {\n    if (parent.isSelected) {\n      return true;\n    }\n    return parentIsCheckedRecursively(parent, items);\n  }\n  return false;\n};\n\n/**\n * checks if any children are checked\n * @param item\n * @param items\n * @returns\n */\nconst childrenCheckedRecursively = (\n  item: FlattenedTreeItem<TextItemData>,\n  items: FlattenedTreeItem<TextItemData>[],\n): boolean => {\n  const children = items.filter((i) => i.parentId === item.id);\n  if (children.length === 0) {\n    return false;\n  }\n  return children.some(\n    (i) => i.isSelected || childrenCheckedRecursively(i, items),\n  );\n};\n\nexport const TreeViewTextItem = <T extends TextItemData>({\n  depth,\n  shouldDisableInteraction,\n  shouldDisableSorting,\n  isGhost,\n  indentationWidth,\n  isIndicator,\n  isCollapsed,\n  onCollapse,\n  item,\n  parent,\n  isOver,\n  isOverParent,\n  setNodeRef,\n  setActivatorNodeRef,\n  dragHandleProps,\n  style,\n  trails,\n  onItemsChanged,\n  items,\n  tabIndex,\n  ref,\n  ...restProps\n}: TreeItemComponentProps<T> & { ref?: React.Ref<HTMLElement> }) => {\n  const isAnyParentChecked = parentIsCheckedRecursively(item, items);\n  const isAnyChildChecked = childrenCheckedRecursively(item, items);\n\n  const isIndeterminate =\n    isAnyChildChecked === true &&\n    isAnyParentChecked === false &&\n    item.isSelected === false\n      ? true\n      : false;\n\n  return (\n    <TreeItemWrapper\n      depth={depth}\n      shouldDisableInteraction={shouldDisableInteraction}\n      shouldDisableSorting={shouldDisableSorting}\n      isGhost={isGhost}\n      indentationWidth={indentationWidth}\n      isIndicator={isIndicator}\n      isCollapsed={isCollapsed}\n      onCollapse={onCollapse}\n      item={item}\n      parent={parent}\n      isOver={isOver}\n      isOverParent={isOverParent}\n      setNodeRef={setNodeRef}\n      setActivatorNodeRef={setActivatorNodeRef}\n      dragHandleProps={dragHandleProps}\n      style={style}\n      trails={trails}\n      // oxlint-disable-next-line @typescript-eslint/no-empty-function\n      onItemsChanged={() => {}}\n      ref={ref}\n      items={items}\n      tabIndex={tabIndex}\n      {...restProps}\n    >\n      {item.canHaveSubItems && onCollapse && (\n        <button\n          type=\"button\"\n          className=\"ndl-tree-view-collapse-button\"\n          onClick={() => onCollapse()}\n          aria-label={item.isCollapsed ? 'Expand' : 'Collapse'}\n          aria-expanded={item.isCollapsed ? 'false' : 'true'}\n          /**\n           * Tab index is set to -1 to prevent the item from being focused when the tree is navigated with tab\n           * since we use the arrow keys instead\n           */\n          tabIndex={tabIndex}\n        >\n          {item.isCollapsed && <ChevronRightIconOutline className=\"ndl-icon\" />}\n          {!item.isCollapsed && <ChevronDownIconOutline className=\"ndl-icon\" />}\n        </button>\n      )}\n      {item.isSelected !== undefined && (\n        <Skeleton\n          onBackground=\"weak\"\n          shape=\"rectangular\"\n          {...item.skeletonProps}\n          isLoading={item.isSkeletonLoading}\n        >\n          <Checkbox\n            isIndeterminate={isIndeterminate}\n            isChecked={item.isSelected}\n            ariaLabel={item.data.text}\n            htmlAttributes={{\n              tabIndex,\n            }}\n            onChange={(event) => {\n              const newItems = items.map((i) => {\n                if (i.id === item.id) {\n                  return {\n                    ...i,\n                    isSelected: event.target.checked,\n                  };\n                }\n                return i;\n              });\n\n              // Uncheck parents if a child is unchecked\n              if (!event.target.checked) {\n                let parentId = item.parentId;\n                while (parentId !== null) {\n                  const parent = newItems.find(\n                    (newItem) => newItem.id === parentId,\n                  );\n                  if (parent) {\n                    newItems.forEach((newItem) => {\n                      if (newItem.id === parent.id) {\n                        newItem.isSelected = false;\n                      }\n                    });\n                    parentId = parent.parentId;\n                  } else {\n                    parentId = null;\n                  }\n                }\n              }\n              // Check children if a parent is checked\n              if (item.canHaveSubItems) {\n                const childIdsToUncheck = items\n                  .filter((i) => i.parentId === item.id)\n                  .map((i) => i.id);\n                while (childIdsToUncheck.length > 0) {\n                  const childId = childIdsToUncheck.pop();\n                  const child = items.find((i) => i.id === childId);\n                  if (child) {\n                    newItems.forEach((newItem) => {\n                      if (newItem.id === child.id) {\n                        newItem.isSelected = event.target.checked;\n                      }\n                    });\n                    newItems\n                      .filter((i) => i.parentId === child.id)\n                      .forEach((i) => {\n                        childIdsToUncheck.push(i.id);\n                      });\n                  }\n                }\n              }\n              onItemsChanged(newItems, { item, reason: 'selected' });\n            }}\n            aria-label={item.data.text}\n          />\n        </Skeleton>\n      )}\n\n      <Skeleton\n        onBackground=\"weak\"\n        shape=\"rectangular\"\n        height=\"20px\"\n        {...item.skeletonProps}\n        isLoading={item.isSkeletonLoading}\n      >\n        <ConditionalWrap\n          shouldWrap={item.data.onTextClick !== undefined}\n          wrap={(children) => (\n            <button\n              type=\"button\"\n              onClick={item.data.onTextClick}\n              className=\"ndl-tree-view-text-clickable\"\n              tabIndex={tabIndex}\n            >\n              {children}\n            </button>\n          )}\n        >\n          <Typography\n            variant={item.canHaveSubItems ? 'subheading-small' : 'body-medium'}\n            htmlAttributes={{\n              style: {\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                whiteSpace: 'nowrap',\n              },\n            }}\n          >\n            {item.data.text}\n          </Typography>\n        </ConditionalWrap>\n      </Skeleton>\n      <div className=\"ndl-tree-view-actions\">\n        {item.data.actions &&\n          item.data.actions.map((action, index) => {\n            return (\n              <CleanIconButton\n                key={index}\n                className=\"ndl-tree-view-action\"\n                size=\"small\"\n                {...action.buttonProps}\n                htmlAttributes={{\n                  tabIndex,\n                  ...action.buttonProps.htmlAttributes,\n                }}\n              >\n                {action.icon}\n              </CleanIconButton>\n            );\n          })}\n      </div>\n    </TreeItemWrapper>\n  );\n};\n"]}

package/lib/cjs/tree-view/stories/treeview-default.story.js

@@ -32,10 +32,10 @@ const TREE_ITEMS = [
             actions: [
                 {
                     buttonProps: {
+                        description: 'Edit',
                         onClick: () => {
                             alert('Pencil was clicked');
                         },
-                        tooltip: 'Edit',
                     },
                     icon: (0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, {}),
                 },
@@ -56,10 +56,10 @@ const TREE_ITEMS = [
                     actions: [
                         {
                             buttonProps: {
+                                description: 'Edit',
                                 onClick: () => {
                                     alert('Pencil was clicked');
                                 },
-                                tooltip: 'Edit',
                             },
                             icon: (0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, {}),
                         },
@@ -79,10 +79,10 @@ const TREE_ITEMS = [
                     actions: [
                         {
                             buttonProps: {
+                                description: 'Edit',
                                 onClick: () => {
                                     alert('Pencil was clicked');
                                 },
-                                tooltip: 'Edit',
                             },
                             icon: (0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, {}),
                         },
@@ -102,10 +102,10 @@ const TREE_ITEMS = [
                     actions: [
                         {
                             buttonProps: {
+                                description: 'Edit',
                                 onClick: () => {
                                     alert('Pencil was clicked');
                                 },
-                                tooltip: 'Edit',
                             },
                             icon: (0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, {}),
                         },
@@ -125,10 +125,10 @@ const TREE_ITEMS = [
                     actions: [
                         {
                             buttonProps: {
+                                description: 'Edit',
                                 onClick: () => {
                                     alert('Pencil was clicked');
                                 },
-                                tooltip: 'Edit',
                             },
                             icon: (0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, {}),
                         },
@@ -149,10 +149,10 @@ const TREE_ITEMS = [
                             actions: [
                                 {
                                     buttonProps: {
+                                        description: 'Edit',
                                         onClick: () => {
                                             alert('Pencil was clicked');
                                         },
-                                        tooltip: 'Edit',
                                     },
                                     icon: (0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, {}),
                                 },
@@ -171,10 +171,10 @@ const TREE_ITEMS = [
                             actions: [
                                 {
                                     buttonProps: {
+                                        description: 'Edit',
                                         onClick: () => {
                                             alert('Pencil was clicked');
                                         },
-                                        tooltip: 'Edit',
                                     },
                                     icon: (0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, {}),
                                 },
@@ -193,10 +193,10 @@ const TREE_ITEMS = [
                             actions: [
                                 {
                                     buttonProps: {
+                                        description: 'Edit',
                                         onClick: () => {
                                             alert('Pencil was clicked');
                                         },
-                                        tooltip: 'Edit',
                                     },
                                     icon: (0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, {}),
                                 },
@@ -219,10 +219,10 @@ const TREE_ITEMS = [
             actions: [
                 {
                     buttonProps: {
+                        description: 'Edit',
                         onClick: () => {
                             alert('Pencil was clicked');
                         },
-                        tooltip: 'Edit',
                     },
                     icon: (0, jsx_runtime_1.jsx)(icons_1.PencilIconOutline, {}),
                 },

package/lib/cjs/tree-view/stories/treeview-default.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeview-default.story.js","sourceRoot":"","sources":["../../../../src/tree-view/stories/treeview-default.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 */\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TreeView } from '@neo4j-ndl/react';\nimport { PencilIconOutline } from '@neo4j-ndl/react/icons';\nimport type React from 'react';\nimport { useState } from 'react';\n\nconst TREE_ITEMS: React.ComponentProps<typeof TreeView>['items'] = [\n  {\n    canHaveSubItems: true,\n    data: {\n      actions: [\n        {\n          buttonProps: {\n            onClick: () => {\n              alert('Pencil was clicked');\n            },\n            tooltip: 'Edit',\n          },\n          icon: <PencilIconOutline />,\n        },\n      ],\n      onTextClick: () => {\n        alert('Text was clicked');\n      },\n      text: 'Folder 1',\n    },\n    id: 'Folder 1',\n    isCollapsed: false,\n    isSelected: false,\n    isSortable: false,\n    subItems: [\n      {\n        canHaveSubItems: false,\n        data: {\n          actions: [\n            {\n              buttonProps: {\n                onClick: () => {\n                  alert('Pencil was clicked');\n                },\n                tooltip: 'Edit',\n              },\n              icon: <PencilIconOutline />,\n            },\n          ],\n          onTextClick: () => {\n            alert('Text was clicked');\n          },\n          text: 'Child 1',\n        },\n        id: 'Child 1',\n        isSelected: false,\n        isSortable: true,\n      },\n      {\n        canHaveSubItems: false,\n        data: {\n          actions: [\n            {\n              buttonProps: {\n                onClick: () => {\n                  alert('Pencil was clicked');\n                },\n                tooltip: 'Edit',\n              },\n              icon: <PencilIconOutline />,\n            },\n          ],\n          onTextClick: () => {\n            alert('Text was clicked');\n          },\n          text: 'Child 2',\n        },\n        id: 'Child 2',\n        isSelected: false,\n        isSortable: true,\n      },\n      {\n        canHaveSubItems: false,\n        data: {\n          actions: [\n            {\n              buttonProps: {\n                onClick: () => {\n                  alert('Pencil was clicked');\n                },\n                tooltip: 'Edit',\n              },\n              icon: <PencilIconOutline />,\n            },\n          ],\n          onTextClick: () => {\n            alert('Text was clicked');\n          },\n          text: 'Child 3',\n        },\n        id: 'Child 3',\n        isSelected: false,\n        isSortable: true,\n      },\n      {\n        canHaveSubItems: true,\n        data: {\n          actions: [\n            {\n              buttonProps: {\n                onClick: () => {\n                  alert('Pencil was clicked');\n                },\n                tooltip: 'Edit',\n              },\n              icon: <PencilIconOutline />,\n            },\n          ],\n          onTextClick: () => {\n            alert('Text was clicked');\n          },\n          text: 'Folder 2',\n        },\n        id: 'Folder 2',\n        isCollapsed: true,\n        isSelected: false,\n        isSortable: true,\n        subItems: [\n          {\n            canHaveSubItems: false,\n            data: {\n              actions: [\n                {\n                  buttonProps: {\n                    onClick: () => {\n                      alert('Pencil was clicked');\n                    },\n                    tooltip: 'Edit',\n                  },\n                  icon: <PencilIconOutline />,\n                },\n              ],\n              onTextClick: () => {\n                alert('Text was clicked');\n              },\n              text: 'Child 4',\n            },\n\n            id: 'Child 4',\n            isSelected: false,\n          },\n          {\n            canHaveSubItems: false,\n            data: {\n              actions: [\n                {\n                  buttonProps: {\n                    onClick: () => {\n                      alert('Pencil was clicked');\n                    },\n                    tooltip: 'Edit',\n                  },\n                  icon: <PencilIconOutline />,\n                },\n              ],\n              onTextClick: () => {\n                alert('Text was clicked');\n              },\n              text: 'Child 5',\n            },\n            id: 'Child 5',\n            isSelected: false,\n          },\n          {\n            canHaveSubItems: false,\n            data: {\n              actions: [\n                {\n                  buttonProps: {\n                    onClick: () => {\n                      alert('Pencil was clicked');\n                    },\n                    tooltip: 'Edit',\n                  },\n                  icon: <PencilIconOutline />,\n                },\n              ],\n              onTextClick: () => {\n                alert('Text was clicked');\n              },\n              text: 'Child 6',\n            },\n            id: 'Child 6',\n            isSelected: false,\n          },\n        ],\n      },\n    ],\n  },\n  {\n    canHaveSubItems: false,\n    data: {\n      actions: [\n        {\n          buttonProps: {\n            onClick: () => {\n              alert('Pencil was clicked');\n            },\n            tooltip: 'Edit',\n          },\n          icon: <PencilIconOutline />,\n        },\n      ],\n      onTextClick: () => {\n        alert('Text was clicked');\n      },\n      text: 'Child 7',\n    },\n    id: 'Child 7',\n    isSelected: false,\n    isSortable: true,\n  },\n];\n\nconst Component = () => {\n  const [items, setItems] =\n    useState<React.ComponentProps<typeof TreeView>['items']>(TREE_ITEMS);\n\n  return (\n    <TreeView\n      items={items}\n      onItemsChanged={(newItems, itemChangedReason) => {\n        // eslint-disable-next-line no-restricted-syntax\n        console.log('change with itemChangedReason:', itemChangedReason);\n        setItems(newItems);\n      }}\n      TreeItemComponent={undefined}\n    />\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"treeview-default.story.js","sourceRoot":"","sources":["../../../../src/tree-view/stories/treeview-default.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 */\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { TreeView } from '@neo4j-ndl/react';\nimport { PencilIconOutline } from '@neo4j-ndl/react/icons';\nimport type React from 'react';\nimport { useState } from 'react';\n\nconst TREE_ITEMS: React.ComponentProps<typeof TreeView>['items'] = [\n  {\n    canHaveSubItems: true,\n    data: {\n      actions: [\n        {\n          buttonProps: {\n            description: 'Edit',\n            onClick: () => {\n              alert('Pencil was clicked');\n            },\n          },\n          icon: <PencilIconOutline />,\n        },\n      ],\n      onTextClick: () => {\n        alert('Text was clicked');\n      },\n      text: 'Folder 1',\n    },\n    id: 'Folder 1',\n    isCollapsed: false,\n    isSelected: false,\n    isSortable: false,\n    subItems: [\n      {\n        canHaveSubItems: false,\n        data: {\n          actions: [\n            {\n              buttonProps: {\n                description: 'Edit',\n                onClick: () => {\n                  alert('Pencil was clicked');\n                },\n              },\n              icon: <PencilIconOutline />,\n            },\n          ],\n          onTextClick: () => {\n            alert('Text was clicked');\n          },\n          text: 'Child 1',\n        },\n        id: 'Child 1',\n        isSelected: false,\n        isSortable: true,\n      },\n      {\n        canHaveSubItems: false,\n        data: {\n          actions: [\n            {\n              buttonProps: {\n                description: 'Edit',\n                onClick: () => {\n                  alert('Pencil was clicked');\n                },\n              },\n              icon: <PencilIconOutline />,\n            },\n          ],\n          onTextClick: () => {\n            alert('Text was clicked');\n          },\n          text: 'Child 2',\n        },\n        id: 'Child 2',\n        isSelected: false,\n        isSortable: true,\n      },\n      {\n        canHaveSubItems: false,\n        data: {\n          actions: [\n            {\n              buttonProps: {\n                description: 'Edit',\n                onClick: () => {\n                  alert('Pencil was clicked');\n                },\n              },\n              icon: <PencilIconOutline />,\n            },\n          ],\n          onTextClick: () => {\n            alert('Text was clicked');\n          },\n          text: 'Child 3',\n        },\n        id: 'Child 3',\n        isSelected: false,\n        isSortable: true,\n      },\n      {\n        canHaveSubItems: true,\n        data: {\n          actions: [\n            {\n              buttonProps: {\n                description: 'Edit',\n                onClick: () => {\n                  alert('Pencil was clicked');\n                },\n              },\n              icon: <PencilIconOutline />,\n            },\n          ],\n          onTextClick: () => {\n            alert('Text was clicked');\n          },\n          text: 'Folder 2',\n        },\n        id: 'Folder 2',\n        isCollapsed: true,\n        isSelected: false,\n        isSortable: true,\n        subItems: [\n          {\n            canHaveSubItems: false,\n            data: {\n              actions: [\n                {\n                  buttonProps: {\n                    description: 'Edit',\n                    onClick: () => {\n                      alert('Pencil was clicked');\n                    },\n                  },\n                  icon: <PencilIconOutline />,\n                },\n              ],\n              onTextClick: () => {\n                alert('Text was clicked');\n              },\n              text: 'Child 4',\n            },\n\n            id: 'Child 4',\n            isSelected: false,\n          },\n          {\n            canHaveSubItems: false,\n            data: {\n              actions: [\n                {\n                  buttonProps: {\n                    description: 'Edit',\n                    onClick: () => {\n                      alert('Pencil was clicked');\n                    },\n                  },\n                  icon: <PencilIconOutline />,\n                },\n              ],\n              onTextClick: () => {\n                alert('Text was clicked');\n              },\n              text: 'Child 5',\n            },\n            id: 'Child 5',\n            isSelected: false,\n          },\n          {\n            canHaveSubItems: false,\n            data: {\n              actions: [\n                {\n                  buttonProps: {\n                    description: 'Edit',\n                    onClick: () => {\n                      alert('Pencil was clicked');\n                    },\n                  },\n                  icon: <PencilIconOutline />,\n                },\n              ],\n              onTextClick: () => {\n                alert('Text was clicked');\n              },\n              text: 'Child 6',\n            },\n            id: 'Child 6',\n            isSelected: false,\n          },\n        ],\n      },\n    ],\n  },\n  {\n    canHaveSubItems: false,\n    data: {\n      actions: [\n        {\n          buttonProps: {\n            description: 'Edit',\n            onClick: () => {\n              alert('Pencil was clicked');\n            },\n          },\n          icon: <PencilIconOutline />,\n        },\n      ],\n      onTextClick: () => {\n        alert('Text was clicked');\n      },\n      text: 'Child 7',\n    },\n    id: 'Child 7',\n    isSelected: false,\n    isSortable: true,\n  },\n];\n\nconst Component = () => {\n  const [items, setItems] =\n    useState<React.ComponentProps<typeof TreeView>['items']>(TREE_ITEMS);\n\n  return (\n    <TreeView\n      items={items}\n      onItemsChanged={(newItems, itemChangedReason) => {\n        // eslint-disable-next-line no-restricted-syntax\n        console.log('change with itemChangedReason:', itemChangedReason);\n        setItems(newItems);\n      }}\n      TreeItemComponent={undefined}\n    />\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/tree-view/tree-view-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-view-types.js","sourceRoot":"","sources":["../../../src/tree-view/tree-view-types.ts"],"names":[],"mappings":"","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 { type UniqueIdentifier } from '@dnd-kit/core';\nimport { type RefAttributes } from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { type IconButton } from '../icon-button';\nimport { type Skeleton } from '../skeleton';\n\nexport type TreeItem<T> =\n  | {\n      id: UniqueIdentifier;\n      canHaveSubItems: false;\n      isSortable?: boolean;\n      data: T;\n      isSelected?: boolean;\n      isSkeletonLoading?: boolean;\n      skeletonProps?: React.ComponentProps<typeof Skeleton>;\n    }\n  | {\n      id: UniqueIdentifier;\n      canHaveSubItems: true;\n      isCollapsed: boolean;\n      subItems: TreeItem<T>[];\n      isSortable?: boolean;\n      data: T;\n      isSelected?: boolean;\n      isSkeletonLoading?: boolean;\n      skeletonProps?: React.ComponentProps<typeof Skeleton>;\n    };\n\nexport type TextItemData = {\n  text: string;\n  onTextClick?: () => void;\n  actions: {\n    icon: React.ReactNode;\n    buttonProps: Omit<\n      React.ComponentPropsWithoutRef<typeof IconButton>,\n      'children' | 'as'\n    >;\n  }[];\n};\nexport type DefaultTreeItem = TreeItem<TextItemData>;\n\nexport type FlattenedTreeItem<T> = TreeItem<T> & {\n  depth: number;\n  parentId: UniqueIdentifier | null;\n};\n\nexport type TreeItemComponent<\n  T extends Record<string, unknown>,\n  TElement extends HTMLElement,\n> = React.FC<\n  React.PropsWithChildren<TreeItemComponentProps<T> & RefAttributes<TElement>>\n>;\n\nexport type TreeItemComponentProps<T extends Record<string, unknown>> = Omit<\n  CommonProps<\n    'div',\n    {\n      /** The tree item data */\n      item: FlattenedTreeItem<T>;\n      /** Parent item of this item */\n      parent: FlattenedTreeItem<T> | null;\n\n      /** If the item is should be rendered as a placeholder (for example, while dragging) */\n      isGhost?: boolean;\n\n      /** If the item is collapsed */\n      isCollapsed?: boolean;\n\n      /** Depth of the item in the tree */\n      depth: number;\n\n      /** While dragging it makes sense to disable some interaction for all other items. */\n      shouldDisableInteraction?: boolean;\n\n      /** True if sorting is disabled for this item. */\n      shouldDisableSorting?: boolean;\n\n      /** True if dragged item is over this Node. */\n      isOver: boolean;\n\n      /** True if dragged item is over the parent of this Node. */\n      isOverParent: boolean;\n\n      /** True if this item is the last in the parent list */\n      isLastInParent: boolean;\n\n      /** True if the item should be rendered as a indicator (for example, while dragging) */\n      isIndicator?: boolean;\n\n      /** Width of the indentation */\n      indentationWidth: number;\n\n      /** Function to call when the item is collapsed/expanded */\n      onCollapse?(): void;\n\n      /** Function to set the ref of the element that should activate sorting */\n      setActivatorNodeRef: (node: HTMLElement | null) => void;\n\n      /** Function to set the ref of the element that should be sorted (the wrapper element of the item) */\n      setNodeRef: (node: HTMLLIElement) => void;\n\n      /** Props for the drag handle */\n      dragHandleProps?: Record<string, unknown>;\n\n      /** A list of trails to render before the item */\n      trails: ('none' | 'straight' | 'straight-curved' | 'curved')[];\n\n      /** Function to call when the item has changed */\n      onItemsChanged: (\n        newItems: FlattenedTreeItem<T>[],\n        reason: ItemChangedReason<T>,\n      ) => void;\n\n      /** All items in the tree */\n      items: FlattenedTreeItem<T>[];\n      tabIndex?: number;\n\n      /** Function to call when the item receives focus */\n      onFocus?: () => void;\n    }\n  >,\n  'htmlAttributes'\n>;\n\nexport type ItemChangedReason<T> = {\n  /** The item that was changed */\n  item: TreeItem<T>;\n  /** The reason for the change */\n  reason: 'collapsed' | 'expanded' | 'dropped' | 'selected' | 'other';\n};\n"]}
+{"version":3,"file":"tree-view-types.js","sourceRoot":"","sources":["../../../src/tree-view/tree-view-types.ts"],"names":[],"mappings":"","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 { type UniqueIdentifier } from '@dnd-kit/core';\nimport { type RefAttributes } from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { type IconButton } from '../icon-button';\nimport { type Skeleton } from '../skeleton';\n\nexport type TreeItem<T> =\n  | {\n      id: UniqueIdentifier;\n      canHaveSubItems: false;\n      isSortable?: boolean;\n      data: T;\n      isSelected?: boolean;\n      isSkeletonLoading?: boolean;\n      skeletonProps?: React.ComponentProps<typeof Skeleton>;\n    }\n  | {\n      id: UniqueIdentifier;\n      canHaveSubItems: true;\n      isCollapsed: boolean;\n      subItems: TreeItem<T>[];\n      isSortable?: boolean;\n      data: T;\n      isSelected?: boolean;\n      isSkeletonLoading?: boolean;\n      skeletonProps?: React.ComponentProps<typeof Skeleton>;\n    };\n\nexport type TextItemData = {\n  text: string;\n  onTextClick?: () => void;\n  actions: {\n    icon: React.ReactNode;\n    buttonProps: Omit<\n      React.ComponentPropsWithoutRef<typeof IconButton>,\n      'children' | 'as'\n    >;\n  }[];\n};\nexport type DefaultTreeItem = TreeItem<TextItemData>;\n\nexport type FlattenedTreeItem<T> = TreeItem<T> & {\n  depth: number;\n  parentId: UniqueIdentifier | null;\n};\n\nexport type TreeItemComponent<\n  T extends Record<string, unknown>,\n  TElement extends HTMLElement,\n> = React.FC<\n  React.PropsWithChildren<TreeItemComponentProps<T> & RefAttributes<TElement>>\n>;\n\nexport type TreeItemComponentProps<T extends Record<string, unknown>> = Omit<\n  CommonProps<\n    'div',\n    {\n      /** The tree item data */\n      item: FlattenedTreeItem<T>;\n      /** Parent item of this item */\n      parent: FlattenedTreeItem<T> | null;\n\n      /** If the item is should be rendered as a placeholder (for example, while dragging) */\n      isGhost?: boolean;\n\n      /** If the item is collapsed */\n      isCollapsed?: boolean;\n\n      /** Depth of the item in the tree */\n      depth: number;\n\n      /** While dragging it makes sense to disable some interaction for all other items. */\n      shouldDisableInteraction?: boolean;\n\n      /** True if sorting is disabled for this item. */\n      shouldDisableSorting?: boolean;\n\n      /** True if dragged item is over this Node. */\n      isOver: boolean;\n\n      /** True if dragged item is over the parent of this Node. */\n      isOverParent: boolean;\n\n      /** True if this item is the last in the parent list */\n      isLastInParent: boolean;\n\n      /** True if the item should be rendered as a indicator (for example, while dragging) */\n      isIndicator?: boolean;\n\n      /** Width of the indentation */\n      indentationWidth: number;\n\n      /** Function to call when the item is collapsed/expanded */\n      onCollapse?(): void;\n\n      /** Function to set the ref of the element that should activate sorting */\n      setActivatorNodeRef: (node: HTMLElement | null) => void;\n\n      /** Function to set the ref of the element that should be sorted (the wrapper element of the item) */\n      setNodeRef: (node: HTMLLIElement) => void;\n\n      /** Props for the drag handle */\n      dragHandleProps?: Record<string, unknown>;\n\n      /** A list of trails to render before the item */\n      trails: ('none' | 'straight' | 'straight-curved' | 'curved')[];\n\n      /** Function to call when the item has changed */\n      onItemsChanged: (\n        newItems: FlattenedTreeItem<T>[],\n        reason: ItemChangedReason<T>,\n      ) => void;\n\n      /** All items in the tree */\n      items: FlattenedTreeItem<T>[];\n      tabIndex?: number;\n      ariaLevel?: number;\n      ariaPosInSet?: number;\n      ariaSetSize?: number;\n\n      /** Function to call when the item receives focus */\n      onFocus?: () => void;\n    }\n  >,\n  'htmlAttributes'\n>;\n\nexport type ItemChangedReason<T> = {\n  /** The item that was changed */\n  item: TreeItem<T>;\n  /** The reason for the change */\n  reason: 'collapsed' | 'expanded' | 'dropped' | 'selected' | 'other';\n};\n"]}

package/lib/esm/_common/CodeBlockWrapper.js

@@ -71,11 +71,11 @@ export const CodeBlockWrapper = (_a) => {
                             'ndl-disabled': isDisabled,
                         }), style: {
                             maxWidth: `calc(100% - ${((_b = actions === null || actions === void 0 ? void 0 : actions.length) !== null && _b !== void 0 ? _b : 0) * 36 + 20}px)`,
-                        }, "data-testid": "ndl-code-block-title", children: heading })), _jsxs("div", { className: classNames('ndl-code-content-container', {
+                        }, "data-testid": "ndl-code-block-title", children: heading })), _jsx("div", { className: classNames('ndl-code-content-container', {
                             'ndl-disabled': isDisabled,
                         }), style: {
                             height: Boolean(heading) === true ? 'calc(100% - 24px - 12px)' : '100%',
-                        }, children: [_jsx("div", { className: "ndl-code-pseudo-element" }), _jsx("div", { ref: syntaxHighlighterWrapperRef, className: "ndl-highlight-wrapper", role: "textbox", "aria-label": "Code snippet", tabIndex: 0, children: children }), _jsx("div", { className: "ndl-code-pseudo-element" })] })] }), _jsx("div", { className: classNames('ndl-code-block-actions', {
+                        }, children: _jsx("div", { ref: syntaxHighlighterWrapperRef, className: "ndl-highlight-wrapper", children: children }) })] }), _jsx("div", { className: classNames('ndl-code-block-actions', {
                     'ndl-disabled': isDisabled,
                 }), children: actions === null || actions === void 0 ? void 0 : actions.map((iconButtonProps, i) => {
                     const { htmlAttributes, description } = iconButtonProps, restCleanIconButtonProps = __rest(iconButtonProps, ["htmlAttributes", "description"]);

package/lib/esm/_common/CodeBlockWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.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 classNames from 'classnames';\nimport type React from 'react';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ChevronDownIconOutline, ChevronUpIconOutline } from '../icons';\nimport { type PolymorphicCommonProps } from './types';\n\nexport interface CodeBlockWrapperProps {\n  maxHeight?: number;\n  code: string;\n  heading?: string | React.ReactNode;\n  children: React.ReactNode;\n  isDisabled?: boolean;\n  actions?: React.ComponentPropsWithoutRef<typeof CleanIconButton<'button'>>[];\n  shouldShowExpandButton: boolean;\n  setShouldShowExpandButton: React.Dispatch<React.SetStateAction<boolean>>;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst defaultElement = 'div';\n\nexport const CodeBlockWrapper = <\n  T extends React.ElementType = typeof defaultElement,\n>({\n  as,\n  maxHeight,\n  code,\n  heading,\n  children,\n  isDisabled,\n  actions,\n  shouldShowExpandButton,\n  setShouldShowExpandButton,\n  className,\n  style,\n  ref,\n  htmlAttributes,\n  ...restProps\n}: PolymorphicCommonProps<T, CodeBlockWrapperProps>) => {\n  const Component: React.ElementType = as ?? defaultElement;\n\n  const syntaxHighlighterWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [containerHeight, setContainerHeight] = useState(`${maxHeight}px`);\n  const [isExpanded, setIsExpanded] = useState(maxHeight === undefined);\n\n  useEffect(() => {\n    if (\n      (syntaxHighlighterWrapperRef.current?.scrollHeight ?? 0) <=\n      (syntaxHighlighterWrapperRef.current?.clientHeight ?? 0)\n    ) {\n      setIsExpanded(true);\n    } else {\n      setIsExpanded(false);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    if (maxHeight === undefined) {\n      return;\n    }\n\n    if (\n      (syntaxHighlighterWrapperRef.current?.clientHeight ?? 0) >=\n      (syntaxHighlighterWrapperRef.current?.scrollHeight ?? 0)\n    ) {\n      setContainerHeight(`fit-content`);\n      setShouldShowExpandButton(false);\n    } else {\n      setContainerHeight(`${maxHeight}px`);\n      setShouldShowExpandButton(true);\n    }\n  }, [maxHeight, code, setShouldShowExpandButton]);\n\n  return (\n    <Component\n      ref={ref}\n      className={classNames('ndl-code-block-container', className)}\n      style={{ height: containerHeight, ...style }}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"n-flex n-flex-col n-h-full\">\n        {Boolean(heading) === true && (\n          <div\n            className={classNames('ndl-code-block-title', {\n              'ndl-disabled': isDisabled,\n            })}\n            style={{\n              maxWidth: `calc(100% - ${(actions?.length ?? 0) * 36 + 20}px)`,\n            }}\n            data-testid=\"ndl-code-block-title\"\n          >\n            {heading}\n          </div>\n        )}\n        <div\n          className={classNames('ndl-code-content-container', {\n            'ndl-disabled': isDisabled,\n          })}\n          style={{\n            height:\n              Boolean(heading) === true ? 'calc(100% - 24px - 12px)' : '100%',\n          }}\n        >\n          {/* Pseudo element on the left to steal the editor focus when clicking outside */}\n          <div className=\"ndl-code-pseudo-element\"></div>\n          <div\n            ref={syntaxHighlighterWrapperRef}\n            className=\"ndl-highlight-wrapper\"\n            role=\"textbox\"\n            aria-label=\"Code snippet\"\n            tabIndex={0}\n          >\n            {children}\n          </div>\n          {/* Pseudo element on the right to steal the editor focus when clicking outside */}\n          <div className=\"ndl-code-pseudo-element\"></div>\n        </div>\n      </div>\n      <div\n        className={classNames('ndl-code-block-actions', {\n          'ndl-disabled': isDisabled,\n        })}\n      >\n        {actions?.map((iconButtonProps, i) => {\n          const { htmlAttributes, description, ...restCleanIconButtonProps } =\n            iconButtonProps;\n          return (\n            <CleanIconButton\n              key={i}\n              description={`${description ?? 'CodeBlock Action'}`}\n              isDisabled={isDisabled}\n              htmlAttributes={{\n                'data-testid': `ndl-action-button-${i}`,\n                ...htmlAttributes,\n              }}\n              {...restCleanIconButtonProps}\n            />\n          );\n        })}\n      </div>\n      {shouldShowExpandButton && (\n        <div className=\"ndl-code-block-expand-button\">\n          <CleanIconButton\n            description={isExpanded ? 'Collapse' : 'Expand'}\n            tooltipProps={{\n              root: {\n                shouldCloseOnReferenceClick: true,\n              },\n            }}\n            onClick={() => {\n              if (isExpanded) {\n                setContainerHeight(`${maxHeight}px`);\n                setIsExpanded(false);\n              } else {\n                setContainerHeight(`fit-content`);\n                setIsExpanded(true);\n              }\n            }}\n          >\n            {isExpanded ? <ChevronUpIconOutline /> : <ChevronDownIconOutline />}\n          </CleanIconButton>\n        </div>\n      )}\n    </Component>\n  );\n};\n"]}
+{"version":3,"file":"CodeBlockWrapper.js","sourceRoot":"","sources":["../../../src/_common/CodeBlockWrapper.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 classNames from 'classnames';\nimport type React from 'react';\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react';\n\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ChevronDownIconOutline, ChevronUpIconOutline } from '../icons';\nimport { type PolymorphicCommonProps } from './types';\n\nexport interface CodeBlockWrapperProps {\n  maxHeight?: number;\n  code: string;\n  heading?: string | React.ReactNode;\n  children: React.ReactNode;\n  isDisabled?: boolean;\n  actions?: React.ComponentPropsWithoutRef<typeof CleanIconButton<'button'>>[];\n  shouldShowExpandButton: boolean;\n  setShouldShowExpandButton: React.Dispatch<React.SetStateAction<boolean>>;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nconst defaultElement = 'div';\n\nexport const CodeBlockWrapper = <\n  T extends React.ElementType = typeof defaultElement,\n>({\n  as,\n  maxHeight,\n  code,\n  heading,\n  children,\n  isDisabled,\n  actions,\n  shouldShowExpandButton,\n  setShouldShowExpandButton,\n  className,\n  style,\n  ref,\n  htmlAttributes,\n  ...restProps\n}: PolymorphicCommonProps<T, CodeBlockWrapperProps>) => {\n  const Component: React.ElementType = as ?? defaultElement;\n\n  const syntaxHighlighterWrapperRef = useRef<HTMLDivElement>(null);\n\n  const [containerHeight, setContainerHeight] = useState(`${maxHeight}px`);\n  const [isExpanded, setIsExpanded] = useState(maxHeight === undefined);\n\n  useEffect(() => {\n    if (\n      (syntaxHighlighterWrapperRef.current?.scrollHeight ?? 0) <=\n      (syntaxHighlighterWrapperRef.current?.clientHeight ?? 0)\n    ) {\n      setIsExpanded(true);\n    } else {\n      setIsExpanded(false);\n    }\n  }, []);\n\n  useLayoutEffect(() => {\n    if (maxHeight === undefined) {\n      return;\n    }\n\n    if (\n      (syntaxHighlighterWrapperRef.current?.clientHeight ?? 0) >=\n      (syntaxHighlighterWrapperRef.current?.scrollHeight ?? 0)\n    ) {\n      setContainerHeight(`fit-content`);\n      setShouldShowExpandButton(false);\n    } else {\n      setContainerHeight(`${maxHeight}px`);\n      setShouldShowExpandButton(true);\n    }\n  }, [maxHeight, code, setShouldShowExpandButton]);\n\n  return (\n    <Component\n      ref={ref}\n      className={classNames('ndl-code-block-container', className)}\n      style={{ height: containerHeight, ...style }}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"n-flex n-flex-col n-h-full\">\n        {Boolean(heading) === true && (\n          <div\n            className={classNames('ndl-code-block-title', {\n              'ndl-disabled': isDisabled,\n            })}\n            style={{\n              maxWidth: `calc(100% - ${(actions?.length ?? 0) * 36 + 20}px)`,\n            }}\n            data-testid=\"ndl-code-block-title\"\n          >\n            {heading}\n          </div>\n        )}\n        <div\n          className={classNames('ndl-code-content-container', {\n            'ndl-disabled': isDisabled,\n          })}\n          style={{\n            height:\n              Boolean(heading) === true ? 'calc(100% - 24px - 12px)' : '100%',\n          }}\n        >\n          <div\n            ref={syntaxHighlighterWrapperRef}\n            className=\"ndl-highlight-wrapper\"\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n      <div\n        className={classNames('ndl-code-block-actions', {\n          'ndl-disabled': isDisabled,\n        })}\n      >\n        {actions?.map((iconButtonProps, i) => {\n          const { htmlAttributes, description, ...restCleanIconButtonProps } =\n            iconButtonProps;\n          return (\n            <CleanIconButton\n              key={i}\n              description={`${description ?? 'CodeBlock Action'}`}\n              isDisabled={isDisabled}\n              htmlAttributes={{\n                'data-testid': `ndl-action-button-${i}`,\n                ...htmlAttributes,\n              }}\n              {...restCleanIconButtonProps}\n            />\n          );\n        })}\n      </div>\n      {shouldShowExpandButton && (\n        <div className=\"ndl-code-block-expand-button\">\n          <CleanIconButton\n            description={isExpanded ? 'Collapse' : 'Expand'}\n            tooltipProps={{\n              root: {\n                shouldCloseOnReferenceClick: true,\n              },\n            }}\n            onClick={() => {\n              if (isExpanded) {\n                setContainerHeight(`${maxHeight}px`);\n                setIsExpanded(false);\n              } else {\n                setContainerHeight(`fit-content`);\n                setIsExpanded(true);\n              }\n            }}\n          >\n            {isExpanded ? <ChevronUpIconOutline /> : <ChevronDownIconOutline />}\n          </CleanIconButton>\n        </div>\n      )}\n    </Component>\n  );\n};\n"]}

package/lib/esm/code-block/CodeBlock.js

@@ -93,7 +93,7 @@ export const CodeBlock = (_a) => {
                     border: 0,
                     color: 'var(--theme-color-neutral-text-default)',
                     lineHeight: '1',
-                    padding: `0 ${calculateRightPadding !== null && calculateRightPadding !== void 0 ? calculateRightPadding : 0}px 0.75em ${shouldShowLineNumbers === true ? 0 : 0.75}em`,
+                    padding: `0 ${calculateRightPadding !== null && calculateRightPadding !== void 0 ? calculateRightPadding : 0}px 0.75em 0.75em`,
                     width: 'fit-content',
                 } }), 
             // Turn on 'shouldShowLineNumbers' & 'wrapLongLines' at the same time, the display is wrong

package/lib/esm/code-block/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.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 type React from 'react';\nimport { useEffect, useState } from 'react';\nimport { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport {\n  base16AteliersulphurpoolLight,\n  coy,\n  duotoneLight,\n  ghcolors,\n  prism,\n  solarizedlight,\n  vs,\n} from 'react-syntax-highlighter/dist/cjs/styles/prism';\n\nimport { CodeBlockWrapper } from '../_common/CodeBlockWrapper';\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { type IconButton } from '../icon-button';\nimport { useNeedleTheme } from '../theme';\nimport { type LanguageProp, loadLanguage } from './code-languages';\nimport ndlCodeDark from './themes/ndl-code-dark';\nimport ndlCodeLight from './themes/ndl-code-light';\n\ninterface CodeBlockProps {\n  code: string;\n  isDisabled?: boolean;\n  maxHeight?: number;\n  language: LanguageProp | 'text';\n  shouldShowLineNumbers?: boolean;\n  theme?:\n    | 'vs'\n    | 'base16-ateliersulphurpool.light'\n    | 'coy'\n    | 'duotone-light'\n    | 'ghcolors'\n    | 'prism'\n    | 'solarizedlight'\n    | 'ndl-code-dark'\n    | 'ndl-code-light';\n  heading?: React.ReactNode;\n  actions?: React.ComponentProps<typeof IconButton<'button'>>[];\n}\n\nexport const CodeBlock = <T extends React.ElementType = 'button'>({\n  as,\n  maxHeight,\n  code,\n  language,\n  shouldShowLineNumbers,\n  theme,\n  heading,\n  actions,\n  isDisabled,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, CodeBlockProps>) => {\n  const [shouldShowExpandButton, setShouldShowExpandButton] = useState(\n    maxHeight !== undefined,\n  );\n\n  const { theme: ndlTheme } = useNeedleTheme();\n  const [loadedLanguage, setLoadedLanguage] = useState<\n    LanguageProp | 'text' | null\n  >(null);\n\n  useEffect(() => {\n    if (language === undefined || language === 'text') {\n      setLoadedLanguage('text');\n      return;\n    }\n\n    loadLanguage(language)\n      .then((module) => {\n        SyntaxHighlighter.registerLanguage(language, module.default);\n        setLoadedLanguage(language);\n      })\n      // TODO: add visual feedback for the user\n      .catch((err) => console.error(err));\n  }, [language]);\n\n  const getTheme = () => {\n    switch (theme) {\n      case 'ndl-code-dark':\n        return ndlCodeDark;\n      case 'ndl-code-light':\n        return ndlCodeLight;\n      case 'vs':\n        return vs;\n      case 'base16-ateliersulphurpool.light':\n        return base16AteliersulphurpoolLight;\n      case 'coy':\n        return coy;\n      case 'duotone-light':\n        return duotoneLight;\n      case 'ghcolors':\n        return ghcolors;\n      case 'prism':\n        return prism;\n      case 'solarizedlight':\n        return solarizedlight;\n      default:\n        return ndlTheme === 'light' ? ndlCodeLight : ndlCodeDark;\n    }\n  };\n  const calculateRightPadding = (() => {\n    if (Boolean(heading) === false) {\n      const expandButtonCount = shouldShowExpandButton ? 1 : 0;\n      const actionCount = actions?.length ?? 0;\n      return Math.max(actionCount * 36, expandButtonCount * 36) + 8;\n    }\n  })();\n\n  return (\n    <CodeBlockWrapper\n      as={as}\n      className={className}\n      style={style}\n      ref={ref}\n      maxHeight={maxHeight}\n      code={code}\n      heading={heading}\n      isDisabled={isDisabled}\n      actions={actions}\n      shouldShowExpandButton={shouldShowExpandButton}\n      setShouldShowExpandButton={setShouldShowExpandButton}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <SyntaxHighlighter\n        language={loadedLanguage || 'text'}\n        style={{\n          ...getTheme(),\n          'pre[class*=\"language-\"]': {\n            border: 0,\n            color: 'var(--theme-color-neutral-text-default)',\n            lineHeight: '1',\n            padding: `0 ${calculateRightPadding ?? 0}px 0.75em ${shouldShowLineNumbers === true ? 0 : 0.75}em`,\n            width: 'fit-content',\n          },\n        }}\n        // Turn on 'shouldShowLineNumbers' & 'wrapLongLines' at the same time, the display is wrong\n        // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402\n        // wrapLongLines\n        codeTagProps={{ className: 'n-code' }}\n        showLineNumbers={shouldShowLineNumbers}\n      >\n        {code}\n      </SyntaxHighlighter>\n    </CodeBlockWrapper>\n  );\n};\n"]}
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/code-block/CodeBlock.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 type React from 'react';\nimport { useEffect, useState } from 'react';\nimport { PrismLight as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport {\n  base16AteliersulphurpoolLight,\n  coy,\n  duotoneLight,\n  ghcolors,\n  prism,\n  solarizedlight,\n  vs,\n} from 'react-syntax-highlighter/dist/cjs/styles/prism';\n\nimport { CodeBlockWrapper } from '../_common/CodeBlockWrapper';\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { type IconButton } from '../icon-button';\nimport { useNeedleTheme } from '../theme';\nimport { type LanguageProp, loadLanguage } from './code-languages';\nimport ndlCodeDark from './themes/ndl-code-dark';\nimport ndlCodeLight from './themes/ndl-code-light';\n\ninterface CodeBlockProps {\n  code: string;\n  isDisabled?: boolean;\n  maxHeight?: number;\n  language: LanguageProp | 'text';\n  shouldShowLineNumbers?: boolean;\n  theme?:\n    | 'vs'\n    | 'base16-ateliersulphurpool.light'\n    | 'coy'\n    | 'duotone-light'\n    | 'ghcolors'\n    | 'prism'\n    | 'solarizedlight'\n    | 'ndl-code-dark'\n    | 'ndl-code-light';\n  heading?: React.ReactNode;\n  actions?: React.ComponentProps<typeof IconButton<'button'>>[];\n}\n\nexport const CodeBlock = <T extends React.ElementType = 'button'>({\n  as,\n  maxHeight,\n  code,\n  language,\n  shouldShowLineNumbers,\n  theme,\n  heading,\n  actions,\n  isDisabled,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, CodeBlockProps>) => {\n  const [shouldShowExpandButton, setShouldShowExpandButton] = useState(\n    maxHeight !== undefined,\n  );\n\n  const { theme: ndlTheme } = useNeedleTheme();\n  const [loadedLanguage, setLoadedLanguage] = useState<\n    LanguageProp | 'text' | null\n  >(null);\n\n  useEffect(() => {\n    if (language === undefined || language === 'text') {\n      setLoadedLanguage('text');\n      return;\n    }\n\n    loadLanguage(language)\n      .then((module) => {\n        SyntaxHighlighter.registerLanguage(language, module.default);\n        setLoadedLanguage(language);\n      })\n      // TODO: add visual feedback for the user\n      .catch((err) => console.error(err));\n  }, [language]);\n\n  const getTheme = () => {\n    switch (theme) {\n      case 'ndl-code-dark':\n        return ndlCodeDark;\n      case 'ndl-code-light':\n        return ndlCodeLight;\n      case 'vs':\n        return vs;\n      case 'base16-ateliersulphurpool.light':\n        return base16AteliersulphurpoolLight;\n      case 'coy':\n        return coy;\n      case 'duotone-light':\n        return duotoneLight;\n      case 'ghcolors':\n        return ghcolors;\n      case 'prism':\n        return prism;\n      case 'solarizedlight':\n        return solarizedlight;\n      default:\n        return ndlTheme === 'light' ? ndlCodeLight : ndlCodeDark;\n    }\n  };\n  const calculateRightPadding = (() => {\n    if (Boolean(heading) === false) {\n      const expandButtonCount = shouldShowExpandButton ? 1 : 0;\n      const actionCount = actions?.length ?? 0;\n      return Math.max(actionCount * 36, expandButtonCount * 36) + 8;\n    }\n  })();\n\n  return (\n    <CodeBlockWrapper\n      as={as}\n      className={className}\n      style={style}\n      ref={ref}\n      maxHeight={maxHeight}\n      code={code}\n      heading={heading}\n      isDisabled={isDisabled}\n      actions={actions}\n      shouldShowExpandButton={shouldShowExpandButton}\n      setShouldShowExpandButton={setShouldShowExpandButton}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <SyntaxHighlighter\n        language={loadedLanguage || 'text'}\n        style={{\n          ...getTheme(),\n          'pre[class*=\"language-\"]': {\n            border: 0,\n            color: 'var(--theme-color-neutral-text-default)',\n            lineHeight: '1',\n            padding: `0 ${calculateRightPadding ?? 0}px 0.75em 0.75em`,\n            width: 'fit-content',\n          },\n        }}\n        // Turn on 'shouldShowLineNumbers' & 'wrapLongLines' at the same time, the display is wrong\n        // https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/402\n        // wrapLongLines\n        codeTagProps={{ className: 'n-code' }}\n        showLineNumbers={shouldShowLineNumbers}\n      >\n        {code}\n      </SyntaxHighlighter>\n    </CodeBlockWrapper>\n  );\n};\n"]}

package/lib/esm/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    x: number;\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  /** 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  closeOnClickOutside?: 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\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  isPortaled: isPortaledProp,\n  strategy: strategyProp,\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: 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: shouldCaptureFocus,\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      >\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 { 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    x: number;\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  closeOnClickOutside?: 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\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  isPortaled: isPortaledProp,\n  strategy: strategyProp,\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: 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: shouldCaptureFocus,\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      >\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"]}

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

@@ -77,16 +77,17 @@ export function usePopover({ isInitialOpen = false, placement = 'bottom', isOpen
     const { styles: transitionStyles } = useTransitionStyles(context, {
         duration: (_a = Number.parseInt(tokens.motion.duration.quick)) !== null && _a !== void 0 ? _a : 0,
     });
-    return useMemo(() => (Object.assign(Object.assign(Object.assign({ isOpen }, interactions), data), { transitionStyles,
-        labelId,
+    return useMemo(() => (Object.assign(Object.assign(Object.assign({}, data), interactions), { anchorElementAsPortalAnchor,
         descriptionId,
-        setLabelId,
-        setDescriptionId,
-        anchorElementAsPortalAnchor,
-        shouldCaptureFocus,
         initialFocus,
+        isOpen,
         isPortaled,
-        returnFocus })), [
+        labelId,
+        returnFocus,
+        setDescriptionId,
+        setLabelId,
+        shouldCaptureFocus,
+        transitionStyles })), [
         isOpen,
         interactions,
         data,