@neo4j-ndl/react 4.1.4 → 4.1.6

package/lib/esm/timezone-picker/generate-timezone-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate-timezone-options.js","sourceRoot":"","sources":["../../../src/timezone-picker/generate-timezone-options.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport interface TimeZoneOption {\n  value: string;\n  label: string;\n  offset: string;\n  offsetMinutes: number;\n}\n\n/**\n * Gets the offset in minutes for a timezone at a specific date\n */\nconst getOffsetMinutes = (timezone: string, date: Date): number => {\n  try {\n    // Create dates in UTC and in the target timezone\n    const utcDate = new Date(date.toLocaleString('en-US', { timeZone: 'UTC' }));\n    const tzDate = new Date(\n      date.toLocaleString('en-US', { timeZone: timezone }),\n    );\n\n    // Calculate the difference in minutes\n    const diffMs = tzDate.getTime() - utcDate.getTime();\n    return Math.round(diffMs / (1000 * 60));\n  } catch {\n    return 0;\n  }\n};\n\n/**\n * Formats a UTC offset using the Intl API for consistent formatting\n * @param offsetHours - The offset in hours (can be fractional)\n * @returns Formatted UTC offset string (e.g., \"UTC+5:30\", \"UTC-3\")\n */\nconst formatUTCOffset = (offsetHours: number): string => {\n  if (offsetHours === 0) {\n    return 'UTC';\n  }\n\n  const sign = offsetHours >= 0 ? '+' : '-';\n  const absHours = Math.abs(offsetHours);\n  const hours = Math.floor(absHours);\n  const minutes = Math.round((absHours - hours) * 60);\n\n  // Use Intl.NumberFormat for consistent number formatting\n  const numberFormatter = new Intl.NumberFormat('en-US', {\n    maximumFractionDigits: 0,\n    minimumIntegerDigits: 1,\n  });\n\n  const formattedHours = numberFormatter.format(hours);\n  const formattedMinutes =\n    minutes > 0 ? `:${String(minutes).padStart(2, '0')}` : '';\n\n  return `UTC${sign}${formattedHours}${formattedMinutes}`;\n};\n\n/**\n * Extracts unique UTC offsets from all supported timezones using the Intl API\n * @param referenceDate - The date to use for calculating timezone offsets (defaults to current date)\n * @returns Set of unique offset values in minutes\n */\nconst getUniqueOffsetsFromAPI = (referenceDate?: Date): Set<number> => {\n  const uniqueOffsets = new Set<number>();\n  const now = referenceDate || new Date();\n\n  try {\n    // Get all supported timezones from the Intl API\n    const timezones = Intl.supportedValuesOf('timeZone');\n\n    // Extract unique offsets from each timezone\n    for (const tz of timezones) {\n      try {\n        const offsetMinutes = getOffsetMinutes(tz, now);\n        uniqueOffsets.add(offsetMinutes);\n      } catch {\n        // Skip timezones that can't be processed\n        continue;\n      }\n    }\n  } catch {\n    // Fallback to empty set if API is not available\n  }\n\n  // Always include UTC (offset 0)\n  uniqueOffsets.add(0);\n\n  return uniqueOffsets;\n};\n\n/**\n * Generates UTC-only timezone options derived from the Intl API\n * Uses the Intl API to discover which UTC offsets are actually used by supported timezones\n * @param referenceDate - The date to use for calculating timezone offsets (defaults to current date)\n */\nexport const generateUTCTimeZoneOptions = (\n  referenceDate?: Date,\n): TimeZoneOption[] => {\n  // Get unique offsets from all supported timezones via the Intl API\n  const uniqueOffsets = getUniqueOffsetsFromAPI(referenceDate);\n\n  // Convert offset minutes to hours (can be fractional)\n  const offsetHours = Array.from(uniqueOffsets)\n    .map((minutes) => minutes / 60)\n    .sort((a, b) => a - b);\n\n  // Convert to TimeZoneOption format\n  const options: TimeZoneOption[] = offsetHours.map((offsetHours) => {\n    const offsetStr = formatUTCOffset(offsetHours);\n\n    return {\n      label: offsetStr,\n      offset: offsetStr,\n      offsetMinutes: Math.round(offsetHours * 60),\n      value: offsetStr,\n    };\n  });\n\n  return options;\n};\n\n/**\n * Generates a list of common timezone options with their UTC offsets\n * @param referenceDate - The date to use for calculating timezone offsets (defaults to current date)\n * @param excludeUTC - Whether to exclude the UTC timezone from the list (useful when combining with UTC-only options)\n */\nexport const generateTimeZoneOptions = (\n  referenceDate?: Date,\n  excludeUTC = false,\n): TimeZoneOption[] => {\n  // Common timezones with their IANA identifiers\n  const timezones = Intl.supportedValuesOf('timeZone');\n\n  const now = referenceDate || new Date();\n\n  // Filter out UTC if requested\n  const filteredTimezones = excludeUTC\n    ? timezones.filter((tz) => tz !== 'UTC')\n    : timezones;\n\n  return filteredTimezones\n    .map((tz) => {\n      try {\n        // Get the offset for this timezone\n        const formatter = new Intl.DateTimeFormat('en-US', {\n          timeZone: tz,\n          timeZoneName: 'shortOffset',\n        });\n\n        const parts = formatter.formatToParts(now);\n        const offsetPart = parts.find((part) => part.type === 'timeZoneName');\n        const offset = offsetPart?.value ?? '';\n\n        // Calculate offset in minutes for proper sorting\n        const offsetMinutes = getOffsetMinutes(tz, now);\n\n        // Format the label\n        const cityName = tz.split('/').pop()?.replace(/_/g, ' ') ?? tz;\n        const label = `${cityName} (${offset})`;\n\n        return {\n          label,\n          offset,\n          offsetMinutes,\n          value: tz,\n        };\n      } catch {\n        // Fallback if timezone is not supported\n        return {\n          label: tz.replace(/_/g, ' '),\n          offset: '',\n          offsetMinutes: 0,\n          value: tz,\n        };\n      }\n    })\n    .sort((a, b) => {\n      // Sort by offset (negative to positive), then by label\n      if (a.offsetMinutes !== b.offsetMinutes) {\n        return a.offsetMinutes - b.offsetMinutes;\n      }\n\n      return a.label.localeCompare(b.label);\n    });\n};\n\n/**\n * Gets the user's current timezone\n */\nexport const getUserTimeZone = (): string => {\n  try {\n    return Intl.DateTimeFormat().resolvedOptions().timeZone;\n  } catch {\n    return 'UTC';\n  }\n};\n\n/**\n * Parses a custom UTC offset string (e.g., \"UTC+5:30\", \"UTC-3:45\")\n * @param input - The input string to parse\n * @returns The parsed timezone value or null if invalid\n */\nexport const parseCustomUTCOffset = (input: string): string | null => {\n  // Match patterns like: UTC+5:30, UTC-3:45, UTC+1, UTC-12, etc.\n  // Also accepts single digit minutes which will be padded\n  const utcPattern = /^UTC([+-])?(\\d{1,2})(?::(\\d{1,2}))?$/i;\n  const match = input.trim().match(utcPattern);\n\n  if (!match) return null;\n\n  const sign = match[1] === '-' ? '-' : '+';\n  const hours = parseInt(match[2], 10);\n  const minutes = match[3] ? parseInt(match[3], 10) : 0;\n\n  // Validate ranges based on sign\n  if (sign === '+') {\n    if (hours < 0 || hours > 14) return null;\n    if (hours === 14 && minutes > 0) return null; // UTC+14 is max\n  } else {\n    // sign === '-'\n    if (hours < 0 || hours > 12) return null; // UTC-12 is min\n    if (hours === 12 && minutes > 0) return null; // UTC-12 is min\n  }\n\n  if (minutes < 0 || minutes > 59) return null;\n\n  return `UTC${sign}${hours}${minutes > 0 ? `:${String(minutes).padStart(2, '0')}` : ''}`;\n};\n\n/**\n * Validates if a string is a valid UTC timezone format\n * @param input - The input string to validate\n * @returns True if valid UTC timezone format\n */\nexport const isValidUTCFormat = (input: string): boolean => {\n  return parseCustomUTCOffset(input) !== null || input.toUpperCase() === 'UTC';\n};\n\n/**\n * Formats a timezone for display\n * @param timezone - The IANA timezone identifier or UTC offset\n * @param referenceDate - The date to use for calculating the offset (defaults to current date)\n */\nexport const formatTimeZone = (\n  timezone: string,\n  referenceDate?: Date,\n): string => {\n  // If it's already a UTC format, return as-is\n  if (timezone.toUpperCase().startsWith('UTC')) {\n    return timezone;\n  }\n\n  try {\n    const now = referenceDate || new Date();\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      timeZone: timezone,\n      timeZoneName: 'shortOffset',\n    });\n\n    const parts = formatter.formatToParts(now);\n    const offsetPart = parts.find((part) => part.type === 'timeZoneName');\n    const offset = offsetPart?.value ?? '';\n\n    const cityName = timezone.split('/').pop()?.replace(/_/g, ' ') ?? timezone;\n    return `${cityName} (${offset})`;\n  } catch {\n    return timezone.replace(/_/g, ' ');\n  }\n};\n"]}
+{"version":3,"file":"generate-timezone-options.js","sourceRoot":"","sources":["../../../src/timezone-picker/generate-timezone-options.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport interface TimeZoneOption {\n  value: string;\n  label: string;\n  offset: string;\n  offsetMinutes: number;\n}\n\n/**\n * Gets the offset in minutes for a timezone at a specific date\n */\nconst getOffsetMinutes = (timezone: string, date: Date): number => {\n  try {\n    // Create dates in UTC and in the target timezone\n    const utcDate = new Date(date.toLocaleString('en-US', { timeZone: 'UTC' }));\n    const tzDate = new Date(\n      date.toLocaleString('en-US', { timeZone: timezone }),\n    );\n\n    // Calculate the difference in minutes\n    const diffMs = tzDate.getTime() - utcDate.getTime();\n    return Math.round(diffMs / (1000 * 60));\n  } catch {\n    return 0;\n  }\n};\n\n/**\n * Formats a UTC offset using the Intl API for consistent formatting\n * @param offsetHours - The offset in hours (can be fractional)\n * @returns Formatted UTC offset string (e.g., \"UTC+5:30\", \"UTC-3\")\n */\nconst formatUTCOffset = (offsetHours: number): string => {\n  if (offsetHours === 0) {\n    return 'UTC';\n  }\n\n  const sign = offsetHours >= 0 ? '+' : '-';\n  const absHours = Math.abs(offsetHours);\n  const hours = Math.floor(absHours);\n  const minutes = Math.round((absHours - hours) * 60);\n\n  // Use Intl.NumberFormat for consistent number formatting\n  const numberFormatter = new Intl.NumberFormat('en-US', {\n    maximumFractionDigits: 0,\n    minimumIntegerDigits: 1,\n  });\n\n  const formattedHours = numberFormatter.format(hours);\n  const formattedMinutes =\n    minutes > 0 ? `:${String(minutes).padStart(2, '0')}` : '';\n\n  return `UTC${sign}${formattedHours}${formattedMinutes}`;\n};\n\n/**\n * Extracts unique UTC offsets from all supported timezones using the Intl API\n * @param referenceDate - The date to use for calculating timezone offsets (defaults to current date)\n * @returns Set of unique offset values in minutes\n */\nconst getUniqueOffsetsFromAPI = (referenceDate?: Date): Set<number> => {\n  const uniqueOffsets = new Set<number>();\n  const now = referenceDate || new Date();\n\n  try {\n    // Get all supported timezones from the Intl API\n    const timezones = Intl.supportedValuesOf('timeZone');\n\n    // Extract unique offsets from each timezone\n    for (const tz of timezones) {\n      try {\n        const offsetMinutes = getOffsetMinutes(tz, now);\n        uniqueOffsets.add(offsetMinutes);\n      } catch {\n        // Skip timezones that can't be processed\n        continue;\n      }\n    }\n  } catch {\n    // Fallback to empty set if API is not available\n  }\n\n  // Always include UTC (offset 0)\n  uniqueOffsets.add(0);\n\n  return uniqueOffsets;\n};\n\n/**\n * Generates UTC-only timezone options derived from the Intl API\n * Uses the Intl API to discover which UTC offsets are actually used by supported timezones\n * @param referenceDate - The date to use for calculating timezone offsets (defaults to current date)\n */\nexport const generateUTCTimeZoneOptions = (\n  referenceDate?: Date,\n): TimeZoneOption[] => {\n  // Get unique offsets from all supported timezones via the Intl API\n  const uniqueOffsets = getUniqueOffsetsFromAPI(referenceDate);\n\n  // Convert offset minutes to hours (can be fractional)\n  const offsetHours = Array.from(uniqueOffsets)\n    .map((minutes) => minutes / 60)\n    .sort((a, b) => a - b);\n\n  // Convert to TimeZoneOption format\n  const options: TimeZoneOption[] = offsetHours.map((offsetHours) => {\n    const offsetStr = formatUTCOffset(offsetHours);\n\n    return {\n      label: offsetStr,\n      offset: offsetStr,\n      offsetMinutes: Math.round(offsetHours * 60),\n      value: offsetStr,\n    };\n  });\n\n  return options;\n};\n\n/**\n * Generates a list of common timezone options with their UTC offsets\n * @param referenceDate - The date to use for calculating timezone offsets (defaults to current date)\n * @param excludeUTC - Whether to exclude the UTC timezone from the list (useful when combining with UTC-only options)\n */\nexport const generateTimeZoneOptions = (\n  referenceDate?: Date,\n  excludeUTC = false,\n): TimeZoneOption[] => {\n  // Common timezones with their IANA identifiers\n  const timezones = Intl.supportedValuesOf('timeZone');\n\n  const now = referenceDate || new Date();\n\n  // Filter out UTC if requested\n  const filteredTimezones = excludeUTC\n    ? timezones.filter((tz) => tz !== 'UTC')\n    : timezones;\n\n  return filteredTimezones\n    .map((tz) => {\n      try {\n        // Get the offset for this timezone\n        const formatter = new Intl.DateTimeFormat('en-US', {\n          timeZone: tz,\n          timeZoneName: 'shortOffset',\n        });\n\n        const parts = formatter.formatToParts(now);\n        const offsetPart = parts.find((part) => part.type === 'timeZoneName');\n        const offset = offsetPart?.value ?? '';\n\n        // Calculate offset in minutes for proper sorting\n        const offsetMinutes = getOffsetMinutes(tz, now);\n\n        // Format the label\n        const cityName = tz.split('/').pop()?.replace(/_/g, ' ') ?? tz;\n        const label = `${cityName} (${offset})`;\n\n        return {\n          label,\n          offset,\n          offsetMinutes,\n          value: tz,\n        };\n      } catch {\n        // Fallback if timezone is not supported\n        return {\n          label: tz.replace(/_/g, ' '),\n          offset: '',\n          offsetMinutes: 0,\n          value: tz,\n        };\n      }\n    })\n    .sort((a, b) => {\n      // Sort by offset (negative to positive), then by label\n      if (a.offsetMinutes !== b.offsetMinutes) {\n        return a.offsetMinutes - b.offsetMinutes;\n      }\n\n      return a.label.localeCompare(b.label);\n    });\n};\n\n/**\n * Gets the user's current timezone\n */\nexport const getUserTimeZone = (): string => {\n  try {\n    return Intl.DateTimeFormat().resolvedOptions().timeZone;\n  } catch {\n    return 'UTC';\n  }\n};\n\n/**\n * Parses a custom UTC offset string (e.g., \"UTC+5:30\", \"UTC-3:45\")\n * @param input - The input string to parse\n * @returns The parsed timezone value or null if invalid\n */\nexport const parseCustomUTCOffset = (input: string): string | null => {\n  // Match patterns like: UTC+5:30, UTC-3:45, UTC+1, UTC-12, etc.\n  // Also accepts single digit minutes which will be padded\n  const utcPattern = /^UTC([+-])?(\\d{1,2})(?::(\\d{1,2}))?$/i;\n  const match = input.trim().match(utcPattern);\n\n  if (!match) {\n    return null;\n  }\n\n  const sign = match[1] === '-' ? '-' : '+';\n  const hours = parseInt(match[2], 10);\n  const minutes = match[3] ? parseInt(match[3], 10) : 0;\n\n  // Validate ranges based on sign\n  if (sign === '+') {\n    if (hours < 0 || hours > 14) {\n      return null;\n    }\n    if (hours === 14 && minutes > 0) {\n      return null;\n    } // UTC+14 is max\n  } else {\n    // sign === '-'\n    if (hours < 0 || hours > 12) {\n      return null;\n    } // UTC-12 is min\n    if (hours === 12 && minutes > 0) {\n      return null;\n    } // UTC-12 is min\n  }\n\n  if (minutes < 0 || minutes > 59) {\n    return null;\n  }\n\n  return `UTC${sign}${hours}${minutes > 0 ? `:${String(minutes).padStart(2, '0')}` : ''}`;\n};\n\n/**\n * Validates if a string is a valid UTC timezone format\n * @param input - The input string to validate\n * @returns True if valid UTC timezone format\n */\nexport const isValidUTCFormat = (input: string): boolean => {\n  return parseCustomUTCOffset(input) !== null || input.toUpperCase() === 'UTC';\n};\n\n/**\n * Formats a timezone for display\n * @param timezone - The IANA timezone identifier or UTC offset\n * @param referenceDate - The date to use for calculating the offset (defaults to current date)\n */\nexport const formatTimeZone = (\n  timezone: string,\n  referenceDate?: Date,\n): string => {\n  // If it's already a UTC format, return as-is\n  if (timezone.toUpperCase().startsWith('UTC')) {\n    return timezone;\n  }\n\n  try {\n    const now = referenceDate || new Date();\n    const formatter = new Intl.DateTimeFormat('en-US', {\n      timeZone: timezone,\n      timeZoneName: 'shortOffset',\n    });\n\n    const parts = formatter.formatToParts(now);\n    const offsetPart = parts.find((part) => part.type === 'timeZoneName');\n    const offset = offsetPart?.value ?? '';\n\n    const cityName = timezone.split('/').pop()?.replace(/_/g, ' ') ?? timezone;\n    return `${cityName} (${offset})`;\n  } catch {\n    return timezone.replace(/_/g, ' ');\n  }\n};\n"]}

package/lib/esm/timezone-picker/stories/timezone-picker.stories.js

@@ -21,7 +21,7 @@
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { TimeZonePicker } from '../TimeZonePicker';
-import { TimeZonePickerBothMode, TimeZonePickerBothModeSource, TimeZonePickerDefault, TimeZonePickerDefaultSource, TimeZonePickerDisabled, TimeZonePickerDisabledSource, TimeZonePickerDSTAware, TimeZonePickerDSTAwareSource, TimeZonePickerFluid, TimeZonePickerFluidSource, TimeZonePickerInDialog, TimeZonePickerInDialogSource, TimeZonePickerSizes, TimeZonePickerSizesSource, TimeZonePickerUTCOnly, TimeZonePickerUTCOnlySource, } from './';
+import { TimeZonePickerBothMode, TimeZonePickerBothModeSource, TimeZonePickerDefault, TimeZonePickerDefaultSource, TimeZonePickerDisabled, TimeZonePickerDisabledSource, TimeZonePickerDSTAware, TimeZonePickerDSTAwareSource, TimeZonePickerFluid, TimeZonePickerFluidSource, TimeZonePickerInDialog, TimeZonePickerInDialogSource, TimeZonePickerSizes, TimeZonePickerSizesSource, TimeZonePickerUTCOnly, TimeZonePickerUTCOnlySource, } from '.';
 const componentMeta = {
     component: TimeZonePicker,
     decorators: [

package/lib/esm/timezone-picker/stories/timezone-picker.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"timezone-picker.stories.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker.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 { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { TimeZonePicker } from '../TimeZonePicker';\nimport {\n  TimeZonePickerBothMode,\n  TimeZonePickerBothModeSource,\n  TimeZonePickerDefault,\n  TimeZonePickerDefaultSource,\n  TimeZonePickerDisabled,\n  TimeZonePickerDisabledSource,\n  TimeZonePickerDSTAware,\n  TimeZonePickerDSTAwareSource,\n  TimeZonePickerFluid,\n  TimeZonePickerFluidSource,\n  TimeZonePickerInDialog,\n  TimeZonePickerInDialogSource,\n  TimeZonePickerSizes,\n  TimeZonePickerSizesSource,\n  TimeZonePickerUTCOnly,\n  TimeZonePickerUTCOnlySource,\n} from './';\n\nconst componentMeta: Meta<typeof TimeZonePicker> = {\n  component: TimeZonePicker,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-timezone-picker',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/TimeZonePicker',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerDefault,\n};\n\nexport const Fluid: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerFluidSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerFluid,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerSizes,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerDisabledSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerDisabled,\n};\n\nexport const DSTAware: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerDSTAwareSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerDSTAware,\n};\n\nexport const UTCOnly: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerUTCOnlySource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerUTCOnly,\n};\n\nexport const BothMode: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerBothModeSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerBothMode,\n};\n\nexport const InDialog: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerInDialogSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerInDialog,\n};\n"]}
+{"version":3,"file":"timezone-picker.stories.js","sourceRoot":"","sources":["../../../../src/timezone-picker/stories/timezone-picker.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 { type Meta, type StoryObj } from '@storybook/react-vite';\n\nimport { TimeZonePicker } from '../TimeZonePicker';\nimport {\n  TimeZonePickerBothMode,\n  TimeZonePickerBothModeSource,\n  TimeZonePickerDefault,\n  TimeZonePickerDefaultSource,\n  TimeZonePickerDisabled,\n  TimeZonePickerDisabledSource,\n  TimeZonePickerDSTAware,\n  TimeZonePickerDSTAwareSource,\n  TimeZonePickerFluid,\n  TimeZonePickerFluidSource,\n  TimeZonePickerInDialog,\n  TimeZonePickerInDialogSource,\n  TimeZonePickerSizes,\n  TimeZonePickerSizesSource,\n  TimeZonePickerUTCOnly,\n  TimeZonePickerUTCOnlySource,\n} from '.';\n\nconst componentMeta: Meta<typeof TimeZonePicker> = {\n  component: TimeZonePicker,\n  decorators: [\n    (Story) => (\n      <div className=\"n-flex n-justify-center\">\n        <Story />\n      </div>\n    ),\n  ],\n  id: 'components-timezone-picker',\n  parameters: {\n    controls: { disable: true },\n  },\n  tags: ['docsPage'],\n  title: 'Components/TimeZonePicker',\n};\n\nexport default componentMeta;\ntype Story = StoryObj<typeof componentMeta>;\n\nexport const Default: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerDefaultSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerDefault,\n};\n\nexport const Fluid: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerFluidSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerFluid,\n};\n\nexport const Sizes: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerSizesSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerSizes,\n};\n\nexport const Disabled: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerDisabledSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerDisabled,\n};\n\nexport const DSTAware: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerDSTAwareSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerDSTAware,\n};\n\nexport const UTCOnly: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerUTCOnlySource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerUTCOnly,\n};\n\nexport const BothMode: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerBothModeSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerBothMode,\n};\n\nexport const InDialog: Story = {\n  args: {},\n  parameters: {\n    docs: {\n      source: {\n        code: TimeZonePickerInDialogSource,\n        language: 'tsx',\n        type: 'code',\n      },\n    },\n  },\n  render: TimeZonePickerInDialog,\n};\n"]}

package/lib/esm/toast/Toast.js

@@ -48,7 +48,8 @@ function onCloseCallback(callback, id) {
         delete sonnerToast.needle[id];
     }
 }
-const Toast = ({ icon, id, text, variant, isCloseable, onClose, actionLabel, onAction, shouldCloseOnAction, initialProgressBarValue, isControlled, htmlAttributes, ref, }) => {
+const Toast = (_a) => {
+    var { icon, id, text, variant, isCloseable, onClose, actionLabel, onAction, shouldCloseOnAction, initialProgressBarValue, isControlled, htmlAttributes, ref } = _a, restProps = __rest(_a, ["icon", "id", "text", "variant", "isCloseable", "onClose", "actionLabel", "onAction", "shouldCloseOnAction", "initialProgressBarValue", "isControlled", "htmlAttributes", "ref"]);
     const isProgressBar = variant === 'progress-bar';
     const handleOnClose = () => {
         if (isControlled === true) {
@@ -59,14 +60,15 @@ const Toast = ({ icon, id, text, variant, isCloseable, onClose, actionLabel, onA
         onCloseCallback(onClose, id);
     };
     const handleOnAction = () => {
-        if (onAction)
+        if (onAction) {
             onAction(id);
+        }
         if (shouldCloseOnAction === true) {
             sonnerToast.dismiss(id);
             onCloseCallback(onClose, id);
         }
     };
-    return (_jsxs("div", Object.assign({ id: String(id), className: "ndl-toast", tabIndex: -1, ref: ref, "data-variant": variant, "data-testid": "ndl-toast" }, htmlAttributes, { children: [_jsxs("div", { className: "ndl-toast-content", tabIndex: -1, children: [icon && (_jsx("div", { className: `ndl-toast-icon ndl-toast-${variant}`, children: icon })), _jsx("div", { className: "ndl-toast-text", children: text }), actionLabel && (_jsx(OutlinedButton, { className: "ndl-toast-action", size: "small", onClick: handleOnAction, children: actionLabel })), (isCloseable || actionLabel || isProgressBar) && (_jsx(CleanIconButton, { className: "ndl-toast-close-button", onClick: handleOnClose, description: null, size: "small", htmlAttributes: {
+    return (_jsxs("div", Object.assign({ id: String(id), className: "ndl-toast", tabIndex: -1, ref: ref, "data-variant": variant, "data-testid": "ndl-toast" }, restProps, htmlAttributes, { children: [_jsxs("div", { className: "ndl-toast-content", tabIndex: -1, children: [icon && (_jsx("div", { className: `ndl-toast-icon ndl-toast-${variant}`, children: icon })), _jsx("div", { className: "ndl-toast-text", children: text }), actionLabel && (_jsx(OutlinedButton, { className: "ndl-toast-action", size: "small", onClick: handleOnAction, children: actionLabel })), (isCloseable || actionLabel || isProgressBar) && (_jsx(CleanIconButton, { className: "ndl-toast-close-button", onClick: handleOnClose, description: null, size: "small", htmlAttributes: {
                             'aria-label': 'Close',
                         }, children: _jsx(XMarkIconOutline, {}) }))] }), isProgressBar && (_jsx(ProgressBar, { size: "small", value: initialProgressBarValue !== null && initialProgressBarValue !== void 0 ? initialProgressBarValue : 0 }))] })));
 };
@@ -76,8 +78,9 @@ function getProps(onClose, shouldAutoClose, onAutoClose, onAction, sonnerToastPr
     return Object.assign({ duration: !isProgressBar && shouldAutoClose ? (!onAction ? 5000 : 8000) : Infinity, unstyled: true, onDismiss: (toast) => {
             onCloseCallback(onClose, toast.id);
         }, onAutoClose: (toast) => {
-            if (onAutoClose)
+            if (onAutoClose) {
                 return onAutoClose(toast.id);
+            }
         } }, sonnerToastProps);
 }
 function createToast(text, props, variant, icon) {
@@ -116,13 +119,15 @@ const toast = {
         // Unable to use the sonner toast.update on custom toasts.
         const widthValue = `${value}%`;
         const toastElement = document.getElementById(String(id));
-        if (!toastElement)
+        if (!toastElement) {
             return;
+        }
         const progressBarContainerElement = toastElement.querySelector('.ndl-progress-bar-container');
         progressBarContainerElement.ariaValueNow = String(value);
         const progressBarElement = progressBarContainerElement.querySelector('.ndl-progress-bar');
-        if (!progressBarContainerElement)
+        if (!progressBarContainerElement) {
             return;
+        }
         progressBarElement.style.setProperty('width', widthValue);
     },
     close: (id) => {

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAEL,KAAK,IAAI,WAAW,EACpB,OAAO,IAAI,aAAa,GAGzB,MAAM,QAAQ,CAAC;AAGhB,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,oBAAoB,EACpB,0BAA0B,EAC1B,gBAAgB,GACjB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AA2D9C,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EACJ,QAAQ,GAAG,aAAa,EACxB,aAAa,GAAG,CAAC,EACjB,SAAS,EACT,kBAAkB,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAE7D,OAAO,CACL,KAAC,aAAa,kBACZ,SAAS,EAAE,OAAO,EAClB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,IACxB,kBAAkB,EACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAOF,SAAS,eAAe,CACtB,QAA6C,EAC7C,EAAW;IAEX,IAAI,QAAQ,EAAE,CAAC;QACb,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,UAAU;QACV,OAAQ,WAAiC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACvD,CAAC;AACH,CAAC;AAWD,MAAM,KAAK,GAAG,CAAC,EACb,IAAI,EACJ,EAAE,EACF,IAAI,EACJ,OAAO,EACP,WAAW,EACX,OAAO,EACP,WAAW,EACX,QAAQ,EACR,mBAAmB,EACnB,uBAAuB,EACvB,YAAY,EACZ,cAAc,EACd,GAAG,GACU,EAAE,EAAE;IACjB,MAAM,aAAa,GAAG,OAAO,KAAK,cAAc,CAAC;IAEjD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YAC1B,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACxB,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,QAAQ;YAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,IAAI,mBAAmB,KAAK,IAAI,EAAE,CAAC;YACjC,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;YACxB,eAAe,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,EACd,SAAS,EAAC,WAAW,EACrB,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,GAAG,kBACM,OAAO,iBACT,WAAW,IACnB,cAAc,eAElB,eAAK,SAAS,EAAC,mBAAmB,EAAC,QAAQ,EAAE,CAAC,CAAC,aAC5C,IAAI,IAAI,CACP,cAAK,SAAS,EAAE,4BAA4B,OAAO,EAAE,YAAG,IAAI,GAAO,CACpE,EACD,cAAK,SAAS,EAAC,gBAAgB,YAAE,IAAI,GAAO,EAC3C,WAAW,IAAI,CACd,KAAC,cAAc,IACb,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,cAAc,YAEtB,WAAW,GACG,CAClB,EACA,CAAC,WAAW,IAAI,WAAW,IAAI,aAAa,CAAC,IAAI,CAChD,KAAC,eAAe,IACd,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,IAAI,EACjB,IAAI,EAAC,OAAO,EACZ,cAAc,EAAE;4BACd,YAAY,EAAE,OAAO;yBACtB,YAED,KAAC,gBAAgB,KAAG,GACJ,CACnB,IACG,EACL,aAAa,IAAI,CAChB,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,uBAAuB,aAAvB,uBAAuB,cAAvB,uBAAuB,GAAI,CAAC,GAAI,CAClE,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,QAAQ,CACf,OAA4C,EAC5C,eAAoC,EACpC,WAAgD,EAChD,QAA6C,EAC7C,gBAAiD,EACjD,OAAsB;IAEtB,MAAM,aAAa,GAAG,OAAO,KAAK,cAAc,CAAC;IACjD,mDAAmD;IACnD,uBACE,QAAQ,EACN,CAAC,aAAa,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAC1E,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,CAAC,KAAmB,EAAE,EAAE;YACjC,eAAe,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QACrC,CAAC,EACD,WAAW,EAAE,CAAC,KAAmB,EAAE,EAAE;YACnC,IAAI,WAAW;gBAAE,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;QAChD,CAAC,IACE,gBAAgB,EACnB;AACJ,CAAC;AAED,SAAS,WAAW,CAClB,IAAe,EACf,KAAyB,EACzB,OAAsB,EACtB,IAAe;IAEf,MAAM,EACJ,GAAG,EACH,gBAAgB,GAAG,EAAE,EACrB,OAAO,EACP,eAAe,EACf,WAAW,EACX,QAAQ,KAEN,KAAK,EADJ,SAAS,UACV,KAAK,EARH,oFAQL,CAAQ,CAAC;IAEV,MAAM,EAAE,EAAE,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC;IACpD,gBAAgB,CAAC,EAAE,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,aAAa,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC;IAEtE,2EAA2E;IAC3E,iFAAiF;IACjF,gEAAgE;IAChE,uDAAuD;IACvD,sEAAsE;IACtE,sEAAsE;IACrE,WAAiC,CAAC,MAAM,GAAG;QAC1C,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE;YAC7B,OAAO;SACR;KACF,CAAC;IAEF,OAAO,WAAW,CAAC,MAAM,CACvB,CAAC,EAAW,EAAE,EAAE,CAAC,CACf,KAAC,KAAK,oBACA,SAAS,IACb,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAClB,CACH,oBAEI,QAAQ,CACT,OAAO,EACP,eAAe,EACf,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,OAAO,CACR,EAEJ,CAAC;AACJ,CAAC;AAaD,MAAM,KAAK,GAAU;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE;QAC5B,MAAM,EAAE,IAAI,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA9B,QAAsB,CAAQ,CAAC;QACrC,OAAO,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IACvD,CAAC;IACD,OAAO,EAAE,CAAC,IAAe,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE;QACvC,MAAM,IAAI,GAAG,KAAC,oBAAoB,KAAG,CAAC;QACtC,OAAO,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC;IACnD,CAAC;IACD,MAAM,EAAE,CAAC,IAAe,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,CACtC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAC,0BAA0B,KAAG,CAAC;IACpE,WAAW,EAAE,CAAC,IAAe,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE;QAC3C,MAAM,EAAE,IAAI,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA9B,QAAsB,CAAQ,CAAC;QACrC,OAAO,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;IAC5D,CAAC;IACD,sBAAsB,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE;QACzC,MAAM,KAAK,GAAG,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAEvE,0DAA0D;QAC1D,MAAM,UAAU,GAAG,GAAG,KAAK,GAAG,CAAC;QAC/B,MAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,CAAmB,CAAC;QAE3E,IAAI,CAAC,YAAY;YAAE,OAAO;QAE1B,MAAM,2BAA2B,GAAG,YAAY,CAAC,aAAa,CAC5D,6BAA6B,CACZ,CAAC;QACpB,2BAA2B,CAAC,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACzD,MAAM,kBAAkB,GAAG,2BAA2B,CAAC,aAAa,CAClE,mBAAmB,CACF,CAAC;QAEpB,IAAI,CAAC,2BAA2B;YAAE,OAAO;QAEzC,kBAAkB,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC5D,CAAC;IACD,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE;;QACZ,WAAW,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QACxB,eAAe,CAAC,MAAC,WAAiC,CAAC,MAAM,CAAC,EAAE,CAAC,0CAAE,OAAO,EAAE,EAAE,CAAC,CAAC;IAC9E,CAAC;IACD,WAAW,EAAE,gDAAgD;CAC9D,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport { type ReactNode } from 'react';\nimport {\n  type ExternalToast as SonnerExternalToast,\n  toast as sonnerToast,\n  Toaster as SonnerToaster,\n  type ToasterProps as SonnerToasterProps,\n  type ToastT as SonnerToastT,\n} from 'sonner';\n\nimport { type CommonProps } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  CheckCircleIconSolid,\n  ExclamationCircleIconSolid,\n  XMarkIconOutline,\n} from '../icons';\nimport { OutlinedButton } from '../outlined-button';\nimport { ProgressBar } from '../progress-bar';\n\ntype ToastVariants = 'neutral' | 'success' | 'danger' | 'progress-bar';\n\ntype ToastCommandVariants = 'neutral' | 'success' | 'danger' | 'progressBar';\n\ntype ToastId = string | number;\n\ntype BaseToastProps = CommonProps<\n  'div',\n  {\n    /** If `true` a close button will be displayed in the toast. */\n    isCloseable?: boolean;\n    /** If `true` the toast will close when the action button is triggered. */\n    shouldCloseOnAction?: boolean;\n    /** Function that will be called when the toast is closed. */\n    onClose?: (id: ToastId) => void;\n    /** If true the toast will close automatically after a certain time. */\n    shouldAutoClose?: boolean;\n    /** Function that will be called when the toast is automatically closed. */\n    onAutoClose?: (id: ToastId) => void;\n    /** If set an action button will be displayed. The value here will be displayed\n     * in the action button. If this is set the toast property `shouldAutoClose` will\n     * automatically be set to `false` unless overridden. */\n    actionLabel?: string;\n    /** Function that will be called when the action button is clicked. */\n    onAction?: (id: ToastId) => void;\n    /** If a dev wishes to set the underlying framework props (Sonner Toast).\n     *  https://sonner.emilkowal.ski/toast#api-reference */\n    sonnerToastProps?: SonnerExternalToast;\n    /** If true the toast is controlled by the parent. */\n    isControlled?: boolean;\n  }\n>;\n\ninterface ToastNeutralProps extends BaseToastProps {\n  icon?: ReactNode;\n}\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface ToastSuccessProps extends BaseToastProps {}\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface ToastDangerProps extends BaseToastProps {}\n\ninterface ToastProgressBarProps extends BaseToastProps {\n  icon?: ReactNode;\n  initialProgressBarValue?: number;\n}\n\ntype ToastVariantsProps =\n  | ToastNeutralProps\n  | ToastSuccessProps\n  | ToastDangerProps\n  | ToastProgressBarProps;\n\ninterface ToasterProps\n  extends Pick<SonnerToasterProps, 'position' | 'visibleToasts' | 'className'> {\n  sonnerToasterProps?: SonnerToasterProps;\n}\n\nconst Toaster = (props: ToasterProps) => {\n  const {\n    position = 'bottom-left',\n    visibleToasts = 1,\n    className,\n    sonnerToasterProps,\n  } = props;\n\n  const classes = classNames('ndl-toast-container', className);\n\n  return (\n    <SonnerToaster\n      className={classes}\n      position={position}\n      visibleToasts={visibleToasts}\n      {...sonnerToasterProps}\n    />\n  );\n};\n\ntype SonnerToast = typeof sonnerToast;\ninterface CustomSonnerToast extends SonnerToast {\n  needle: Record<string, { onClose?: (id: ToastId) => void }>;\n}\n\nfunction onCloseCallback(\n  callback: ((id: ToastId) => void) | undefined,\n  id: ToastId,\n) {\n  if (callback) {\n    callback(id);\n    // Cleanup\n    delete (sonnerToast as CustomSonnerToast).needle[id];\n  }\n}\n\ntype ToastElement = ToastVariantsProps & {\n  icon: ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n  text: ReactNode;\n  initialProgressBarValue?: number;\n  isControlled?: boolean;\n};\n\nconst Toast = ({\n  icon,\n  id,\n  text,\n  variant,\n  isCloseable,\n  onClose,\n  actionLabel,\n  onAction,\n  shouldCloseOnAction,\n  initialProgressBarValue,\n  isControlled,\n  htmlAttributes,\n  ref,\n}: ToastElement) => {\n  const isProgressBar = variant === 'progress-bar';\n\n  const handleOnClose = () => {\n    if (isControlled === true) {\n      onCloseCallback(onClose, id);\n      return;\n    }\n    sonnerToast.dismiss(id);\n    onCloseCallback(onClose, id);\n  };\n\n  const handleOnAction = () => {\n    if (onAction) onAction(id);\n    if (shouldCloseOnAction === true) {\n      sonnerToast.dismiss(id);\n      onCloseCallback(onClose, id);\n    }\n  };\n\n  return (\n    <div\n      id={String(id)}\n      className=\"ndl-toast\"\n      tabIndex={-1}\n      ref={ref}\n      data-variant={variant}\n      data-testid=\"ndl-toast\"\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-toast-content\" tabIndex={-1}>\n        {icon && (\n          <div className={`ndl-toast-icon ndl-toast-${variant}`}>{icon}</div>\n        )}\n        <div className=\"ndl-toast-text\">{text}</div>\n        {actionLabel && (\n          <OutlinedButton\n            className=\"ndl-toast-action\"\n            size=\"small\"\n            onClick={handleOnAction}\n          >\n            {actionLabel}\n          </OutlinedButton>\n        )}\n        {(isCloseable || actionLabel || isProgressBar) && (\n          <CleanIconButton\n            className=\"ndl-toast-close-button\"\n            onClick={handleOnClose}\n            description={null}\n            size=\"small\"\n            htmlAttributes={{\n              'aria-label': 'Close',\n            }}\n          >\n            <XMarkIconOutline />\n          </CleanIconButton>\n        )}\n      </div>\n      {isProgressBar && (\n        <ProgressBar size=\"small\" value={initialProgressBarValue ?? 0} />\n      )}\n    </div>\n  );\n};\n\nfunction getProps(\n  onClose: ((id: ToastId) => void) | undefined,\n  shouldAutoClose: boolean | undefined,\n  onAutoClose: ((id: ToastId) => void) | undefined,\n  onAction: ((id: ToastId) => void) | undefined,\n  sonnerToastProps: SonnerExternalToast | undefined,\n  variant: ToastVariants,\n) {\n  const isProgressBar = variant === 'progress-bar';\n  // https://sonner.emilkowal.ski/toast#api-reference\n  return {\n    duration:\n      !isProgressBar && shouldAutoClose ? (!onAction ? 5000 : 8000) : Infinity,\n    unstyled: true,\n    onDismiss: (toast: SonnerToastT) => {\n      onCloseCallback(onClose, toast.id);\n    },\n    onAutoClose: (toast: SonnerToastT) => {\n      if (onAutoClose) return onAutoClose(toast.id);\n    },\n    ...sonnerToastProps,\n  };\n}\n\nfunction createToast(\n  text: ReactNode,\n  props: ToastVariantsProps,\n  variant: ToastVariants,\n  icon: ReactNode,\n) {\n  const {\n    ref,\n    sonnerToastProps = {},\n    onClose,\n    shouldAutoClose,\n    onAutoClose,\n    onAction,\n    ...restProps\n  } = props;\n\n  const { id: sonnerToastPropsId } = sonnerToastProps;\n  sonnerToastProps.id = sonnerToastPropsId ?? `ndl-toast-${Date.now()}`;\n\n  // Unfortunately calling sonnerToast.dismiss does not trigger the onDismiss\n  // callback (weird). So we need to save the onClose callback and call it manually\n  // when calling dismiss manually as we want an onClose callback.\n  // https://sonner.emilkowal.ski/toast#on-close-callback\n  // https://github.com/emilkowalski/sonner/blob/main/src/index.tsx#L320\n  // https://github.com/emilkowalski/sonner/blob/main/src/index.tsx#L359\n  (sonnerToast as CustomSonnerToast).needle = {\n    [String(sonnerToastProps.id)]: {\n      onClose,\n    },\n  };\n\n  return sonnerToast.custom(\n    (id: ToastId) => (\n      <Toast\n        {...restProps}\n        ref={ref}\n        id={id}\n        text={text}\n        variant={variant}\n        icon={icon}\n        onClose={onClose}\n        onAction={onAction}\n      />\n    ),\n    {\n      ...getProps(\n        onClose,\n        shouldAutoClose,\n        onAutoClose,\n        onAction,\n        sonnerToastProps,\n        variant,\n      ),\n    },\n  );\n}\n\n// eslint-disable-next-line no-redeclare\ninterface Toast {\n  neutral: (text: ReactNode, props?: ToastNeutralProps) => ToastId;\n  success: (text: ReactNode, props?: ToastSuccessProps) => ToastId;\n  danger: (text: ReactNode, props?: ToastDangerProps) => ToastId;\n  progressBar: (text: ReactNode, props?: ToastProgressBarProps) => ToastId;\n  updateProgressBarValue: (id: ToastId, value: number) => void;\n  close: (id: ToastId) => void;\n  sonnerToast: typeof sonnerToast;\n}\n\nconst toast: Toast = {\n  neutral: (text, props = {}) => {\n    const { icon, ...restProps } = props;\n    return createToast(text, restProps, 'neutral', icon);\n  },\n  success: (text: ReactNode, props = {}) => {\n    const icon = <CheckCircleIconSolid />;\n    return createToast(text, props, 'success', icon);\n  },\n  danger: (text: ReactNode, props = {}) =>\n    createToast(text, props, 'danger', <ExclamationCircleIconSolid />),\n  progressBar: (text: ReactNode, props = {}) => {\n    const { icon, ...restProps } = props;\n    return createToast(text, restProps, 'progress-bar', icon);\n  },\n  updateProgressBarValue: (id, givenValue) => {\n    const value = givenValue > 100 ? 100 : givenValue < 0 ? 0 : givenValue;\n\n    // Unable to use the sonner toast.update on custom toasts.\n    const widthValue = `${value}%`;\n    const toastElement = document.getElementById(String(id)) as HTMLDivElement;\n\n    if (!toastElement) return;\n\n    const progressBarContainerElement = toastElement.querySelector(\n      '.ndl-progress-bar-container',\n    ) as HTMLDivElement;\n    progressBarContainerElement.ariaValueNow = String(value);\n    const progressBarElement = progressBarContainerElement.querySelector(\n      '.ndl-progress-bar',\n    ) as HTMLDivElement;\n\n    if (!progressBarContainerElement) return;\n\n    progressBarElement.style.setProperty('width', widthValue);\n  },\n  close: (id) => {\n    sonnerToast.dismiss(id);\n    onCloseCallback((sonnerToast as CustomSonnerToast).needle[id]?.onClose, id);\n  },\n  sonnerToast, // If devs wish to directly access sonner toast.\n};\n\nexport { Toaster, toast };\nexport type {\n  ToasterProps,\n  ToastVariants,\n  ToastCommandVariants,\n  ToastNeutralProps,\n  ToastSuccessProps,\n  ToastDangerProps,\n  ToastProgressBarProps,\n  ToastVariantsProps,\n  ToastElement,\n  ToastId,\n};\n"]}
+{"version":3,"file":"Toast.js","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport { type ReactNode } from 'react';\nimport {\n  type ExternalToast as SonnerExternalToast,\n  toast as sonnerToast,\n  Toaster as SonnerToaster,\n  type ToasterProps as SonnerToasterProps,\n  type ToastT as SonnerToastT,\n} from 'sonner';\n\nimport { type CommonProps } from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport {\n  CheckCircleIconSolid,\n  ExclamationCircleIconSolid,\n  XMarkIconOutline,\n} from '../icons';\nimport { OutlinedButton } from '../outlined-button';\nimport { ProgressBar } from '../progress-bar';\n\ntype ToastVariants = 'neutral' | 'success' | 'danger' | 'progress-bar';\n\ntype ToastCommandVariants = 'neutral' | 'success' | 'danger' | 'progressBar';\n\ntype ToastId = string | number;\n\ntype BaseToastProps = CommonProps<\n  'div',\n  {\n    /** If `true` a close button will be displayed in the toast. */\n    isCloseable?: boolean;\n    /** If `true` the toast will close when the action button is triggered. */\n    shouldCloseOnAction?: boolean;\n    /** Function that will be called when the toast is closed. */\n    onClose?: (id: ToastId) => void;\n    /** If true the toast will close automatically after a certain time. */\n    shouldAutoClose?: boolean;\n    /** Function that will be called when the toast is automatically closed. */\n    onAutoClose?: (id: ToastId) => void;\n    /** If set an action button will be displayed. The value here will be displayed\n     * in the action button. If this is set the toast property `shouldAutoClose` will\n     * automatically be set to `false` unless overridden. */\n    actionLabel?: string;\n    /** Function that will be called when the action button is clicked. */\n    onAction?: (id: ToastId) => void;\n    /** If a dev wishes to set the underlying framework props (Sonner Toast).\n     *  https://sonner.emilkowal.ski/toast#api-reference */\n    sonnerToastProps?: SonnerExternalToast;\n    /** If true the toast is controlled by the parent. */\n    isControlled?: boolean;\n  }\n>;\n\ninterface ToastNeutralProps extends BaseToastProps {\n  icon?: ReactNode;\n}\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface ToastSuccessProps extends BaseToastProps {}\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\ninterface ToastDangerProps extends BaseToastProps {}\n\ninterface ToastProgressBarProps extends BaseToastProps {\n  icon?: ReactNode;\n  initialProgressBarValue?: number;\n}\n\ntype ToastVariantsProps =\n  | ToastNeutralProps\n  | ToastSuccessProps\n  | ToastDangerProps\n  | ToastProgressBarProps;\n\ninterface ToasterProps\n  extends Pick<SonnerToasterProps, 'position' | 'visibleToasts' | 'className'> {\n  sonnerToasterProps?: SonnerToasterProps;\n}\n\nconst Toaster = (props: ToasterProps) => {\n  const {\n    position = 'bottom-left',\n    visibleToasts = 1,\n    className,\n    sonnerToasterProps,\n  } = props;\n\n  const classes = classNames('ndl-toast-container', className);\n\n  return (\n    <SonnerToaster\n      className={classes}\n      position={position}\n      visibleToasts={visibleToasts}\n      {...sonnerToasterProps}\n    />\n  );\n};\n\ntype SonnerToast = typeof sonnerToast;\ninterface CustomSonnerToast extends SonnerToast {\n  needle: Record<string, { onClose?: (id: ToastId) => void }>;\n}\n\nfunction onCloseCallback(\n  callback: ((id: ToastId) => void) | undefined,\n  id: ToastId,\n) {\n  if (callback) {\n    callback(id);\n    // Cleanup\n    delete (sonnerToast as CustomSonnerToast).needle[id];\n  }\n}\n\ntype ToastElement = ToastVariantsProps & {\n  icon: ReactNode;\n  id: ToastId;\n  variant: ToastVariants;\n  text: ReactNode;\n  initialProgressBarValue?: number;\n  isControlled?: boolean;\n};\n\nconst Toast = ({\n  icon,\n  id,\n  text,\n  variant,\n  isCloseable,\n  onClose,\n  actionLabel,\n  onAction,\n  shouldCloseOnAction,\n  initialProgressBarValue,\n  isControlled,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: ToastElement) => {\n  const isProgressBar = variant === 'progress-bar';\n\n  const handleOnClose = () => {\n    if (isControlled === true) {\n      onCloseCallback(onClose, id);\n      return;\n    }\n    sonnerToast.dismiss(id);\n    onCloseCallback(onClose, id);\n  };\n\n  const handleOnAction = () => {\n    if (onAction) {\n      onAction(id);\n    }\n    if (shouldCloseOnAction === true) {\n      sonnerToast.dismiss(id);\n      onCloseCallback(onClose, id);\n    }\n  };\n\n  return (\n    <div\n      id={String(id)}\n      className=\"ndl-toast\"\n      tabIndex={-1}\n      ref={ref}\n      data-variant={variant}\n      data-testid=\"ndl-toast\"\n      {...restProps}\n      {...htmlAttributes}\n    >\n      <div className=\"ndl-toast-content\" tabIndex={-1}>\n        {icon && (\n          <div className={`ndl-toast-icon ndl-toast-${variant}`}>{icon}</div>\n        )}\n        <div className=\"ndl-toast-text\">{text}</div>\n        {actionLabel && (\n          <OutlinedButton\n            className=\"ndl-toast-action\"\n            size=\"small\"\n            onClick={handleOnAction}\n          >\n            {actionLabel}\n          </OutlinedButton>\n        )}\n        {(isCloseable || actionLabel || isProgressBar) && (\n          <CleanIconButton\n            className=\"ndl-toast-close-button\"\n            onClick={handleOnClose}\n            description={null}\n            size=\"small\"\n            htmlAttributes={{\n              'aria-label': 'Close',\n            }}\n          >\n            <XMarkIconOutline />\n          </CleanIconButton>\n        )}\n      </div>\n      {isProgressBar && (\n        <ProgressBar size=\"small\" value={initialProgressBarValue ?? 0} />\n      )}\n    </div>\n  );\n};\n\nfunction getProps(\n  onClose: ((id: ToastId) => void) | undefined,\n  shouldAutoClose: boolean | undefined,\n  onAutoClose: ((id: ToastId) => void) | undefined,\n  onAction: ((id: ToastId) => void) | undefined,\n  sonnerToastProps: SonnerExternalToast | undefined,\n  variant: ToastVariants,\n) {\n  const isProgressBar = variant === 'progress-bar';\n  // https://sonner.emilkowal.ski/toast#api-reference\n  return {\n    duration:\n      !isProgressBar && shouldAutoClose ? (!onAction ? 5000 : 8000) : Infinity,\n    unstyled: true,\n    onDismiss: (toast: SonnerToastT) => {\n      onCloseCallback(onClose, toast.id);\n    },\n    onAutoClose: (toast: SonnerToastT) => {\n      if (onAutoClose) {\n        return onAutoClose(toast.id);\n      }\n    },\n    ...sonnerToastProps,\n  };\n}\n\nfunction createToast(\n  text: ReactNode,\n  props: ToastVariantsProps,\n  variant: ToastVariants,\n  icon: ReactNode,\n) {\n  const {\n    ref,\n    sonnerToastProps = {},\n    onClose,\n    shouldAutoClose,\n    onAutoClose,\n    onAction,\n    ...restProps\n  } = props;\n\n  const { id: sonnerToastPropsId } = sonnerToastProps;\n  sonnerToastProps.id = sonnerToastPropsId ?? `ndl-toast-${Date.now()}`;\n\n  // Unfortunately calling sonnerToast.dismiss does not trigger the onDismiss\n  // callback (weird). So we need to save the onClose callback and call it manually\n  // when calling dismiss manually as we want an onClose callback.\n  // https://sonner.emilkowal.ski/toast#on-close-callback\n  // https://github.com/emilkowalski/sonner/blob/main/src/index.tsx#L320\n  // https://github.com/emilkowalski/sonner/blob/main/src/index.tsx#L359\n  (sonnerToast as CustomSonnerToast).needle = {\n    [String(sonnerToastProps.id)]: {\n      onClose,\n    },\n  };\n\n  return sonnerToast.custom(\n    (id: ToastId) => (\n      <Toast\n        {...restProps}\n        ref={ref}\n        id={id}\n        text={text}\n        variant={variant}\n        icon={icon}\n        onClose={onClose}\n        onAction={onAction}\n      />\n    ),\n    {\n      ...getProps(\n        onClose,\n        shouldAutoClose,\n        onAutoClose,\n        onAction,\n        sonnerToastProps,\n        variant,\n      ),\n    },\n  );\n}\n\n// eslint-disable-next-line no-redeclare\ninterface Toast {\n  neutral: (text: ReactNode, props?: ToastNeutralProps) => ToastId;\n  success: (text: ReactNode, props?: ToastSuccessProps) => ToastId;\n  danger: (text: ReactNode, props?: ToastDangerProps) => ToastId;\n  progressBar: (text: ReactNode, props?: ToastProgressBarProps) => ToastId;\n  updateProgressBarValue: (id: ToastId, value: number) => void;\n  close: (id: ToastId) => void;\n  sonnerToast: typeof sonnerToast;\n}\n\nconst toast: Toast = {\n  neutral: (text, props = {}) => {\n    const { icon, ...restProps } = props;\n    return createToast(text, restProps, 'neutral', icon);\n  },\n  success: (text: ReactNode, props = {}) => {\n    const icon = <CheckCircleIconSolid />;\n    return createToast(text, props, 'success', icon);\n  },\n  danger: (text: ReactNode, props = {}) =>\n    createToast(text, props, 'danger', <ExclamationCircleIconSolid />),\n  progressBar: (text: ReactNode, props = {}) => {\n    const { icon, ...restProps } = props;\n    return createToast(text, restProps, 'progress-bar', icon);\n  },\n  updateProgressBarValue: (id, givenValue) => {\n    const value = givenValue > 100 ? 100 : givenValue < 0 ? 0 : givenValue;\n\n    // Unable to use the sonner toast.update on custom toasts.\n    const widthValue = `${value}%`;\n    const toastElement = document.getElementById(String(id)) as HTMLDivElement;\n\n    if (!toastElement) {\n      return;\n    }\n\n    const progressBarContainerElement = toastElement.querySelector(\n      '.ndl-progress-bar-container',\n    ) as HTMLDivElement;\n    progressBarContainerElement.ariaValueNow = String(value);\n    const progressBarElement = progressBarContainerElement.querySelector(\n      '.ndl-progress-bar',\n    ) as HTMLDivElement;\n\n    if (!progressBarContainerElement) {\n      return;\n    }\n\n    progressBarElement.style.setProperty('width', widthValue);\n  },\n  close: (id) => {\n    sonnerToast.dismiss(id);\n    onCloseCallback((sonnerToast as CustomSonnerToast).needle[id]?.onClose, id);\n  },\n  sonnerToast, // If devs wish to directly access sonner toast.\n};\n\nexport { Toaster, toast };\nexport type {\n  ToasterProps,\n  ToastVariants,\n  ToastCommandVariants,\n  ToastNeutralProps,\n  ToastSuccessProps,\n  ToastDangerProps,\n  ToastProgressBarProps,\n  ToastVariantsProps,\n  ToastElement,\n  ToastId,\n};\n"]}

package/lib/esm/tooltip/Tooltip.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  *
@@ -47,7 +58,8 @@ const TooltipComponent = ({ children, isDisabled = false, type, isInitialOpen, p
     return (_jsx(TooltipContext.Provider, { value: tooltip, children: children }));
 };
 TooltipComponent.displayName = 'Tooltip';
-const TooltipTrigger = ({ children, hasButtonWrapper = false, htmlAttributes, className, style, ref, }) => {
+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
@@ -66,44 +78,52 @@ const TooltipTrigger = ({ children, hasButtonWrapper = false, htmlAttributes, cl
         const props = Object.assign(Object.assign(Object.assign({ className: triggerClasses }, htmlAttributes), childrenProps), { ref: mergedRefs });
         return cloneElement(children, context.getReferenceProps(props));
     }
-    return (_jsx("button", Object.assign({ className: triggerClasses, style: style, ref: mergedRefs }, context.getReferenceProps(htmlAttributes), { children: children })));
+    return (_jsx("button", Object.assign({ className: triggerClasses, style: style, ref: mergedRefs }, context.getReferenceProps(htmlAttributes), restProps, { children: children })));
 };
-const TooltipContent = ({ children, style, htmlAttributes, className, ref, }) => {
+const TooltipContent = (_a) => {
+    var { children, style, htmlAttributes, className, ref } = _a, restProps = __rest(_a, ["children", "style", "htmlAttributes", "className", "ref"]);
     const context = useTooltipContext();
     const mergedRef = useMergeRefs([context.refs.setFloating, ref]);
     const { themeClassName } = useNeedleTheme();
-    if (!context.isOpen)
+    if (!context.isOpen) {
         return null;
+    }
     const classes = classNames('ndl-tooltip-content', themeClassName, className, {
         'ndl-tooltip-content-rich': context.type === 'rich',
         'ndl-tooltip-content-simple': context.type === 'simple',
     });
     if (context.type === 'simple') {
-        return (_jsx(ConditionalWrap, { shouldWrap: context.isPortaled, wrap: (wrapChildren) => _jsx(FloatingPortal, { children: wrapChildren }), children: _jsx("div", Object.assign({ ref: mergedRef, className: classes, style: Object.assign(Object.assign({}, context.floatingStyles), style) }, context.getFloatingProps(htmlAttributes), { children: _jsx(Typography, { variant: "body-medium", children: children }) })) }));
+        return (_jsx(ConditionalWrap, { shouldWrap: context.isPortaled, wrap: (wrapChildren) => _jsx(FloatingPortal, { children: wrapChildren }), children: _jsx("div", Object.assign({ ref: mergedRef, className: classes, style: Object.assign(Object.assign({}, context.floatingStyles), style) }, restProps, context.getFloatingProps(htmlAttributes), { children: _jsx(Typography, { variant: "body-medium", children: children }) })) }));
     }
-    return (_jsx(ConditionalWrap, { shouldWrap: context.isPortaled, wrap: (wrapChildren) => _jsx(FloatingPortal, { children: wrapChildren }), children: _jsx(FloatingFocusManager, { context: context.context, returnFocus: true, modal: false, initialFocus: -1, closeOnFocusOut: true, children: _jsx("div", Object.assign({ ref: mergedRef, className: classes, style: Object.assign(Object.assign({}, context.floatingStyles), style) }, context.getFloatingProps(htmlAttributes), { children: children })) }) }));
+    return (_jsx(ConditionalWrap, { shouldWrap: context.isPortaled, wrap: (wrapChildren) => _jsx(FloatingPortal, { children: wrapChildren }), children: _jsx(FloatingFocusManager, { context: context.context, returnFocus: true, modal: false, initialFocus: -1, closeOnFocusOut: true, children: _jsx("div", Object.assign({ ref: mergedRef, className: classes, style: Object.assign(Object.assign({}, context.floatingStyles), style) }, restProps, context.getFloatingProps(htmlAttributes), { children: children })) }) }));
 };
-const TooltipHeader = ({ children, passThroughProps, className, style, htmlAttributes, ref, }) => {
+const TooltipHeader = (_a) => {
+    var { children, passThroughProps, typographyVariant = 'subheading-medium', className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "passThroughProps", "typographyVariant", "className", "style", "htmlAttributes", "ref"]);
     const context = useTooltipContext();
     const classes = classNames('ndl-tooltip-header', className);
-    if (!context.isOpen)
+    if (!context.isOpen) {
         return null;
-    return (_jsx(Typography, Object.assign({ ref: ref, variant: "subheading-medium", className: classes, style: style, htmlAttributes: htmlAttributes }, passThroughProps, { children: children })));
+    }
+    return (_jsx(Typography, Object.assign({ ref: ref, variant: typographyVariant, className: classes, style: style, htmlAttributes: htmlAttributes }, passThroughProps, restProps, { children: children })));
 };
-const TooltipBody = ({ children, className, style, htmlAttributes, passThroughProps, ref, }) => {
+const TooltipBody = (_a) => {
+    var { children, className, style, htmlAttributes, passThroughProps, ref } = _a, restProps = __rest(_a, ["children", "className", "style", "htmlAttributes", "passThroughProps", "ref"]);
     const context = useTooltipContext();
     const classes = classNames('ndl-tooltip-body', className);
-    if (!context.isOpen)
+    if (!context.isOpen) {
         return null;
-    return (_jsx(Typography, Object.assign({ ref: ref, variant: "body-medium", className: classes, style: style, htmlAttributes: htmlAttributes }, passThroughProps, { children: children })));
+    }
+    return (_jsx(Typography, Object.assign({ ref: ref, variant: "body-medium", className: classes, style: style, htmlAttributes: htmlAttributes }, passThroughProps, restProps, { children: children })));
 };
-const Actions = ({ children, className, style, htmlAttributes, ref, }) => {
+const Actions = (_a) => {
+    var { children, className, style, htmlAttributes, ref } = _a, restProps = __rest(_a, ["children", "className", "style", "htmlAttributes", "ref"]);
     const context = useTooltipContext();
     const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);
-    if (!context.isOpen)
+    if (!context.isOpen) {
         return null;
+    }
     const classes = classNames('ndl-tooltip-actions', className);
-    return (_jsx("div", Object.assign({ className: classes, ref: mergedRefs, style: style }, htmlAttributes, { children: children })));
+    return (_jsx("div", Object.assign({ className: classes, ref: mergedRefs, style: style }, restProps, htmlAttributes, { children: children })));
 };
 const Tooltip = Object.assign(TooltipComponent, {
     Actions: Actions,

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 } 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}: 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    >\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}: CommonProps<'div', TooltipContentProps>) => {\n  const context = useTooltipContext();\n  const mergedRef = useMergeRefs([context.refs.setFloating, ref]);\n  const { themeClassName } = useNeedleTheme();\n  if (!context.isOpen) return null;\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          {...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          {...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  /** Additional props to pass to the Typography component */\n  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n};\n\nconst TooltipHeader = ({\n  children,\n  passThroughProps,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n}: CommonProps<'span', TooltipHeaderProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-header', className);\n\n  if (!context.isOpen) return null;\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"subheading-medium\"\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\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  passThroughProps?: Partial<React.ComponentPropsWithoutRef<typeof Typography>>;\n};\n\nconst TooltipBody = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  passThroughProps,\n  ref,\n}: CommonProps<'span', TooltipBodyProps>) => {\n  const context = useTooltipContext();\n\n  const classes = classNames('ndl-tooltip-body', className);\n  if (!context.isOpen) return null;\n\n  return (\n    <Typography\n      ref={ref}\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      htmlAttributes={htmlAttributes}\n      {...passThroughProps}\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}: CommonProps<'div', ToolTipActionsProps>) => {\n  const context = useTooltipContext();\n  const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);\n\n  if (!context.isOpen) return null;\n\n  const classes = classNames('ndl-tooltip-actions', className);\n\n  return (\n    <div className={classes} ref={mergedRefs} style={style} {...htmlAttributes}>\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  // 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"]}

package/lib/esm/tree-view/TreeItemWrapper.js

@@ -152,12 +152,14 @@ const onInnerDivKeyDown = (event, shouldDisableInteraction, wrapperRef) => {
 function TreeItemWrapperInner(_a) {
     var { depth, shouldDisableInteraction, shouldDisableSorting, isGhost, isIndicator, onCollapse, item, setNodeRef, setActivatorNodeRef, dragHandleProps, style, className, trails, children, indentationWidth, tabIndex, onFocus, ref } = _a, 
     // Need to destruct to avoid passing it to the component
+    // oxlint-disable-next-line no-unused-vars
     restProps = __rest(_a, ["depth", "shouldDisableInteraction", "shouldDisableSorting", "isGhost", "isIndicator", "onCollapse", "item", "setNodeRef", "setActivatorNodeRef", "dragHandleProps", "style", "className", "trails", "children", "indentationWidth", "tabIndex", "onFocus", "ref"]);
     const wrapperRef = useRef(null);
     return (_jsx("li", { ref: (el) => {
             wrapperRef.current = el;
-            if (el === null)
+            if (el === null) {
                 return;
+            }
             setNodeRef(el);
         }, className: classNames({
             className,

package/lib/esm/tree-view/TreeItemWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeItemWrapper.js","sourceRoot":"","sources":["../../../src/tree-view/TreeItemWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useRef } from 'react';\n\nimport { findFocusableChildren, findFocusableSibling } from '../_common/utils';\nimport { DragIcon } from '../icons';\nimport {\n  focusCellInNextRow,\n  focusCellInPreviousRow,\n  focusNextRow,\n  focusPreviousRow,\n} from './tree-view-keyboard-helpers';\nimport { type TreeItem, type TreeItemComponentProps } from './tree-view-types';\nimport { Trail } from './TreeViewTrail';\n\n/**\n * Handles keydown events for when the item itself is focused (wrapperRef.current)\n * Moves the focus between the item and its children as well as toggles collapsing of the item\n * @param event\n * @param shouldDisableInteraction\n * @param wrapperRef\n * @param onCollapse\n * @param item\n * @returns\n */\n\nconst onWrapperKeyDown = (\n  event: React.KeyboardEvent,\n  shouldDisableInteraction: boolean,\n  wrapperRef: React.RefObject<HTMLElement | null>,\n  onCollapse: (() => void) | undefined,\n  item: TreeItem<Record<string, unknown>>,\n) => {\n  if (shouldDisableInteraction || wrapperRef.current === null) {\n    return;\n  }\n\n  if (event.key === 'Enter' && onCollapse) {\n    onCollapse();\n  } else if (event.key === 'ArrowRight') {\n    event.preventDefault();\n    if (item.canHaveSubItems && item.isCollapsed && onCollapse) {\n      onCollapse();\n    } else {\n      const focusable = findFocusableChildren(wrapperRef.current);\n      const [firstElement] = focusable;\n      if (firstElement instanceof HTMLElement) {\n        firstElement.focus();\n      }\n    }\n\n    event.preventDefault();\n  } else if (event.key === 'ArrowLeft') {\n    event.preventDefault();\n    if (item.canHaveSubItems && !item.isCollapsed && onCollapse) {\n      onCollapse();\n    } else {\n      focusPreviousRow(wrapperRef.current);\n    }\n  } else if (event.key === 'ArrowDown') {\n    event.preventDefault();\n    focusNextRow(wrapperRef.current);\n  } else if (event.key === 'ArrowUp') {\n    event.preventDefault();\n    focusPreviousRow(wrapperRef.current);\n  }\n};\n\n/**\n * Handles keydown events for when one of the items children is focused\n * Moves the focus between the children of the item and up to the parent if needed.\n * Stops the event from propagating to the parent since it has it own keydown handler\n * The parent is the wrapperRef.current and uses onWrapperKeyDown\n * @param event\n * @param shouldDisableInteraction\n * @param wrapperRef\n */\nconst onInnerDivKeyDown = (\n  event: React.KeyboardEvent,\n  shouldDisableInteraction: boolean,\n  wrapperRef: React.RefObject<HTMLElement | null>,\n) => {\n  if (shouldDisableInteraction) {\n    return;\n  }\n  event.stopPropagation();\n  if (event.key === 'ArrowRight') {\n    event.preventDefault();\n    const nextElement = findFocusableSibling(wrapperRef, 'next');\n    if (nextElement) {\n      nextElement.focus();\n    }\n  } else if (event.key === 'ArrowLeft') {\n    event.preventDefault();\n    const previousElement = findFocusableSibling(wrapperRef, 'prev');\n    if (previousElement) {\n      previousElement.focus();\n    } else {\n      wrapperRef.current?.focus();\n    }\n  } else if (event.key === 'ArrowDown' && wrapperRef.current !== null) {\n    event.preventDefault();\n    focusCellInNextRow(wrapperRef.current);\n  } else if (event.key === 'ArrowUp' && wrapperRef.current !== null) {\n    event.preventDefault();\n    focusCellInPreviousRow(wrapperRef.current);\n  } else if (event.shiftKey && event.key === 'Tab') {\n    const previousElement = findFocusableSibling(wrapperRef, 'prev');\n    if (previousElement) {\n      event.preventDefault();\n      previousElement.focus();\n    }\n  } else if (event.key === 'Tab') {\n    if (event.shiftKey) {\n      return;\n    }\n\n    const nextElement = findFocusableSibling(wrapperRef, 'next');\n    if (nextElement) {\n      nextElement.focus();\n      event.preventDefault();\n    }\n  }\n};\n\n/**\n * Used as a helper function to wrap the TreeItem component\n * This adds the drag handle and trail to the start of a tree item.\n * Useful if you want to add additional functionality to the tree item but still keep the drag handle and trail\n * Is also used internally to create the TreeViewTextItem component\n */\nfunction TreeItemWrapperInner<T extends Record<string, unknown>>({\n  depth,\n  shouldDisableInteraction,\n  shouldDisableSorting,\n  isGhost,\n  isIndicator,\n  onCollapse,\n  item,\n  setNodeRef,\n  setActivatorNodeRef,\n  dragHandleProps,\n  style,\n  className,\n  trails,\n  children,\n  indentationWidth,\n  tabIndex,\n  onFocus,\n  ref,\n  // Need to destruct to avoid passing it to the component\n\n  ...restProps\n}: React.PropsWithChildren<TreeItemComponentProps<T>>) {\n  const wrapperRef = useRef<HTMLElement | null>(null);\n\n  return (\n    <li\n      ref={(el) => {\n        wrapperRef.current = el;\n\n        if (el === null) return;\n        setNodeRef(el);\n      }}\n      className={classNames({\n        className,\n        'ndl-tree-view-list-item': true,\n        indicator: isIndicator,\n        'ndl-tree-view-list-item-placeholder': isGhost,\n        'ndl-tree-view-list-item-disable-interaction': shouldDisableInteraction,\n      })}\n      style={{\n        ...style,\n        paddingLeft: isIndicator ? `${depth * indentationWidth}px` : 0,\n      }}\n      role=\"treeitem\"\n      onFocus={onFocus}\n      aria-selected={item.isSelected && !item.isSkeletonLoading}\n      aria-expanded={item.canHaveSubItems ? !item.isCollapsed : undefined}\n      onKeyDown={(event) =>\n        onWrapperKeyDown(\n          event,\n          shouldDisableInteraction ?? false,\n          wrapperRef,\n          onCollapse,\n          item,\n        )\n      }\n    >\n      <div\n        role=\"presentation\"\n        className=\"ndl-tree-view-list-item-content\"\n        ref={ref}\n        onKeyDown={(event) =>\n          onInnerDivKeyDown(\n            event,\n            shouldDisableInteraction ?? false,\n            wrapperRef,\n          )\n        }\n      >\n        {!shouldDisableSorting && (\n          <button\n            className=\"ndl-tree-view-drag-handle\"\n            ref={setActivatorNodeRef}\n            aria-label=\"Pick up\"\n            {...dragHandleProps}\n            tabIndex={tabIndex}\n          >\n            <DragIcon />\n          </button>\n        )}\n        {trails.map((trail, index) => {\n          return <Trail key={index} variant={trail} />;\n        })}\n\n        {children}\n      </div>\n    </li>\n  );\n}\n\nexport const TreeItemWrapper = TreeItemWrapperInner;\n"]}
+{"version":3,"file":"TreeItemWrapper.js","sourceRoot":"","sources":["../../../src/tree-view/TreeItemWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport type React from 'react';\nimport { useRef } from 'react';\n\nimport { findFocusableChildren, findFocusableSibling } from '../_common/utils';\nimport { DragIcon } from '../icons';\nimport {\n  focusCellInNextRow,\n  focusCellInPreviousRow,\n  focusNextRow,\n  focusPreviousRow,\n} from './tree-view-keyboard-helpers';\nimport { type TreeItem, type TreeItemComponentProps } from './tree-view-types';\nimport { Trail } from './TreeViewTrail';\n\n/**\n * Handles keydown events for when the item itself is focused (wrapperRef.current)\n * Moves the focus between the item and its children as well as toggles collapsing of the item\n * @param event\n * @param shouldDisableInteraction\n * @param wrapperRef\n * @param onCollapse\n * @param item\n * @returns\n */\n\nconst onWrapperKeyDown = (\n  event: React.KeyboardEvent,\n  shouldDisableInteraction: boolean,\n  wrapperRef: React.RefObject<HTMLElement | null>,\n  onCollapse: (() => void) | undefined,\n  item: TreeItem<Record<string, unknown>>,\n) => {\n  if (shouldDisableInteraction || wrapperRef.current === null) {\n    return;\n  }\n\n  if (event.key === 'Enter' && onCollapse) {\n    onCollapse();\n  } else if (event.key === 'ArrowRight') {\n    event.preventDefault();\n    if (item.canHaveSubItems && item.isCollapsed && onCollapse) {\n      onCollapse();\n    } else {\n      const focusable = findFocusableChildren(wrapperRef.current);\n      const [firstElement] = focusable;\n      if (firstElement instanceof HTMLElement) {\n        firstElement.focus();\n      }\n    }\n\n    event.preventDefault();\n  } else if (event.key === 'ArrowLeft') {\n    event.preventDefault();\n    if (item.canHaveSubItems && !item.isCollapsed && onCollapse) {\n      onCollapse();\n    } else {\n      focusPreviousRow(wrapperRef.current);\n    }\n  } else if (event.key === 'ArrowDown') {\n    event.preventDefault();\n    focusNextRow(wrapperRef.current);\n  } else if (event.key === 'ArrowUp') {\n    event.preventDefault();\n    focusPreviousRow(wrapperRef.current);\n  }\n};\n\n/**\n * Handles keydown events for when one of the items children is focused\n * Moves the focus between the children of the item and up to the parent if needed.\n * Stops the event from propagating to the parent since it has it own keydown handler\n * The parent is the wrapperRef.current and uses onWrapperKeyDown\n * @param event\n * @param shouldDisableInteraction\n * @param wrapperRef\n */\nconst onInnerDivKeyDown = (\n  event: React.KeyboardEvent,\n  shouldDisableInteraction: boolean,\n  wrapperRef: React.RefObject<HTMLElement | null>,\n) => {\n  if (shouldDisableInteraction) {\n    return;\n  }\n  event.stopPropagation();\n  if (event.key === 'ArrowRight') {\n    event.preventDefault();\n    const nextElement = findFocusableSibling(wrapperRef, 'next');\n    if (nextElement) {\n      nextElement.focus();\n    }\n  } else if (event.key === 'ArrowLeft') {\n    event.preventDefault();\n    const previousElement = findFocusableSibling(wrapperRef, 'prev');\n    if (previousElement) {\n      previousElement.focus();\n    } else {\n      wrapperRef.current?.focus();\n    }\n  } else if (event.key === 'ArrowDown' && wrapperRef.current !== null) {\n    event.preventDefault();\n    focusCellInNextRow(wrapperRef.current);\n  } else if (event.key === 'ArrowUp' && wrapperRef.current !== null) {\n    event.preventDefault();\n    focusCellInPreviousRow(wrapperRef.current);\n  } else if (event.shiftKey && event.key === 'Tab') {\n    const previousElement = findFocusableSibling(wrapperRef, 'prev');\n    if (previousElement) {\n      event.preventDefault();\n      previousElement.focus();\n    }\n  } else if (event.key === 'Tab') {\n    if (event.shiftKey) {\n      return;\n    }\n\n    const nextElement = findFocusableSibling(wrapperRef, 'next');\n    if (nextElement) {\n      nextElement.focus();\n      event.preventDefault();\n    }\n  }\n};\n\n/**\n * Used as a helper function to wrap the TreeItem component\n * This adds the drag handle and trail to the start of a tree item.\n * Useful if you want to add additional functionality to the tree item but still keep the drag handle and trail\n * Is also used internally to create the TreeViewTextItem component\n */\nfunction TreeItemWrapperInner<T extends Record<string, unknown>>({\n  depth,\n  shouldDisableInteraction,\n  shouldDisableSorting,\n  isGhost,\n  isIndicator,\n  onCollapse,\n  item,\n  setNodeRef,\n  setActivatorNodeRef,\n  dragHandleProps,\n  style,\n  className,\n  trails,\n  children,\n  indentationWidth,\n  tabIndex,\n  onFocus,\n  ref,\n  // Need to destruct to avoid passing it to the component\n  // oxlint-disable-next-line no-unused-vars\n  ...restProps\n}: React.PropsWithChildren<TreeItemComponentProps<T>>) {\n  const wrapperRef = useRef<HTMLElement | null>(null);\n\n  return (\n    <li\n      ref={(el) => {\n        wrapperRef.current = el;\n\n        if (el === null) {\n          return;\n        }\n        setNodeRef(el);\n      }}\n      className={classNames({\n        className,\n        'ndl-tree-view-list-item': true,\n        indicator: isIndicator,\n        'ndl-tree-view-list-item-placeholder': isGhost,\n        'ndl-tree-view-list-item-disable-interaction': shouldDisableInteraction,\n      })}\n      style={{\n        ...style,\n        paddingLeft: isIndicator ? `${depth * indentationWidth}px` : 0,\n      }}\n      role=\"treeitem\"\n      onFocus={onFocus}\n      aria-selected={item.isSelected && !item.isSkeletonLoading}\n      aria-expanded={item.canHaveSubItems ? !item.isCollapsed : undefined}\n      onKeyDown={(event) =>\n        onWrapperKeyDown(\n          event,\n          shouldDisableInteraction ?? false,\n          wrapperRef,\n          onCollapse,\n          item,\n        )\n      }\n    >\n      <div\n        role=\"presentation\"\n        className=\"ndl-tree-view-list-item-content\"\n        ref={ref}\n        onKeyDown={(event) =>\n          onInnerDivKeyDown(\n            event,\n            shouldDisableInteraction ?? false,\n            wrapperRef,\n          )\n        }\n      >\n        {!shouldDisableSorting && (\n          <button\n            className=\"ndl-tree-view-drag-handle\"\n            ref={setActivatorNodeRef}\n            aria-label=\"Pick up\"\n            {...dragHandleProps}\n            tabIndex={tabIndex}\n          >\n            <DragIcon />\n          </button>\n        )}\n        {trails.map((trail, index) => {\n          return <Trail key={index} variant={trail} />;\n        })}\n\n        {children}\n      </div>\n    </li>\n  );\n}\n\nexport const TreeItemWrapper = TreeItemWrapperInner;\n"]}

package/lib/esm/tree-view/TreeView.js

@@ -157,8 +157,9 @@ const TreeViewComponent = function TreeView({ items, TreeItemComponent, onItemsC
     }, [flattenItems, onItemsChanged, projected]);
     function handleToggleCollapse(id) {
         const item = flattenItems.find((item) => item.id === id);
-        if (!item || item.canHaveSubItems !== true)
+        if (!item || item.canHaveSubItems !== true) {
             return;
+        }
         onItemsChanged(buildTree(flattenItems.map((item) => {
             if (item.id === id && item.canHaveSubItems === true) {
                 return Object.assign(Object.assign({}, item), { isCollapsed: !item.isCollapsed });