@neo4j-ndl/react 4.3.6 → 4.4.1

package/lib/esm/toast/stories/toast.stories.js

@@ -21,114 +21,114 @@
 import { Toaster } from '@neo4j-ndl/react';
 import { ToastAction, ToastActionSrc, ToastCloseable, ToastCloseableSrc, ToastControlled, ToastControlledSrc, ToastCustom, ToastCustomSrc, ToastDanger, ToastDangerSrc, ToastNeutral, ToastNeutralSrc, ToastProgressBar, ToastProgressBarSrc, ToastSuccess, ToastSuccessSrc, } from '.';
 const componentMeta = {
-    title: 'Components/Toast',
-    id: 'components-toast',
     component: Toaster,
+    id: 'components-toast',
     tags: ['docsPage'],
+    title: 'Components/Toast',
 };
 export default componentMeta;
 export const Neutral = {
     args: {},
-    render: ToastNeutral,
     parameters: {
         docs: {
             source: {
+                code: ToastNeutralSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastNeutralSrc,
             },
         },
     },
+    render: ToastNeutral,
 };
 export const Success = {
     args: {},
-    render: ToastSuccess,
     parameters: {
         docs: {
             source: {
+                code: ToastSuccessSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastSuccessSrc,
             },
         },
     },
+    render: ToastSuccess,
 };
 export const Error = {
     args: {},
-    render: ToastDanger,
     parameters: {
         docs: {
             source: {
+                code: ToastDangerSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastDangerSrc,
             },
         },
     },
+    render: ToastDanger,
 };
 export const Action = {
     args: {},
-    render: ToastAction,
     parameters: {
         docs: {
             source: {
+                code: ToastActionSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastActionSrc,
             },
         },
     },
+    render: ToastAction,
 };
 export const Closeable = {
     args: {},
-    render: ToastCloseable,
     parameters: {
         docs: {
             source: {
+                code: ToastCloseableSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastCloseableSrc,
             },
         },
     },
+    render: ToastCloseable,
 };
 export const ProgressBar = {
     args: {},
-    render: ToastProgressBar,
     parameters: {
         docs: {
             source: {
+                code: ToastProgressBarSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastProgressBarSrc,
             },
         },
     },
+    render: ToastProgressBar,
 };
 export const Custom = {
     args: {},
-    render: ToastCustom,
     parameters: {
         docs: {
             source: {
+                code: ToastCustomSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastCustomSrc,
             },
         },
     },
+    render: ToastCustom,
 };
 export const Controlled = {
     args: {},
-    render: ToastControlled,
     parameters: {
         docs: {
             source: {
+                code: ToastControlledSrc,
                 language: 'tsx',
                 type: 'code',
-                code: ToastControlledSrc,
             },
         },
     },
+    render: ToastControlled,
 };
 //# sourceMappingURL=toast.stories.js.map

package/lib/esm/toast/stories/toast.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.stories.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast.stories.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 { Toaster } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  ToastAction,\n  ToastActionSrc,\n  ToastCloseable,\n  ToastCloseableSrc,\n  ToastControlled,\n  ToastControlledSrc,\n  ToastCustom,\n  ToastCustomSrc,\n  ToastDanger,\n  ToastDangerSrc,\n  ToastNeutral,\n  ToastNeutralSrc,\n  ToastProgressBar,\n  ToastProgressBarSrc,\n  ToastSuccess,\n  ToastSuccessSrc,\n} from '.';\n\nconst componentMeta = {\n  title: 'Components/Toast',\n  id: 'components-toast',\n  component: Toaster,\n  tags: ['docsPage'],\n} satisfies Meta<typeof Toaster>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Neutral: Story = {\n  args: {},\n  render: ToastNeutral,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastNeutralSrc,\n      },\n    },\n  },\n};\n\nexport const Success: Story = {\n  args: {},\n  render: ToastSuccess,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastSuccessSrc,\n      },\n    },\n  },\n};\n\nexport const Error: Story = {\n  args: {},\n  render: ToastDanger,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastDangerSrc,\n      },\n    },\n  },\n};\n\nexport const Action: Story = {\n  args: {},\n  render: ToastAction,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastActionSrc,\n      },\n    },\n  },\n};\n\nexport const Closeable: Story = {\n  args: {},\n  render: ToastCloseable,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastCloseableSrc,\n      },\n    },\n  },\n};\n\nexport const ProgressBar: Story = {\n  args: {},\n  render: ToastProgressBar,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastProgressBarSrc,\n      },\n    },\n  },\n};\n\nexport const Custom: Story = {\n  args: {},\n  render: ToastCustom,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastCustomSrc,\n      },\n    },\n  },\n};\n\nexport const Controlled: Story = {\n  args: {},\n  render: ToastControlled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: ToastControlledSrc,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"toast.stories.js","sourceRoot":"","sources":["../../../../src/toast/stories/toast.stories.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 { Toaster } from '@neo4j-ndl/react';\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport {\n  ToastAction,\n  ToastActionSrc,\n  ToastCloseable,\n  ToastCloseableSrc,\n  ToastControlled,\n  ToastControlledSrc,\n  ToastCustom,\n  ToastCustomSrc,\n  ToastDanger,\n  ToastDangerSrc,\n  ToastNeutral,\n  ToastNeutralSrc,\n  ToastProgressBar,\n  ToastProgressBarSrc,\n  ToastSuccess,\n  ToastSuccessSrc,\n} from '.';\n\nconst componentMeta = {\n  component: Toaster,\n  id: 'components-toast',\n  tags: ['docsPage'],\n  title: 'Components/Toast',\n} satisfies Meta<typeof Toaster>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Neutral: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastNeutralSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastNeutral,\n};\n\nexport const Success: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastSuccessSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastSuccess,\n};\n\nexport const Error: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastDangerSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastDanger,\n};\n\nexport const Action: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastActionSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastAction,\n};\n\nexport const Closeable: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastCloseableSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastCloseable,\n};\n\nexport const ProgressBar: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastProgressBarSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastProgressBar,\n};\n\nexport const Custom: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastCustomSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastCustom,\n};\n\nexport const Controlled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: ToastControlledSrc,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: ToastControlled,\n};\n"]}

package/lib/esm/tooltip/Tooltip.js

@@ -62,7 +62,7 @@ const TooltipTrigger = (_a) => {
     var { children, hasButtonWrapper = false, htmlAttributes, className, style, ref } = _a, restProps = __rest(_a, ["children", "hasButtonWrapper", "htmlAttributes", "className", "style", "ref"]);
     const context = useTooltipContext();
     // Example from floating-ui
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    // oxlint-disable-next-line @typescript-eslint/no-explicit-any
     const childrenProps = children.props;
     const mergedRefs = useMergeRefs([
         context.refs.setReference,

package/lib/esm/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.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  type AutoUpdateOptions,\n  FloatingFocusManager,\n  FloatingPortal,\n  type Placement,\n  type UseFloatingOptions,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { cloneElement, isValidElement } from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme';\nimport { Typography, type TypographyVariants } from '../typography';\nimport { TooltipContext, useTooltip, useTooltipContext } from './use-tooltip';\n\nexport type TooltipProps = {\n  /** Content displayed inside the tooltip. Wraps `Tooltip.Trigger`, `Tooltip.Content`, and optional parts */\n  children: React.ReactNode;\n  /** Whether the tooltip is disabled */\n  isDisabled?: boolean;\n  /** Whether the tooltip should be open on first render  */\n  isInitialOpen?: boolean;\n  /** Placement of the tooltip content relative to the trigger */\n  placement?: Placement;\n  /** Controls the open state . If omitted, the tooltip manages its own state */\n  isOpen?: boolean;\n  /** Visual style of the tooltip content. `simple` renders plain text, `rich` renders a composable panel */\n  type: 'simple' | 'rich';\n  /** Whether the content is rendered in a portal.  */\n  isPortaled?: boolean;\n  /** Callback fired when the open state changes, if omitted, the tooltip manages its own state using internal hooks */\n  onOpenChange?: UseFloatingOptions['onOpenChange'];\n  /** Positioning strategy of the tooltip. Defaults to `fixed` when inside a dialog, otherwise `absolute` */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Hover open/close delays in milliseconds */\n  hoverDelay?: {\n    open: number;\n    close: number;\n  };\n  /** Whether the tooltip should close when the reference element is clicked. Useful when the trigger moves after click. */\n  shouldCloseOnReferenceClick?: boolean;\n  autoUpdateOptions?: AutoUpdateOptions;\n};\n\nconst TooltipComponent = ({\n  children,\n  isDisabled = false,\n  type,\n  isInitialOpen,\n  placement,\n  isOpen,\n  onOpenChange,\n  isPortaled: isPortaledProp,\n  floatingStrategy: strategyProp,\n  hoverDelay,\n  shouldCloseOnReferenceClick,\n  autoUpdateOptions,\n}: TooltipProps) => {\n  const isInsideDialog = useIsInsideDialog();\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const isPortaled = !isInsideDialog;\n\n  const tooltip = useTooltip({\n    autoUpdateOptions,\n    hoverDelay,\n    isInitialOpen,\n    // if isDisabled is true tooltip will not open otherwise either controlled or uncontrolled depending on if isOpen is passed\n    isOpen: isDisabled === true ? false : isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    onOpenChange,\n    placement,\n    shouldCloseOnReferenceClick,\n    strategy: strategyProp ?? strategy,\n    type,\n  });\n\n  return (\n    <TooltipContext.Provider value={tooltip}>\n      {children}\n    </TooltipContext.Provider>\n  );\n};\n\nTooltipComponent.displayName = 'Tooltip';\n\ntype TooltipTriggerProps = {\n  /** Content displayed inside the trigger element */\n  children: React.ReactNode;\n  /** Whether the trigger element can be any element without an extra button wrapper. The child element will be cloned with the necessary trigger props and merged refs */\n  hasButtonWrapper?: boolean;\n};\n\nconst TooltipTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  htmlAttributes,\n  className,\n  style,\n  ref,\n  ...restProps\n}: CommonProps<'button', TooltipTriggerProps>) => {\n  const context = useTooltipContext();\n\n  // Example from floating-ui\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  const triggerClasses = classNames(\n    {\n      'ndl-closed': !context.isOpen,\n      'ndl-open': context.isOpen,\n    },\n    'ndl-tooltip-trigger',\n    className,\n  );\n\n  // `hasButtonWrapper=true` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && isValidElement(children)) {\n    const props: Record<string, unknown> = {\n      className: triggerClasses,\n      ...htmlAttributes,\n      ...childrenProps,\n      ref: mergedRefs,\n    };\n    return cloneElement(children, context.getReferenceProps(props));\n  }\n\n  return (\n    <button\n      className={triggerClasses}\n      style={style}\n      ref={mergedRefs}\n      {...context.getReferenceProps(htmlAttributes)}\n      {...restProps}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype TooltipContentProps = {\n  /** Content displayed inside the tooltip */\n  children: React.ReactNode;\n};\n\nconst TooltipContent = ({\n  children,\n  style,\n  htmlAttributes,\n  className,\n  ref,\n  ...restProps\n}: CommonProps<'div', TooltipContentProps>) => {\n  const context = useTooltipContext();\n  const mergedRef = useMergeRefs([context.refs.setFloating, ref]);\n  const { themeClassName } = useNeedleTheme();\n  if (!context.isOpen) {\n    return null;\n  }\n\n  const classes = classNames('ndl-tooltip-content', themeClassName, className, {\n    'ndl-tooltip-content-rich': context.type === 'rich',\n    'ndl-tooltip-content-simple': context.type === 'simple',\n  });\n\n  if (context.type === 'simple') {\n    return (\n      <ConditionalWrap\n        shouldWrap={context.isPortaled}\n        wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n      >\n        <div\n          ref={mergedRef}\n          className={classes}\n          style={{\n            ...context.floatingStyles,\n            ...style,\n          }}\n          {...restProps}\n          {...context.getFloatingProps(htmlAttributes)}\n        >\n          <Typography variant=\"body-medium\">{children}</Typography>\n        </div>\n      </ConditionalWrap>\n    );\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n    >\n      <FloatingFocusManager\n        context={context.context}\n        returnFocus={true}\n        modal={false}\n        initialFocus={-1}\n        closeOnFocusOut\n      >\n        <div\n          ref={mergedRef}\n          className={classes}\n          style={{\n            ...context.floatingStyles,\n            ...style,\n          }}\n          {...restProps}\n          {...context.getFloatingProps(htmlAttributes)}\n        >\n          {children}\n        </div>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\ntype TooltipHeaderProps = {\n  /** Content displayed inside the header */\n  children: React.ReactNode;\n  /** @deprecated Use `typographyVariant` instead */\n  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n  typographyVariant?: TypographyVariants;\n};\n\nconst TooltipHeader = ({\n  children,\n  passThroughProps,\n  typographyVariant = 'subheading-medium',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', TooltipHeaderProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-header', className);\n\n  if (!context.isOpen) {\n    return null;\n  }\n\n  return (\n    <Typography\n      ref={ref}\n      variant={typographyVariant}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport type TooltipBodyProps = {\n  /** Content displayed inside the body */\n  children: React.ReactNode;\n  /** Additional props to pass to the Typography component */\n  // TODO v5: Deprecate passThroughProps and use restProps instead\n  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n};\n\nconst TooltipBody = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  passThroughProps,\n  ref,\n  ...restProps\n}: CommonProps<'span', TooltipBodyProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-body', className);\n  if (!context.isOpen) {\n    return null;\n  }\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\ntype ToolTipActionsProps = {\n  /** Content displayed inside the actions container */\n  children: React.ReactNode;\n};\n\nconst Actions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ToolTipActionsProps>) => {\n  const context = useTooltipContext();\n  const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);\n\n  if (!context.isOpen) {\n    return null;\n  }\n\n  const classes = classNames('ndl-tooltip-actions', className);\n\n  return (\n    <div\n      className={classes}\n      ref={mergedRefs}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Tooltip = Object.assign(TooltipComponent, {\n  Actions: Actions,\n  Body: TooltipBody,\n  Content: TooltipContent,\n  Header: TooltipHeader,\n  Trigger: TooltipTrigger,\n});\n\nexport { Tooltip };\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/tooltip/Tooltip.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  type AutoUpdateOptions,\n  FloatingFocusManager,\n  FloatingPortal,\n  type Placement,\n  type UseFloatingOptions,\n  useMergeRefs,\n} from '@floating-ui/react';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { cloneElement, isValidElement } from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme';\nimport { Typography, type TypographyVariants } from '../typography';\nimport { TooltipContext, useTooltip, useTooltipContext } from './use-tooltip';\n\nexport type TooltipProps = {\n  /** Content displayed inside the tooltip. Wraps `Tooltip.Trigger`, `Tooltip.Content`, and optional parts */\n  children: React.ReactNode;\n  /** Whether the tooltip is disabled */\n  isDisabled?: boolean;\n  /** Whether the tooltip should be open on first render  */\n  isInitialOpen?: boolean;\n  /** Placement of the tooltip content relative to the trigger */\n  placement?: Placement;\n  /** Controls the open state . If omitted, the tooltip manages its own state */\n  isOpen?: boolean;\n  /** Visual style of the tooltip content. `simple` renders plain text, `rich` renders a composable panel */\n  type: 'simple' | 'rich';\n  /** Whether the content is rendered in a portal.  */\n  isPortaled?: boolean;\n  /** Callback fired when the open state changes, if omitted, the tooltip manages its own state using internal hooks */\n  onOpenChange?: UseFloatingOptions['onOpenChange'];\n  /** Positioning strategy of the tooltip. Defaults to `fixed` when inside a dialog, otherwise `absolute` */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Hover open/close delays in milliseconds */\n  hoverDelay?: {\n    open: number;\n    close: number;\n  };\n  /** Whether the tooltip should close when the reference element is clicked. Useful when the trigger moves after click. */\n  shouldCloseOnReferenceClick?: boolean;\n  autoUpdateOptions?: AutoUpdateOptions;\n};\n\nconst TooltipComponent = ({\n  children,\n  isDisabled = false,\n  type,\n  isInitialOpen,\n  placement,\n  isOpen,\n  onOpenChange,\n  isPortaled: isPortaledProp,\n  floatingStrategy: strategyProp,\n  hoverDelay,\n  shouldCloseOnReferenceClick,\n  autoUpdateOptions,\n}: TooltipProps) => {\n  const isInsideDialog = useIsInsideDialog();\n  const strategy = isInsideDialog ? 'fixed' : 'absolute';\n  const isPortaled = !isInsideDialog;\n\n  const tooltip = useTooltip({\n    autoUpdateOptions,\n    hoverDelay,\n    isInitialOpen,\n    // if isDisabled is true tooltip will not open otherwise either controlled or uncontrolled depending on if isOpen is passed\n    isOpen: isDisabled === true ? false : isOpen,\n    isPortaled: isPortaledProp ?? isPortaled,\n    onOpenChange,\n    placement,\n    shouldCloseOnReferenceClick,\n    strategy: strategyProp ?? strategy,\n    type,\n  });\n\n  return (\n    <TooltipContext.Provider value={tooltip}>\n      {children}\n    </TooltipContext.Provider>\n  );\n};\n\nTooltipComponent.displayName = 'Tooltip';\n\ntype TooltipTriggerProps = {\n  /** Content displayed inside the trigger element */\n  children: React.ReactNode;\n  /** Whether the trigger element can be any element without an extra button wrapper. The child element will be cloned with the necessary trigger props and merged refs */\n  hasButtonWrapper?: boolean;\n};\n\nconst TooltipTrigger = ({\n  children,\n  hasButtonWrapper = false,\n  htmlAttributes,\n  className,\n  style,\n  ref,\n  ...restProps\n}: CommonProps<'button', TooltipTriggerProps>) => {\n  const context = useTooltipContext();\n\n  // Example from floating-ui\n  // oxlint-disable-next-line @typescript-eslint/no-explicit-any\n  const childrenProps = (children as any).props;\n  const mergedRefs = useMergeRefs([\n    context.refs.setReference,\n    ref,\n    childrenProps?.ref,\n  ]);\n\n  const triggerClasses = classNames(\n    {\n      'ndl-closed': !context.isOpen,\n      'ndl-open': context.isOpen,\n    },\n    'ndl-tooltip-trigger',\n    className,\n  );\n\n  // `hasButtonWrapper=true` allows the user to pass any element as the anchor\n  if (hasButtonWrapper && isValidElement(children)) {\n    const props: Record<string, unknown> = {\n      className: triggerClasses,\n      ...htmlAttributes,\n      ...childrenProps,\n      ref: mergedRefs,\n    };\n    return cloneElement(children, context.getReferenceProps(props));\n  }\n\n  return (\n    <button\n      className={triggerClasses}\n      style={style}\n      ref={mergedRefs}\n      {...context.getReferenceProps(htmlAttributes)}\n      {...restProps}\n    >\n      {children}\n    </button>\n  );\n};\n\ntype TooltipContentProps = {\n  /** Content displayed inside the tooltip */\n  children: React.ReactNode;\n};\n\nconst TooltipContent = ({\n  children,\n  style,\n  htmlAttributes,\n  className,\n  ref,\n  ...restProps\n}: CommonProps<'div', TooltipContentProps>) => {\n  const context = useTooltipContext();\n  const mergedRef = useMergeRefs([context.refs.setFloating, ref]);\n  const { themeClassName } = useNeedleTheme();\n  if (!context.isOpen) {\n    return null;\n  }\n\n  const classes = classNames('ndl-tooltip-content', themeClassName, className, {\n    'ndl-tooltip-content-rich': context.type === 'rich',\n    'ndl-tooltip-content-simple': context.type === 'simple',\n  });\n\n  if (context.type === 'simple') {\n    return (\n      <ConditionalWrap\n        shouldWrap={context.isPortaled}\n        wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n      >\n        <div\n          ref={mergedRef}\n          className={classes}\n          style={{\n            ...context.floatingStyles,\n            ...style,\n          }}\n          {...restProps}\n          {...context.getFloatingProps(htmlAttributes)}\n        >\n          <Typography variant=\"body-medium\">{children}</Typography>\n        </div>\n      </ConditionalWrap>\n    );\n  }\n\n  return (\n    <ConditionalWrap\n      shouldWrap={context.isPortaled}\n      wrap={(wrapChildren) => <FloatingPortal>{wrapChildren}</FloatingPortal>}\n    >\n      <FloatingFocusManager\n        context={context.context}\n        returnFocus={true}\n        modal={false}\n        initialFocus={-1}\n        closeOnFocusOut\n      >\n        <div\n          ref={mergedRef}\n          className={classes}\n          style={{\n            ...context.floatingStyles,\n            ...style,\n          }}\n          {...restProps}\n          {...context.getFloatingProps(htmlAttributes)}\n        >\n          {children}\n        </div>\n      </FloatingFocusManager>\n    </ConditionalWrap>\n  );\n};\n\ntype TooltipHeaderProps = {\n  /** Content displayed inside the header */\n  children: React.ReactNode;\n  /** @deprecated Use `typographyVariant` instead */\n  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n  typographyVariant?: TypographyVariants;\n};\n\nconst TooltipHeader = ({\n  children,\n  passThroughProps,\n  typographyVariant = 'subheading-medium',\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', TooltipHeaderProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-header', className);\n\n  if (!context.isOpen) {\n    return null;\n  }\n\n  return (\n    <Typography\n      ref={ref}\n      variant={typographyVariant}\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\nexport type TooltipBodyProps = {\n  /** Content displayed inside the body */\n  children: React.ReactNode;\n  /** Additional props to pass to the Typography component */\n  // TODO v5: Deprecate passThroughProps and use restProps instead\n  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n};\n\nconst TooltipBody = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  passThroughProps,\n  ref,\n  ...restProps\n}: CommonProps<'span', TooltipBodyProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-body', className);\n  if (!context.isOpen) {\n    return null;\n  }\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\n      {...restProps}\n    >\n      {children}\n    </Typography>\n  );\n};\n\ntype ToolTipActionsProps = {\n  /** Content displayed inside the actions container */\n  children: React.ReactNode;\n};\n\nconst Actions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', ToolTipActionsProps>) => {\n  const context = useTooltipContext();\n  const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);\n\n  if (!context.isOpen) {\n    return null;\n  }\n\n  const classes = classNames('ndl-tooltip-actions', className);\n\n  return (\n    <div\n      className={classes}\n      ref={mergedRefs}\n      style={style}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\nconst Tooltip = Object.assign(TooltipComponent, {\n  Actions: Actions,\n  Body: TooltipBody,\n  Content: TooltipContent,\n  Header: TooltipHeader,\n  Trigger: TooltipTrigger,\n});\n\nexport { Tooltip };\n"]}

package/lib/esm/tooltip/stories/tooltip-hover-delay.story.js

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Tooltip } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs(Tooltip, { type: "simple", hoverDelay: { open: 200, close: 200 }, children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
+    return (_jsxs(Tooltip, { type: "simple", hoverDelay: { close: 200, open: 200 }, children: [_jsx(Tooltip.Trigger, { children: "Hover me!" }), _jsx(Tooltip.Content, { children: "This is a tooltip!" })] }));
 };
 export default Component;
 //# sourceMappingURL=tooltip-hover-delay.story.js.map

package/lib/esm/tooltip/stories/tooltip-hover-delay.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-hover-delay.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-hover-delay.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,aAC1D,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Tooltip } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Tooltip type=\"simple\" hoverDelay={{ open: 200, close: 200 }}>\n      <Tooltip.Trigger>Hover me!</Tooltip.Trigger>\n      <Tooltip.Content>This is a tooltip!</Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tooltip-hover-delay.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-hover-delay.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,MAAC,OAAO,IAAC,IAAI,EAAC,QAAQ,EAAC,UAAU,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,aAC1D,KAAC,OAAO,CAAC,OAAO,4BAA4B,EAC5C,KAAC,OAAO,CAAC,OAAO,qCAAqC,IAC7C,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Tooltip } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <Tooltip type=\"simple\" hoverDelay={{ close: 200, open: 200 }}>\n      <Tooltip.Trigger>Hover me!</Tooltip.Trigger>\n      <Tooltip.Content>This is a tooltip!</Tooltip.Content>\n    </Tooltip>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/tooltip/stories/tooltip-placements.story.js

@@ -23,14 +23,14 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { FilledButton, Tooltip } from '@neo4j-ndl/react';
 const Component = () => {
     const placements = [
-        { placement: 'top', label: 'Top' },
-        { placement: 'bottom', label: 'Bottom' },
-        { placement: 'left', label: 'Left' },
-        { placement: 'right', label: 'Right' },
-        { placement: 'top-start', label: 'Top Start' },
-        { placement: 'top-end', label: 'Top End' },
-        { placement: 'bottom-start', label: 'Bottom Start' },
-        { placement: 'bottom-end', label: 'Bottom End' },
+        { label: 'Top', placement: 'top' },
+        { label: 'Bottom', placement: 'bottom' },
+        { label: 'Left', placement: 'left' },
+        { label: 'Right', placement: 'right' },
+        { label: 'Top Start', placement: 'top-start' },
+        { label: 'Top End', placement: 'top-end' },
+        { label: 'Bottom Start', placement: 'bottom-start' },
+        { label: 'Bottom End', placement: 'bottom-end' },
     ];
     return (_jsx("div", { className: "n-grid n-grid-cols-4 n-gap-token-16 n-p-token-16 n-place-items-center", children: placements.map(({ placement, label }) => (_jsxs(Tooltip, { type: "simple", placement: placement, children: [_jsx(Tooltip.Trigger, { hasButtonWrapper: true, children: _jsx(FilledButton, { size: "small", children: label }) }), _jsxs(Tooltip.Content, { children: ["Tooltip on ", label.toLowerCase()] })] }, placement))) }));
 };

package/lib/esm/tooltip/stories/tooltip-placements.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip-placements.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-placements.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,UAAU,GAAG;QACjB,EAAE,SAAS,EAAE,KAAc,EAAE,KAAK,EAAE,KAAK,EAAE;QAC3C,EAAE,SAAS,EAAE,QAAiB,EAAE,KAAK,EAAE,QAAQ,EAAE;QACjD,EAAE,SAAS,EAAE,MAAe,EAAE,KAAK,EAAE,MAAM,EAAE;QAC7C,EAAE,SAAS,EAAE,OAAgB,EAAE,KAAK,EAAE,OAAO,EAAE;QAC/C,EAAE,SAAS,EAAE,WAAoB,EAAE,KAAK,EAAE,WAAW,EAAE;QACvD,EAAE,SAAS,EAAE,SAAkB,EAAE,KAAK,EAAE,SAAS,EAAE;QACnD,EAAE,SAAS,EAAE,cAAuB,EAAE,KAAK,EAAE,cAAc,EAAE;QAC7D,EAAE,SAAS,EAAE,YAAqB,EAAE,KAAK,EAAE,YAAY,EAAE;KAC1D,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,uEAAuE,YACnF,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,MAAC,OAAO,IAAiB,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aACzD,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAgB,GACjC,EAClB,MAAC,OAAO,CAAC,OAAO,8BAAa,KAAK,CAAC,WAAW,EAAE,IAAmB,KAJvD,SAAS,CAKb,CACX,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, Tooltip } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  const placements = [\n    { placement: 'top' as const, label: 'Top' },\n    { placement: 'bottom' as const, label: 'Bottom' },\n    { placement: 'left' as const, label: 'Left' },\n    { placement: 'right' as const, label: 'Right' },\n    { placement: 'top-start' as const, label: 'Top Start' },\n    { placement: 'top-end' as const, label: 'Top End' },\n    { placement: 'bottom-start' as const, label: 'Bottom Start' },\n    { placement: 'bottom-end' as const, label: 'Bottom End' },\n  ];\n\n  return (\n    <div className=\"n-grid n-grid-cols-4 n-gap-token-16 n-p-token-16 n-place-items-center\">\n      {placements.map(({ placement, label }) => (\n        <Tooltip key={placement} type=\"simple\" placement={placement}>\n          <Tooltip.Trigger hasButtonWrapper>\n            <FilledButton size=\"small\">{label}</FilledButton>\n          </Tooltip.Trigger>\n          <Tooltip.Content>Tooltip on {label.toLowerCase()}</Tooltip.Content>\n        </Tooltip>\n      ))}\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"tooltip-placements.story.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip-placements.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,UAAU,GAAG;QACjB,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAc,EAAE;QAC3C,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAiB,EAAE;QACjD,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,MAAe,EAAE;QAC7C,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,OAAgB,EAAE;QAC/C,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAoB,EAAE;QACvD,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAkB,EAAE;QACnD,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,cAAuB,EAAE;QAC7D,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,YAAqB,EAAE;KAC1D,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,uEAAuE,YACnF,UAAU,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACxC,MAAC,OAAO,IAAiB,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aACzD,KAAC,OAAO,CAAC,OAAO,IAAC,gBAAgB,kBAC/B,KAAC,YAAY,IAAC,IAAI,EAAC,OAAO,YAAE,KAAK,GAAgB,GACjC,EAClB,MAAC,OAAO,CAAC,OAAO,8BAAa,KAAK,CAAC,WAAW,EAAE,IAAmB,KAJvD,SAAS,CAKb,CACX,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { FilledButton, Tooltip } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  const placements = [\n    { label: 'Top', placement: 'top' as const },\n    { label: 'Bottom', placement: 'bottom' as const },\n    { label: 'Left', placement: 'left' as const },\n    { label: 'Right', placement: 'right' as const },\n    { label: 'Top Start', placement: 'top-start' as const },\n    { label: 'Top End', placement: 'top-end' as const },\n    { label: 'Bottom Start', placement: 'bottom-start' as const },\n    { label: 'Bottom End', placement: 'bottom-end' as const },\n  ];\n\n  return (\n    <div className=\"n-grid n-grid-cols-4 n-gap-token-16 n-p-token-16 n-place-items-center\">\n      {placements.map(({ placement, label }) => (\n        <Tooltip key={placement} type=\"simple\" placement={placement}>\n          <Tooltip.Trigger hasButtonWrapper>\n            <FilledButton size=\"small\">{label}</FilledButton>\n          </Tooltip.Trigger>\n          <Tooltip.Content>Tooltip on {label.toLowerCase()}</Tooltip.Content>\n        </Tooltip>\n      ))}\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/tooltip/stories/tooltip.stories.js

@@ -24,160 +24,160 @@ import isChromatic from 'chromatic/isChromatic';
 import { Tooltip } from '../../index';
 import { TooltipControlled, TooltipControlledSource, TooltipDefault, TooltipDefaultSource, TooltipDisabled, TooltipDisabledSource, TooltipHoverDelay, TooltipHoverDelaySource, TooltipInDialog, TooltipInDialogSource, TooltipInitialOpen, TooltipInitialOpenSource, TooltipPlacements, TooltipPlacementsSource, TooltipRich, TooltipRichLink, TooltipRichLinkSource, TooltipRichSource, TooltipTriggerButtonWrapper, TooltipTriggerButtonWrapperSource, TooltipWithKeyboardShortcut, TooltipWithKeyboardShortcutSource, } from '.';
 const componentMeta = {
-    title: 'Components/Tooltip',
-    id: 'components-tooltip',
     component: Tooltip,
-    tags: ['docsPage'],
-    parameters: {
-        controls: { disable: true },
-        chromatic: { delay: 1000 },
-    },
     decorators: [
         (Story) => (_jsx("div", { className: "n-flex n-justify-center ", children: _jsx(Story, {}) })),
     ],
+    id: 'components-tooltip',
+    parameters: {
+        chromatic: { delay: 1000 },
+        controls: { disable: true },
+    },
+    tags: ['docsPage'],
+    title: 'Components/Tooltip',
 };
 export default componentMeta;
 export const Default = {
     args: { isOpen: isChromatic() },
-    render: TooltipDefault,
     parameters: {
         docs: {
             source: {
+                code: TooltipDefaultSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipDefaultSource,
             },
         },
     },
+    render: TooltipDefault,
 };
 export const Disabled = {
     args: {},
-    render: TooltipDisabled,
     parameters: {
         docs: {
             source: {
+                code: TooltipDisabledSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipDisabledSource,
             },
         },
     },
+    render: TooltipDisabled,
 };
 export const InitialOpen = {
     args: {},
-    render: TooltipInitialOpen,
     parameters: {
         docs: {
             source: {
+                code: TooltipInitialOpenSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipInitialOpenSource,
             },
         },
     },
+    render: TooltipInitialOpen,
 };
 export const HoverDelay = {
     args: {},
-    render: TooltipHoverDelay,
     parameters: {
         docs: {
             source: {
+                code: TooltipHoverDelaySource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipHoverDelaySource,
             },
         },
     },
+    render: TooltipHoverDelay,
 };
 export const TriggerButtonWrapper = {
     args: {},
-    render: TooltipTriggerButtonWrapper,
     parameters: {
         docs: {
             source: {
+                code: TooltipTriggerButtonWrapperSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipTriggerButtonWrapperSource,
             },
         },
     },
+    render: TooltipTriggerButtonWrapper,
 };
 export const Controlled = {
     args: { isOpen: isChromatic() },
-    render: TooltipControlled,
     parameters: {
         docs: {
             source: {
+                code: TooltipControlledSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipControlledSource,
             },
         },
     },
+    render: TooltipControlled,
 };
 export const Placements = {
     args: {},
-    render: TooltipPlacements,
     parameters: {
         docs: {
             source: {
+                code: TooltipPlacementsSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipPlacementsSource,
             },
         },
     },
+    render: TooltipPlacements,
 };
 export const InDialog = {
     args: { isOpen: isChromatic() },
-    render: TooltipInDialog,
     parameters: {
         docs: {
             source: {
+                code: TooltipInDialogSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipInDialogSource,
             },
         },
     },
+    render: TooltipInDialog,
 };
 export const Rich = {
     args: {},
-    render: TooltipRich,
     parameters: {
         docs: {
             source: {
+                code: TooltipRichSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipRichSource,
             },
         },
     },
+    render: TooltipRich,
 };
 export const RichWithLink = {
     args: {},
-    render: TooltipRichLink,
     parameters: {
         docs: {
             source: {
+                code: TooltipRichLinkSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipRichLinkSource,
             },
         },
     },
+    render: TooltipRichLink,
 };
 export const WithKeyboardShortcut = {
     args: {},
-    render: TooltipWithKeyboardShortcut,
     parameters: {
         docs: {
             source: {
+                code: TooltipWithKeyboardShortcutSource,
                 language: 'tsx',
                 type: 'code',
-                code: TooltipWithKeyboardShortcutSource,
             },
         },
     },
+    render: TooltipWithKeyboardShortcut,
 };
 //# sourceMappingURL=tooltip.stories.js.map

package/lib/esm/tooltip/stories/tooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.stories.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\nimport isChromatic from 'chromatic/isChromatic';\n\nimport { Tooltip } from '../../index';\nimport {\n  TooltipControlled,\n  TooltipControlledSource,\n  TooltipDefault,\n  TooltipDefaultSource,\n  TooltipDisabled,\n  TooltipDisabledSource,\n  TooltipHoverDelay,\n  TooltipHoverDelaySource,\n  TooltipInDialog,\n  TooltipInDialogSource,\n  TooltipInitialOpen,\n  TooltipInitialOpenSource,\n  TooltipPlacements,\n  TooltipPlacementsSource,\n  TooltipRich,\n  TooltipRichLink,\n  TooltipRichLinkSource,\n  TooltipRichSource,\n  TooltipTriggerButtonWrapper,\n  TooltipTriggerButtonWrapperSource,\n  TooltipWithKeyboardShortcut,\n  TooltipWithKeyboardShortcutSource,\n} from '.';\n\nconst componentMeta: Meta<typeof Tooltip> = {\n  title: 'Components/Tooltip',\n  id: 'components-tooltip',\n  component: Tooltip,\n  tags: ['docsPage'],\n  parameters: {\n    controls: { disable: true },\n    chromatic: { delay: 1000 },\n  },\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center \">\n        <Story />\n      </div>\n    ),\n  ],\n} satisfies Meta<typeof Tooltip>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof Tooltip>;\n\nexport const Default: Story = {\n  args: { isOpen: isChromatic() },\n  render: TooltipDefault,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipDefaultSource,\n      },\n    },\n  },\n};\n\nexport const Disabled: Story = {\n  args: {},\n  render: TooltipDisabled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipDisabledSource,\n      },\n    },\n  },\n};\n\nexport const InitialOpen: Story = {\n  args: {},\n  render: TooltipInitialOpen,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipInitialOpenSource,\n      },\n    },\n  },\n};\n\nexport const HoverDelay: Story = {\n  args: {},\n  render: TooltipHoverDelay,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipHoverDelaySource,\n      },\n    },\n  },\n};\n\nexport const TriggerButtonWrapper: Story = {\n  args: {},\n  render: TooltipTriggerButtonWrapper,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipTriggerButtonWrapperSource,\n      },\n    },\n  },\n};\n\nexport const Controlled: Story = {\n  args: { isOpen: isChromatic() },\n  render: TooltipControlled,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipControlledSource,\n      },\n    },\n  },\n};\n\nexport const Placements: Story = {\n  args: {},\n  render: TooltipPlacements,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipPlacementsSource,\n      },\n    },\n  },\n};\n\nexport const InDialog: Story = {\n  args: { isOpen: isChromatic() },\n  render: TooltipInDialog,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipInDialogSource,\n      },\n    },\n  },\n};\n\nexport const Rich: Story = {\n  args: {},\n  render: TooltipRich,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipRichSource,\n      },\n    },\n  },\n};\n\nexport const RichWithLink: Story = {\n  args: {},\n  render: TooltipRichLink,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipRichLinkSource,\n      },\n    },\n  },\n};\n\nexport const WithKeyboardShortcut: Story = {\n  args: {},\n  render: TooltipWithKeyboardShortcut,\n  parameters: {\n    docs: {\n      source: {\n        language: 'tsx',\n        type: 'code',\n        code: TooltipWithKeyboardShortcutSource,\n      },\n    },\n  },\n};\n"]}
+{"version":3,"file":"tooltip.stories.js","sourceRoot":"","sources":["../../../../src/tooltip/stories/tooltip.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { type Meta, type StoryObj } from '@storybook/react-vite';\nimport isChromatic from 'chromatic/isChromatic';\n\nimport { Tooltip } from '../../index';\nimport {\n  TooltipControlled,\n  TooltipControlledSource,\n  TooltipDefault,\n  TooltipDefaultSource,\n  TooltipDisabled,\n  TooltipDisabledSource,\n  TooltipHoverDelay,\n  TooltipHoverDelaySource,\n  TooltipInDialog,\n  TooltipInDialogSource,\n  TooltipInitialOpen,\n  TooltipInitialOpenSource,\n  TooltipPlacements,\n  TooltipPlacementsSource,\n  TooltipRich,\n  TooltipRichLink,\n  TooltipRichLinkSource,\n  TooltipRichSource,\n  TooltipTriggerButtonWrapper,\n  TooltipTriggerButtonWrapperSource,\n  TooltipWithKeyboardShortcut,\n  TooltipWithKeyboardShortcutSource,\n} from '.';\n\nconst componentMeta: Meta<typeof Tooltip> = {\n  component: Tooltip,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center \">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-tooltip',\n  parameters: {\n    chromatic: { delay: 1000 },\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/Tooltip',\n} satisfies Meta<typeof Tooltip>;\n\nexport default componentMeta;\ntype Story = StoryObj<typeof Tooltip>;\n\nexport const Default: Story = {\n  args: { isOpen: isChromatic() },\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipDefault,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipDisabledSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipDisabled,\n};\n\nexport const InitialOpen: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipInitialOpenSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipInitialOpen,\n};\n\nexport const HoverDelay: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipHoverDelaySource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipHoverDelay,\n};\n\nexport const TriggerButtonWrapper: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipTriggerButtonWrapperSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipTriggerButtonWrapper,\n};\n\nexport const Controlled: Story = {\n  args: { isOpen: isChromatic() },\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipControlledSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipControlled,\n};\n\nexport const Placements: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipPlacementsSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipPlacements,\n};\n\nexport const InDialog: Story = {\n  args: { isOpen: isChromatic() },\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipInDialogSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipInDialog,\n};\n\nexport const Rich: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipRichSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipRich,\n};\n\nexport const RichWithLink: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipRichLinkSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipRichLink,\n};\n\nexport const WithKeyboardShortcut: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TooltipWithKeyboardShortcutSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TooltipWithKeyboardShortcut,\n};\n"]}

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

@@ -25,13 +25,6 @@ export function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: c
     const isOpen = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : isUncontrolledOpen;
     const setOpen = setControlledOpen !== null && setControlledOpen !== void 0 ? setControlledOpen : setIsUncontrolledOpen;
     const data = useFloating({
-        placement,
-        open: isOpen,
-        onOpenChange: setOpen,
-        whileElementsMounted(referenceEl, floatingEl, update) {
-            const cleanup = autoUpdate(referenceEl, floatingEl, update, Object.assign({}, autoUpdateOptions));
-            return cleanup;
-        },
         middleware: [
             offset(5),
             flip({
@@ -41,25 +34,32 @@ export function useTooltip({ isInitialOpen = false, placement = 'top', isOpen: c
             }),
             shift({ padding: 5 }),
         ],
+        onOpenChange: setOpen,
+        open: isOpen,
+        placement,
         strategy,
+        whileElementsMounted(referenceEl, floatingEl, update) {
+            const cleanup = autoUpdate(referenceEl, floatingEl, update, Object.assign({}, autoUpdateOptions));
+            return cleanup;
+        },
     });
     const context = data.context;
     const hover = useHover(context, {
-        move: false,
         delay: hoverDelay,
         enabled: type === 'simple',
         handleClose: safePolygon(),
+        move: false,
     });
     const click = useClick(context, {
         enabled: type === 'rich',
     });
     const focus = useFocus(context, {
-        visibleOnly: true,
         enabled: type === 'simple',
+        visibleOnly: true,
     });
     const dismiss = useDismiss(context, {
-        outsidePress: true,
         escapeKey: true,
+        outsidePress: true,
         referencePress: shouldCloseOnReferenceClick,
     });
     const role = useRole(context, {