@neo4j-ndl/react 4.9.34 → 4.9.36

package/lib/cjs/drawer/Drawer.js

@@ -78,6 +78,7 @@ function DrawerResizeHandle({ handleSide, onResizeBy, valueMax, valueMin, valueN
         tabIndex: 0 }));
 }
 const DrawerComponent = function DrawerComponent(_a) {
+    var _b;
     var { children, className = '', isExpanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, isCloseable = true, isPortaled = false, portalProps = {}, closeOnEscape = type === 'modal' ? true : false, closeOnClickOutside = false, ariaLabel, htmlAttributes, style, ref, as } = _a, restProps = __rest(_a, ["children", "className", "isExpanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "isCloseable", "isPortaled", "portalProps", "closeOnEscape", "closeOnClickOutside", "ariaLabel", "htmlAttributes", "style", "ref", "as"]);
     const resizableRef = (0, react_2.useRef)(null);
     const [resizeWidth, setResizeWidth] = (0, react_2.useState)(0);
@@ -151,7 +152,7 @@ const DrawerComponent = function DrawerComponent(_a) {
     const resizableContent = ((0, jsx_runtime_1.jsxs)(re_resizable_1.Resizable, Object.assign({ as: Component, defaultSize: {
             height: '100%',
             width: 'auto',
-        } }, resizeableProps, { className: classes, style: Object.assign(Object.assign({ position: resizableStylePosition }, style), resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.style), boundsByDirection: true, bounds: "parent", handleStyles: Object.assign(Object.assign({}, (position === 'left' && { right: { right: '-8px' } })), (position === 'right' && { left: { left: '-8px' } })), enable: {
+        } }, resizeableProps, { className: classes, style: Object.assign(Object.assign({ position: resizableStylePosition }, style), resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.style), boundsByDirection: true, bounds: (_b = resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.bounds) !== null && _b !== void 0 ? _b : 'parent', handleStyles: Object.assign(Object.assign({}, (position === 'left' && { right: { right: '-8px' } })), (position === 'right' && { left: { left: '-8px' } })), enable: {
             bottom: false,
             bottomLeft: false,
             bottomRight: false,

package/lib/cjs/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.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  FloatingOverlay,\n  FloatingPortal,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useRole,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { Resizable, type ResizableProps } from 're-resizable';\nimport type React from 'react';\nimport {\n  type ComponentProps,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { XMarkIconOutline } from '../icons';\nimport { Typography } from '../typography';\n\ntype DrawerPosition = 'left' | 'right';\n\ntype DrawerType = 'overlay' | 'push' | 'modal';\n\ntype DrawerProps = {\n  /** Controls whether the drawer is open (expanded) or closed (collapsed). */\n  isExpanded: boolean;\n\n  /** Callback fired when the drawer's expanded state changes (close button, Escape, click outside, or programmatic change). */\n  onExpandedChange?: (expanded: boolean) => void;\n\n  /** Position where the drawer appears on screen. By default, it appears from the left. */\n  position?: DrawerPosition;\n\n  /** How the drawer affects the layout of sibling content. By default, it overlays content. */\n  type?: DrawerType;\n\n  /** Enables horizontal resizing of the drawer, by default it is not resizable. */\n  isResizeable?: boolean;\n\n  /** To use this prop the isResizeable prop must be set to true. For overriding the third party library props: https://github.com/bokuweb/re-resizable */\n  resizeableProps?: ResizableProps;\n\n  /** Whether a close button (X) is displayed in the drawer. */\n  isCloseable?: boolean;\n\n  /** Whether to portal the content. Only applies when type is \"overlay\". Type \"modal\" is always portaled.*/\n  isPortaled?: boolean;\n\n  // TODO v5: this should maybe be default on portaled in the future\n  /**\n   * Whether pressing Escape closes the drawer. Should be set to true for overlay drawers.\n   * - When type is \"modal\", this defaults to true.\n   * - When type is \"overlay\", this defaults to false.\n   * - When type is \"push\", no effect.\n   */\n  closeOnEscape?: boolean;\n\n  // TODO v5: this should maybe be default on overlay in the future\n  /**\n   * When type is \"overlay\", whether clicking outside the drawer closes it. Should be set to true for overlay drawers.\n   * - When type is \"overlay\" or \"modal\", this defaults to false.\n   * - When type is \"push\", no effect.\n   */\n  closeOnClickOutside?: boolean;\n\n  // TODO v5: remove this prop\n  /**\n   *  @deprecated overlay are now focus trapped by default, this prop has no effect anymore.\n   */\n  closeOnFocusOut?: boolean;\n\n  /** The content to display within the drawer. */\n  children: React.ReactNode;\n\n  /**\n   * Props to pass to the portal from @floating-ui/react FloatingPortal\n   * Only applies when type is \"overlay\" and isPortaled is true, or if type is \"modal\".\n   * @see https://floating-ui.com/docs/floatingportal\n   */\n  portalProps?: ComponentProps<typeof FloatingPortal>;\n} & (\n  | {\n      type: 'modal';\n      /** The aria-label to apply to the drawer. Required for accessibility when type is \"modal\" or \"overlay\".*/\n      ariaLabel: string;\n    }\n  | {\n      type?: 'push' | 'overlay';\n      // TODO v5: aria label should be required when type is \"overlay\" too.\n      ariaLabel?: string;\n    }\n);\n\nconst KEYBOARD_RESIZE_STEP_PX = 16;\n\nfunction parsePixelSize(\n  value: string | number | undefined,\n): number | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (typeof value === 'number') {\n    return value;\n  }\n  const parsed = parseInt(value.replace(/px$/i, ''), 10);\n  return Number.isNaN(parsed) ? undefined : parsed;\n}\n\ntype DrawerResizeHandleProps = {\n  /** Which edge this handle resizes (right = drawer’s right edge, left = drawer’s left edge). */\n  handleSide: 'left' | 'right';\n  /** Called with a pixel delta to apply to the drawer width (positive = wider). */\n  onResizeBy: (delta: number) => void;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  /** Current width in pixels (for aria-valuenow). */\n  valueNow?: number;\n  /** Minimum width in pixels (for aria-valuemin). */\n  valueMin?: number;\n  /** Maximum width in pixels (for aria-valuemax). */\n  valueMax?: number;\n};\n\nfunction DrawerResizeHandle({\n  handleSide,\n  onResizeBy,\n  valueMax,\n  valueMin,\n  valueNow,\n}: DrawerResizeHandleProps) {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const isArrowKey = e.key === 'ArrowLeft' || e.key === 'ArrowRight';\n      if (isArrowKey) {\n        e.preventDefault();\n        const delta =\n          handleSide === 'right'\n            ? e.key === 'ArrowRight'\n              ? KEYBOARD_RESIZE_STEP_PX\n              : -KEYBOARD_RESIZE_STEP_PX\n            : e.key === 'ArrowLeft'\n              ? KEYBOARD_RESIZE_STEP_PX\n              : -KEYBOARD_RESIZE_STEP_PX;\n        onResizeBy(delta);\n      }\n    },\n    [handleSide, onResizeBy],\n  );\n\n  return (\n    /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- Resize handle is focusable for keyboard resize. */\n    <div\n      aria-label={`Resize drawer with arrow keys. Handle on ${handleSide}.`}\n      aria-orientation=\"vertical\"\n      aria-valuemax={valueMax}\n      aria-valuemin={valueMin}\n      aria-valuenow={valueNow ?? 0}\n      aria-valuetext={`drawer width ${valueNow ?? 0}px`}\n      className=\"ndl-drawer-resize-handle\"\n      data-drawer-handle={handleSide}\n      onKeyDown={handleKeyDown}\n      role=\"separator\"\n      style={{ height: '100%', width: '100%' }}\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- Resize handle is focusable for keyboard resize.\n      tabIndex={0}\n    />\n  );\n}\n\nconst DrawerComponent = function DrawerComponent<\n  T extends React.ElementType = 'div',\n>({\n  children,\n  className = '',\n  isExpanded,\n  onExpandedChange,\n  position = 'left',\n  type = 'overlay',\n  isResizeable = false,\n  resizeableProps,\n  isCloseable = true,\n  isPortaled = false,\n  portalProps = {},\n  closeOnEscape = type === 'modal' ? true : false,\n  closeOnClickOutside = false,\n  ariaLabel,\n  htmlAttributes,\n  style,\n  ref,\n  as,\n  ...restProps\n}: PolymorphicCommonProps<T, DrawerProps>) {\n  const resizableRef = useRef<Resizable | null>(null);\n  const [resizeWidth, setResizeWidth] = useState<number>(0);\n\n  if ((type === 'modal' || type === 'overlay') && !ariaLabel) {\n    needleWarningMessage(\n      'A Drawer should have an aria-label when type is \"modal\" or \"overlay\" to be accessible.',\n    );\n  }\n\n  const { refs, context } = useFloating({\n    onOpenChange: onExpandedChange,\n    open: isExpanded,\n  });\n\n  /** Dismiss (escape + click outside) applies to portaled overlay and to non-portaled overlay. */\n  const shouldUseDismiss =\n    type === 'modal' ||\n    (type === 'overlay' && !isPortaled && isExpanded) ||\n    (type === 'overlay' && isPortaled);\n\n  const dismiss = useDismiss(context, {\n    enabled: shouldUseDismiss,\n    escapeKey: closeOnEscape && type !== 'push',\n    outsidePress: closeOnClickOutside && type !== 'push',\n  });\n  const role = useRole(context, {\n    enabled: type === 'modal' || type === 'overlay',\n    role: 'dialog',\n  });\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const resizableMergedRef = useMergeRefs([resizableRef, ref]);\n\n  const handleResizeBy = useCallback(\n    (delta: number) => {\n      if (!resizableRef.current) {\n        return;\n      }\n      const current = resizableRef.current.size;\n      const min = parsePixelSize(resizeableProps?.minWidth);\n      const max = parsePixelSize(resizeableProps?.maxWidth);\n      const newWidth = Math.max(\n        min ?? 0,\n        Math.min(max ?? Number.POSITIVE_INFINITY, current.width + delta),\n      );\n      resizableRef.current.updateSize({\n        height: '100%',\n        width: newWidth,\n      });\n      setResizeWidth(newWidth);\n    },\n    [resizeableProps?.minWidth, resizeableProps?.maxWidth],\n  );\n\n  const handleResize = useCallback(\n    (\n      event: MouseEvent | TouchEvent,\n      direction: Parameters<NonNullable<ResizableProps['onResize']>>[1],\n      elementRef: HTMLElement,\n      delta: { width: number; height: number },\n    ) => {\n      setResizeWidth(elementRef.offsetWidth);\n      resizeableProps?.onResize?.(event, direction, elementRef, delta);\n    },\n    [resizeableProps],\n  );\n\n  useEffect(() => {\n    if (!isResizeable || !resizableRef.current) {\n      return;\n    }\n    const width = resizableRef.current.size.width;\n    if (width > 0) {\n      setResizeWidth(width);\n    }\n  }, [isResizeable]);\n\n  const classes = classNames('ndl-drawer', className, {\n    'ndl-drawer-expanded': isExpanded,\n    'ndl-drawer-left': position === 'left',\n    'ndl-drawer-modal': type === 'modal',\n    'ndl-drawer-overlay': type === 'overlay',\n    'ndl-drawer-portaled': isPortaled && type === 'overlay',\n    'ndl-drawer-push': type === 'push',\n    'ndl-drawer-right': position === 'right',\n  });\n\n  const resizableStylePosition = type === 'overlay' ? 'absolute' : 'relative';\n  const Component = as ?? 'div';\n\n  const handleClose = useCallback(() => {\n    onExpandedChange?.(false);\n  }, [onExpandedChange]);\n\n  const closeButton = useMemo(\n    () =>\n      isCloseable || type === 'modal' ? (\n        <CleanIconButton\n          className=\"ndl-drawer-close-button\"\n          onClick={handleClose}\n          description={null}\n          size=\"medium\"\n          htmlAttributes={{\n            'aria-label': 'Close',\n          }}\n        >\n          <XMarkIconOutline />\n        </CleanIconButton>\n      ) : null,\n    [handleClose, isCloseable, type],\n  );\n\n  const resizableContent = (\n    <Resizable\n      as={Component}\n      defaultSize={{\n        height: '100%',\n        width: 'auto',\n      }}\n      {...resizeableProps}\n      className={classes}\n      style={{\n        position: resizableStylePosition,\n        ...style,\n        ...resizeableProps?.style,\n      }}\n      boundsByDirection={true}\n      bounds=\"parent\"\n      handleStyles={{\n        /*\n         * Small offset so the handle is easier to hit when the drawer content is scrollable.\n         */\n        ...(position === 'left' && { right: { right: '-8px' } }),\n        ...(position === 'right' && { left: { left: '-8px' } }),\n      }}\n      enable={{\n        bottom: false,\n        bottomLeft: false,\n        bottomRight: false,\n        left: position === 'right',\n        right: position === 'left',\n        top: false,\n        topLeft: false,\n        topRight: false,\n      }}\n      handleComponent={\n        position === 'left'\n          ? {\n              right: (\n                <DrawerResizeHandle\n                  handleSide=\"right\"\n                  onResizeBy={handleResizeBy}\n                  valueMax={parsePixelSize(resizeableProps?.maxWidth)}\n                  valueMin={parsePixelSize(resizeableProps?.minWidth)}\n                  valueNow={resizeWidth}\n                />\n              ),\n            }\n          : {\n              left: (\n                <DrawerResizeHandle\n                  handleSide=\"left\"\n                  onResizeBy={handleResizeBy}\n                  valueMax={parsePixelSize(resizeableProps?.maxWidth)}\n                  valueMin={parsePixelSize(resizeableProps?.minWidth)}\n                  valueNow={resizeWidth}\n                />\n              ),\n            }\n      }\n      onResize={handleResize}\n      ref={resizableMergedRef}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {closeButton}\n      {children}\n    </Resizable>\n  );\n\n  const regularContent = (\n    <Component\n      className={classNames(classes)}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {closeButton}\n      {children}\n    </Component>\n  );\n\n  /** what content to render*/\n  const content = isResizeable ? resizableContent : regularContent;\n\n  // const floatingRefs = useMergeRefs([refs.setFloating, refs.setReference]);\n\n  /** modal behavior */\n  if (type === 'modal' && isExpanded) {\n    return (\n      <FloatingPortal {...portalProps}>\n        <FloatingOverlay\n          className=\"ndl-drawer-overlay-root\"\n          lockScroll={true}\n        />\n        <FloatingFocusManager context={context} modal={true} returnFocus={true}>\n          <div\n            ref={refs.setFloating}\n            {...getFloatingProps()}\n            aria-label={ariaLabel}\n            aria-modal=\"true\"\n          >\n            {content}\n          </div>\n        </FloatingFocusManager>\n      </FloatingPortal>\n    );\n  }\n\n  if (type === 'overlay' && isExpanded) {\n    return (\n      <ConditionalWrap\n        shouldWrap={isPortaled}\n        wrap={(wrapChildren) => (\n          <FloatingPortal preserveTabOrder={true} {...portalProps}>\n            {wrapChildren}\n          </FloatingPortal>\n        )}\n      >\n        <FloatingFocusManager\n          disabled={!isExpanded}\n          context={context}\n          modal={true}\n          returnFocus={true}\n        >\n          <div\n            ref={refs.setFloating}\n            {...getFloatingProps()}\n            aria-label={ariaLabel}\n            aria-modal=\"true\"\n          >\n            {content}\n          </div>\n        </FloatingFocusManager>\n      </ConditionalWrap>\n    );\n  }\n\n  return content;\n};\n\nDrawerComponent.displayName = 'Drawer';\n\ntype DrawerHeaderProps = {\n  children: React.ReactNode;\n  className?: string;\n  // TODO v5: fix the typing on the Drawer subcomponents to use the common props type. Also, this is not an h5 haha. Should be polymorphic I guess, maybe default to h2 as we've recommended.\n  htmlAttributes?: HtmlAttributes<'h5'>;\n};\n\nconst DrawerHeader = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerHeaderProps) => {\n  const classes = classNames('ndl-drawer-header', className);\n\n  if (typeof children === 'string' || typeof children === 'number') {\n    return (\n      <Typography\n        className={classes}\n        variant=\"title-3\"\n        {...restProps}\n        {...htmlAttributes}\n      >\n        {children}\n      </Typography>\n    );\n  }\n\n  return (\n    <div className={classes} {...restProps} {...htmlAttributes}>\n      {children}\n    </div>\n  );\n};\n\ntype DrawerActionsProps = {\n  children: React.ReactNode;\n  className?: string;\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst DrawerActions = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerActionsProps) => {\n  const classes = classNames('ndl-drawer-actions', className);\n\n  return (\n    <div className={classes} {...restProps} {...htmlAttributes}>\n      {children}\n    </div>\n  );\n};\n\ntype DrawerBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst DrawerBody = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerBodyProps) => {\n  const classes = classNames('ndl-drawer-body', className);\n\n  return (\n    <div className=\"ndl-drawer-body-wrapper\">\n      <div className={classes} {...restProps} {...htmlAttributes}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nconst Drawer = Object.assign(DrawerComponent, {\n  Actions: DrawerActions,\n  Body: DrawerBody,\n  Header: DrawerHeader,\n});\n\nexport { Drawer };\n"]}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.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  FloatingOverlay,\n  FloatingPortal,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useRole,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { Resizable, type ResizableProps } from 're-resizable';\nimport type React from 'react';\nimport {\n  type ComponentProps,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { XMarkIconOutline } from '../icons';\nimport { Typography } from '../typography';\n\ntype DrawerPosition = 'left' | 'right';\n\ntype DrawerType = 'overlay' | 'push' | 'modal';\n\ntype DrawerProps = {\n  /** Controls whether the drawer is open (expanded) or closed (collapsed). */\n  isExpanded: boolean;\n\n  /** Callback fired when the drawer's expanded state changes (close button, Escape, click outside, or programmatic change). */\n  onExpandedChange?: (expanded: boolean) => void;\n\n  /** Position where the drawer appears on screen. By default, it appears from the left. */\n  position?: DrawerPosition;\n\n  /** How the drawer affects the layout of sibling content. By default, it overlays content. */\n  type?: DrawerType;\n\n  /** Enables horizontal resizing of the drawer, by default it is not resizable. */\n  isResizeable?: boolean;\n\n  /** To use this prop the isResizeable prop must be set to true. For overriding the third party library props: https://github.com/bokuweb/re-resizable\n   * The property enable has default values set for bottom, bottomLeft etc based on the position prop.\n   */\n  resizeableProps?: ResizableProps;\n\n  /** Whether a close button (X) is displayed in the drawer. */\n  isCloseable?: boolean;\n\n  /** Whether to portal the content. Only applies when type is \"overlay\". Type \"modal\" is always portaled.*/\n  isPortaled?: boolean;\n\n  // TODO v5: this should maybe be default on portaled in the future\n  /**\n   * Whether pressing Escape closes the drawer. Should be set to true for overlay drawers.\n   * - When type is \"modal\", this defaults to true.\n   * - When type is \"overlay\", this defaults to false.\n   * - When type is \"push\", no effect.\n   */\n  closeOnEscape?: boolean;\n\n  // TODO v5: this should maybe be default on overlay in the future\n  /**\n   * When type is \"overlay\", whether clicking outside the drawer closes it. Should be set to true for overlay drawers.\n   * - When type is \"overlay\" or \"modal\", this defaults to false.\n   * - When type is \"push\", no effect.\n   */\n  closeOnClickOutside?: boolean;\n\n  // TODO v5: remove this prop\n  /**\n   *  @deprecated overlay are now focus trapped by default, this prop has no effect anymore.\n   */\n  closeOnFocusOut?: boolean;\n\n  /** The content to display within the drawer. */\n  children: React.ReactNode;\n\n  /**\n   * Props to pass to the portal from @floating-ui/react FloatingPortal\n   * Only applies when type is \"overlay\" and isPortaled is true, or if type is \"modal\".\n   * @see https://floating-ui.com/docs/floatingportal\n   */\n  portalProps?: ComponentProps<typeof FloatingPortal>;\n} & (\n  | {\n      type: 'modal';\n      /** The aria-label to apply to the drawer. Required for accessibility when type is \"modal\" or \"overlay\".*/\n      ariaLabel: string;\n    }\n  | {\n      type?: 'push' | 'overlay';\n      // TODO v5: aria label should be required when type is \"overlay\" too.\n      ariaLabel?: string;\n    }\n);\n\nconst KEYBOARD_RESIZE_STEP_PX = 16;\n\nfunction parsePixelSize(\n  value: string | number | undefined,\n): number | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (typeof value === 'number') {\n    return value;\n  }\n  const parsed = parseInt(value.replace(/px$/i, ''), 10);\n  return Number.isNaN(parsed) ? undefined : parsed;\n}\n\ntype DrawerResizeHandleProps = {\n  /** Which edge this handle resizes (right = drawer’s right edge, left = drawer’s left edge). */\n  handleSide: 'left' | 'right';\n  /** Called with a pixel delta to apply to the drawer width (positive = wider). */\n  onResizeBy: (delta: number) => void;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  /** Current width in pixels (for aria-valuenow). */\n  valueNow?: number;\n  /** Minimum width in pixels (for aria-valuemin). */\n  valueMin?: number;\n  /** Maximum width in pixels (for aria-valuemax). */\n  valueMax?: number;\n};\n\nfunction DrawerResizeHandle({\n  handleSide,\n  onResizeBy,\n  valueMax,\n  valueMin,\n  valueNow,\n}: DrawerResizeHandleProps) {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const isArrowKey = e.key === 'ArrowLeft' || e.key === 'ArrowRight';\n      if (isArrowKey) {\n        e.preventDefault();\n        const delta =\n          handleSide === 'right'\n            ? e.key === 'ArrowRight'\n              ? KEYBOARD_RESIZE_STEP_PX\n              : -KEYBOARD_RESIZE_STEP_PX\n            : e.key === 'ArrowLeft'\n              ? KEYBOARD_RESIZE_STEP_PX\n              : -KEYBOARD_RESIZE_STEP_PX;\n        onResizeBy(delta);\n      }\n    },\n    [handleSide, onResizeBy],\n  );\n\n  return (\n    /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- Resize handle is focusable for keyboard resize. */\n    <div\n      aria-label={`Resize drawer with arrow keys. Handle on ${handleSide}.`}\n      aria-orientation=\"vertical\"\n      aria-valuemax={valueMax}\n      aria-valuemin={valueMin}\n      aria-valuenow={valueNow ?? 0}\n      aria-valuetext={`drawer width ${valueNow ?? 0}px`}\n      className=\"ndl-drawer-resize-handle\"\n      data-drawer-handle={handleSide}\n      onKeyDown={handleKeyDown}\n      role=\"separator\"\n      style={{ height: '100%', width: '100%' }}\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- Resize handle is focusable for keyboard resize.\n      tabIndex={0}\n    />\n  );\n}\n\nconst DrawerComponent = function DrawerComponent<\n  T extends React.ElementType = 'div',\n>({\n  children,\n  className = '',\n  isExpanded,\n  onExpandedChange,\n  position = 'left',\n  type = 'overlay',\n  isResizeable = false,\n  resizeableProps,\n  isCloseable = true,\n  isPortaled = false,\n  portalProps = {},\n  closeOnEscape = type === 'modal' ? true : false,\n  closeOnClickOutside = false,\n  ariaLabel,\n  htmlAttributes,\n  style,\n  ref,\n  as,\n  ...restProps\n}: PolymorphicCommonProps<T, DrawerProps>) {\n  const resizableRef = useRef<Resizable | null>(null);\n  const [resizeWidth, setResizeWidth] = useState<number>(0);\n\n  if ((type === 'modal' || type === 'overlay') && !ariaLabel) {\n    needleWarningMessage(\n      'A Drawer should have an aria-label when type is \"modal\" or \"overlay\" to be accessible.',\n    );\n  }\n\n  const { refs, context } = useFloating({\n    onOpenChange: onExpandedChange,\n    open: isExpanded,\n  });\n\n  /** Dismiss (escape + click outside) applies to portaled overlay and to non-portaled overlay. */\n  const shouldUseDismiss =\n    type === 'modal' ||\n    (type === 'overlay' && !isPortaled && isExpanded) ||\n    (type === 'overlay' && isPortaled);\n\n  const dismiss = useDismiss(context, {\n    enabled: shouldUseDismiss,\n    escapeKey: closeOnEscape && type !== 'push',\n    outsidePress: closeOnClickOutside && type !== 'push',\n  });\n  const role = useRole(context, {\n    enabled: type === 'modal' || type === 'overlay',\n    role: 'dialog',\n  });\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const resizableMergedRef = useMergeRefs([resizableRef, ref]);\n\n  const handleResizeBy = useCallback(\n    (delta: number) => {\n      if (!resizableRef.current) {\n        return;\n      }\n      const current = resizableRef.current.size;\n      const min = parsePixelSize(resizeableProps?.minWidth);\n      const max = parsePixelSize(resizeableProps?.maxWidth);\n      const newWidth = Math.max(\n        min ?? 0,\n        Math.min(max ?? Number.POSITIVE_INFINITY, current.width + delta),\n      );\n      resizableRef.current.updateSize({\n        height: '100%',\n        width: newWidth,\n      });\n      setResizeWidth(newWidth);\n    },\n    [resizeableProps?.minWidth, resizeableProps?.maxWidth],\n  );\n\n  const handleResize = useCallback(\n    (\n      event: MouseEvent | TouchEvent,\n      direction: Parameters<NonNullable<ResizableProps['onResize']>>[1],\n      elementRef: HTMLElement,\n      delta: { width: number; height: number },\n    ) => {\n      setResizeWidth(elementRef.offsetWidth);\n      resizeableProps?.onResize?.(event, direction, elementRef, delta);\n    },\n    [resizeableProps],\n  );\n\n  useEffect(() => {\n    if (!isResizeable || !resizableRef.current) {\n      return;\n    }\n    const width = resizableRef.current.size.width;\n    if (width > 0) {\n      setResizeWidth(width);\n    }\n  }, [isResizeable]);\n\n  const classes = classNames('ndl-drawer', className, {\n    'ndl-drawer-expanded': isExpanded,\n    'ndl-drawer-left': position === 'left',\n    'ndl-drawer-modal': type === 'modal',\n    'ndl-drawer-overlay': type === 'overlay',\n    'ndl-drawer-portaled': isPortaled && type === 'overlay',\n    'ndl-drawer-push': type === 'push',\n    'ndl-drawer-right': position === 'right',\n  });\n\n  const resizableStylePosition = type === 'overlay' ? 'absolute' : 'relative';\n  const Component = as ?? 'div';\n\n  const handleClose = useCallback(() => {\n    onExpandedChange?.(false);\n  }, [onExpandedChange]);\n\n  const closeButton = useMemo(\n    () =>\n      isCloseable || type === 'modal' ? (\n        <CleanIconButton\n          className=\"ndl-drawer-close-button\"\n          onClick={handleClose}\n          description={null}\n          size=\"medium\"\n          htmlAttributes={{\n            'aria-label': 'Close',\n          }}\n        >\n          <XMarkIconOutline />\n        </CleanIconButton>\n      ) : null,\n    [handleClose, isCloseable, type],\n  );\n\n  const resizableContent = (\n    <Resizable\n      as={Component}\n      defaultSize={{\n        height: '100%',\n        width: 'auto',\n      }}\n      {...resizeableProps}\n      className={classes}\n      style={{\n        position: resizableStylePosition,\n        ...style,\n        ...resizeableProps?.style,\n      }}\n      boundsByDirection={true}\n      bounds={resizeableProps?.bounds ?? 'parent'}\n      handleStyles={{\n        /*\n         * Small offset so the handle is easier to hit when the drawer content is scrollable.\n         */\n        ...(position === 'left' && { right: { right: '-8px' } }),\n        ...(position === 'right' && { left: { left: '-8px' } }),\n      }}\n      enable={{\n        bottom: false,\n        bottomLeft: false,\n        bottomRight: false,\n        left: position === 'right',\n        right: position === 'left',\n        top: false,\n        topLeft: false,\n        topRight: false,\n      }}\n      handleComponent={\n        position === 'left'\n          ? {\n              right: (\n                <DrawerResizeHandle\n                  handleSide=\"right\"\n                  onResizeBy={handleResizeBy}\n                  valueMax={parsePixelSize(resizeableProps?.maxWidth)}\n                  valueMin={parsePixelSize(resizeableProps?.minWidth)}\n                  valueNow={resizeWidth}\n                />\n              ),\n            }\n          : {\n              left: (\n                <DrawerResizeHandle\n                  handleSide=\"left\"\n                  onResizeBy={handleResizeBy}\n                  valueMax={parsePixelSize(resizeableProps?.maxWidth)}\n                  valueMin={parsePixelSize(resizeableProps?.minWidth)}\n                  valueNow={resizeWidth}\n                />\n              ),\n            }\n      }\n      onResize={handleResize}\n      ref={resizableMergedRef}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {closeButton}\n      {children}\n    </Resizable>\n  );\n\n  const regularContent = (\n    <Component\n      className={classNames(classes)}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {closeButton}\n      {children}\n    </Component>\n  );\n\n  /** what content to render*/\n  const content = isResizeable ? resizableContent : regularContent;\n\n  // const floatingRefs = useMergeRefs([refs.setFloating, refs.setReference]);\n\n  /** modal behavior */\n  if (type === 'modal' && isExpanded) {\n    return (\n      <FloatingPortal {...portalProps}>\n        <FloatingOverlay\n          className=\"ndl-drawer-overlay-root\"\n          lockScroll={true}\n        />\n        <FloatingFocusManager context={context} modal={true} returnFocus={true}>\n          <div\n            ref={refs.setFloating}\n            {...getFloatingProps()}\n            aria-label={ariaLabel}\n            aria-modal=\"true\"\n          >\n            {content}\n          </div>\n        </FloatingFocusManager>\n      </FloatingPortal>\n    );\n  }\n\n  if (type === 'overlay' && isExpanded) {\n    return (\n      <ConditionalWrap\n        shouldWrap={isPortaled}\n        wrap={(wrapChildren) => (\n          <FloatingPortal preserveTabOrder={true} {...portalProps}>\n            {wrapChildren}\n          </FloatingPortal>\n        )}\n      >\n        <FloatingFocusManager\n          disabled={!isExpanded}\n          context={context}\n          modal={true}\n          returnFocus={true}\n        >\n          <div\n            ref={refs.setFloating}\n            {...getFloatingProps()}\n            aria-label={ariaLabel}\n            aria-modal=\"true\"\n          >\n            {content}\n          </div>\n        </FloatingFocusManager>\n      </ConditionalWrap>\n    );\n  }\n\n  return content;\n};\n\nDrawerComponent.displayName = 'Drawer';\n\ntype DrawerHeaderProps = {\n  children: React.ReactNode;\n  className?: string;\n  // TODO v5: fix the typing on the Drawer subcomponents to use the common props type. Also, this is not an h5 haha. Should be polymorphic I guess, maybe default to h2 as we've recommended.\n  htmlAttributes?: HtmlAttributes<'h5'>;\n};\n\nconst DrawerHeader = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerHeaderProps) => {\n  const classes = classNames('ndl-drawer-header', className);\n\n  if (typeof children === 'string' || typeof children === 'number') {\n    return (\n      <Typography\n        className={classes}\n        variant=\"title-3\"\n        {...restProps}\n        {...htmlAttributes}\n      >\n        {children}\n      </Typography>\n    );\n  }\n\n  return (\n    <div className={classes} {...restProps} {...htmlAttributes}>\n      {children}\n    </div>\n  );\n};\n\ntype DrawerActionsProps = {\n  children: React.ReactNode;\n  className?: string;\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst DrawerActions = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerActionsProps) => {\n  const classes = classNames('ndl-drawer-actions', className);\n\n  return (\n    <div className={classes} {...restProps} {...htmlAttributes}>\n      {children}\n    </div>\n  );\n};\n\ntype DrawerBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst DrawerBody = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerBodyProps) => {\n  const classes = classNames('ndl-drawer-body', className);\n\n  return (\n    <div className=\"ndl-drawer-body-wrapper\">\n      <div className={classes} {...restProps} {...htmlAttributes}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nconst Drawer = Object.assign(DrawerComponent, {\n  Actions: DrawerActions,\n  Body: DrawerBody,\n  Header: DrawerHeader,\n});\n\nexport { Drawer };\n"]}

package/lib/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRenderDebugger = exports.useResizeObserver = exports.useEventListener = exports.useScrollLock = exports.useCopyToClipboard = exports.useMediaQuery = exports.useInterval = exports.useOnClickOutside = exports.useWindowSize = exports.useDebounceCallback = exports.useDebounceValue = void 0;
+exports.useRenderDebugger = exports.useDebounceCallback = exports.useResizeObserver = exports.useEventListener = exports.useScrollLock = exports.useCopyToClipboard = exports.useMediaQuery = exports.useInterval = exports.useOnClickOutside = exports.useWindowSize = exports.useDebounceValue = void 0;
 exports.usePrevious = usePrevious;
 exports.useEffectDebugger = useEffectDebugger;
 exports.useRenderCount = useRenderCount;
@@ -27,7 +27,6 @@ exports.useRenderCount = useRenderCount;
 const react_1 = require("react");
 var usehooks_ts_1 = require("usehooks-ts");
 Object.defineProperty(exports, "useDebounceValue", { enumerable: true, get: function () { return usehooks_ts_1.useDebounceValue; } });
-Object.defineProperty(exports, "useDebounceCallback", { enumerable: true, get: function () { return usehooks_ts_1.useDebounceCallback; } });
 Object.defineProperty(exports, "useWindowSize", { enumerable: true, get: function () { return usehooks_ts_1.useWindowSize; } });
 Object.defineProperty(exports, "useOnClickOutside", { enumerable: true, get: function () { return usehooks_ts_1.useOnClickOutside; } });
 Object.defineProperty(exports, "useInterval", { enumerable: true, get: function () { return usehooks_ts_1.useInterval; } });
@@ -36,6 +35,8 @@ Object.defineProperty(exports, "useCopyToClipboard", { enumerable: true, get: fu
 Object.defineProperty(exports, "useScrollLock", { enumerable: true, get: function () { return usehooks_ts_1.useScrollLock; } });
 Object.defineProperty(exports, "useEventListener", { enumerable: true, get: function () { return usehooks_ts_1.useEventListener; } });
 Object.defineProperty(exports, "useResizeObserver", { enumerable: true, get: function () { return usehooks_ts_1.useResizeObserver; } });
+const use_debounce_callback_1 = require("./use-debounce-callback");
+Object.defineProperty(exports, "useDebounceCallback", { enumerable: true, get: function () { return use_debounce_callback_1.useDebounceCallback; } });
 /**
  * Below are hooks that cannot be found in `usehooks-ts`
  * but are used in some projects.

package/lib/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { useEffect, useRef } from 'react';\n\nexport {\n  useDebounceValue,\n  useDebounceCallback,\n  useWindowSize,\n  useOnClickOutside,\n  useInterval,\n  useMediaQuery,\n  useCopyToClipboard,\n  useScrollLock,\n  useEventListener,\n  useResizeObserver,\n} from 'usehooks-ts';\n\n/**\n * Below are hooks that cannot be found in `usehooks-ts`\n * but are used in some projects.\n * 1. usePrevious\n * 2. useEffectDebugger\n * 3. useRenderCount\n */\n\n/**\n * The `usePrevious` hook tracks a variable's previous value in a functional component,\n * useful for comparing current and past values to trigger actions or render changes.\n */\nexport function usePrevious<T>(value: T): T | null {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n\n  const ref = useRef<T>(null);\n  // Store current value in ref\n  useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n\n/**\n * The `useEffectDebugger` hook is a wrapper around the `useEffect` hook\n * that logs the dependencies of the effect when they change.\n *\n * Uses the `usePrevious` hook.\n *\n * Source: https://stackoverflow.com/a/59843241/3247715\n */\nexport function useEffectDebugger(\n  effectHook: React.EffectCallback,\n  dependencies: unknown[],\n  dependencyNames: string[] = [],\n) {\n  const previousDeps = usePrevious(dependencies);\n\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const changedDeps: any = dependencies.reduce((accum, dependency, index) => {\n    if (previousDeps === undefined) {\n      return accum;\n    }\n    if (previousDeps === null) {\n      return accum;\n    }\n    if (dependency !== previousDeps[index]) {\n      const keyName = dependencyNames[index] || index;\n      return {\n        // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n        ...(accum as any),\n        [keyName]: {\n          after: dependency,\n          before: previousDeps[index],\n        },\n      };\n    }\n\n    return accum;\n  }, {});\n\n  if (Object.keys(changedDeps).length) {\n    console.info('[use-effect-debugger] ', changedDeps);\n  }\n\n  useEffect(() => {\n    return effectHook();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependencies);\n}\n\n/**\n * The `useRenderCount` hook returns the number of times a component has rendered.\n */\nexport function useRenderCount() {\n  const count = useRef(0);\n\n  count.current++;\n\n  return count.current;\n}\n\n/**\n * The `useRenderDebugger` outputs to console what props or states are causing a render (or re-render) of a component\n * if all relevant props and states variables are passed to the hook.\n * For debugging purposes only.\n *\n * Howto use:\n * Place the hook at the top of the component you want to debug and call it like this:\n * useRenderDebugger('MyComponent', props);\n *\n * if there are state variables include them as well:\n *\n * useRenderDebugger('MyComponent', { ...props, stateVar1, stateVar2 });\n *\n * @param componentName Name of the component to debug\n * @param propsAndStates an object containing all props and states variables of the component\n */\nexport const useRenderDebugger = (\n  componentName: string,\n  propsAndStates: Record<string, unknown>,\n) => {\n  const prev = useRef(propsAndStates);\n\n  useEffect(() => {\n    const changedPropsOrState: Record<string, { old: unknown; new: unknown }> =\n      {};\n\n    Object.entries(propsAndStates).forEach(\n      ([key, newValue]: [string, unknown]) => {\n        if (prev.current[key] !== newValue) {\n          changedPropsOrState[key] = {\n            new: newValue,\n            old: prev.current[key],\n          };\n        }\n      },\n      {},\n    );\n\n    if (Object.keys(changedPropsOrState).length > 0) {\n      console.debug(\n        `[${componentName}] Re-rendered due to:`,\n        changedPropsOrState,\n      );\n    }\n\n    prev.current = propsAndStates;\n  });\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { useEffect, useRef } from 'react';\n\nexport {\n  useDebounceValue,\n  useWindowSize,\n  useOnClickOutside,\n  useInterval,\n  useMediaQuery,\n  useCopyToClipboard,\n  useScrollLock,\n  useEventListener,\n  useResizeObserver,\n} from 'usehooks-ts';\nimport { useDebounceCallback } from './use-debounce-callback';\nexport { useDebounceCallback };\n\n/**\n * Below are hooks that cannot be found in `usehooks-ts`\n * but are used in some projects.\n * 1. usePrevious\n * 2. useEffectDebugger\n * 3. useRenderCount\n */\n\n/**\n * The `usePrevious` hook tracks a variable's previous value in a functional component,\n * useful for comparing current and past values to trigger actions or render changes.\n */\nexport function usePrevious<T>(value: T): T | null {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n\n  const ref = useRef<T>(null);\n  // Store current value in ref\n  useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n\n/**\n * The `useEffectDebugger` hook is a wrapper around the `useEffect` hook\n * that logs the dependencies of the effect when they change.\n *\n * Uses the `usePrevious` hook.\n *\n * Source: https://stackoverflow.com/a/59843241/3247715\n */\nexport function useEffectDebugger(\n  effectHook: React.EffectCallback,\n  dependencies: unknown[],\n  dependencyNames: string[] = [],\n) {\n  const previousDeps = usePrevious(dependencies);\n\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const changedDeps: any = dependencies.reduce((accum, dependency, index) => {\n    if (previousDeps === undefined) {\n      return accum;\n    }\n    if (previousDeps === null) {\n      return accum;\n    }\n    if (dependency !== previousDeps[index]) {\n      const keyName = dependencyNames[index] || index;\n      return {\n        // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n        ...(accum as any),\n        [keyName]: {\n          after: dependency,\n          before: previousDeps[index],\n        },\n      };\n    }\n\n    return accum;\n  }, {});\n\n  if (Object.keys(changedDeps).length) {\n    console.info('[use-effect-debugger] ', changedDeps);\n  }\n\n  useEffect(() => {\n    return effectHook();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependencies);\n}\n\n/**\n * The `useRenderCount` hook returns the number of times a component has rendered.\n */\nexport function useRenderCount() {\n  const count = useRef(0);\n\n  count.current++;\n\n  return count.current;\n}\n\n/**\n * The `useRenderDebugger` outputs to console what props or states are causing a render (or re-render) of a component\n * if all relevant props and states variables are passed to the hook.\n * For debugging purposes only.\n *\n * Howto use:\n * Place the hook at the top of the component you want to debug and call it like this:\n * useRenderDebugger('MyComponent', props);\n *\n * if there are state variables include them as well:\n *\n * useRenderDebugger('MyComponent', { ...props, stateVar1, stateVar2 });\n *\n * @param componentName Name of the component to debug\n * @param propsAndStates an object containing all props and states variables of the component\n */\nexport const useRenderDebugger = (\n  componentName: string,\n  propsAndStates: Record<string, unknown>,\n) => {\n  const prev = useRef(propsAndStates);\n\n  useEffect(() => {\n    const changedPropsOrState: Record<string, { old: unknown; new: unknown }> =\n      {};\n\n    Object.entries(propsAndStates).forEach(\n      ([key, newValue]: [string, unknown]) => {\n        if (prev.current[key] !== newValue) {\n          changedPropsOrState[key] = {\n            new: newValue,\n            old: prev.current[key],\n          };\n        }\n      },\n      {},\n    );\n\n    if (Object.keys(changedPropsOrState).length > 0) {\n      console.debug(\n        `[${componentName}] Re-rendered due to:`,\n        changedPropsOrState,\n      );\n    }\n\n    prev.current = propsAndStates;\n  });\n};\n"]}

package/lib/cjs/hooks/use-debounce-callback/index.js

@@ -0,0 +1,162 @@
+"use strict";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDebounceCallback = useDebounceCallback;
+const react_1 = require("react");
+const createDebouncedFunction = (callback, delay, options) => {
+    var _a, _b;
+    let timeoutId;
+    let maxWaitTimeoutId;
+    let lastArgs;
+    let result;
+    const isLeading = (_a = options.leading) !== null && _a !== void 0 ? _a : false;
+    const isTrailing = (_b = options.trailing) !== null && _b !== void 0 ? _b : true;
+    const maxWait = options.maxWait;
+    const clearTimers = () => {
+        if (timeoutId !== undefined) {
+            clearTimeout(timeoutId);
+            timeoutId = undefined;
+        }
+        if (maxWaitTimeoutId !== undefined) {
+            clearTimeout(maxWaitTimeoutId);
+            maxWaitTimeoutId = undefined;
+        }
+    };
+    const invoke = () => {
+        if (lastArgs === undefined) {
+            return result;
+        }
+        const args = lastArgs;
+        lastArgs = undefined;
+        result = callback(...args);
+        return result;
+    };
+    const scheduleTrailing = () => {
+        if (!isTrailing) {
+            if (isLeading) {
+                if (timeoutId !== undefined) {
+                    clearTimeout(timeoutId);
+                }
+                timeoutId = setTimeout(() => {
+                    timeoutId = undefined;
+                }, delay);
+            }
+            return;
+        }
+        if (timeoutId !== undefined) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = undefined;
+            if (maxWaitTimeoutId !== undefined) {
+                clearTimeout(maxWaitTimeoutId);
+                maxWaitTimeoutId = undefined;
+            }
+            invoke();
+        }, delay);
+    };
+    const scheduleMaxWait = () => {
+        if (maxWait === undefined || maxWaitTimeoutId !== undefined) {
+            return;
+        }
+        maxWaitTimeoutId = setTimeout(() => {
+            if (timeoutId !== undefined) {
+                clearTimeout(timeoutId);
+                timeoutId = undefined;
+            }
+            maxWaitTimeoutId = undefined;
+            invoke();
+        }, maxWait);
+    };
+    const debounced = (...args) => {
+        const isFirstInvocationInBurst = timeoutId === undefined && maxWaitTimeoutId === undefined;
+        lastArgs = args;
+        if (isLeading && isFirstInvocationInBurst) {
+            result = callback(...args);
+            lastArgs = undefined;
+        }
+        scheduleTrailing();
+        scheduleMaxWait();
+        return result;
+    };
+    const cancel = () => {
+        clearTimers();
+        lastArgs = undefined;
+    };
+    const flush = () => {
+        clearTimers();
+        return invoke();
+    };
+    const isPending = () => timeoutId !== undefined ||
+        maxWaitTimeoutId !== undefined ||
+        lastArgs !== undefined;
+    return { cancel, debounced, flush, isPending };
+};
+/**
+ * Local override for usehooks-ts useDebounceCallback.
+ *
+ * This keeps one debounced function instance across rerenders (unless delay/options change)
+ * while always calling the latest callback. It avoids resetting debounce timing when
+ * inline callbacks are recreated every render.
+ */
+function useDebounceCallback(func, delay = 500, options = {}) {
+    var _a, _b;
+    const latestCallbackRef = (0, react_1.useRef)(func);
+    const debouncedStateRef = (0, react_1.useRef)(undefined);
+    const isLeading = (_a = options.leading) !== null && _a !== void 0 ? _a : false;
+    const isTrailing = (_b = options.trailing) !== null && _b !== void 0 ? _b : true;
+    const maxWait = options.maxWait;
+    (0, react_1.useEffect)(() => {
+        latestCallbackRef.current = func;
+    }, [func]);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            var _a;
+            (_a = debouncedStateRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
+        };
+    }, []);
+    const debouncedState = (0, react_1.useMemo)(() => {
+        var _a;
+        (_a = debouncedStateRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
+        const nextDebouncedState = createDebouncedFunction((...args) => latestCallbackRef.current(...args), delay, {
+            leading: isLeading,
+            maxWait,
+            trailing: isTrailing,
+        });
+        debouncedStateRef.current = nextDebouncedState;
+        return nextDebouncedState;
+    }, [delay, isLeading, isTrailing, maxWait]);
+    return (0, react_1.useMemo)(() => {
+        const wrapped = ((...args) => debouncedState.debounced(...args));
+        wrapped.cancel = () => {
+            debouncedState.cancel();
+        };
+        wrapped.flush = () => {
+            return debouncedState.flush();
+        };
+        wrapped.isPending = () => {
+            return debouncedState.isPending();
+        };
+        return wrapped;
+    }, [debouncedState]);
+}
+//# sourceMappingURL=index.js.map

package/lib/cjs/hooks/use-debounce-callback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-debounce-callback/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useEffect, useMemo, useRef } from 'react';\n\nexport type DebounceOptions = {\n  leading?: boolean;\n  trailing?: boolean;\n  maxWait?: number;\n};\n\ntype GenericFunction = (...args: never[]) => unknown;\n\ntype DebouncedState<T extends GenericFunction> = ((\n  ...args: Parameters<T>\n) => ReturnType<T> | undefined) & {\n  cancel: () => void;\n  flush: () => ReturnType<T> | undefined;\n  isPending: () => boolean;\n};\n\nconst createDebouncedFunction = <T extends GenericFunction>(\n  callback: (...args: Parameters<T>) => ReturnType<T>,\n  delay: number,\n  options: DebounceOptions,\n) => {\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\n  let maxWaitTimeoutId: ReturnType<typeof setTimeout> | undefined;\n  let lastArgs: Parameters<T> | undefined;\n  let result: ReturnType<T> | undefined;\n\n  const isLeading = options.leading ?? false;\n  const isTrailing = options.trailing ?? true;\n  const maxWait = options.maxWait;\n\n  const clearTimers = () => {\n    if (timeoutId !== undefined) {\n      clearTimeout(timeoutId);\n      timeoutId = undefined;\n    }\n    if (maxWaitTimeoutId !== undefined) {\n      clearTimeout(maxWaitTimeoutId);\n      maxWaitTimeoutId = undefined;\n    }\n  };\n\n  const invoke = () => {\n    if (lastArgs === undefined) {\n      return result;\n    }\n    const args = lastArgs;\n    lastArgs = undefined;\n    result = callback(...args);\n    return result;\n  };\n\n  const scheduleTrailing = () => {\n    if (!isTrailing) {\n      if (isLeading) {\n        if (timeoutId !== undefined) {\n          clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n          timeoutId = undefined;\n        }, delay);\n      }\n      return;\n    }\n\n    if (timeoutId !== undefined) {\n      clearTimeout(timeoutId);\n    }\n\n    timeoutId = setTimeout(() => {\n      timeoutId = undefined;\n\n      if (maxWaitTimeoutId !== undefined) {\n        clearTimeout(maxWaitTimeoutId);\n        maxWaitTimeoutId = undefined;\n      }\n\n      invoke();\n    }, delay);\n  };\n\n  const scheduleMaxWait = () => {\n    if (maxWait === undefined || maxWaitTimeoutId !== undefined) {\n      return;\n    }\n\n    maxWaitTimeoutId = setTimeout(() => {\n      if (timeoutId !== undefined) {\n        clearTimeout(timeoutId);\n        timeoutId = undefined;\n      }\n\n      maxWaitTimeoutId = undefined;\n      invoke();\n    }, maxWait);\n  };\n\n  const debounced = (...args: Parameters<T>) => {\n    const isFirstInvocationInBurst =\n      timeoutId === undefined && maxWaitTimeoutId === undefined;\n\n    lastArgs = args;\n\n    if (isLeading && isFirstInvocationInBurst) {\n      result = callback(...args);\n      lastArgs = undefined;\n    }\n\n    scheduleTrailing();\n    scheduleMaxWait();\n\n    return result;\n  };\n\n  const cancel = () => {\n    clearTimers();\n    lastArgs = undefined;\n  };\n\n  const flush = () => {\n    clearTimers();\n    return invoke();\n  };\n\n  const isPending = () =>\n    timeoutId !== undefined ||\n    maxWaitTimeoutId !== undefined ||\n    lastArgs !== undefined;\n\n  return { cancel, debounced, flush, isPending };\n};\n\n/**\n * Local override for usehooks-ts useDebounceCallback.\n *\n * This keeps one debounced function instance across rerenders (unless delay/options change)\n * while always calling the latest callback. It avoids resetting debounce timing when\n * inline callbacks are recreated every render.\n */\nexport function useDebounceCallback<T extends GenericFunction>(\n  func: T,\n  delay = 500,\n  options: DebounceOptions = {},\n): DebouncedState<T> {\n  const latestCallbackRef = useRef(func);\n  const debouncedStateRef =\n    useRef<ReturnType<typeof createDebouncedFunction<T>>>(undefined);\n\n  const isLeading = options.leading ?? false;\n  const isTrailing = options.trailing ?? true;\n  const maxWait = options.maxWait;\n\n  useEffect(() => {\n    latestCallbackRef.current = func;\n  }, [func]);\n\n  useEffect(() => {\n    return () => {\n      debouncedStateRef.current?.cancel();\n    };\n  }, []);\n\n  const debouncedState = useMemo(() => {\n    debouncedStateRef.current?.cancel();\n\n    const nextDebouncedState = createDebouncedFunction<T>(\n      (...args) => latestCallbackRef.current(...args) as ReturnType<T>,\n      delay,\n      {\n        leading: isLeading,\n        maxWait,\n        trailing: isTrailing,\n      },\n    );\n\n    debouncedStateRef.current = nextDebouncedState;\n    return nextDebouncedState;\n  }, [delay, isLeading, isTrailing, maxWait]);\n\n  return useMemo(() => {\n    const wrapped = ((...args: Parameters<T>) =>\n      debouncedState.debounced(...args)) as DebouncedState<T>;\n\n    wrapped.cancel = () => {\n      debouncedState.cancel();\n    };\n\n    wrapped.flush = () => {\n      return debouncedState.flush();\n    };\n\n    wrapped.isPending = () => {\n      return debouncedState.isPending();\n    };\n\n    return wrapped;\n  }, [debouncedState]);\n}\n"]}

package/lib/esm/drawer/Drawer.js

@@ -72,6 +72,7 @@ function DrawerResizeHandle({ handleSide, onResizeBy, valueMax, valueMin, valueN
         tabIndex: 0 }));
 }
 const DrawerComponent = function DrawerComponent(_a) {
+    var _b;
     var { children, className = '', isExpanded, onExpandedChange, position = 'left', type = 'overlay', isResizeable = false, resizeableProps, isCloseable = true, isPortaled = false, portalProps = {}, closeOnEscape = type === 'modal' ? true : false, closeOnClickOutside = false, ariaLabel, htmlAttributes, style, ref, as } = _a, restProps = __rest(_a, ["children", "className", "isExpanded", "onExpandedChange", "position", "type", "isResizeable", "resizeableProps", "isCloseable", "isPortaled", "portalProps", "closeOnEscape", "closeOnClickOutside", "ariaLabel", "htmlAttributes", "style", "ref", "as"]);
     const resizableRef = useRef(null);
     const [resizeWidth, setResizeWidth] = useState(0);
@@ -145,7 +146,7 @@ const DrawerComponent = function DrawerComponent(_a) {
     const resizableContent = (_jsxs(Resizable, Object.assign({ as: Component, defaultSize: {
             height: '100%',
             width: 'auto',
-        } }, resizeableProps, { className: classes, style: Object.assign(Object.assign({ position: resizableStylePosition }, style), resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.style), boundsByDirection: true, bounds: "parent", handleStyles: Object.assign(Object.assign({}, (position === 'left' && { right: { right: '-8px' } })), (position === 'right' && { left: { left: '-8px' } })), enable: {
+        } }, resizeableProps, { className: classes, style: Object.assign(Object.assign({ position: resizableStylePosition }, style), resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.style), boundsByDirection: true, bounds: (_b = resizeableProps === null || resizeableProps === void 0 ? void 0 : resizeableProps.bounds) !== null && _b !== void 0 ? _b : 'parent', handleStyles: Object.assign(Object.assign({}, (position === 'left' && { right: { right: '-8px' } })), (position === 'right' && { left: { left: '-8px' } })), enable: {
             bottom: false,
             bottomLeft: false,
             bottomRight: false,

package/lib/esm/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.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  FloatingOverlay,\n  FloatingPortal,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useRole,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { Resizable, type ResizableProps } from 're-resizable';\nimport type React from 'react';\nimport {\n  type ComponentProps,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { XMarkIconOutline } from '../icons';\nimport { Typography } from '../typography';\n\ntype DrawerPosition = 'left' | 'right';\n\ntype DrawerType = 'overlay' | 'push' | 'modal';\n\ntype DrawerProps = {\n  /** Controls whether the drawer is open (expanded) or closed (collapsed). */\n  isExpanded: boolean;\n\n  /** Callback fired when the drawer's expanded state changes (close button, Escape, click outside, or programmatic change). */\n  onExpandedChange?: (expanded: boolean) => void;\n\n  /** Position where the drawer appears on screen. By default, it appears from the left. */\n  position?: DrawerPosition;\n\n  /** How the drawer affects the layout of sibling content. By default, it overlays content. */\n  type?: DrawerType;\n\n  /** Enables horizontal resizing of the drawer, by default it is not resizable. */\n  isResizeable?: boolean;\n\n  /** To use this prop the isResizeable prop must be set to true. For overriding the third party library props: https://github.com/bokuweb/re-resizable */\n  resizeableProps?: ResizableProps;\n\n  /** Whether a close button (X) is displayed in the drawer. */\n  isCloseable?: boolean;\n\n  /** Whether to portal the content. Only applies when type is \"overlay\". Type \"modal\" is always portaled.*/\n  isPortaled?: boolean;\n\n  // TODO v5: this should maybe be default on portaled in the future\n  /**\n   * Whether pressing Escape closes the drawer. Should be set to true for overlay drawers.\n   * - When type is \"modal\", this defaults to true.\n   * - When type is \"overlay\", this defaults to false.\n   * - When type is \"push\", no effect.\n   */\n  closeOnEscape?: boolean;\n\n  // TODO v5: this should maybe be default on overlay in the future\n  /**\n   * When type is \"overlay\", whether clicking outside the drawer closes it. Should be set to true for overlay drawers.\n   * - When type is \"overlay\" or \"modal\", this defaults to false.\n   * - When type is \"push\", no effect.\n   */\n  closeOnClickOutside?: boolean;\n\n  // TODO v5: remove this prop\n  /**\n   *  @deprecated overlay are now focus trapped by default, this prop has no effect anymore.\n   */\n  closeOnFocusOut?: boolean;\n\n  /** The content to display within the drawer. */\n  children: React.ReactNode;\n\n  /**\n   * Props to pass to the portal from @floating-ui/react FloatingPortal\n   * Only applies when type is \"overlay\" and isPortaled is true, or if type is \"modal\".\n   * @see https://floating-ui.com/docs/floatingportal\n   */\n  portalProps?: ComponentProps<typeof FloatingPortal>;\n} & (\n  | {\n      type: 'modal';\n      /** The aria-label to apply to the drawer. Required for accessibility when type is \"modal\" or \"overlay\".*/\n      ariaLabel: string;\n    }\n  | {\n      type?: 'push' | 'overlay';\n      // TODO v5: aria label should be required when type is \"overlay\" too.\n      ariaLabel?: string;\n    }\n);\n\nconst KEYBOARD_RESIZE_STEP_PX = 16;\n\nfunction parsePixelSize(\n  value: string | number | undefined,\n): number | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (typeof value === 'number') {\n    return value;\n  }\n  const parsed = parseInt(value.replace(/px$/i, ''), 10);\n  return Number.isNaN(parsed) ? undefined : parsed;\n}\n\ntype DrawerResizeHandleProps = {\n  /** Which edge this handle resizes (right = drawer’s right edge, left = drawer’s left edge). */\n  handleSide: 'left' | 'right';\n  /** Called with a pixel delta to apply to the drawer width (positive = wider). */\n  onResizeBy: (delta: number) => void;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  /** Current width in pixels (for aria-valuenow). */\n  valueNow?: number;\n  /** Minimum width in pixels (for aria-valuemin). */\n  valueMin?: number;\n  /** Maximum width in pixels (for aria-valuemax). */\n  valueMax?: number;\n};\n\nfunction DrawerResizeHandle({\n  handleSide,\n  onResizeBy,\n  valueMax,\n  valueMin,\n  valueNow,\n}: DrawerResizeHandleProps) {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const isArrowKey = e.key === 'ArrowLeft' || e.key === 'ArrowRight';\n      if (isArrowKey) {\n        e.preventDefault();\n        const delta =\n          handleSide === 'right'\n            ? e.key === 'ArrowRight'\n              ? KEYBOARD_RESIZE_STEP_PX\n              : -KEYBOARD_RESIZE_STEP_PX\n            : e.key === 'ArrowLeft'\n              ? KEYBOARD_RESIZE_STEP_PX\n              : -KEYBOARD_RESIZE_STEP_PX;\n        onResizeBy(delta);\n      }\n    },\n    [handleSide, onResizeBy],\n  );\n\n  return (\n    /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- Resize handle is focusable for keyboard resize. */\n    <div\n      aria-label={`Resize drawer with arrow keys. Handle on ${handleSide}.`}\n      aria-orientation=\"vertical\"\n      aria-valuemax={valueMax}\n      aria-valuemin={valueMin}\n      aria-valuenow={valueNow ?? 0}\n      aria-valuetext={`drawer width ${valueNow ?? 0}px`}\n      className=\"ndl-drawer-resize-handle\"\n      data-drawer-handle={handleSide}\n      onKeyDown={handleKeyDown}\n      role=\"separator\"\n      style={{ height: '100%', width: '100%' }}\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- Resize handle is focusable for keyboard resize.\n      tabIndex={0}\n    />\n  );\n}\n\nconst DrawerComponent = function DrawerComponent<\n  T extends React.ElementType = 'div',\n>({\n  children,\n  className = '',\n  isExpanded,\n  onExpandedChange,\n  position = 'left',\n  type = 'overlay',\n  isResizeable = false,\n  resizeableProps,\n  isCloseable = true,\n  isPortaled = false,\n  portalProps = {},\n  closeOnEscape = type === 'modal' ? true : false,\n  closeOnClickOutside = false,\n  ariaLabel,\n  htmlAttributes,\n  style,\n  ref,\n  as,\n  ...restProps\n}: PolymorphicCommonProps<T, DrawerProps>) {\n  const resizableRef = useRef<Resizable | null>(null);\n  const [resizeWidth, setResizeWidth] = useState<number>(0);\n\n  if ((type === 'modal' || type === 'overlay') && !ariaLabel) {\n    needleWarningMessage(\n      'A Drawer should have an aria-label when type is \"modal\" or \"overlay\" to be accessible.',\n    );\n  }\n\n  const { refs, context } = useFloating({\n    onOpenChange: onExpandedChange,\n    open: isExpanded,\n  });\n\n  /** Dismiss (escape + click outside) applies to portaled overlay and to non-portaled overlay. */\n  const shouldUseDismiss =\n    type === 'modal' ||\n    (type === 'overlay' && !isPortaled && isExpanded) ||\n    (type === 'overlay' && isPortaled);\n\n  const dismiss = useDismiss(context, {\n    enabled: shouldUseDismiss,\n    escapeKey: closeOnEscape && type !== 'push',\n    outsidePress: closeOnClickOutside && type !== 'push',\n  });\n  const role = useRole(context, {\n    enabled: type === 'modal' || type === 'overlay',\n    role: 'dialog',\n  });\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const resizableMergedRef = useMergeRefs([resizableRef, ref]);\n\n  const handleResizeBy = useCallback(\n    (delta: number) => {\n      if (!resizableRef.current) {\n        return;\n      }\n      const current = resizableRef.current.size;\n      const min = parsePixelSize(resizeableProps?.minWidth);\n      const max = parsePixelSize(resizeableProps?.maxWidth);\n      const newWidth = Math.max(\n        min ?? 0,\n        Math.min(max ?? Number.POSITIVE_INFINITY, current.width + delta),\n      );\n      resizableRef.current.updateSize({\n        height: '100%',\n        width: newWidth,\n      });\n      setResizeWidth(newWidth);\n    },\n    [resizeableProps?.minWidth, resizeableProps?.maxWidth],\n  );\n\n  const handleResize = useCallback(\n    (\n      event: MouseEvent | TouchEvent,\n      direction: Parameters<NonNullable<ResizableProps['onResize']>>[1],\n      elementRef: HTMLElement,\n      delta: { width: number; height: number },\n    ) => {\n      setResizeWidth(elementRef.offsetWidth);\n      resizeableProps?.onResize?.(event, direction, elementRef, delta);\n    },\n    [resizeableProps],\n  );\n\n  useEffect(() => {\n    if (!isResizeable || !resizableRef.current) {\n      return;\n    }\n    const width = resizableRef.current.size.width;\n    if (width > 0) {\n      setResizeWidth(width);\n    }\n  }, [isResizeable]);\n\n  const classes = classNames('ndl-drawer', className, {\n    'ndl-drawer-expanded': isExpanded,\n    'ndl-drawer-left': position === 'left',\n    'ndl-drawer-modal': type === 'modal',\n    'ndl-drawer-overlay': type === 'overlay',\n    'ndl-drawer-portaled': isPortaled && type === 'overlay',\n    'ndl-drawer-push': type === 'push',\n    'ndl-drawer-right': position === 'right',\n  });\n\n  const resizableStylePosition = type === 'overlay' ? 'absolute' : 'relative';\n  const Component = as ?? 'div';\n\n  const handleClose = useCallback(() => {\n    onExpandedChange?.(false);\n  }, [onExpandedChange]);\n\n  const closeButton = useMemo(\n    () =>\n      isCloseable || type === 'modal' ? (\n        <CleanIconButton\n          className=\"ndl-drawer-close-button\"\n          onClick={handleClose}\n          description={null}\n          size=\"medium\"\n          htmlAttributes={{\n            'aria-label': 'Close',\n          }}\n        >\n          <XMarkIconOutline />\n        </CleanIconButton>\n      ) : null,\n    [handleClose, isCloseable, type],\n  );\n\n  const resizableContent = (\n    <Resizable\n      as={Component}\n      defaultSize={{\n        height: '100%',\n        width: 'auto',\n      }}\n      {...resizeableProps}\n      className={classes}\n      style={{\n        position: resizableStylePosition,\n        ...style,\n        ...resizeableProps?.style,\n      }}\n      boundsByDirection={true}\n      bounds=\"parent\"\n      handleStyles={{\n        /*\n         * Small offset so the handle is easier to hit when the drawer content is scrollable.\n         */\n        ...(position === 'left' && { right: { right: '-8px' } }),\n        ...(position === 'right' && { left: { left: '-8px' } }),\n      }}\n      enable={{\n        bottom: false,\n        bottomLeft: false,\n        bottomRight: false,\n        left: position === 'right',\n        right: position === 'left',\n        top: false,\n        topLeft: false,\n        topRight: false,\n      }}\n      handleComponent={\n        position === 'left'\n          ? {\n              right: (\n                <DrawerResizeHandle\n                  handleSide=\"right\"\n                  onResizeBy={handleResizeBy}\n                  valueMax={parsePixelSize(resizeableProps?.maxWidth)}\n                  valueMin={parsePixelSize(resizeableProps?.minWidth)}\n                  valueNow={resizeWidth}\n                />\n              ),\n            }\n          : {\n              left: (\n                <DrawerResizeHandle\n                  handleSide=\"left\"\n                  onResizeBy={handleResizeBy}\n                  valueMax={parsePixelSize(resizeableProps?.maxWidth)}\n                  valueMin={parsePixelSize(resizeableProps?.minWidth)}\n                  valueNow={resizeWidth}\n                />\n              ),\n            }\n      }\n      onResize={handleResize}\n      ref={resizableMergedRef}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {closeButton}\n      {children}\n    </Resizable>\n  );\n\n  const regularContent = (\n    <Component\n      className={classNames(classes)}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {closeButton}\n      {children}\n    </Component>\n  );\n\n  /** what content to render*/\n  const content = isResizeable ? resizableContent : regularContent;\n\n  // const floatingRefs = useMergeRefs([refs.setFloating, refs.setReference]);\n\n  /** modal behavior */\n  if (type === 'modal' && isExpanded) {\n    return (\n      <FloatingPortal {...portalProps}>\n        <FloatingOverlay\n          className=\"ndl-drawer-overlay-root\"\n          lockScroll={true}\n        />\n        <FloatingFocusManager context={context} modal={true} returnFocus={true}>\n          <div\n            ref={refs.setFloating}\n            {...getFloatingProps()}\n            aria-label={ariaLabel}\n            aria-modal=\"true\"\n          >\n            {content}\n          </div>\n        </FloatingFocusManager>\n      </FloatingPortal>\n    );\n  }\n\n  if (type === 'overlay' && isExpanded) {\n    return (\n      <ConditionalWrap\n        shouldWrap={isPortaled}\n        wrap={(wrapChildren) => (\n          <FloatingPortal preserveTabOrder={true} {...portalProps}>\n            {wrapChildren}\n          </FloatingPortal>\n        )}\n      >\n        <FloatingFocusManager\n          disabled={!isExpanded}\n          context={context}\n          modal={true}\n          returnFocus={true}\n        >\n          <div\n            ref={refs.setFloating}\n            {...getFloatingProps()}\n            aria-label={ariaLabel}\n            aria-modal=\"true\"\n          >\n            {content}\n          </div>\n        </FloatingFocusManager>\n      </ConditionalWrap>\n    );\n  }\n\n  return content;\n};\n\nDrawerComponent.displayName = 'Drawer';\n\ntype DrawerHeaderProps = {\n  children: React.ReactNode;\n  className?: string;\n  // TODO v5: fix the typing on the Drawer subcomponents to use the common props type. Also, this is not an h5 haha. Should be polymorphic I guess, maybe default to h2 as we've recommended.\n  htmlAttributes?: HtmlAttributes<'h5'>;\n};\n\nconst DrawerHeader = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerHeaderProps) => {\n  const classes = classNames('ndl-drawer-header', className);\n\n  if (typeof children === 'string' || typeof children === 'number') {\n    return (\n      <Typography\n        className={classes}\n        variant=\"title-3\"\n        {...restProps}\n        {...htmlAttributes}\n      >\n        {children}\n      </Typography>\n    );\n  }\n\n  return (\n    <div className={classes} {...restProps} {...htmlAttributes}>\n      {children}\n    </div>\n  );\n};\n\ntype DrawerActionsProps = {\n  children: React.ReactNode;\n  className?: string;\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst DrawerActions = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerActionsProps) => {\n  const classes = classNames('ndl-drawer-actions', className);\n\n  return (\n    <div className={classes} {...restProps} {...htmlAttributes}>\n      {children}\n    </div>\n  );\n};\n\ntype DrawerBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst DrawerBody = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerBodyProps) => {\n  const classes = classNames('ndl-drawer-body', className);\n\n  return (\n    <div className=\"ndl-drawer-body-wrapper\">\n      <div className={classes} {...restProps} {...htmlAttributes}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nconst Drawer = Object.assign(DrawerComponent, {\n  Actions: DrawerActions,\n  Body: DrawerBody,\n  Header: DrawerHeader,\n});\n\nexport { Drawer };\n"]}
+{"version":3,"file":"Drawer.js","sourceRoot":"","sources":["../../../src/drawer/Drawer.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  FloatingOverlay,\n  FloatingPortal,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useRole,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport { Resizable, type ResizableProps } from 're-resizable';\nimport type React from 'react';\nimport {\n  type ComponentProps,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  type HtmlAttributes,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { needleWarningMessage } from '../_common/utils';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { XMarkIconOutline } from '../icons';\nimport { Typography } from '../typography';\n\ntype DrawerPosition = 'left' | 'right';\n\ntype DrawerType = 'overlay' | 'push' | 'modal';\n\ntype DrawerProps = {\n  /** Controls whether the drawer is open (expanded) or closed (collapsed). */\n  isExpanded: boolean;\n\n  /** Callback fired when the drawer's expanded state changes (close button, Escape, click outside, or programmatic change). */\n  onExpandedChange?: (expanded: boolean) => void;\n\n  /** Position where the drawer appears on screen. By default, it appears from the left. */\n  position?: DrawerPosition;\n\n  /** How the drawer affects the layout of sibling content. By default, it overlays content. */\n  type?: DrawerType;\n\n  /** Enables horizontal resizing of the drawer, by default it is not resizable. */\n  isResizeable?: boolean;\n\n  /** To use this prop the isResizeable prop must be set to true. For overriding the third party library props: https://github.com/bokuweb/re-resizable\n   * The property enable has default values set for bottom, bottomLeft etc based on the position prop.\n   */\n  resizeableProps?: ResizableProps;\n\n  /** Whether a close button (X) is displayed in the drawer. */\n  isCloseable?: boolean;\n\n  /** Whether to portal the content. Only applies when type is \"overlay\". Type \"modal\" is always portaled.*/\n  isPortaled?: boolean;\n\n  // TODO v5: this should maybe be default on portaled in the future\n  /**\n   * Whether pressing Escape closes the drawer. Should be set to true for overlay drawers.\n   * - When type is \"modal\", this defaults to true.\n   * - When type is \"overlay\", this defaults to false.\n   * - When type is \"push\", no effect.\n   */\n  closeOnEscape?: boolean;\n\n  // TODO v5: this should maybe be default on overlay in the future\n  /**\n   * When type is \"overlay\", whether clicking outside the drawer closes it. Should be set to true for overlay drawers.\n   * - When type is \"overlay\" or \"modal\", this defaults to false.\n   * - When type is \"push\", no effect.\n   */\n  closeOnClickOutside?: boolean;\n\n  // TODO v5: remove this prop\n  /**\n   *  @deprecated overlay are now focus trapped by default, this prop has no effect anymore.\n   */\n  closeOnFocusOut?: boolean;\n\n  /** The content to display within the drawer. */\n  children: React.ReactNode;\n\n  /**\n   * Props to pass to the portal from @floating-ui/react FloatingPortal\n   * Only applies when type is \"overlay\" and isPortaled is true, or if type is \"modal\".\n   * @see https://floating-ui.com/docs/floatingportal\n   */\n  portalProps?: ComponentProps<typeof FloatingPortal>;\n} & (\n  | {\n      type: 'modal';\n      /** The aria-label to apply to the drawer. Required for accessibility when type is \"modal\" or \"overlay\".*/\n      ariaLabel: string;\n    }\n  | {\n      type?: 'push' | 'overlay';\n      // TODO v5: aria label should be required when type is \"overlay\" too.\n      ariaLabel?: string;\n    }\n);\n\nconst KEYBOARD_RESIZE_STEP_PX = 16;\n\nfunction parsePixelSize(\n  value: string | number | undefined,\n): number | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n  if (typeof value === 'number') {\n    return value;\n  }\n  const parsed = parseInt(value.replace(/px$/i, ''), 10);\n  return Number.isNaN(parsed) ? undefined : parsed;\n}\n\ntype DrawerResizeHandleProps = {\n  /** Which edge this handle resizes (right = drawer’s right edge, left = drawer’s left edge). */\n  handleSide: 'left' | 'right';\n  /** Called with a pixel delta to apply to the drawer width (positive = wider). */\n  onResizeBy: (delta: number) => void;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  /** Current width in pixels (for aria-valuenow). */\n  valueNow?: number;\n  /** Minimum width in pixels (for aria-valuemin). */\n  valueMin?: number;\n  /** Maximum width in pixels (for aria-valuemax). */\n  valueMax?: number;\n};\n\nfunction DrawerResizeHandle({\n  handleSide,\n  onResizeBy,\n  valueMax,\n  valueMin,\n  valueNow,\n}: DrawerResizeHandleProps) {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const isArrowKey = e.key === 'ArrowLeft' || e.key === 'ArrowRight';\n      if (isArrowKey) {\n        e.preventDefault();\n        const delta =\n          handleSide === 'right'\n            ? e.key === 'ArrowRight'\n              ? KEYBOARD_RESIZE_STEP_PX\n              : -KEYBOARD_RESIZE_STEP_PX\n            : e.key === 'ArrowLeft'\n              ? KEYBOARD_RESIZE_STEP_PX\n              : -KEYBOARD_RESIZE_STEP_PX;\n        onResizeBy(delta);\n      }\n    },\n    [handleSide, onResizeBy],\n  );\n\n  return (\n    /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- Resize handle is focusable for keyboard resize. */\n    <div\n      aria-label={`Resize drawer with arrow keys. Handle on ${handleSide}.`}\n      aria-orientation=\"vertical\"\n      aria-valuemax={valueMax}\n      aria-valuemin={valueMin}\n      aria-valuenow={valueNow ?? 0}\n      aria-valuetext={`drawer width ${valueNow ?? 0}px`}\n      className=\"ndl-drawer-resize-handle\"\n      data-drawer-handle={handleSide}\n      onKeyDown={handleKeyDown}\n      role=\"separator\"\n      style={{ height: '100%', width: '100%' }}\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- Resize handle is focusable for keyboard resize.\n      tabIndex={0}\n    />\n  );\n}\n\nconst DrawerComponent = function DrawerComponent<\n  T extends React.ElementType = 'div',\n>({\n  children,\n  className = '',\n  isExpanded,\n  onExpandedChange,\n  position = 'left',\n  type = 'overlay',\n  isResizeable = false,\n  resizeableProps,\n  isCloseable = true,\n  isPortaled = false,\n  portalProps = {},\n  closeOnEscape = type === 'modal' ? true : false,\n  closeOnClickOutside = false,\n  ariaLabel,\n  htmlAttributes,\n  style,\n  ref,\n  as,\n  ...restProps\n}: PolymorphicCommonProps<T, DrawerProps>) {\n  const resizableRef = useRef<Resizable | null>(null);\n  const [resizeWidth, setResizeWidth] = useState<number>(0);\n\n  if ((type === 'modal' || type === 'overlay') && !ariaLabel) {\n    needleWarningMessage(\n      'A Drawer should have an aria-label when type is \"modal\" or \"overlay\" to be accessible.',\n    );\n  }\n\n  const { refs, context } = useFloating({\n    onOpenChange: onExpandedChange,\n    open: isExpanded,\n  });\n\n  /** Dismiss (escape + click outside) applies to portaled overlay and to non-portaled overlay. */\n  const shouldUseDismiss =\n    type === 'modal' ||\n    (type === 'overlay' && !isPortaled && isExpanded) ||\n    (type === 'overlay' && isPortaled);\n\n  const dismiss = useDismiss(context, {\n    enabled: shouldUseDismiss,\n    escapeKey: closeOnEscape && type !== 'push',\n    outsidePress: closeOnClickOutside && type !== 'push',\n  });\n  const role = useRole(context, {\n    enabled: type === 'modal' || type === 'overlay',\n    role: 'dialog',\n  });\n  const { getFloatingProps } = useInteractions([dismiss, role]);\n\n  const resizableMergedRef = useMergeRefs([resizableRef, ref]);\n\n  const handleResizeBy = useCallback(\n    (delta: number) => {\n      if (!resizableRef.current) {\n        return;\n      }\n      const current = resizableRef.current.size;\n      const min = parsePixelSize(resizeableProps?.minWidth);\n      const max = parsePixelSize(resizeableProps?.maxWidth);\n      const newWidth = Math.max(\n        min ?? 0,\n        Math.min(max ?? Number.POSITIVE_INFINITY, current.width + delta),\n      );\n      resizableRef.current.updateSize({\n        height: '100%',\n        width: newWidth,\n      });\n      setResizeWidth(newWidth);\n    },\n    [resizeableProps?.minWidth, resizeableProps?.maxWidth],\n  );\n\n  const handleResize = useCallback(\n    (\n      event: MouseEvent | TouchEvent,\n      direction: Parameters<NonNullable<ResizableProps['onResize']>>[1],\n      elementRef: HTMLElement,\n      delta: { width: number; height: number },\n    ) => {\n      setResizeWidth(elementRef.offsetWidth);\n      resizeableProps?.onResize?.(event, direction, elementRef, delta);\n    },\n    [resizeableProps],\n  );\n\n  useEffect(() => {\n    if (!isResizeable || !resizableRef.current) {\n      return;\n    }\n    const width = resizableRef.current.size.width;\n    if (width > 0) {\n      setResizeWidth(width);\n    }\n  }, [isResizeable]);\n\n  const classes = classNames('ndl-drawer', className, {\n    'ndl-drawer-expanded': isExpanded,\n    'ndl-drawer-left': position === 'left',\n    'ndl-drawer-modal': type === 'modal',\n    'ndl-drawer-overlay': type === 'overlay',\n    'ndl-drawer-portaled': isPortaled && type === 'overlay',\n    'ndl-drawer-push': type === 'push',\n    'ndl-drawer-right': position === 'right',\n  });\n\n  const resizableStylePosition = type === 'overlay' ? 'absolute' : 'relative';\n  const Component = as ?? 'div';\n\n  const handleClose = useCallback(() => {\n    onExpandedChange?.(false);\n  }, [onExpandedChange]);\n\n  const closeButton = useMemo(\n    () =>\n      isCloseable || type === 'modal' ? (\n        <CleanIconButton\n          className=\"ndl-drawer-close-button\"\n          onClick={handleClose}\n          description={null}\n          size=\"medium\"\n          htmlAttributes={{\n            'aria-label': 'Close',\n          }}\n        >\n          <XMarkIconOutline />\n        </CleanIconButton>\n      ) : null,\n    [handleClose, isCloseable, type],\n  );\n\n  const resizableContent = (\n    <Resizable\n      as={Component}\n      defaultSize={{\n        height: '100%',\n        width: 'auto',\n      }}\n      {...resizeableProps}\n      className={classes}\n      style={{\n        position: resizableStylePosition,\n        ...style,\n        ...resizeableProps?.style,\n      }}\n      boundsByDirection={true}\n      bounds={resizeableProps?.bounds ?? 'parent'}\n      handleStyles={{\n        /*\n         * Small offset so the handle is easier to hit when the drawer content is scrollable.\n         */\n        ...(position === 'left' && { right: { right: '-8px' } }),\n        ...(position === 'right' && { left: { left: '-8px' } }),\n      }}\n      enable={{\n        bottom: false,\n        bottomLeft: false,\n        bottomRight: false,\n        left: position === 'right',\n        right: position === 'left',\n        top: false,\n        topLeft: false,\n        topRight: false,\n      }}\n      handleComponent={\n        position === 'left'\n          ? {\n              right: (\n                <DrawerResizeHandle\n                  handleSide=\"right\"\n                  onResizeBy={handleResizeBy}\n                  valueMax={parsePixelSize(resizeableProps?.maxWidth)}\n                  valueMin={parsePixelSize(resizeableProps?.minWidth)}\n                  valueNow={resizeWidth}\n                />\n              ),\n            }\n          : {\n              left: (\n                <DrawerResizeHandle\n                  handleSide=\"left\"\n                  onResizeBy={handleResizeBy}\n                  valueMax={parsePixelSize(resizeableProps?.maxWidth)}\n                  valueMin={parsePixelSize(resizeableProps?.minWidth)}\n                  valueNow={resizeWidth}\n                />\n              ),\n            }\n      }\n      onResize={handleResize}\n      ref={resizableMergedRef}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {closeButton}\n      {children}\n    </Resizable>\n  );\n\n  const regularContent = (\n    <Component\n      className={classNames(classes)}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {closeButton}\n      {children}\n    </Component>\n  );\n\n  /** what content to render*/\n  const content = isResizeable ? resizableContent : regularContent;\n\n  // const floatingRefs = useMergeRefs([refs.setFloating, refs.setReference]);\n\n  /** modal behavior */\n  if (type === 'modal' && isExpanded) {\n    return (\n      <FloatingPortal {...portalProps}>\n        <FloatingOverlay\n          className=\"ndl-drawer-overlay-root\"\n          lockScroll={true}\n        />\n        <FloatingFocusManager context={context} modal={true} returnFocus={true}>\n          <div\n            ref={refs.setFloating}\n            {...getFloatingProps()}\n            aria-label={ariaLabel}\n            aria-modal=\"true\"\n          >\n            {content}\n          </div>\n        </FloatingFocusManager>\n      </FloatingPortal>\n    );\n  }\n\n  if (type === 'overlay' && isExpanded) {\n    return (\n      <ConditionalWrap\n        shouldWrap={isPortaled}\n        wrap={(wrapChildren) => (\n          <FloatingPortal preserveTabOrder={true} {...portalProps}>\n            {wrapChildren}\n          </FloatingPortal>\n        )}\n      >\n        <FloatingFocusManager\n          disabled={!isExpanded}\n          context={context}\n          modal={true}\n          returnFocus={true}\n        >\n          <div\n            ref={refs.setFloating}\n            {...getFloatingProps()}\n            aria-label={ariaLabel}\n            aria-modal=\"true\"\n          >\n            {content}\n          </div>\n        </FloatingFocusManager>\n      </ConditionalWrap>\n    );\n  }\n\n  return content;\n};\n\nDrawerComponent.displayName = 'Drawer';\n\ntype DrawerHeaderProps = {\n  children: React.ReactNode;\n  className?: string;\n  // TODO v5: fix the typing on the Drawer subcomponents to use the common props type. Also, this is not an h5 haha. Should be polymorphic I guess, maybe default to h2 as we've recommended.\n  htmlAttributes?: HtmlAttributes<'h5'>;\n};\n\nconst DrawerHeader = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerHeaderProps) => {\n  const classes = classNames('ndl-drawer-header', className);\n\n  if (typeof children === 'string' || typeof children === 'number') {\n    return (\n      <Typography\n        className={classes}\n        variant=\"title-3\"\n        {...restProps}\n        {...htmlAttributes}\n      >\n        {children}\n      </Typography>\n    );\n  }\n\n  return (\n    <div className={classes} {...restProps} {...htmlAttributes}>\n      {children}\n    </div>\n  );\n};\n\ntype DrawerActionsProps = {\n  children: React.ReactNode;\n  className?: string;\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst DrawerActions = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerActionsProps) => {\n  const classes = classNames('ndl-drawer-actions', className);\n\n  return (\n    <div className={classes} {...restProps} {...htmlAttributes}>\n      {children}\n    </div>\n  );\n};\n\ntype DrawerBodyProps = {\n  children: React.ReactNode;\n  className?: string;\n  htmlAttributes?: HtmlAttributes<'div'>;\n};\n\nconst DrawerBody = ({\n  children,\n  className = '',\n  htmlAttributes,\n  ...restProps\n}: DrawerBodyProps) => {\n  const classes = classNames('ndl-drawer-body', className);\n\n  return (\n    <div className=\"ndl-drawer-body-wrapper\">\n      <div className={classes} {...restProps} {...htmlAttributes}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nconst Drawer = Object.assign(DrawerComponent, {\n  Actions: DrawerActions,\n  Body: DrawerBody,\n  Header: DrawerHeader,\n});\n\nexport { Drawer };\n"]}

package/lib/esm/hooks/index.js

@@ -19,7 +19,9 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 import { useEffect, useRef } from 'react';
-export { useDebounceValue, useDebounceCallback, useWindowSize, useOnClickOutside, useInterval, useMediaQuery, useCopyToClipboard, useScrollLock, useEventListener, useResizeObserver, } from 'usehooks-ts';
+export { useDebounceValue, useWindowSize, useOnClickOutside, useInterval, useMediaQuery, useCopyToClipboard, useScrollLock, useEventListener, useResizeObserver, } from 'usehooks-ts';
+import { useDebounceCallback } from './use-debounce-callback';
+export { useDebounceCallback };
 /**
  * Below are hooks that cannot be found in `usehooks-ts`
  * but are used in some projects.

package/lib/esm/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { useEffect, useRef } from 'react';\n\nexport {\n  useDebounceValue,\n  useDebounceCallback,\n  useWindowSize,\n  useOnClickOutside,\n  useInterval,\n  useMediaQuery,\n  useCopyToClipboard,\n  useScrollLock,\n  useEventListener,\n  useResizeObserver,\n} from 'usehooks-ts';\n\n/**\n * Below are hooks that cannot be found in `usehooks-ts`\n * but are used in some projects.\n * 1. usePrevious\n * 2. useEffectDebugger\n * 3. useRenderCount\n */\n\n/**\n * The `usePrevious` hook tracks a variable's previous value in a functional component,\n * useful for comparing current and past values to trigger actions or render changes.\n */\nexport function usePrevious<T>(value: T): T | null {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n\n  const ref = useRef<T>(null);\n  // Store current value in ref\n  useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n\n/**\n * The `useEffectDebugger` hook is a wrapper around the `useEffect` hook\n * that logs the dependencies of the effect when they change.\n *\n * Uses the `usePrevious` hook.\n *\n * Source: https://stackoverflow.com/a/59843241/3247715\n */\nexport function useEffectDebugger(\n  effectHook: React.EffectCallback,\n  dependencies: unknown[],\n  dependencyNames: string[] = [],\n) {\n  const previousDeps = usePrevious(dependencies);\n\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const changedDeps: any = dependencies.reduce((accum, dependency, index) => {\n    if (previousDeps === undefined) {\n      return accum;\n    }\n    if (previousDeps === null) {\n      return accum;\n    }\n    if (dependency !== previousDeps[index]) {\n      const keyName = dependencyNames[index] || index;\n      return {\n        // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n        ...(accum as any),\n        [keyName]: {\n          after: dependency,\n          before: previousDeps[index],\n        },\n      };\n    }\n\n    return accum;\n  }, {});\n\n  if (Object.keys(changedDeps).length) {\n    console.info('[use-effect-debugger] ', changedDeps);\n  }\n\n  useEffect(() => {\n    return effectHook();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependencies);\n}\n\n/**\n * The `useRenderCount` hook returns the number of times a component has rendered.\n */\nexport function useRenderCount() {\n  const count = useRef(0);\n\n  count.current++;\n\n  return count.current;\n}\n\n/**\n * The `useRenderDebugger` outputs to console what props or states are causing a render (or re-render) of a component\n * if all relevant props and states variables are passed to the hook.\n * For debugging purposes only.\n *\n * Howto use:\n * Place the hook at the top of the component you want to debug and call it like this:\n * useRenderDebugger('MyComponent', props);\n *\n * if there are state variables include them as well:\n *\n * useRenderDebugger('MyComponent', { ...props, stateVar1, stateVar2 });\n *\n * @param componentName Name of the component to debug\n * @param propsAndStates an object containing all props and states variables of the component\n */\nexport const useRenderDebugger = (\n  componentName: string,\n  propsAndStates: Record<string, unknown>,\n) => {\n  const prev = useRef(propsAndStates);\n\n  useEffect(() => {\n    const changedPropsOrState: Record<string, { old: unknown; new: unknown }> =\n      {};\n\n    Object.entries(propsAndStates).forEach(\n      ([key, newValue]: [string, unknown]) => {\n        if (prev.current[key] !== newValue) {\n          changedPropsOrState[key] = {\n            new: newValue,\n            old: prev.current[key],\n          };\n        }\n      },\n      {},\n    );\n\n    if (Object.keys(changedPropsOrState).length > 0) {\n      console.debug(\n        `[${componentName}] Re-rendered due to:`,\n        changedPropsOrState,\n      );\n    }\n\n    prev.current = propsAndStates;\n  });\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { useEffect, useRef } from 'react';\n\nexport {\n  useDebounceValue,\n  useWindowSize,\n  useOnClickOutside,\n  useInterval,\n  useMediaQuery,\n  useCopyToClipboard,\n  useScrollLock,\n  useEventListener,\n  useResizeObserver,\n} from 'usehooks-ts';\nimport { useDebounceCallback } from './use-debounce-callback';\nexport { useDebounceCallback };\n\n/**\n * Below are hooks that cannot be found in `usehooks-ts`\n * but are used in some projects.\n * 1. usePrevious\n * 2. useEffectDebugger\n * 3. useRenderCount\n */\n\n/**\n * The `usePrevious` hook tracks a variable's previous value in a functional component,\n * useful for comparing current and past values to trigger actions or render changes.\n */\nexport function usePrevious<T>(value: T): T | null {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n\n  const ref = useRef<T>(null);\n  // Store current value in ref\n  useEffect(() => {\n    ref.current = value;\n  }, [value]); // Only re-run if value changes\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n\n/**\n * The `useEffectDebugger` hook is a wrapper around the `useEffect` hook\n * that logs the dependencies of the effect when they change.\n *\n * Uses the `usePrevious` hook.\n *\n * Source: https://stackoverflow.com/a/59843241/3247715\n */\nexport function useEffectDebugger(\n  effectHook: React.EffectCallback,\n  dependencies: unknown[],\n  dependencyNames: string[] = [],\n) {\n  const previousDeps = usePrevious(dependencies);\n\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const changedDeps: any = dependencies.reduce((accum, dependency, index) => {\n    if (previousDeps === undefined) {\n      return accum;\n    }\n    if (previousDeps === null) {\n      return accum;\n    }\n    if (dependency !== previousDeps[index]) {\n      const keyName = dependencyNames[index] || index;\n      return {\n        // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n        ...(accum as any),\n        [keyName]: {\n          after: dependency,\n          before: previousDeps[index],\n        },\n      };\n    }\n\n    return accum;\n  }, {});\n\n  if (Object.keys(changedDeps).length) {\n    console.info('[use-effect-debugger] ', changedDeps);\n  }\n\n  useEffect(() => {\n    return effectHook();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, dependencies);\n}\n\n/**\n * The `useRenderCount` hook returns the number of times a component has rendered.\n */\nexport function useRenderCount() {\n  const count = useRef(0);\n\n  count.current++;\n\n  return count.current;\n}\n\n/**\n * The `useRenderDebugger` outputs to console what props or states are causing a render (or re-render) of a component\n * if all relevant props and states variables are passed to the hook.\n * For debugging purposes only.\n *\n * Howto use:\n * Place the hook at the top of the component you want to debug and call it like this:\n * useRenderDebugger('MyComponent', props);\n *\n * if there are state variables include them as well:\n *\n * useRenderDebugger('MyComponent', { ...props, stateVar1, stateVar2 });\n *\n * @param componentName Name of the component to debug\n * @param propsAndStates an object containing all props and states variables of the component\n */\nexport const useRenderDebugger = (\n  componentName: string,\n  propsAndStates: Record<string, unknown>,\n) => {\n  const prev = useRef(propsAndStates);\n\n  useEffect(() => {\n    const changedPropsOrState: Record<string, { old: unknown; new: unknown }> =\n      {};\n\n    Object.entries(propsAndStates).forEach(\n      ([key, newValue]: [string, unknown]) => {\n        if (prev.current[key] !== newValue) {\n          changedPropsOrState[key] = {\n            new: newValue,\n            old: prev.current[key],\n          };\n        }\n      },\n      {},\n    );\n\n    if (Object.keys(changedPropsOrState).length > 0) {\n      console.debug(\n        `[${componentName}] Re-rendered due to:`,\n        changedPropsOrState,\n      );\n    }\n\n    prev.current = propsAndStates;\n  });\n};\n"]}

package/lib/esm/hooks/use-debounce-callback/index.js

@@ -0,0 +1,159 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { useEffect, useMemo, useRef } from 'react';
+const createDebouncedFunction = (callback, delay, options) => {
+    var _a, _b;
+    let timeoutId;
+    let maxWaitTimeoutId;
+    let lastArgs;
+    let result;
+    const isLeading = (_a = options.leading) !== null && _a !== void 0 ? _a : false;
+    const isTrailing = (_b = options.trailing) !== null && _b !== void 0 ? _b : true;
+    const maxWait = options.maxWait;
+    const clearTimers = () => {
+        if (timeoutId !== undefined) {
+            clearTimeout(timeoutId);
+            timeoutId = undefined;
+        }
+        if (maxWaitTimeoutId !== undefined) {
+            clearTimeout(maxWaitTimeoutId);
+            maxWaitTimeoutId = undefined;
+        }
+    };
+    const invoke = () => {
+        if (lastArgs === undefined) {
+            return result;
+        }
+        const args = lastArgs;
+        lastArgs = undefined;
+        result = callback(...args);
+        return result;
+    };
+    const scheduleTrailing = () => {
+        if (!isTrailing) {
+            if (isLeading) {
+                if (timeoutId !== undefined) {
+                    clearTimeout(timeoutId);
+                }
+                timeoutId = setTimeout(() => {
+                    timeoutId = undefined;
+                }, delay);
+            }
+            return;
+        }
+        if (timeoutId !== undefined) {
+            clearTimeout(timeoutId);
+        }
+        timeoutId = setTimeout(() => {
+            timeoutId = undefined;
+            if (maxWaitTimeoutId !== undefined) {
+                clearTimeout(maxWaitTimeoutId);
+                maxWaitTimeoutId = undefined;
+            }
+            invoke();
+        }, delay);
+    };
+    const scheduleMaxWait = () => {
+        if (maxWait === undefined || maxWaitTimeoutId !== undefined) {
+            return;
+        }
+        maxWaitTimeoutId = setTimeout(() => {
+            if (timeoutId !== undefined) {
+                clearTimeout(timeoutId);
+                timeoutId = undefined;
+            }
+            maxWaitTimeoutId = undefined;
+            invoke();
+        }, maxWait);
+    };
+    const debounced = (...args) => {
+        const isFirstInvocationInBurst = timeoutId === undefined && maxWaitTimeoutId === undefined;
+        lastArgs = args;
+        if (isLeading && isFirstInvocationInBurst) {
+            result = callback(...args);
+            lastArgs = undefined;
+        }
+        scheduleTrailing();
+        scheduleMaxWait();
+        return result;
+    };
+    const cancel = () => {
+        clearTimers();
+        lastArgs = undefined;
+    };
+    const flush = () => {
+        clearTimers();
+        return invoke();
+    };
+    const isPending = () => timeoutId !== undefined ||
+        maxWaitTimeoutId !== undefined ||
+        lastArgs !== undefined;
+    return { cancel, debounced, flush, isPending };
+};
+/**
+ * Local override for usehooks-ts useDebounceCallback.
+ *
+ * This keeps one debounced function instance across rerenders (unless delay/options change)
+ * while always calling the latest callback. It avoids resetting debounce timing when
+ * inline callbacks are recreated every render.
+ */
+export function useDebounceCallback(func, delay = 500, options = {}) {
+    var _a, _b;
+    const latestCallbackRef = useRef(func);
+    const debouncedStateRef = useRef(undefined);
+    const isLeading = (_a = options.leading) !== null && _a !== void 0 ? _a : false;
+    const isTrailing = (_b = options.trailing) !== null && _b !== void 0 ? _b : true;
+    const maxWait = options.maxWait;
+    useEffect(() => {
+        latestCallbackRef.current = func;
+    }, [func]);
+    useEffect(() => {
+        return () => {
+            var _a;
+            (_a = debouncedStateRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
+        };
+    }, []);
+    const debouncedState = useMemo(() => {
+        var _a;
+        (_a = debouncedStateRef.current) === null || _a === void 0 ? void 0 : _a.cancel();
+        const nextDebouncedState = createDebouncedFunction((...args) => latestCallbackRef.current(...args), delay, {
+            leading: isLeading,
+            maxWait,
+            trailing: isTrailing,
+        });
+        debouncedStateRef.current = nextDebouncedState;
+        return nextDebouncedState;
+    }, [delay, isLeading, isTrailing, maxWait]);
+    return useMemo(() => {
+        const wrapped = ((...args) => debouncedState.debounced(...args));
+        wrapped.cancel = () => {
+            debouncedState.cancel();
+        };
+        wrapped.flush = () => {
+            return debouncedState.flush();
+        };
+        wrapped.isPending = () => {
+            return debouncedState.isPending();
+        };
+        return wrapped;
+    }, [debouncedState]);
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/hooks/use-debounce-callback/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-debounce-callback/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useEffect, useMemo, useRef } from 'react';\n\nexport type DebounceOptions = {\n  leading?: boolean;\n  trailing?: boolean;\n  maxWait?: number;\n};\n\ntype GenericFunction = (...args: never[]) => unknown;\n\ntype DebouncedState<T extends GenericFunction> = ((\n  ...args: Parameters<T>\n) => ReturnType<T> | undefined) & {\n  cancel: () => void;\n  flush: () => ReturnType<T> | undefined;\n  isPending: () => boolean;\n};\n\nconst createDebouncedFunction = <T extends GenericFunction>(\n  callback: (...args: Parameters<T>) => ReturnType<T>,\n  delay: number,\n  options: DebounceOptions,\n) => {\n  let timeoutId: ReturnType<typeof setTimeout> | undefined;\n  let maxWaitTimeoutId: ReturnType<typeof setTimeout> | undefined;\n  let lastArgs: Parameters<T> | undefined;\n  let result: ReturnType<T> | undefined;\n\n  const isLeading = options.leading ?? false;\n  const isTrailing = options.trailing ?? true;\n  const maxWait = options.maxWait;\n\n  const clearTimers = () => {\n    if (timeoutId !== undefined) {\n      clearTimeout(timeoutId);\n      timeoutId = undefined;\n    }\n    if (maxWaitTimeoutId !== undefined) {\n      clearTimeout(maxWaitTimeoutId);\n      maxWaitTimeoutId = undefined;\n    }\n  };\n\n  const invoke = () => {\n    if (lastArgs === undefined) {\n      return result;\n    }\n    const args = lastArgs;\n    lastArgs = undefined;\n    result = callback(...args);\n    return result;\n  };\n\n  const scheduleTrailing = () => {\n    if (!isTrailing) {\n      if (isLeading) {\n        if (timeoutId !== undefined) {\n          clearTimeout(timeoutId);\n        }\n        timeoutId = setTimeout(() => {\n          timeoutId = undefined;\n        }, delay);\n      }\n      return;\n    }\n\n    if (timeoutId !== undefined) {\n      clearTimeout(timeoutId);\n    }\n\n    timeoutId = setTimeout(() => {\n      timeoutId = undefined;\n\n      if (maxWaitTimeoutId !== undefined) {\n        clearTimeout(maxWaitTimeoutId);\n        maxWaitTimeoutId = undefined;\n      }\n\n      invoke();\n    }, delay);\n  };\n\n  const scheduleMaxWait = () => {\n    if (maxWait === undefined || maxWaitTimeoutId !== undefined) {\n      return;\n    }\n\n    maxWaitTimeoutId = setTimeout(() => {\n      if (timeoutId !== undefined) {\n        clearTimeout(timeoutId);\n        timeoutId = undefined;\n      }\n\n      maxWaitTimeoutId = undefined;\n      invoke();\n    }, maxWait);\n  };\n\n  const debounced = (...args: Parameters<T>) => {\n    const isFirstInvocationInBurst =\n      timeoutId === undefined && maxWaitTimeoutId === undefined;\n\n    lastArgs = args;\n\n    if (isLeading && isFirstInvocationInBurst) {\n      result = callback(...args);\n      lastArgs = undefined;\n    }\n\n    scheduleTrailing();\n    scheduleMaxWait();\n\n    return result;\n  };\n\n  const cancel = () => {\n    clearTimers();\n    lastArgs = undefined;\n  };\n\n  const flush = () => {\n    clearTimers();\n    return invoke();\n  };\n\n  const isPending = () =>\n    timeoutId !== undefined ||\n    maxWaitTimeoutId !== undefined ||\n    lastArgs !== undefined;\n\n  return { cancel, debounced, flush, isPending };\n};\n\n/**\n * Local override for usehooks-ts useDebounceCallback.\n *\n * This keeps one debounced function instance across rerenders (unless delay/options change)\n * while always calling the latest callback. It avoids resetting debounce timing when\n * inline callbacks are recreated every render.\n */\nexport function useDebounceCallback<T extends GenericFunction>(\n  func: T,\n  delay = 500,\n  options: DebounceOptions = {},\n): DebouncedState<T> {\n  const latestCallbackRef = useRef(func);\n  const debouncedStateRef =\n    useRef<ReturnType<typeof createDebouncedFunction<T>>>(undefined);\n\n  const isLeading = options.leading ?? false;\n  const isTrailing = options.trailing ?? true;\n  const maxWait = options.maxWait;\n\n  useEffect(() => {\n    latestCallbackRef.current = func;\n  }, [func]);\n\n  useEffect(() => {\n    return () => {\n      debouncedStateRef.current?.cancel();\n    };\n  }, []);\n\n  const debouncedState = useMemo(() => {\n    debouncedStateRef.current?.cancel();\n\n    const nextDebouncedState = createDebouncedFunction<T>(\n      (...args) => latestCallbackRef.current(...args) as ReturnType<T>,\n      delay,\n      {\n        leading: isLeading,\n        maxWait,\n        trailing: isTrailing,\n      },\n    );\n\n    debouncedStateRef.current = nextDebouncedState;\n    return nextDebouncedState;\n  }, [delay, isLeading, isTrailing, maxWait]);\n\n  return useMemo(() => {\n    const wrapped = ((...args: Parameters<T>) =>\n      debouncedState.debounced(...args)) as DebouncedState<T>;\n\n    wrapped.cancel = () => {\n      debouncedState.cancel();\n    };\n\n    wrapped.flush = () => {\n      return debouncedState.flush();\n    };\n\n    wrapped.isPending = () => {\n      return debouncedState.isPending();\n    };\n\n    return wrapped;\n  }, [debouncedState]);\n}\n"]}

package/lib/types/drawer/Drawer.d.ts

@@ -36,7 +36,9 @@ type DrawerProps = {
     type?: DrawerType;
     /** Enables horizontal resizing of the drawer, by default it is not resizable. */
     isResizeable?: boolean;
-    /** To use this prop the isResizeable prop must be set to true. For overriding the third party library props: https://github.com/bokuweb/re-resizable */
+    /** To use this prop the isResizeable prop must be set to true. For overriding the third party library props: https://github.com/bokuweb/re-resizable
+     * The property enable has default values set for bottom, bottomLeft etc based on the position prop.
+     */
     resizeableProps?: ResizableProps;
     /** Whether a close button (X) is displayed in the drawer. */
     isCloseable?: boolean;

package/lib/types/drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAGL,cAAc,EAMf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,cAAc,EAMpB,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC5B,MAAM,kBAAkB,CAAC;AAO1B,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvC,KAAK,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,KAAK,WAAW,GAAG;IACjB,4EAA4E;IAC5E,UAAU,EAAE,OAAO,CAAC;IAEpB,6HAA6H;IAC7H,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,6FAA6F;IAC7F,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,iFAAiF;IACjF,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,wJAAwJ;IACxJ,eAAe,CAAC,EAAE,cAAc,CAAC;IAEjC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0GAA0G;IAC1G,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAG9B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,gDAAgD;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CACrD,GAAG,CACA;IACE,IAAI,EAAE,OAAO,CAAC;IACd,0GAA0G;IAC1G,SAAS,EAAE,MAAM,CAAC;CACnB,GACD;IACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACJ,CAAC;AAkWF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;CACvC,CAAC;AA8BF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;CACxC,CAAC;AAiBF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;CACxC,CAAC;AAmBF,QAAA,MAAM,MAAM;KAnWV,CAAC,SAAS,KAAK,CAAC,WAAW,mPAqB1B,sBAAsB,CAAC,CAAC,EAAE,WAAW,CAAC;;;qEA6StC,kBAAkB;kEAqBlB,eAAe;oEAvDf,iBAAiB;CAuElB,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAGL,cAAc,EAMf,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,KAAK,cAAc,EAMpB,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC5B,MAAM,kBAAkB,CAAC;AAO1B,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvC,KAAK,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAE/C,KAAK,WAAW,GAAG;IACjB,4EAA4E;IAC5E,UAAU,EAAE,OAAO,CAAC;IAEpB,6HAA6H;IAC7H,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,6FAA6F;IAC7F,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB,iFAAiF;IACjF,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,eAAe,CAAC,EAAE,cAAc,CAAC;IAEjC,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,0GAA0G;IAC1G,UAAU,CAAC,EAAE,OAAO,CAAC;IAGrB;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAG9B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,gDAAgD;IAChD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;;OAIG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;CACrD,GAAG,CACA;IACE,IAAI,EAAE,OAAO,CAAC;IACd,0GAA0G;IAC1G,SAAS,EAAE,MAAM,CAAC;CACnB,GACD;IACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CACJ,CAAC;AAkWF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,cAAc,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;CACvC,CAAC;AA8BF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;CACxC,CAAC;AAiBF,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;CACxC,CAAC;AAmBF,QAAA,MAAM,MAAM;KAnWV,CAAC,SAAS,KAAK,CAAC,WAAW,mPAqB1B,sBAAsB,CAAC,CAAC,EAAE,WAAW,CAAC;;;qEA6StC,kBAAkB;kEAqBlB,eAAe;oEAvDf,iBAAiB;CAuElB,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/lib/types/hooks/index.d.ts

@@ -19,7 +19,9 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-export { useDebounceValue, useDebounceCallback, useWindowSize, useOnClickOutside, useInterval, useMediaQuery, useCopyToClipboard, useScrollLock, useEventListener, useResizeObserver, } from 'usehooks-ts';
+export { useDebounceValue, useWindowSize, useOnClickOutside, useInterval, useMediaQuery, useCopyToClipboard, useScrollLock, useEventListener, useResizeObserver, } from 'usehooks-ts';
+import { useDebounceCallback } from './use-debounce-callback';
+export { useDebounceCallback };
 /**
  * Below are hooks that cannot be found in `usehooks-ts`
  * but are used in some projects.

package/lib/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAsBA,OAAO,EACL,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,aAAa,CAAC;AAErB;;;;;;GAMG;AAEH;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAWjD;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,KAAK,CAAC,cAAc,EAChC,YAAY,EAAE,OAAO,EAAE,EACvB,eAAe,GAAE,MAAM,EAAO,QAmC/B;AAED;;GAEG;AACH,wBAAgB,cAAc,WAM7B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,GAC5B,eAAe,MAAM,EACrB,gBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SA6BxC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAsBA,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B;;;;;;GAMG;AAEH;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,IAAI,CAWjD;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,KAAK,CAAC,cAAc,EAChC,YAAY,EAAE,OAAO,EAAE,EACvB,eAAe,GAAE,MAAM,EAAO,QAmC/B;AAED;;GAEG;AACH,wBAAgB,cAAc,WAM7B;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,GAC5B,eAAe,MAAM,EACrB,gBAAgB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,SA6BxC,CAAC"}

package/lib/types/hooks/use-debounce-callback/index.d.ts

@@ -0,0 +1,41 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export type DebounceOptions = {
+    leading?: boolean;
+    trailing?: boolean;
+    maxWait?: number;
+};
+type GenericFunction = (...args: never[]) => unknown;
+type DebouncedState<T extends GenericFunction> = ((...args: Parameters<T>) => ReturnType<T> | undefined) & {
+    cancel: () => void;
+    flush: () => ReturnType<T> | undefined;
+    isPending: () => boolean;
+};
+/**
+ * Local override for usehooks-ts useDebounceCallback.
+ *
+ * This keeps one debounced function instance across rerenders (unless delay/options change)
+ * while always calling the latest callback. It avoids resetting debounce timing when
+ * inline callbacks are recreated every render.
+ */
+export declare function useDebounceCallback<T extends GenericFunction>(func: T, delay?: number, options?: DebounceOptions): DebouncedState<T>;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/types/hooks/use-debounce-callback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/use-debounce-callback/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAIH,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,eAAe,GAAG,CAAC,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC;AAErD,KAAK,cAAc,CAAC,CAAC,SAAS,eAAe,IAAI,CAAC,CAChD,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KACnB,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG;IAChC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;IACvC,SAAS,EAAE,MAAM,OAAO,CAAC;CAC1B,CAAC;AAqHF;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,eAAe,EAC3D,IAAI,EAAE,CAAC,EACP,KAAK,SAAM,EACX,OAAO,GAAE,eAAoB,GAC5B,cAAc,CAAC,CAAC,CAAC,CAsDnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/react",
-  "version": "4.9.34",
+  "version": "4.9.36",
   "sideEffects": false,
   "description": "React implementation of Neo4j Design System",
   "keywords": [
@@ -87,7 +87,7 @@
     "@tanstack/react-table": "8.21.3",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
-    "@neo4j-ndl/base": "^4.9.16"
+    "@neo4j-ndl/base": "^4.9.17"
   },
   "dependencies": {
     "@dnd-kit/core": "6.3.1",