@neo4j-ndl/react 4.22.0 → 4.23.3

package/lib/cjs/time-picker/TimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/time-picker/TimePicker.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  autoUpdate,\n  type Boundary,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  offset,\n  shift,\n  size as sizeMiddleware,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { ClockIconOutline } from '../icons/generated/heroIcons/ClockIconOutline';\nimport { ExclamationCircleIconSolid } from '../icons/generated/heroIcons/ExclamationCircleIconSolid';\nimport { useNeedleTheme } from '../theme';\nimport { Typography } from '../typography';\nimport { generateTimeOptions } from './generate-time-options';\nimport { NeedleTime } from './needle-time';\nimport {\n  useKeyboardNavigation,\n  useTimePickerPopover,\n} from './time-picker-hooks';\n\nexport type TimeFormat = 'hh:mm' | 'hh:mm aa' | 'hh:mm:ss' | 'hh:mm:ss aa';\n\n/** Fixed input width per format (only used when the picker is not fluid). */\nconst INPUT_WIDTH_BY_FORMAT: Record<TimeFormat, string> = {\n  'hh:mm': '6rem',\n  'hh:mm aa': '9rem',\n  'hh:mm:ss': '7.5rem',\n  'hh:mm:ss aa': '11rem',\n};\n\nexport type TimePickerProps = {\n  /** The value of the time picker */\n  value?: NeedleTime;\n  /** The format of the time picker */\n  format?: TimeFormat;\n  /** Whether the time picker is fluid */\n  isFluid?: boolean;\n  /** Whether the time picker is read only */\n  isReadOnly?: boolean;\n  /** Whether the time picker is required */\n  isRequired?: boolean;\n  /** Whether the time picker is disabled */\n  isDisabled?: boolean;\n  /** The time interval of the time picker, in minutes */\n  timeInterval?: number;\n  /** The label of the time picker */\n  label?: string;\n  /** The size of the time picker */\n  size?: 'small' | 'medium' | 'large';\n  /** Manually set the error text */\n  errorText?: string;\n  /** Callback function triggered when the time picker value changes */\n  onChange?: (time: NeedleTime) => void;\n  /** Callback function triggered when the time picker encounters an error */\n  onError?: (error: string, time: NeedleTime) => void;\n  /**\n   * Strategy for the dropdown floating element.\n   * By default it is absolute, but if the component is inside of a needle Dialog, it is set to fixed.\n   * If this prop is set, no auto-detection of Dialog is done.\n   */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Whether the dropdown element is rendered in a portal. */\n  isPortaled?: boolean;\n};\n\nexport const TimePicker = <T extends React.ElementType = 'div'>({\n  format = 'hh:mm',\n  isDisabled,\n  isFluid,\n  isReadOnly,\n  isRequired,\n  value,\n  timeInterval = 15,\n  label,\n  onChange,\n  className,\n  onError,\n  style,\n  size = 'medium',\n  errorText,\n  htmlAttributes,\n  floatingStrategy,\n  isPortaled: isPortaledProp,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, TimePickerProps>) => {\n  const [editedInput, setEditedInput] = useState<NeedleTime | undefined>(value);\n\n  const is24Hour = !format.includes('aa');\n  const hasSeconds = format.includes('ss');\n  const [inputValue, setInputValue] = useState<string>(\n    value?.toString(is24Hour, hasSeconds) ?? '',\n  );\n  const listRef = useRef<HTMLUListElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n  const [lastAction, setLastAction] = useState<'type' | 'arrow'>('type');\n  const [error, setError] = useState<string | undefined>(undefined);\n  const errorTextId = useId();\n  const listboxId = useId();\n\n  const timeOptions = useMemo(\n    () => generateTimeOptions(is24Hour, timeInterval, hasSeconds),\n    [is24Hour, timeInterval, hasSeconds],\n  );\n\n  const { themeClassName } = useNeedleTheme();\n  const { isPopoverOpen, setIsPopoverOpen } = useTimePickerPopover(false);\n  const { focusedIndex, setFocusedIndex, handleArrowNavigation } =\n    useKeyboardNavigation(listRef, timeOptions.length);\n\n  const errorToShow =\n    errorText !== undefined && errorText !== '' ? errorText : error;\n\n  const classes = {\n    'ndl-disabled': isDisabled,\n    'ndl-error': errorToShow !== undefined,\n    'ndl-fluid': isFluid,\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-read-only': isReadOnly,\n    'ndl-small': size === 'small',\n  };\n\n  const inputWidth = isFluid === true ? '100%' : INPUT_WIDTH_BY_FORMAT[format];\n\n  const isValidTime = useCallback(\n    (hours: number, minutes: number, seconds: number) => {\n      if (hours > 23 || hours < 0) {\n        return false;\n      }\n\n      if (minutes > 59 || minutes < 0) {\n        return false;\n      }\n\n      if (seconds > 59 || seconds < 0) {\n        return false;\n      }\n\n      return true;\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (error !== undefined) {\n      onError?.(error, NeedleTime.fromString(inputValue));\n    }\n  }, [error, inputValue, onError]);\n\n  useEffect(() => {\n    setEditedInput(value);\n    setInputValue(value?.toString(is24Hour, hasSeconds) ?? '');\n  }, [is24Hour, hasSeconds, value]);\n\n  useEffect(() => {\n    if (isPopoverOpen) {\n      setTimeout(() => {\n        listRef.current?.children[focusedIndex]?.scrollIntoView({\n          block: 'center',\n          inline: 'nearest',\n        });\n      }, 0);\n    } else {\n      setTimeout(() => {\n        const selectedIndex =\n          timeOptions.indexOf(value?.toString(is24Hour, hasSeconds) ?? '') ?? 0;\n        setFocusedIndex(selectedIndex);\n      }, 0);\n    }\n  }, [\n    focusedIndex,\n    is24Hour,\n    hasSeconds,\n    isPopoverOpen,\n    value,\n    setFocusedIndex,\n    timeOptions,\n  ]);\n\n  const handleOnClick = (timeText: string) => {\n    if (onChange) {\n      onChange(NeedleTime.fromString(timeText));\n    }\n    setError(undefined);\n    setInputValue(timeText);\n    setEditedInput(NeedleTime.fromString(timeText));\n    setIsPopoverOpen(false);\n  };\n  const newHandleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    scrollToTime(event.target.value);\n    setInputValue(event.target.value);\n    setLastAction('type');\n\n    const time = NeedleTime.fromString(event.target.value);\n    if (!isValidTime(time.hour, time.minute, time.second)) {\n      setError('Invalid time');\n    } else {\n      setError(undefined);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isReadOnly === true || isDisabled === true) {\n      event.preventDefault();\n      return;\n    }\n\n    if (event.key === 'Escape') {\n      setIsPopoverOpen(false);\n    }\n\n    setIsPopoverOpen(true);\n\n    if (event.key === 'Enter') {\n      const minTypedLength = (is24Hour ? 5 : 6) + (hasSeconds ? 3 : 0);\n      if (lastAction === 'type' && inputValue.length >= minTypedLength) {\n        const time = NeedleTime.fromString(inputValue);\n        handleOnClick(time.toString(is24Hour, hasSeconds));\n      } else if (lastAction === 'type' && !inputValue.includes(':')) {\n        const time = NeedleTime.fromString(inputValue);\n        if (isValidTime(time.hour, time.minute, time.second)) {\n          handleOnClick(time.toString(is24Hour, hasSeconds));\n        }\n        setIsPopoverOpen(false);\n      } else {\n        handleOnClick(timeOptions[focusedIndex]);\n      }\n    } else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n      event.preventDefault();\n      setLastAction('arrow');\n      handleArrowNavigation(event.key);\n    }\n  };\n\n  const scrollToTime = (startOfTime: string) => {\n    const parsedTime = startOfTime.toLowerCase().replace(/[^0-9amp]/g, '');\n    let index = -1;\n\n    // Handle AM/PM input\n    const isPM = parsedTime.includes('p');\n    const isAM = parsedTime.includes('a');\n    const timeDigits = parsedTime.replace(/[amp]/g, '');\n\n    if (timeDigits.length === 1) {\n      // Single digit - assume it's an hour\n      const hour = `0${timeDigits}`;\n      const minutes = hasSeconds ? '00:00' : '00';\n      const searchTime = is24Hour\n        ? `${hour}:${minutes}`\n        : `${hour}:${minutes} ${isPM ? 'PM' : 'AM'}`;\n      index = timeOptions.indexOf(searchTime);\n    } else {\n      // Find closest matching time\n      const closestTime = timeOptions.find((time) => {\n        const timeWithoutSpecialChars = time\n          .toLowerCase()\n          .replace(/[^0-9amp]/g, '');\n        if (isPM || isAM) {\n          // If AM/PM specified, match that specifically\n          return timeWithoutSpecialChars.startsWith(parsedTime);\n        } else {\n          // Otherwise just match the numbers\n          return timeWithoutSpecialChars\n            .replace(/[amp]/g, '')\n            .startsWith(timeDigits);\n        }\n      });\n      index = closestTime !== undefined ? timeOptions.indexOf(closestTime) : -1;\n    }\n\n    if (index !== -1) {\n      setFocusedIndex(index);\n    }\n\n    return index;\n  };\n\n  /** Custom floating ui solution */\n  const isInsideDialog = useIsInsideDialog();\n  const isPortaled = isPortaledProp ?? !isInsideDialog;\n  // Inside a Dialog the popover is fixed and not portaled. A transformed\n  // ancestor (e.g. Popover) can make Floating UI under-measure available\n  // space, so use the viewport as the boundary instead.\n  const floatingBoundary: Boundary = isInsideDialog ? [] : 'clippingAncestors';\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { refs, floatingStyles, context } = useFloating({\n    elements: {\n      reference: containerRef.current,\n    },\n    middleware: [\n      offset(10),\n      flip({\n        fallbackPlacements: ['top'],\n        fallbackStrategy: 'bestFit',\n      }),\n      shift({ boundary: floatingBoundary, padding: 5 }),\n      sizeMiddleware({\n        apply({ availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxHeight: `${availableHeight}px`,\n          });\n        },\n        boundary: floatingBoundary,\n        padding: 5,\n      }),\n    ],\n    onOpenChange: (open) => {\n      setIsPopoverOpen(open);\n    },\n    open: isDisabled !== true && isReadOnly !== true && isPopoverOpen,\n    placement: 'bottom',\n    strategy: floatingStrategy ?? (isInsideDialog ? 'fixed' : 'absolute'),\n    whileElementsMounted: autoUpdate,\n  });\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  const mergedRef = useMergeRefs([refs.setReference, containerRef]);\n\n  return (\n    <>\n      <div\n        className={classNames('ndl-time-picker', className, {\n          ...classes,\n        })}\n        ref={mergedRef}\n        {...getReferenceProps()}\n        style={{\n          width: isFluid === true ? '100%' : 'fit-content',\n        }}\n      >\n        <label className=\"ndl-time-picker-label\">\n          {label !== undefined && (\n            <Typography\n              variant={size === 'large' ? 'body-large' : 'body-medium'}\n            >\n              {label}\n            </Typography>\n          )}\n          <div\n            className=\"ndl-time-picker-input-wrapper\"\n            style={{\n              width: inputWidth,\n              ...style,\n            }}\n          >\n            <input\n              role=\"combobox\"\n              aria-expanded={isPopoverOpen}\n              aria-controls={listboxId}\n              aria-activedescendant={\n                isPopoverOpen && focusedIndex >= 0\n                  ? `${listboxId}-option-${focusedIndex}`\n                  : undefined\n              }\n              aria-label={label} // TODO: handle label natively\n              aria-invalid={Boolean(errorToShow)}\n              aria-describedby={errorToShow ? errorTextId : undefined}\n              className=\"ndl-time-picker-input\"\n              type=\"text\"\n              ref={inputRef}\n              value={inputValue}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              required={isRequired}\n              onChange={newHandleInputChange}\n              onKeyDown={handleKeyDown}\n              onClick={() => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                setIsPopoverOpen(true);\n              }}\n              onBlur={(event) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n\n                if (\n                  event.relatedTarget?.classList.contains(\n                    'ndl-time-picker-popover-item',\n                  ) === true\n                ) {\n                  return;\n                }\n\n                if (inputValue.length < 4) {\n                  setError('Invalid time');\n                  return;\n                }\n\n                const time = NeedleTime.fromString(inputValue);\n\n                if (time === undefined || time === null) {\n                  setError('Invalid time');\n                  return;\n                }\n\n                if (!isValidTime(time.hour, time.minute, time.second)) {\n                  setError('Invalid time');\n                } else {\n                  setError(undefined);\n                  setInputValue(time.toString(is24Hour, hasSeconds));\n                  setEditedInput(time);\n                  onChange?.(time);\n                }\n              }}\n              placeholder={format}\n              // The typed value can never be longer than the format pattern.\n              maxLength={format.length}\n              {...restProps}\n              {...htmlAttributes}\n            />\n            <ClockIconOutline className=\"ndl-icon-svg ndl-time-picker-icon\" />\n          </div>\n        </label>\n        {errorToShow !== undefined && (\n          <div className=\"ndl-time-picker-error-wrapper\" role=\"status\">\n            <ExclamationCircleIconSolid className=\"ndl-time-picker-error-icon\" />\n            <Typography\n              variant={size === 'large' ? 'body-medium' : 'body-small'}\n              className=\"ndl-time-picker-error-text\"\n              htmlAttributes={{ id: errorTextId }}\n            >\n              {errorToShow}\n            </Typography>\n          </div>\n        )}\n      </div>\n\n      {context.open && (\n        <ConditionalWrap\n          shouldWrap={isPortaled}\n          wrap={(wrapChildren) => (\n            <FloatingPortal>{wrapChildren}</FloatingPortal>\n          )}\n        >\n          <FloatingFocusManager\n            context={context}\n            modal={false}\n            initialFocus={-1}\n          >\n            <div\n              ref={refs.setFloating}\n              className={classNames(themeClassName, 'ndl-time-picker-popover', {\n                ...classes,\n              })}\n              style={{\n                ...transitionStyles,\n                ...floatingStyles,\n                width:\n                  isFluid === true\n                    ? containerRef.current?.clientWidth\n                    : undefined,\n              }}\n              {...getFloatingProps()}\n            >\n              <ul ref={listRef} role=\"listbox\" id={listboxId} tabIndex={-1}>\n                {timeOptions.map((time, index) => (\n                  <li\n                    id={`${listboxId}-option-${index}`}\n                    key={index}\n                    role=\"option\"\n                    aria-selected={\n                      value?.toString(is24Hour, hasSeconds) === time ||\n                      editedInput?.toString(is24Hour, hasSeconds) === time\n                    }\n                    value={time}\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      event.preventDefault();\n                      handleOnClick(time);\n                      setIsPopoverOpen(false);\n                    }}\n                    onMouseDown={(event) => {\n                      event.stopPropagation();\n                      event.preventDefault();\n                    }}\n                    tabIndex={-1}\n                    className={classNames(\n                      focusedIndex === index ? 'focused' : '',\n                      'ndl-time-picker-popover-item',\n                    )}\n                    onKeyDown={(event) => {\n                      if (event.key === 'Enter') {\n                        event.stopPropagation();\n                        handleOnClick(time);\n                      }\n                    }}\n                  >\n                    {time}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </FloatingFocusManager>\n        </ConditionalWrap>\n      )}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/time-picker/TimePicker.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  autoUpdate,\n  type Boundary,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  offset,\n  shift,\n  size as sizeMiddleware,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  useCallback,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  FormFieldLabel,\n  FormFieldMessage,\n  useFormField,\n} from '../_common/form-control';\nimport { type PolymorphicCommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { ClockIconOutline } from '../icons/generated/heroIcons/ClockIconOutline';\nimport { useNeedleTheme } from '../theme';\nimport { generateTimeOptions } from './generate-time-options';\nimport { NeedleTime } from './needle-time';\nimport {\n  useKeyboardNavigation,\n  useTimePickerPopover,\n} from './time-picker-hooks';\n\nexport type TimeFormat = 'hh:mm' | 'hh:mm aa' | 'hh:mm:ss' | 'hh:mm:ss aa';\n\n/** Fixed input width per format (only used when the picker is not fluid). */\nconst INPUT_WIDTH_BY_FORMAT: Record<TimeFormat, string> = {\n  'hh:mm': '6rem',\n  'hh:mm aa': '9rem',\n  'hh:mm:ss': '7.5rem',\n  'hh:mm:ss aa': '11rem',\n};\n\nexport type TimePickerProps = {\n  /** The value of the time picker */\n  value?: NeedleTime;\n  /** The format of the time picker */\n  format?: TimeFormat;\n  /** Whether the time picker is fluid */\n  isFluid?: boolean;\n  /** Whether the time picker is read only */\n  isReadOnly?: boolean;\n  /** Whether the time picker is required */\n  isRequired?: boolean;\n  /** Whether the time picker is disabled */\n  isDisabled?: boolean;\n  /** The time interval of the time picker, in minutes */\n  timeInterval?: number;\n  /** The label of the time picker */\n  label?: string;\n  /** The size of the time picker */\n  size?: 'small' | 'medium' | 'large';\n  /** Assistive text displayed below the input. Replaced by `errorText` or an internal validation error while there is one */\n  helpText?: React.ReactNode;\n  /** Manually set the error text */\n  errorText?: string;\n  /** Callback function triggered when the time picker value changes */\n  onChange?: (time: NeedleTime) => void;\n  /** Callback function triggered when the time picker encounters an error */\n  onError?: (error: string, time: NeedleTime) => void;\n  /**\n   * Strategy for the dropdown floating element.\n   * By default it is absolute, but if the component is inside of a needle Dialog, it is set to fixed.\n   * If this prop is set, no auto-detection of Dialog is done.\n   */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Whether the dropdown element is rendered in a portal. */\n  isPortaled?: boolean;\n};\n\nexport const TimePicker = <T extends React.ElementType = 'div'>({\n  format = 'hh:mm',\n  isDisabled,\n  isFluid,\n  isReadOnly,\n  isRequired,\n  value,\n  timeInterval = 15,\n  label,\n  onChange,\n  className,\n  onError,\n  style,\n  size = 'medium',\n  helpText,\n  errorText,\n  htmlAttributes,\n  floatingStrategy,\n  isPortaled: isPortaledProp,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<T, TimePickerProps>) => {\n  const [editedInput, setEditedInput] = useState<NeedleTime | undefined>(value);\n\n  const is24Hour = !format.includes('aa');\n  const hasSeconds = format.includes('ss');\n  const [inputValue, setInputValue] = useState<string>(\n    value?.toString(is24Hour, hasSeconds) ?? '',\n  );\n  const listRef = useRef<HTMLUListElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n  const [lastAction, setLastAction] = useState<'type' | 'arrow'>('type');\n  const [error, setError] = useState<string | undefined>(undefined);\n  const listboxId = useId();\n\n  const timeOptions = useMemo(\n    () => generateTimeOptions(is24Hour, timeInterval, hasSeconds),\n    [is24Hour, timeInterval, hasSeconds],\n  );\n\n  const { themeClassName } = useNeedleTheme();\n  const { isPopoverOpen, setIsPopoverOpen } = useTimePickerPopover(false);\n  const { focusedIndex, setFocusedIndex, handleArrowNavigation } =\n    useKeyboardNavigation(listRef, timeOptions.length);\n\n  const errorToShow =\n    errorText !== undefined && errorText !== '' ? errorText : error;\n  // The shared form field resolves the ids and which message is displayed -\n  // an error, set manually or by internal validation, replaces the help text.\n  const { field, controlProps } = useFormField({\n    errorText: errorToShow,\n    helpText,\n    isRequired,\n    label,\n  });\n\n  const classes = {\n    'ndl-disabled': isDisabled,\n    'ndl-error': errorToShow !== undefined,\n    'ndl-fluid': isFluid,\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-read-only': isReadOnly,\n    'ndl-small': size === 'small',\n  };\n\n  const inputWidth = isFluid === true ? '100%' : INPUT_WIDTH_BY_FORMAT[format];\n\n  const isValidTime = useCallback(\n    (hours: number, minutes: number, seconds: number) => {\n      if (hours > 23 || hours < 0) {\n        return false;\n      }\n\n      if (minutes > 59 || minutes < 0) {\n        return false;\n      }\n\n      if (seconds > 59 || seconds < 0) {\n        return false;\n      }\n\n      return true;\n    },\n    [],\n  );\n\n  useEffect(() => {\n    if (error !== undefined) {\n      onError?.(error, NeedleTime.fromString(inputValue));\n    }\n  }, [error, inputValue, onError]);\n\n  useEffect(() => {\n    setEditedInput(value);\n    setInputValue(value?.toString(is24Hour, hasSeconds) ?? '');\n  }, [is24Hour, hasSeconds, value]);\n\n  useEffect(() => {\n    if (isPopoverOpen) {\n      setTimeout(() => {\n        listRef.current?.children[focusedIndex]?.scrollIntoView({\n          block: 'center',\n          inline: 'nearest',\n        });\n      }, 0);\n    } else {\n      setTimeout(() => {\n        const selectedIndex =\n          timeOptions.indexOf(value?.toString(is24Hour, hasSeconds) ?? '') ?? 0;\n        setFocusedIndex(selectedIndex);\n      }, 0);\n    }\n  }, [\n    focusedIndex,\n    is24Hour,\n    hasSeconds,\n    isPopoverOpen,\n    value,\n    setFocusedIndex,\n    timeOptions,\n  ]);\n\n  const handleOnClick = (timeText: string) => {\n    if (onChange) {\n      onChange(NeedleTime.fromString(timeText));\n    }\n    setError(undefined);\n    setInputValue(timeText);\n    setEditedInput(NeedleTime.fromString(timeText));\n    setIsPopoverOpen(false);\n  };\n  const newHandleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    scrollToTime(event.target.value);\n    setInputValue(event.target.value);\n    setLastAction('type');\n\n    const time = NeedleTime.fromString(event.target.value);\n    if (!isValidTime(time.hour, time.minute, time.second)) {\n      setError('Invalid time');\n    } else {\n      setError(undefined);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isReadOnly === true || isDisabled === true) {\n      event.preventDefault();\n      return;\n    }\n\n    if (event.key === 'Escape') {\n      setIsPopoverOpen(false);\n    }\n\n    setIsPopoverOpen(true);\n\n    if (event.key === 'Enter') {\n      const minTypedLength = (is24Hour ? 5 : 6) + (hasSeconds ? 3 : 0);\n      if (lastAction === 'type' && inputValue.length >= minTypedLength) {\n        const time = NeedleTime.fromString(inputValue);\n        handleOnClick(time.toString(is24Hour, hasSeconds));\n      } else if (lastAction === 'type' && !inputValue.includes(':')) {\n        const time = NeedleTime.fromString(inputValue);\n        if (isValidTime(time.hour, time.minute, time.second)) {\n          handleOnClick(time.toString(is24Hour, hasSeconds));\n        }\n        setIsPopoverOpen(false);\n      } else {\n        handleOnClick(timeOptions[focusedIndex]);\n      }\n    } else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n      event.preventDefault();\n      setLastAction('arrow');\n      handleArrowNavigation(event.key);\n    }\n  };\n\n  const scrollToTime = (startOfTime: string) => {\n    const parsedTime = startOfTime.toLowerCase().replace(/[^0-9amp]/g, '');\n    let index = -1;\n\n    // Handle AM/PM input\n    const isPM = parsedTime.includes('p');\n    const isAM = parsedTime.includes('a');\n    const timeDigits = parsedTime.replace(/[amp]/g, '');\n\n    if (timeDigits.length === 1) {\n      // Single digit - assume it's an hour\n      const hour = `0${timeDigits}`;\n      const minutes = hasSeconds ? '00:00' : '00';\n      const searchTime = is24Hour\n        ? `${hour}:${minutes}`\n        : `${hour}:${minutes} ${isPM ? 'PM' : 'AM'}`;\n      index = timeOptions.indexOf(searchTime);\n    } else {\n      // Find closest matching time\n      const closestTime = timeOptions.find((time) => {\n        const timeWithoutSpecialChars = time\n          .toLowerCase()\n          .replace(/[^0-9amp]/g, '');\n        if (isPM || isAM) {\n          // If AM/PM specified, match that specifically\n          return timeWithoutSpecialChars.startsWith(parsedTime);\n        } else {\n          // Otherwise just match the numbers\n          return timeWithoutSpecialChars\n            .replace(/[amp]/g, '')\n            .startsWith(timeDigits);\n        }\n      });\n      index = closestTime !== undefined ? timeOptions.indexOf(closestTime) : -1;\n    }\n\n    if (index !== -1) {\n      setFocusedIndex(index);\n    }\n\n    return index;\n  };\n\n  /** Custom floating ui solution */\n  const isInsideDialog = useIsInsideDialog();\n  const isPortaled = isPortaledProp ?? !isInsideDialog;\n  // Inside a Dialog the popover is fixed and not portaled. A transformed\n  // ancestor (e.g. Popover) can make Floating UI under-measure available\n  // space, so use the viewport as the boundary instead.\n  const floatingBoundary: Boundary = isInsideDialog ? [] : 'clippingAncestors';\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { refs, floatingStyles, context } = useFloating({\n    elements: {\n      reference: containerRef.current,\n    },\n    middleware: [\n      offset(10),\n      flip({\n        fallbackPlacements: ['top'],\n        fallbackStrategy: 'bestFit',\n      }),\n      shift({ boundary: floatingBoundary, padding: 5 }),\n      sizeMiddleware({\n        apply({ availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxHeight: `${availableHeight}px`,\n          });\n        },\n        boundary: floatingBoundary,\n        padding: 5,\n      }),\n    ],\n    onOpenChange: (open) => {\n      setIsPopoverOpen(open);\n    },\n    open: isDisabled !== true && isReadOnly !== true && isPopoverOpen,\n    placement: 'bottom',\n    strategy: floatingStrategy ?? (isInsideDialog ? 'fixed' : 'absolute'),\n    whileElementsMounted: autoUpdate,\n  });\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  const mergedRef = useMergeRefs([refs.setReference, containerRef]);\n\n  return (\n    <>\n      <div\n        className={classNames('ndl-time-picker', className, {\n          ...classes,\n        })}\n        ref={mergedRef}\n        {...getReferenceProps()}\n        style={{\n          width: isFluid === true ? '100%' : 'fit-content',\n        }}\n      >\n        <label className=\"ndl-time-picker-label\">\n          {label !== undefined && (\n            <FormFieldLabel field={field} size={size} association=\"implicit\" />\n          )}\n          <div\n            className=\"ndl-time-picker-input-wrapper\"\n            style={{\n              width: inputWidth,\n              ...style,\n            }}\n          >\n            <input\n              role=\"combobox\"\n              aria-expanded={isPopoverOpen}\n              aria-controls={listboxId}\n              aria-activedescendant={\n                isPopoverOpen && focusedIndex >= 0\n                  ? `${listboxId}-option-${focusedIndex}`\n                  : undefined\n              }\n              aria-label={label} // TODO: handle label natively\n              {...controlProps}\n              className=\"ndl-time-picker-input\"\n              type=\"text\"\n              ref={inputRef}\n              value={inputValue}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              required={isRequired}\n              onChange={newHandleInputChange}\n              onKeyDown={handleKeyDown}\n              onClick={() => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                setIsPopoverOpen(true);\n              }}\n              onBlur={(event) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n\n                if (\n                  event.relatedTarget?.classList.contains(\n                    'ndl-time-picker-popover-item',\n                  ) === true\n                ) {\n                  return;\n                }\n\n                if (inputValue.length < 4) {\n                  setError('Invalid time');\n                  return;\n                }\n\n                const time = NeedleTime.fromString(inputValue);\n\n                if (time === undefined || time === null) {\n                  setError('Invalid time');\n                  return;\n                }\n\n                if (!isValidTime(time.hour, time.minute, time.second)) {\n                  setError('Invalid time');\n                } else {\n                  setError(undefined);\n                  setInputValue(time.toString(is24Hour, hasSeconds));\n                  setEditedInput(time);\n                  onChange?.(time);\n                }\n              }}\n              placeholder={format}\n              // The typed value can never be longer than the format pattern.\n              maxLength={format.length}\n              {...restProps}\n              {...htmlAttributes}\n            />\n            <ClockIconOutline className=\"ndl-icon-svg ndl-time-picker-icon\" />\n          </div>\n        </label>\n        <FormFieldMessage field={field} size={size} />\n      </div>\n\n      {context.open && (\n        <ConditionalWrap\n          shouldWrap={isPortaled}\n          wrap={(wrapChildren) => (\n            <FloatingPortal>{wrapChildren}</FloatingPortal>\n          )}\n        >\n          <FloatingFocusManager\n            context={context}\n            modal={false}\n            initialFocus={-1}\n          >\n            <div\n              ref={refs.setFloating}\n              className={classNames(themeClassName, 'ndl-time-picker-popover', {\n                ...classes,\n              })}\n              style={{\n                ...transitionStyles,\n                ...floatingStyles,\n                width:\n                  isFluid === true\n                    ? containerRef.current?.clientWidth\n                    : undefined,\n              }}\n              {...getFloatingProps()}\n            >\n              <ul ref={listRef} role=\"listbox\" id={listboxId} tabIndex={-1}>\n                {timeOptions.map((time, index) => (\n                  <li\n                    id={`${listboxId}-option-${index}`}\n                    key={index}\n                    role=\"option\"\n                    aria-selected={\n                      value?.toString(is24Hour, hasSeconds) === time ||\n                      editedInput?.toString(is24Hour, hasSeconds) === time\n                    }\n                    value={time}\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      event.preventDefault();\n                      handleOnClick(time);\n                      setIsPopoverOpen(false);\n                    }}\n                    onMouseDown={(event) => {\n                      event.stopPropagation();\n                      event.preventDefault();\n                    }}\n                    tabIndex={-1}\n                    className={classNames(\n                      focusedIndex === index ? 'focused' : '',\n                      'ndl-time-picker-popover-item',\n                    )}\n                    onKeyDown={(event) => {\n                      if (event.key === 'Enter') {\n                        event.stopPropagation();\n                        handleOnClick(time);\n                      }\n                    }}\n                  >\n                    {time}\n                  </li>\n                ))}\n              </ul>\n            </div>\n          </FloatingFocusManager>\n        </ConditionalWrap>\n      )}\n    </>\n  );\n};\n"]}

package/lib/cjs/timezone-picker/TimeZonePicker.js

@@ -41,16 +41,15 @@ const outline_1 = require("@heroicons/react/24/outline");
 const base_1 = require("@neo4j-ndl/base");
 const classnames_1 = __importDefault(require("classnames"));
 const react_2 = require("react");
+const form_control_1 = require("../_common/form-control");
 const conditional_wrap_1 = require("../conditional-wrap");
 const dialog_context_1 = require("../dialog/dialog-context");
-const ExclamationCircleIconSolid_1 = require("../icons/generated/heroIcons/ExclamationCircleIconSolid");
 const theme_1 = require("../theme");
-const typography_1 = require("../typography");
 const generate_timezone_options_1 = require("./generate-timezone-options");
 const timezone_picker_hooks_1 = require("./timezone-picker-hooks");
 const TimeZonePicker = (_a) => {
     var _b, _c;
-    var { isDisabled, isFluid, isReadOnly, isRequired, value, label, onChange, className, onError, style, size = 'medium', errorText, htmlAttributes, floatingStrategy, isPortaled: isPortaledProp, referenceDate, mode = 'city', ref } = _a, restProps = __rest(_a, ["isDisabled", "isFluid", "isReadOnly", "isRequired", "value", "label", "onChange", "className", "onError", "style", "size", "errorText", "htmlAttributes", "floatingStrategy", "isPortaled", "referenceDate", "mode", "ref"]);
+    var { isDisabled, isFluid, isReadOnly, isRequired, value, label, onChange, className, onError, style, size = 'medium', helpText, errorText, htmlAttributes, floatingStrategy, isPortaled: isPortaledProp, referenceDate, mode = 'city', ref } = _a, restProps = __rest(_a, ["isDisabled", "isFluid", "isReadOnly", "isRequired", "value", "label", "onChange", "className", "onError", "style", "size", "helpText", "errorText", "htmlAttributes", "floatingStrategy", "isPortaled", "referenceDate", "mode", "ref"]);
     const [inputValue, setInputValue] = (0, react_2.useState)(value
         ? (0, generate_timezone_options_1.formatTimeZone)(value, referenceDate)
         : (0, generate_timezone_options_1.formatTimeZone)(new Date().toISOString().split('T')[1].split('.')[0], referenceDate));
@@ -59,7 +58,6 @@ const TimeZonePicker = (_a) => {
     const inputRef = (0, react_2.useRef)(null);
     (0, react_2.useImperativeHandle)(ref, () => inputRef.current, []);
     const [error, setError] = (0, react_2.useState)(undefined);
-    const errorTextId = (0, react_2.useId)();
     const listboxId = (0, react_2.useId)();
     const timezoneOptions = (0, react_2.useMemo)(() => {
         if (mode === 'utc') {
@@ -108,6 +106,14 @@ const TimeZonePicker = (_a) => {
     }, [filteredOptions, mode]);
     const { focusedIndex, setFocusedIndex, handleArrowNavigation } = (0, timezone_picker_hooks_1.useKeyboardNavigation)(filteredOptions.length);
     const errorToShow = errorText !== undefined && errorText !== '' ? errorText : error;
+    // The shared form field resolves the ids and which message is displayed -
+    // an error, set manually or by internal validation, replaces the help text.
+    const { field, controlProps } = (0, form_control_1.useFormField)({
+        errorText: errorToShow,
+        helpText,
+        isRequired,
+        label,
+    });
     const classes = {
         'ndl-disabled': isDisabled,
         'ndl-error': errorToShow !== undefined,
@@ -255,9 +261,9 @@ const TimeZonePicker = (_a) => {
     const mergedRef = (0, react_1.useMergeRefs)([refs.setReference, containerRef]);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('ndl-timezone-picker', className, Object.assign({}, classes)), ref: mergedRef }, getReferenceProps(), { style: {
                     width: isFluid === true ? '100%' : 'fit-content',
-                }, children: [(0, jsx_runtime_1.jsxs)("label", { className: "ndl-timezone-picker-label", children: [label !== undefined && ((0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: size === 'large' ? 'body-large' : 'body-medium', children: label })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-timezone-picker-input-wrapper", style: Object.assign({ width: inputWidth }, style), children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ role: "combobox", "aria-expanded": isPopoverOpen, "aria-controls": listboxId, "aria-activedescendant": isPopoverOpen && focusedIndex >= 0
+                }, children: [(0, jsx_runtime_1.jsxs)("label", { className: "ndl-timezone-picker-label", children: [label !== undefined && ((0, jsx_runtime_1.jsx)(form_control_1.FormFieldLabel, { field: field, size: size, association: "implicit" })), (0, jsx_runtime_1.jsxs)("div", { className: "ndl-timezone-picker-input-wrapper", style: Object.assign({ width: inputWidth }, style), children: [(0, jsx_runtime_1.jsx)("input", Object.assign({ role: "combobox", "aria-expanded": isPopoverOpen, "aria-controls": listboxId, "aria-activedescendant": isPopoverOpen && focusedIndex >= 0
                                             ? `${listboxId}-option-${focusedIndex}`
-                                            : undefined, "aria-label": label, "aria-invalid": Boolean(errorToShow), "aria-describedby": errorToShow ? errorTextId : undefined, className: "ndl-timezone-picker-input", type: "text", ref: inputRef, value: inputValue, disabled: isDisabled, readOnly: isReadOnly, required: isRequired, onChange: handleInputChange, onKeyDown: handleKeyDown, onClick: (event) => {
+                                            : undefined, "aria-label": label }, controlProps, { className: "ndl-timezone-picker-input", type: "text", ref: inputRef, value: inputValue, disabled: isDisabled, readOnly: isReadOnly, required: isRequired, onChange: handleInputChange, onKeyDown: handleKeyDown, onClick: (event) => {
                                             if (isReadOnly === true || isDisabled === true) {
                                                 return;
                                             }
@@ -301,7 +307,7 @@ const TimeZonePicker = (_a) => {
                                             ? 'Select timezone'
                                             : mode === 'utc'
                                                 ? 'Select or type UTC offset (e.g., UTC+5:30)'
-                                                : 'Select timezone or type UTC offset' }, htmlAttributes, restProps)), (0, jsx_runtime_1.jsx)(outline_1.ChevronDownIcon, { className: "ndl-icon-svg ndl-timezone-picker-icon" })] })] }), errorToShow !== undefined && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-timezone-picker-error-wrapper", role: "status", children: [(0, jsx_runtime_1.jsx)(ExclamationCircleIconSolid_1.ExclamationCircleIconSolid, { className: "ndl-timezone-picker-error-icon" }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { variant: size === 'large' ? 'body-medium' : 'body-small', className: "ndl-timezone-picker-error-text", htmlAttributes: { id: errorTextId }, children: errorToShow })] }))] })), context.open && ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: isPortaled, wrap: (wrapChildren) => ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { children: wrapChildren })), children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: -1, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: refs.setFloating, className: (0, classnames_1.default)(themeClassName, 'ndl-timezone-picker-popover', Object.assign({}, classes)), style: Object.assign(Object.assign(Object.assign({}, transitionStyles), floatingStyles), { width: isFluid === true
+                                                : 'Select timezone or type UTC offset' }, htmlAttributes, restProps)), (0, jsx_runtime_1.jsx)(outline_1.ChevronDownIcon, { className: "ndl-icon-svg ndl-timezone-picker-icon" })] })] }), (0, jsx_runtime_1.jsx)(form_control_1.FormFieldMessage, { field: field, size: size })] })), context.open && ((0, jsx_runtime_1.jsx)(conditional_wrap_1.ConditionalWrap, { shouldWrap: isPortaled, wrap: (wrapChildren) => ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { children: wrapChildren })), children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context, modal: false, initialFocus: -1, children: (0, jsx_runtime_1.jsx)("div", Object.assign({ ref: refs.setFloating, className: (0, classnames_1.default)(themeClassName, 'ndl-timezone-picker-popover', Object.assign({}, classes)), style: Object.assign(Object.assign(Object.assign({}, transitionStyles), floatingStyles), { width: isFluid === true
                                 ? (_c = containerRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth
                                 : undefined }) }, getFloatingProps(), { children: (0, jsx_runtime_1.jsx)("ul", { ref: listRef, role: "listbox", id: listboxId, tabIndex: -1, children: mode === 'both' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [utcOptions.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("li", { className: "ndl-timezone-picker-section-header", children: "UTC Offsets" }), utcOptions.map((option, index) => ((0, jsx_runtime_1.jsx)("li", { id: `${listboxId}-option-${index}`, role: "option", "aria-selected": value === option.value, value: option.value, onClick: (event) => {
                                                     event.stopPropagation();

package/lib/cjs/timezone-picker/TimeZonePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeZonePicker.js","sourceRoot":"","sources":["../../../src/timezone-picker/TimeZonePicker.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  autoUpdate,\n  type Boundary,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  offset,\n  shift,\n  size as sizeMiddleware,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { ChevronDownIcon } from '@heroicons/react/24/outline';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { ExclamationCircleIconSolid } from '../icons/generated/heroIcons/ExclamationCircleIconSolid';\nimport { useNeedleTheme } from '../theme';\nimport { Typography } from '../typography';\nimport {\n  formatTimeZone,\n  generateTimeZoneOptions,\n  generateUTCTimeZoneOptions,\n  isValidUTCFormat,\n  parseCustomUTCOffset,\n} from './generate-timezone-options';\nimport {\n  useKeyboardNavigation,\n  useTimeZonePickerPopover,\n} from './timezone-picker-hooks';\n\nexport type TimeZonePickerProps = {\n  /** The value of the timezone picker (IANA timezone identifier) */\n  value?: string;\n  /** Whether the timezone picker is fluid */\n  isFluid?: boolean;\n  /** Whether the timezone picker is read only */\n  isReadOnly?: boolean;\n  /** Whether the timezone picker is required */\n  isRequired?: boolean;\n  /** Whether the timezone picker is disabled */\n  isDisabled?: boolean;\n  /** The label of the timezone picker */\n  label?: string;\n  /** The size of the timezone picker */\n  size?: 'small' | 'medium' | 'large';\n  /** Manually set the error text */\n  errorText?: string;\n  /** Callback function triggered when the timezone picker value changes */\n  onChange?: (timezone: string) => void;\n  /** Callback function triggered when the timezone picker encounters an error */\n  onError?: (error: string, timezone: string) => void;\n  /**\n   * Strategy for the dropdown floating element.\n   * By default it is absolute, but if the component is inside of a needle Dialog, it is set to fixed.\n   * If this prop is set, no auto-detection of Dialog is done.\n   */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Whether the dropdown element is rendered in a portal. */\n  isPortaled?: boolean;\n  /** Reference date for calculating timezone offsets (useful for DST-aware offset display) */\n  referenceDate?: Date;\n  /**\n   * Display mode: 'city', 'utc', or 'both'\n   * 'city' - shows city-based timezones, This should be used when the user needs to select a timezone for themselves or if they are selecting a timezone that's related to a date.\n   * 'utc' - shows UTC timezones, This should be used when the user needs to select a timezone for a database entry or a technical application.\n   * 'both' - shows both city-based and UTC timezones in separate sections, This should be used when the user needs to select a timezone for a database entry or a technical application, but also wants to see the city-based timezones for context for example a zoned date time.\n   * @default 'city'\n   * @example\n   * <TimeZonePicker mode=\"city\" />\n   * <TimeZonePicker mode=\"utc\" />\n   * <TimeZonePicker mode=\"both\" />\n   */\n  mode?: 'city' | 'utc' | 'both';\n};\n\nexport const TimeZonePicker = ({\n  isDisabled,\n  isFluid,\n  isReadOnly,\n  isRequired,\n  value,\n  label,\n  onChange,\n  className,\n  onError,\n  style,\n  size = 'medium',\n  errorText,\n  htmlAttributes,\n  floatingStrategy,\n  isPortaled: isPortaledProp,\n  referenceDate,\n  mode = 'city',\n  ref,\n  ...restProps\n}: CommonProps<'input', TimeZonePickerProps>) => {\n  const [inputValue, setInputValue] = useState<string>(\n    value\n      ? formatTimeZone(value, referenceDate)\n      : formatTimeZone(\n          new Date().toISOString().split('T')[1].split('.')[0],\n          referenceDate,\n        ),\n  );\n  const [searchQuery, setSearchQuery] = useState<string>('');\n  const listRef = useRef<HTMLUListElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n  const [error, setError] = useState<string | undefined>(undefined);\n  const errorTextId = useId();\n  const listboxId = useId();\n\n  const timezoneOptions = useMemo(() => {\n    if (mode === 'utc') {\n      return generateUTCTimeZoneOptions(referenceDate);\n    } else if (mode === 'city') {\n      return generateTimeZoneOptions(referenceDate);\n    } else {\n      // 'both' mode - combine both lists, excluding UTC from city list to avoid duplication\n      return [\n        ...generateUTCTimeZoneOptions(referenceDate),\n        ...generateTimeZoneOptions(referenceDate, true), // excludeUTC = true\n      ];\n    }\n  }, [referenceDate, mode]);\n\n  const { themeClassName } = useNeedleTheme();\n  const { isPopoverOpen, setIsPopoverOpen } = useTimeZonePickerPopover(false);\n\n  // Filter options based on search query\n  const filteredOptions = useMemo(() => {\n    if (!searchQuery) {\n      return timezoneOptions;\n    }\n\n    const query = searchQuery.toLowerCase();\n    return timezoneOptions.filter(\n      (option) =>\n        option.label.toLowerCase().includes(query) ||\n        option.value.toLowerCase().includes(query),\n    );\n  }, [timezoneOptions, searchQuery]);\n\n  // Split options into UTC and city-based sections for 'both' mode\n  const { utcOptions, cityOptions } = useMemo(() => {\n    if (mode !== 'both') {\n      return { cityOptions: filteredOptions, utcOptions: [] };\n    }\n\n    const utc: typeof filteredOptions = [];\n    const city: typeof filteredOptions = [];\n\n    filteredOptions.forEach((option) => {\n      // UTC options are those that start with \"UTC\" in their value or label\n      if (\n        option.value.toUpperCase().startsWith('UTC') ||\n        option.label.toUpperCase().startsWith('UTC')\n      ) {\n        utc.push(option);\n      } else {\n        city.push(option);\n      }\n    });\n\n    return { cityOptions: city, utcOptions: utc };\n  }, [filteredOptions, mode]);\n\n  const { focusedIndex, setFocusedIndex, handleArrowNavigation } =\n    useKeyboardNavigation(filteredOptions.length);\n\n  const errorToShow =\n    errorText !== undefined && errorText !== '' ? errorText : error;\n\n  const classes = {\n    'ndl-disabled': isDisabled,\n    'ndl-error': errorToShow !== undefined,\n    'ndl-fluid': isFluid,\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-read-only': isReadOnly,\n    'ndl-small': size === 'small',\n  };\n\n  const inputWidth = isFluid === true ? '100%' : '16rem';\n\n  useEffect(() => {\n    if (error !== undefined) {\n      onError?.(error, inputValue);\n    }\n  }, [error, inputValue, onError]);\n\n  useEffect(() => {\n    setInputValue(value ? formatTimeZone(value, referenceDate) : '');\n  }, [value, referenceDate]);\n\n  useEffect(() => {\n    if (isPopoverOpen) {\n      setTimeout(() => {\n        listRef.current?.children[focusedIndex]?.scrollIntoView({\n          block: 'center',\n          inline: 'nearest',\n        });\n      }, 0);\n    } else {\n      setTimeout(() => {\n        inputRef.current?.blur();\n        const selectedIndex =\n          filteredOptions.findIndex((opt) => opt.value === value) ?? 0;\n        setFocusedIndex(selectedIndex >= 0 ? selectedIndex : 0);\n        setSearchQuery('');\n      }, 0);\n    }\n  }, [focusedIndex, isPopoverOpen, value, setFocusedIndex, filteredOptions]);\n\n  const handleOnClick = (timezone: string) => {\n    if (onChange) {\n      onChange(timezone);\n    }\n    setError(undefined);\n    setInputValue(formatTimeZone(timezone, referenceDate));\n    setIsPopoverOpen(false);\n    setSearchQuery('');\n  };\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const query = event.target.value;\n    setSearchQuery(query);\n    setInputValue(query);\n\n    // In UTC mode (utc or both), validate custom UTC input\n    if (\n      (mode === 'utc' || mode === 'both') &&\n      query.trim().toUpperCase().startsWith('UTC')\n    ) {\n      if (isValidUTCFormat(query.trim())) {\n        setError(undefined);\n      } else {\n        setError('Invalid UTC format. Use UTC+H:MM or UTC-H:MM');\n      }\n      return;\n    }\n\n    // Try to find a matching timezone\n    const matchingOption = timezoneOptions.find(\n      (opt) =>\n        opt.label.toLowerCase().includes(query.toLowerCase()) ||\n        opt.value.toLowerCase().includes(query.toLowerCase()),\n    );\n\n    if (matchingOption) {\n      setError(undefined);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isReadOnly === true || isDisabled === true) {\n      event.preventDefault();\n      return;\n    }\n\n    if (event.key === 'Escape') {\n      setIsPopoverOpen(false);\n      setSearchQuery('');\n      setInputValue(value ? formatTimeZone(value, referenceDate) : '');\n    }\n\n    setIsPopoverOpen(true);\n\n    if (event.key === 'Enter') {\n      // In UTC mode (utc or both), allow custom UTC input\n      if (\n        (mode === 'utc' || mode === 'both') &&\n        inputValue.trim().toUpperCase().startsWith('UTC')\n      ) {\n        const parsedOffset = parseCustomUTCOffset(inputValue.trim());\n        if (parsedOffset) {\n          handleOnClick(parsedOffset);\n          return;\n        }\n      }\n\n      if (filteredOptions.length > 0) {\n        const selectedOption = filteredOptions[focusedIndex];\n        if (selectedOption) {\n          handleOnClick(selectedOption.value);\n        }\n      }\n    } else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n      event.preventDefault();\n      handleArrowNavigation(event.key);\n    }\n  };\n\n  /** Custom floating ui solution */\n  const isInsideDialog = useIsInsideDialog();\n  const isPortaled = isPortaledProp ?? !isInsideDialog;\n  // Inside a Dialog the popover is fixed and not portaled. A transformed\n  // ancestor (e.g. Popover) can make Floating UI under-measure available\n  // space, so use the viewport as the boundary instead.\n  const floatingBoundary: Boundary = isInsideDialog ? [] : 'clippingAncestors';\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { refs, floatingStyles, context } = useFloating({\n    elements: {\n      reference: containerRef.current,\n    },\n    middleware: [\n      offset(10),\n      flip({\n        fallbackPlacements: ['top'],\n        fallbackStrategy: 'bestFit',\n      }),\n      shift({ boundary: floatingBoundary, padding: 5 }),\n      sizeMiddleware({\n        apply({ availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxHeight: `${availableHeight}px`,\n          });\n        },\n        boundary: floatingBoundary,\n        padding: 5,\n      }),\n    ],\n    onOpenChange: (open) => {\n      setIsPopoverOpen(open);\n    },\n    open: isDisabled !== true && isReadOnly !== true && isPopoverOpen,\n    placement: 'bottom',\n    strategy: floatingStrategy ?? (isInsideDialog ? 'fixed' : 'absolute'),\n    whileElementsMounted: autoUpdate,\n  });\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  const mergedRef = useMergeRefs([refs.setReference, containerRef]);\n\n  return (\n    <>\n      <div\n        className={classNames('ndl-timezone-picker', className, {\n          ...classes,\n        })}\n        ref={mergedRef}\n        {...getReferenceProps()}\n        style={{\n          width: isFluid === true ? '100%' : 'fit-content',\n        }}\n      >\n        <label className=\"ndl-timezone-picker-label\">\n          {label !== undefined && (\n            <Typography\n              variant={size === 'large' ? 'body-large' : 'body-medium'}\n            >\n              {label}\n            </Typography>\n          )}\n          <div\n            className=\"ndl-timezone-picker-input-wrapper\"\n            style={{\n              width: inputWidth,\n              ...style,\n            }}\n          >\n            <input\n              role=\"combobox\"\n              aria-expanded={isPopoverOpen}\n              aria-controls={listboxId}\n              aria-activedescendant={\n                isPopoverOpen && focusedIndex >= 0\n                  ? `${listboxId}-option-${focusedIndex}`\n                  : undefined\n              }\n              aria-label={label}\n              aria-invalid={Boolean(errorToShow)}\n              aria-describedby={errorToShow ? errorTextId : undefined}\n              className=\"ndl-timezone-picker-input\"\n              type=\"text\"\n              ref={inputRef}\n              value={inputValue}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              required={isRequired}\n              onChange={handleInputChange}\n              onKeyDown={handleKeyDown}\n              onClick={(event) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                setIsPopoverOpen(true);\n                // Select all text on click for easy searching\n                event.currentTarget.select();\n              }}\n              onFocus={(event) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                // Select all text on focus for easy searching\n                event.currentTarget.select();\n              }}\n              onBlur={(event) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n\n                if (\n                  event.relatedTarget?.classList.contains(\n                    'ndl-timezone-picker-popover-item',\n                  ) === true\n                ) {\n                  return;\n                }\n\n                // In UTC mode (utc or both), try to parse custom input on blur\n                if (\n                  (mode === 'utc' || mode === 'both') &&\n                  inputValue.trim().toUpperCase().startsWith('UTC')\n                ) {\n                  const parsedOffset = parseCustomUTCOffset(inputValue.trim());\n                  if (parsedOffset) {\n                    handleOnClick(parsedOffset);\n                    setError(undefined);\n                    return;\n                  }\n                }\n\n                // Reset to the current value if no valid selection was made\n                if (value) {\n                  setInputValue(formatTimeZone(value, referenceDate));\n                } else {\n                  setInputValue('');\n                }\n                setSearchQuery('');\n                setError(undefined);\n              }}\n              placeholder={\n                mode === 'city'\n                  ? 'Select timezone'\n                  : mode === 'utc'\n                    ? 'Select or type UTC offset (e.g., UTC+5:30)'\n                    : 'Select timezone or type UTC offset'\n              }\n              {...htmlAttributes}\n              {...restProps}\n            />\n            <ChevronDownIcon className=\"ndl-icon-svg ndl-timezone-picker-icon\" />\n          </div>\n        </label>\n        {errorToShow !== undefined && (\n          <div className=\"ndl-timezone-picker-error-wrapper\" role=\"status\">\n            <ExclamationCircleIconSolid className=\"ndl-timezone-picker-error-icon\" />\n            <Typography\n              variant={size === 'large' ? 'body-medium' : 'body-small'}\n              className=\"ndl-timezone-picker-error-text\"\n              htmlAttributes={{ id: errorTextId }}\n            >\n              {errorToShow}\n            </Typography>\n          </div>\n        )}\n      </div>\n\n      {context.open && (\n        <ConditionalWrap\n          shouldWrap={isPortaled}\n          wrap={(wrapChildren) => (\n            <FloatingPortal>{wrapChildren}</FloatingPortal>\n          )}\n        >\n          <FloatingFocusManager\n            context={context}\n            modal={false}\n            initialFocus={-1}\n          >\n            <div\n              ref={refs.setFloating}\n              className={classNames(\n                themeClassName,\n                'ndl-timezone-picker-popover',\n                {\n                  ...classes,\n                },\n              )}\n              style={{\n                ...transitionStyles,\n                ...floatingStyles,\n                width:\n                  isFluid === true\n                    ? containerRef.current?.clientWidth\n                    : undefined,\n              }}\n              {...getFloatingProps()}\n            >\n              <ul ref={listRef} role=\"listbox\" id={listboxId} tabIndex={-1}>\n                {mode === 'both' ? (\n                  <>\n                    {utcOptions.length > 0 && (\n                      <>\n                        <li className=\"ndl-timezone-picker-section-header\">\n                          UTC Offsets\n                        </li>\n                        {utcOptions.map((option, index) => (\n                          <li\n                            id={`${listboxId}-option-${index}`}\n                            key={option.value}\n                            role=\"option\"\n                            aria-selected={value === option.value}\n                            value={option.value}\n                            onClick={(event) => {\n                              event.stopPropagation();\n                              event.preventDefault();\n                              handleOnClick(option.value);\n                              setIsPopoverOpen(false);\n                            }}\n                            onMouseDown={(event) => {\n                              event.stopPropagation();\n                              event.preventDefault();\n                            }}\n                            tabIndex={-1}\n                            className={classNames(\n                              focusedIndex === index ? 'focused' : '',\n                              'ndl-timezone-picker-popover-item',\n                            )}\n                            onKeyDown={(event) => {\n                              if (event.key === 'Enter') {\n                                event.stopPropagation();\n                                handleOnClick(option.value);\n                              }\n                            }}\n                          >\n                            {option.label}\n                          </li>\n                        ))}\n                      </>\n                    )}\n                    {cityOptions.length > 0 && (\n                      <>\n                        <li className=\"ndl-timezone-picker-section-header\">\n                          City-Based Timezones\n                        </li>\n                        {cityOptions.map((option, index) => {\n                          const adjustedIndex = index + utcOptions.length;\n                          return (\n                            <li\n                              id={`${listboxId}-option-${adjustedIndex}`}\n                              key={option.value}\n                              role=\"option\"\n                              aria-selected={value === option.value}\n                              value={option.value}\n                              onClick={(event) => {\n                                event.stopPropagation();\n                                event.preventDefault();\n                                handleOnClick(option.value);\n                                setIsPopoverOpen(false);\n                              }}\n                              onMouseDown={(event) => {\n                                event.stopPropagation();\n                                event.preventDefault();\n                              }}\n                              tabIndex={-1}\n                              className={classNames(\n                                focusedIndex === adjustedIndex ? 'focused' : '',\n                                'ndl-timezone-picker-popover-item',\n                              )}\n                              onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                  event.stopPropagation();\n                                  handleOnClick(option.value);\n                                }\n                              }}\n                            >\n                              {option.label}\n                            </li>\n                          );\n                        })}\n                      </>\n                    )}\n                    {utcOptions.length === 0 && cityOptions.length === 0 && (\n                      <li className=\"ndl-timezone-picker-popover-item ndl-timezone-picker-no-results\">\n                        No timezones found\n                      </li>\n                    )}\n                  </>\n                ) : (\n                  <>\n                    {filteredOptions.length > 0 ? (\n                      filteredOptions.map((option, index) => (\n                        <li\n                          id={`${listboxId}-option-${index}`}\n                          key={option.value}\n                          role=\"option\"\n                          aria-selected={value === option.value}\n                          value={option.value}\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            event.preventDefault();\n                            handleOnClick(option.value);\n                            setIsPopoverOpen(false);\n                          }}\n                          onMouseDown={(event) => {\n                            event.stopPropagation();\n                            event.preventDefault();\n                          }}\n                          tabIndex={-1}\n                          className={classNames(\n                            focusedIndex === index ? 'focused' : '',\n                            'ndl-timezone-picker-popover-item',\n                          )}\n                          onKeyDown={(event) => {\n                            if (event.key === 'Enter') {\n                              event.stopPropagation();\n                              handleOnClick(option.value);\n                            }\n                          }}\n                        >\n                          {option.label}\n                        </li>\n                      ))\n                    ) : (\n                      <li className=\"ndl-timezone-picker-popover-item ndl-timezone-picker-no-results\">\n                        No timezones found\n                      </li>\n                    )}\n                  </>\n                )}\n              </ul>\n            </div>\n          </FloatingFocusManager>\n        </ConditionalWrap>\n      )}\n    </>\n  );\n};\n"]}
+{"version":3,"file":"TimeZonePicker.js","sourceRoot":"","sources":["../../../src/timezone-picker/TimeZonePicker.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  autoUpdate,\n  type Boundary,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  offset,\n  shift,\n  size as sizeMiddleware,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useMergeRefs,\n  useTransitionStyles,\n} from '@floating-ui/react';\nimport { ChevronDownIcon } from '@heroicons/react/24/outline';\nimport { tokens } from '@neo4j-ndl/base';\nimport classNames from 'classnames';\nimport type React from 'react';\nimport {\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport {\n  FormFieldLabel,\n  FormFieldMessage,\n  useFormField,\n} from '../_common/form-control';\nimport { type CommonProps } from '../_common/types';\nimport { ConditionalWrap } from '../conditional-wrap';\nimport { useIsInsideDialog } from '../dialog/dialog-context';\nimport { useNeedleTheme } from '../theme';\nimport {\n  formatTimeZone,\n  generateTimeZoneOptions,\n  generateUTCTimeZoneOptions,\n  isValidUTCFormat,\n  parseCustomUTCOffset,\n} from './generate-timezone-options';\nimport {\n  useKeyboardNavigation,\n  useTimeZonePickerPopover,\n} from './timezone-picker-hooks';\n\nexport type TimeZonePickerProps = {\n  /** The value of the timezone picker (IANA timezone identifier) */\n  value?: string;\n  /** Whether the timezone picker is fluid */\n  isFluid?: boolean;\n  /** Whether the timezone picker is read only */\n  isReadOnly?: boolean;\n  /** Whether the timezone picker is required */\n  isRequired?: boolean;\n  /** Whether the timezone picker is disabled */\n  isDisabled?: boolean;\n  /** The label of the timezone picker */\n  label?: string;\n  /** The size of the timezone picker */\n  size?: 'small' | 'medium' | 'large';\n  /** Assistive text displayed below the input. Replaced by `errorText` or an internal validation error while there is one */\n  helpText?: React.ReactNode;\n  /** Manually set the error text */\n  errorText?: string;\n  /** Callback function triggered when the timezone picker value changes */\n  onChange?: (timezone: string) => void;\n  /** Callback function triggered when the timezone picker encounters an error */\n  onError?: (error: string, timezone: string) => void;\n  /**\n   * Strategy for the dropdown floating element.\n   * By default it is absolute, but if the component is inside of a needle Dialog, it is set to fixed.\n   * If this prop is set, no auto-detection of Dialog is done.\n   */\n  floatingStrategy?: 'absolute' | 'fixed';\n  /** Whether the dropdown element is rendered in a portal. */\n  isPortaled?: boolean;\n  /** Reference date for calculating timezone offsets (useful for DST-aware offset display) */\n  referenceDate?: Date;\n  /**\n   * Display mode: 'city', 'utc', or 'both'\n   * 'city' - shows city-based timezones, This should be used when the user needs to select a timezone for themselves or if they are selecting a timezone that's related to a date.\n   * 'utc' - shows UTC timezones, This should be used when the user needs to select a timezone for a database entry or a technical application.\n   * 'both' - shows both city-based and UTC timezones in separate sections, This should be used when the user needs to select a timezone for a database entry or a technical application, but also wants to see the city-based timezones for context for example a zoned date time.\n   * @default 'city'\n   * @example\n   * <TimeZonePicker mode=\"city\" />\n   * <TimeZonePicker mode=\"utc\" />\n   * <TimeZonePicker mode=\"both\" />\n   */\n  mode?: 'city' | 'utc' | 'both';\n};\n\nexport const TimeZonePicker = ({\n  isDisabled,\n  isFluid,\n  isReadOnly,\n  isRequired,\n  value,\n  label,\n  onChange,\n  className,\n  onError,\n  style,\n  size = 'medium',\n  helpText,\n  errorText,\n  htmlAttributes,\n  floatingStrategy,\n  isPortaled: isPortaledProp,\n  referenceDate,\n  mode = 'city',\n  ref,\n  ...restProps\n}: CommonProps<'input', TimeZonePickerProps>) => {\n  const [inputValue, setInputValue] = useState<string>(\n    value\n      ? formatTimeZone(value, referenceDate)\n      : formatTimeZone(\n          new Date().toISOString().split('T')[1].split('.')[0],\n          referenceDate,\n        ),\n  );\n  const [searchQuery, setSearchQuery] = useState<string>('');\n  const listRef = useRef<HTMLUListElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current as HTMLInputElement, []);\n  const [error, setError] = useState<string | undefined>(undefined);\n  const listboxId = useId();\n\n  const timezoneOptions = useMemo(() => {\n    if (mode === 'utc') {\n      return generateUTCTimeZoneOptions(referenceDate);\n    } else if (mode === 'city') {\n      return generateTimeZoneOptions(referenceDate);\n    } else {\n      // 'both' mode - combine both lists, excluding UTC from city list to avoid duplication\n      return [\n        ...generateUTCTimeZoneOptions(referenceDate),\n        ...generateTimeZoneOptions(referenceDate, true), // excludeUTC = true\n      ];\n    }\n  }, [referenceDate, mode]);\n\n  const { themeClassName } = useNeedleTheme();\n  const { isPopoverOpen, setIsPopoverOpen } = useTimeZonePickerPopover(false);\n\n  // Filter options based on search query\n  const filteredOptions = useMemo(() => {\n    if (!searchQuery) {\n      return timezoneOptions;\n    }\n\n    const query = searchQuery.toLowerCase();\n    return timezoneOptions.filter(\n      (option) =>\n        option.label.toLowerCase().includes(query) ||\n        option.value.toLowerCase().includes(query),\n    );\n  }, [timezoneOptions, searchQuery]);\n\n  // Split options into UTC and city-based sections for 'both' mode\n  const { utcOptions, cityOptions } = useMemo(() => {\n    if (mode !== 'both') {\n      return { cityOptions: filteredOptions, utcOptions: [] };\n    }\n\n    const utc: typeof filteredOptions = [];\n    const city: typeof filteredOptions = [];\n\n    filteredOptions.forEach((option) => {\n      // UTC options are those that start with \"UTC\" in their value or label\n      if (\n        option.value.toUpperCase().startsWith('UTC') ||\n        option.label.toUpperCase().startsWith('UTC')\n      ) {\n        utc.push(option);\n      } else {\n        city.push(option);\n      }\n    });\n\n    return { cityOptions: city, utcOptions: utc };\n  }, [filteredOptions, mode]);\n\n  const { focusedIndex, setFocusedIndex, handleArrowNavigation } =\n    useKeyboardNavigation(filteredOptions.length);\n\n  const errorToShow =\n    errorText !== undefined && errorText !== '' ? errorText : error;\n  // The shared form field resolves the ids and which message is displayed -\n  // an error, set manually or by internal validation, replaces the help text.\n  const { field, controlProps } = useFormField({\n    errorText: errorToShow,\n    helpText,\n    isRequired,\n    label,\n  });\n\n  const classes = {\n    'ndl-disabled': isDisabled,\n    'ndl-error': errorToShow !== undefined,\n    'ndl-fluid': isFluid,\n    'ndl-large': size === 'large',\n    'ndl-medium': size === 'medium',\n    'ndl-read-only': isReadOnly,\n    'ndl-small': size === 'small',\n  };\n\n  const inputWidth = isFluid === true ? '100%' : '16rem';\n\n  useEffect(() => {\n    if (error !== undefined) {\n      onError?.(error, inputValue);\n    }\n  }, [error, inputValue, onError]);\n\n  useEffect(() => {\n    setInputValue(value ? formatTimeZone(value, referenceDate) : '');\n  }, [value, referenceDate]);\n\n  useEffect(() => {\n    if (isPopoverOpen) {\n      setTimeout(() => {\n        listRef.current?.children[focusedIndex]?.scrollIntoView({\n          block: 'center',\n          inline: 'nearest',\n        });\n      }, 0);\n    } else {\n      setTimeout(() => {\n        inputRef.current?.blur();\n        const selectedIndex =\n          filteredOptions.findIndex((opt) => opt.value === value) ?? 0;\n        setFocusedIndex(selectedIndex >= 0 ? selectedIndex : 0);\n        setSearchQuery('');\n      }, 0);\n    }\n  }, [focusedIndex, isPopoverOpen, value, setFocusedIndex, filteredOptions]);\n\n  const handleOnClick = (timezone: string) => {\n    if (onChange) {\n      onChange(timezone);\n    }\n    setError(undefined);\n    setInputValue(formatTimeZone(timezone, referenceDate));\n    setIsPopoverOpen(false);\n    setSearchQuery('');\n  };\n\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const query = event.target.value;\n    setSearchQuery(query);\n    setInputValue(query);\n\n    // In UTC mode (utc or both), validate custom UTC input\n    if (\n      (mode === 'utc' || mode === 'both') &&\n      query.trim().toUpperCase().startsWith('UTC')\n    ) {\n      if (isValidUTCFormat(query.trim())) {\n        setError(undefined);\n      } else {\n        setError('Invalid UTC format. Use UTC+H:MM or UTC-H:MM');\n      }\n      return;\n    }\n\n    // Try to find a matching timezone\n    const matchingOption = timezoneOptions.find(\n      (opt) =>\n        opt.label.toLowerCase().includes(query.toLowerCase()) ||\n        opt.value.toLowerCase().includes(query.toLowerCase()),\n    );\n\n    if (matchingOption) {\n      setError(undefined);\n    }\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (isReadOnly === true || isDisabled === true) {\n      event.preventDefault();\n      return;\n    }\n\n    if (event.key === 'Escape') {\n      setIsPopoverOpen(false);\n      setSearchQuery('');\n      setInputValue(value ? formatTimeZone(value, referenceDate) : '');\n    }\n\n    setIsPopoverOpen(true);\n\n    if (event.key === 'Enter') {\n      // In UTC mode (utc or both), allow custom UTC input\n      if (\n        (mode === 'utc' || mode === 'both') &&\n        inputValue.trim().toUpperCase().startsWith('UTC')\n      ) {\n        const parsedOffset = parseCustomUTCOffset(inputValue.trim());\n        if (parsedOffset) {\n          handleOnClick(parsedOffset);\n          return;\n        }\n      }\n\n      if (filteredOptions.length > 0) {\n        const selectedOption = filteredOptions[focusedIndex];\n        if (selectedOption) {\n          handleOnClick(selectedOption.value);\n        }\n      }\n    } else if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n      event.preventDefault();\n      handleArrowNavigation(event.key);\n    }\n  };\n\n  /** Custom floating ui solution */\n  const isInsideDialog = useIsInsideDialog();\n  const isPortaled = isPortaledProp ?? !isInsideDialog;\n  // Inside a Dialog the popover is fixed and not portaled. A transformed\n  // ancestor (e.g. Popover) can make Floating UI under-measure available\n  // space, so use the viewport as the boundary instead.\n  const floatingBoundary: Boundary = isInsideDialog ? [] : 'clippingAncestors';\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { refs, floatingStyles, context } = useFloating({\n    elements: {\n      reference: containerRef.current,\n    },\n    middleware: [\n      offset(10),\n      flip({\n        fallbackPlacements: ['top'],\n        fallbackStrategy: 'bestFit',\n      }),\n      shift({ boundary: floatingBoundary, padding: 5 }),\n      sizeMiddleware({\n        apply({ availableHeight, elements }) {\n          Object.assign(elements.floating.style, {\n            maxHeight: `${availableHeight}px`,\n          });\n        },\n        boundary: floatingBoundary,\n        padding: 5,\n      }),\n    ],\n    onOpenChange: (open) => {\n      setIsPopoverOpen(open);\n    },\n    open: isDisabled !== true && isReadOnly !== true && isPopoverOpen,\n    placement: 'bottom',\n    strategy: floatingStrategy ?? (isInsideDialog ? 'fixed' : 'absolute'),\n    whileElementsMounted: autoUpdate,\n  });\n  const dismiss = useDismiss(context);\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss]);\n  const { styles: transitionStyles } = useTransitionStyles(context, {\n    duration: Number.parseInt(tokens.motion.duration.quick) ?? 0,\n  });\n\n  const mergedRef = useMergeRefs([refs.setReference, containerRef]);\n\n  return (\n    <>\n      <div\n        className={classNames('ndl-timezone-picker', className, {\n          ...classes,\n        })}\n        ref={mergedRef}\n        {...getReferenceProps()}\n        style={{\n          width: isFluid === true ? '100%' : 'fit-content',\n        }}\n      >\n        <label className=\"ndl-timezone-picker-label\">\n          {label !== undefined && (\n            <FormFieldLabel field={field} size={size} association=\"implicit\" />\n          )}\n          <div\n            className=\"ndl-timezone-picker-input-wrapper\"\n            style={{\n              width: inputWidth,\n              ...style,\n            }}\n          >\n            <input\n              role=\"combobox\"\n              aria-expanded={isPopoverOpen}\n              aria-controls={listboxId}\n              aria-activedescendant={\n                isPopoverOpen && focusedIndex >= 0\n                  ? `${listboxId}-option-${focusedIndex}`\n                  : undefined\n              }\n              aria-label={label}\n              {...controlProps}\n              className=\"ndl-timezone-picker-input\"\n              type=\"text\"\n              ref={inputRef}\n              value={inputValue}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              required={isRequired}\n              onChange={handleInputChange}\n              onKeyDown={handleKeyDown}\n              onClick={(event) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                setIsPopoverOpen(true);\n                // Select all text on click for easy searching\n                event.currentTarget.select();\n              }}\n              onFocus={(event) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n                // Select all text on focus for easy searching\n                event.currentTarget.select();\n              }}\n              onBlur={(event) => {\n                if (isReadOnly === true || isDisabled === true) {\n                  return;\n                }\n\n                if (\n                  event.relatedTarget?.classList.contains(\n                    'ndl-timezone-picker-popover-item',\n                  ) === true\n                ) {\n                  return;\n                }\n\n                // In UTC mode (utc or both), try to parse custom input on blur\n                if (\n                  (mode === 'utc' || mode === 'both') &&\n                  inputValue.trim().toUpperCase().startsWith('UTC')\n                ) {\n                  const parsedOffset = parseCustomUTCOffset(inputValue.trim());\n                  if (parsedOffset) {\n                    handleOnClick(parsedOffset);\n                    setError(undefined);\n                    return;\n                  }\n                }\n\n                // Reset to the current value if no valid selection was made\n                if (value) {\n                  setInputValue(formatTimeZone(value, referenceDate));\n                } else {\n                  setInputValue('');\n                }\n                setSearchQuery('');\n                setError(undefined);\n              }}\n              placeholder={\n                mode === 'city'\n                  ? 'Select timezone'\n                  : mode === 'utc'\n                    ? 'Select or type UTC offset (e.g., UTC+5:30)'\n                    : 'Select timezone or type UTC offset'\n              }\n              {...htmlAttributes}\n              {...restProps}\n            />\n            <ChevronDownIcon className=\"ndl-icon-svg ndl-timezone-picker-icon\" />\n          </div>\n        </label>\n        <FormFieldMessage field={field} size={size} />\n      </div>\n\n      {context.open && (\n        <ConditionalWrap\n          shouldWrap={isPortaled}\n          wrap={(wrapChildren) => (\n            <FloatingPortal>{wrapChildren}</FloatingPortal>\n          )}\n        >\n          <FloatingFocusManager\n            context={context}\n            modal={false}\n            initialFocus={-1}\n          >\n            <div\n              ref={refs.setFloating}\n              className={classNames(\n                themeClassName,\n                'ndl-timezone-picker-popover',\n                {\n                  ...classes,\n                },\n              )}\n              style={{\n                ...transitionStyles,\n                ...floatingStyles,\n                width:\n                  isFluid === true\n                    ? containerRef.current?.clientWidth\n                    : undefined,\n              }}\n              {...getFloatingProps()}\n            >\n              <ul ref={listRef} role=\"listbox\" id={listboxId} tabIndex={-1}>\n                {mode === 'both' ? (\n                  <>\n                    {utcOptions.length > 0 && (\n                      <>\n                        <li className=\"ndl-timezone-picker-section-header\">\n                          UTC Offsets\n                        </li>\n                        {utcOptions.map((option, index) => (\n                          <li\n                            id={`${listboxId}-option-${index}`}\n                            key={option.value}\n                            role=\"option\"\n                            aria-selected={value === option.value}\n                            value={option.value}\n                            onClick={(event) => {\n                              event.stopPropagation();\n                              event.preventDefault();\n                              handleOnClick(option.value);\n                              setIsPopoverOpen(false);\n                            }}\n                            onMouseDown={(event) => {\n                              event.stopPropagation();\n                              event.preventDefault();\n                            }}\n                            tabIndex={-1}\n                            className={classNames(\n                              focusedIndex === index ? 'focused' : '',\n                              'ndl-timezone-picker-popover-item',\n                            )}\n                            onKeyDown={(event) => {\n                              if (event.key === 'Enter') {\n                                event.stopPropagation();\n                                handleOnClick(option.value);\n                              }\n                            }}\n                          >\n                            {option.label}\n                          </li>\n                        ))}\n                      </>\n                    )}\n                    {cityOptions.length > 0 && (\n                      <>\n                        <li className=\"ndl-timezone-picker-section-header\">\n                          City-Based Timezones\n                        </li>\n                        {cityOptions.map((option, index) => {\n                          const adjustedIndex = index + utcOptions.length;\n                          return (\n                            <li\n                              id={`${listboxId}-option-${adjustedIndex}`}\n                              key={option.value}\n                              role=\"option\"\n                              aria-selected={value === option.value}\n                              value={option.value}\n                              onClick={(event) => {\n                                event.stopPropagation();\n                                event.preventDefault();\n                                handleOnClick(option.value);\n                                setIsPopoverOpen(false);\n                              }}\n                              onMouseDown={(event) => {\n                                event.stopPropagation();\n                                event.preventDefault();\n                              }}\n                              tabIndex={-1}\n                              className={classNames(\n                                focusedIndex === adjustedIndex ? 'focused' : '',\n                                'ndl-timezone-picker-popover-item',\n                              )}\n                              onKeyDown={(event) => {\n                                if (event.key === 'Enter') {\n                                  event.stopPropagation();\n                                  handleOnClick(option.value);\n                                }\n                              }}\n                            >\n                              {option.label}\n                            </li>\n                          );\n                        })}\n                      </>\n                    )}\n                    {utcOptions.length === 0 && cityOptions.length === 0 && (\n                      <li className=\"ndl-timezone-picker-popover-item ndl-timezone-picker-no-results\">\n                        No timezones found\n                      </li>\n                    )}\n                  </>\n                ) : (\n                  <>\n                    {filteredOptions.length > 0 ? (\n                      filteredOptions.map((option, index) => (\n                        <li\n                          id={`${listboxId}-option-${index}`}\n                          key={option.value}\n                          role=\"option\"\n                          aria-selected={value === option.value}\n                          value={option.value}\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            event.preventDefault();\n                            handleOnClick(option.value);\n                            setIsPopoverOpen(false);\n                          }}\n                          onMouseDown={(event) => {\n                            event.stopPropagation();\n                            event.preventDefault();\n                          }}\n                          tabIndex={-1}\n                          className={classNames(\n                            focusedIndex === index ? 'focused' : '',\n                            'ndl-timezone-picker-popover-item',\n                          )}\n                          onKeyDown={(event) => {\n                            if (event.key === 'Enter') {\n                              event.stopPropagation();\n                              handleOnClick(option.value);\n                            }\n                          }}\n                        >\n                          {option.label}\n                        </li>\n                      ))\n                    ) : (\n                      <li className=\"ndl-timezone-picker-popover-item ndl-timezone-picker-no-results\">\n                        No timezones found\n                      </li>\n                    )}\n                  </>\n                )}\n              </ul>\n            </div>\n          </FloatingFocusManager>\n        </ConditionalWrap>\n      )}\n    </>\n  );\n};\n"]}

package/lib/esm/_common/form-control/FormFieldLabel.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import classNames from 'classnames';
+import { InformationCircleIconOutline } from '../../icons/generated/heroIcons/InformationCircleIconOutline';
+import { Tooltip } from '../../tooltip';
+import { Typography } from '../../typography';
+/**
+ * The label row of a form field: the label itself, an optional information
+ * tooltip, and the Required/Optional indicator. The indicator and the tooltip
+ * are separate elements rather than label content, keeping them out of the
+ * control's accessible name.
+ */
+export const FormFieldLabel = ({ field, size, association = 'explicit', onLabelClick, moreInformationText, tooltipProps, className, wrap, }) => {
+    const { label, labelId, controlId, hasVisuallyHiddenLabel, hasRequiredIndicator, isRequired, } = field;
+    const variant = size === 'large' ? 'body-large' : 'body-medium';
+    const isExplicit = association === 'explicit';
+    const informationIconClasses = classNames({
+        'ndl-information-icon-large': size === 'large',
+        'ndl-information-icon-small': size === 'small' || size === 'medium',
+    });
+    const row = (_jsxs("div", { className: classNames('ndl-form-label-row', { 'ndl-visually-hidden': hasVisuallyHiddenLabel }, className), children: [_jsx(Typography, { as: isExplicit ? 'label' : 'span', variant: variant, className: "ndl-form-label", htmlAttributes: isExplicit
+                    ? { htmlFor: controlId, id: labelId, onClick: onLabelClick }
+                    : undefined, children: label }), Boolean(moreInformationText) && (_jsxs(Tooltip, Object.assign({ type: "simple" }, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.root, { children: [_jsx(Tooltip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.trigger, { className: informationIconClasses, hasButtonWrapper: true, children: _jsx("div", { tabIndex: 0, role: "button", "aria-label": "Information icon", "data-testid": "ndl-information-icon", children: _jsx(InformationCircleIconOutline, {}) }) })), _jsx(Tooltip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.content, { children: moreInformationText }))] }))), hasRequiredIndicator && (_jsx(Typography, { variant: variant, className: "ndl-form-label-indicator", children: isRequired ? 'Required' : 'Optional' }))] }));
+    return wrap === undefined ? row : _jsx(_Fragment, { children: wrap(row) });
+};
+//# sourceMappingURL=FormFieldLabel.js.map

package/lib/esm/_common/form-control/FormFieldLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldLabel.js","sourceRoot":"","sources":["../../../../src/_common/form-control/FormFieldLabel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAE,4BAA4B,EAAE,MAAM,8DAA8D,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AA+B9C;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,UAAU,EACxB,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,IAAI,GACgB,EAAE,EAAE;IACxB,MAAM,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,GACX,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;IAChE,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;IAC9C,MAAM,sBAAsB,GAAG,UAAU,CAAC;QACxC,4BAA4B,EAAE,IAAI,KAAK,OAAO;QAC9C,4BAA4B,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;KACpE,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,CACV,eACE,SAAS,EAAE,UAAU,CACnB,oBAAoB,EACpB,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,EACjD,SAAS,CACV,aAED,KAAC,UAAU,IACT,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACjC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,gBAAgB,EAC1B,cAAc,EACZ,UAAU;oBACR,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE;oBAC5D,CAAC,CAAC,SAAS,YAGd,KAAK,GACK,EACZ,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAC/B,MAAC,OAAO,kBAAC,IAAI,EAAC,QAAQ,IAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,eAC3C,KAAC,OAAO,CAAC,OAAO,oBACV,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,IACzB,SAAS,EAAE,sBAAsB,EACjC,gBAAgB,kBAEhB,cACE,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,gBACF,kBAAkB,iBACjB,sBAAsB,YAElC,KAAC,4BAA4B,KAAG,GAC5B,IACU,EAClB,KAAC,OAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,cACvC,mBAAmB,IACJ,KACV,CACX,EACA,oBAAoB,IAAI,CACvB,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,0BAA0B,YAC/D,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,GAC1B,CACd,IACG,CACP,CAAC;IAEF,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,4BAAG,IAAI,CAAC,GAAG,CAAC,GAAI,CAAC;AACrD,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { InformationCircleIconOutline } from '../../icons/generated/heroIcons/InformationCircleIconOutline';\nimport { Tooltip } from '../../tooltip';\nimport { Typography } from '../../typography';\nimport { type TooltipObjectProps } from '../types';\nimport { type FormFieldSize, type FormFieldState } from './form-control-types';\n\ntype FormFieldLabelProps = {\n  field: FormFieldState;\n  size: FormFieldSize;\n  /**\n   * How the label is associated with its control. `explicit` renders a\n   * `<label>` pointing at the control through `htmlFor`, carrying `labelId`\n   * for `aria-labelledby`. `implicit` renders plain text, for components\n   * whose control is wrapped by an enclosing `<label>`, where a nested label\n   * element would be invalid.\n   */\n  association?: 'explicit' | 'implicit';\n  /**\n   * Click handler for an explicit label, for controls that need more than\n   * the default `htmlFor` focus forwarding (the Combobox label must move\n   * focus without toggling the panel).\n   */\n  onLabelClick?: React.MouseEventHandler<HTMLLabelElement>;\n  /** Text displayed in an information tooltip next to the label */\n  moreInformationText?: React.ReactNode;\n  /** Props for the Tooltip component used by the information icon */\n  tooltipProps?: TooltipObjectProps;\n  /** Extra class names for the label row */\n  className?: string;\n  /** Wraps the rendered row, so a component can put it inside a Skeleton. */\n  wrap?: (row: React.ReactNode) => React.ReactNode;\n};\n\n/**\n * The label row of a form field: the label itself, an optional information\n * tooltip, and the Required/Optional indicator. The indicator and the tooltip\n * are separate elements rather than label content, keeping them out of the\n * control's accessible name.\n */\nexport const FormFieldLabel = ({\n  field,\n  size,\n  association = 'explicit',\n  onLabelClick,\n  moreInformationText,\n  tooltipProps,\n  className,\n  wrap,\n}: FormFieldLabelProps) => {\n  const {\n    label,\n    labelId,\n    controlId,\n    hasVisuallyHiddenLabel,\n    hasRequiredIndicator,\n    isRequired,\n  } = field;\n  const variant = size === 'large' ? 'body-large' : 'body-medium';\n  const isExplicit = association === 'explicit';\n  const informationIconClasses = classNames({\n    'ndl-information-icon-large': size === 'large',\n    'ndl-information-icon-small': size === 'small' || size === 'medium',\n  });\n\n  const row = (\n    <div\n      className={classNames(\n        'ndl-form-label-row',\n        { 'ndl-visually-hidden': hasVisuallyHiddenLabel },\n        className,\n      )}\n    >\n      <Typography\n        as={isExplicit ? 'label' : 'span'}\n        variant={variant}\n        className=\"ndl-form-label\"\n        htmlAttributes={\n          isExplicit\n            ? { htmlFor: controlId, id: labelId, onClick: onLabelClick }\n            : undefined\n        }\n      >\n        {label}\n      </Typography>\n      {Boolean(moreInformationText) && (\n        <Tooltip type=\"simple\" {...tooltipProps?.root}>\n          <Tooltip.Trigger\n            {...tooltipProps?.trigger}\n            className={informationIconClasses}\n            hasButtonWrapper\n          >\n            <div\n              tabIndex={0}\n              role=\"button\"\n              aria-label=\"Information icon\"\n              data-testid=\"ndl-information-icon\"\n            >\n              <InformationCircleIconOutline />\n            </div>\n          </Tooltip.Trigger>\n          <Tooltip.Content {...tooltipProps?.content}>\n            {moreInformationText}\n          </Tooltip.Content>\n        </Tooltip>\n      )}\n      {hasRequiredIndicator && (\n        <Typography variant={variant} className=\"ndl-form-label-indicator\">\n          {isRequired ? 'Required' : 'Optional'}\n        </Typography>\n      )}\n    </div>\n  );\n\n  return wrap === undefined ? row : <>{wrap(row)}</>;\n};\n"]}

package/lib/esm/_common/form-control/FormFieldMessage.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import classNames from 'classnames';
+import { ExclamationCircleIconSolid } from '../../icons/generated/heroIcons/ExclamationCircleIconSolid';
+import { Typography } from '../../typography';
+/**
+ * How each severity presents itself. A future severity (`info`, `warning`) or
+ * a new way of presenting a message extends this map rather than reshaping
+ * the components that render messages.
+ */
+const presentationBySeverity = {
+    error: { className: 'ndl-error', icon: ExclamationCircleIconSolid },
+    help: {},
+};
+/**
+ * The message below a form field: the help text, or the error that replaces
+ * it. The container is rendered whether or not there is a message, so the
+ * `aria-live` region exists in the document before any text arrives and a
+ * validation error is reliably announced. The stylesheet collapses it while
+ * it is empty.
+ *
+ * The region is polite rather than an assertive `role="alert"`, since
+ * validation that runs on blur or on change would otherwise interrupt
+ * whatever is being read. `aria-atomic` makes the whole message announce as
+ * one, matching `role="status"` without presenting plain help text as a
+ * status message.
+ */
+export const FormFieldMessage = ({ field, size, className, wrap, }) => {
+    const { message, messageId, messageSeverity } = field;
+    const variant = size === 'large' ? 'body-medium' : 'body-small';
+    const presentation = messageSeverity === undefined
+        ? undefined
+        : presentationBySeverity[messageSeverity];
+    const Icon = presentation === null || presentation === void 0 ? void 0 : presentation.icon;
+    const content = messageSeverity === undefined ? null : (
+    // The icon and the text share a row of their own, so the container stays
+    // a plain block that anything wrapping the content, a Skeleton in
+    // particular, can fill the width of.
+    _jsxs("div", { className: "ndl-form-message-content", children: [Icon !== undefined && (_jsx("div", { className: "ndl-form-message-icon", "aria-hidden": "true", children: _jsx(Icon, {}) })), _jsx(Typography, { variant: variant, className: "ndl-form-message-text", htmlAttributes: { id: messageId }, children: message })] }));
+    return (_jsx("div", { className: classNames('ndl-form-message', {
+            'ndl-large': size === 'large',
+            'ndl-medium': size === 'medium',
+            'ndl-small': size === 'small',
+        }, presentation === null || presentation === void 0 ? void 0 : presentation.className, className), "aria-live": "polite", "aria-atomic": "true", children: content !== null && (wrap === undefined ? content : wrap(content)) }));
+};
+//# sourceMappingURL=FormFieldMessage.js.map

package/lib/esm/_common/form-control/FormFieldMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldMessage.js","sourceRoot":"","sources":["../../../../src/_common/form-control/FormFieldMessage.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AAGpC,OAAO,EAAE,0BAA0B,EAAE,MAAM,4DAA4D,CAAC;AACxG,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAc9C;;;;GAIG;AACH,MAAM,sBAAsB,GAGxB;IACF,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,0BAA0B,EAAE;IACnE,IAAI,EAAE,EAAE;CACT,CAAC;AAWF;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,SAAS,EACT,IAAI,GACkB,EAAE,EAAE;IAC1B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IAChE,MAAM,YAAY,GAChB,eAAe,KAAK,SAAS;QAC3B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAC;IAEhC,MAAM,OAAO,GACX,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACrC,yEAAyE;IACzE,kEAAkE;IAClE,qCAAqC;IACrC,eAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,KAAK,SAAS,IAAI,CACrB,cAAK,SAAS,EAAC,uBAAuB,iBAAa,MAAM,YACvD,KAAC,IAAI,KAAG,GACJ,CACP,EACD,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,uBAAuB,EACjC,cAAc,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,YAEhC,OAAO,GACG,IACT,CACP,CAAC;IAEJ,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,kBAAkB,EAClB;YACE,WAAW,EAAE,IAAI,KAAK,OAAO;YAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;YAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;SAC9B,EACD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EACvB,SAAS,CACV,eACS,QAAQ,iBACN,MAAM,YAEjB,OAAO,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAC/D,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { ExclamationCircleIconSolid } from '../../icons/generated/heroIcons/ExclamationCircleIconSolid';\nimport { Typography } from '../../typography';\nimport {\n  type FormFieldMessageSeverity,\n  type FormFieldSize,\n  type FormFieldState,\n} from './form-control-types';\n\ntype FormFieldMessagePresentation = {\n  /** Icon rendered before the message text. */\n  icon?: React.ComponentType;\n  /** Severity modifier class on the message container. */\n  className?: string;\n};\n\n/**\n * How each severity presents itself. A future severity (`info`, `warning`) or\n * a new way of presenting a message extends this map rather than reshaping\n * the components that render messages.\n */\nconst presentationBySeverity: Record<\n  FormFieldMessageSeverity,\n  FormFieldMessagePresentation\n> = {\n  error: { className: 'ndl-error', icon: ExclamationCircleIconSolid },\n  help: {},\n};\n\ntype FormFieldMessageProps = {\n  field: FormFieldState;\n  size: FormFieldSize;\n  /** Extra class names for the message container */\n  className?: string;\n  /** Wraps the message content, so a component can put it inside a Skeleton. */\n  wrap?: (content: React.ReactNode) => React.ReactNode;\n};\n\n/**\n * The message below a form field: the help text, or the error that replaces\n * it. The container is rendered whether or not there is a message, so the\n * `aria-live` region exists in the document before any text arrives and a\n * validation error is reliably announced. The stylesheet collapses it while\n * it is empty.\n *\n * The region is polite rather than an assertive `role=\"alert\"`, since\n * validation that runs on blur or on change would otherwise interrupt\n * whatever is being read. `aria-atomic` makes the whole message announce as\n * one, matching `role=\"status\"` without presenting plain help text as a\n * status message.\n */\nexport const FormFieldMessage = ({\n  field,\n  size,\n  className,\n  wrap,\n}: FormFieldMessageProps) => {\n  const { message, messageId, messageSeverity } = field;\n  const variant = size === 'large' ? 'body-medium' : 'body-small';\n  const presentation =\n    messageSeverity === undefined\n      ? undefined\n      : presentationBySeverity[messageSeverity];\n  const Icon = presentation?.icon;\n\n  const content =\n    messageSeverity === undefined ? null : (\n      // The icon and the text share a row of their own, so the container stays\n      // a plain block that anything wrapping the content, a Skeleton in\n      // particular, can fill the width of.\n      <div className=\"ndl-form-message-content\">\n        {Icon !== undefined && (\n          <div className=\"ndl-form-message-icon\" aria-hidden=\"true\">\n            <Icon />\n          </div>\n        )}\n        <Typography\n          variant={variant}\n          className=\"ndl-form-message-text\"\n          htmlAttributes={{ id: messageId }}\n        >\n          {message}\n        </Typography>\n      </div>\n    );\n\n  return (\n    <div\n      className={classNames(\n        'ndl-form-message',\n        {\n          'ndl-large': size === 'large',\n          'ndl-medium': size === 'medium',\n          'ndl-small': size === 'small',\n        },\n        presentation?.className,\n        className,\n      )}\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n    >\n      {content !== null && (wrap === undefined ? content : wrap(content))}\n    </div>\n  );\n};\n"]}

package/lib/esm/_common/form-control/form-control-types.js

@@ -0,0 +1,22 @@
+/**
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export {};
+//# sourceMappingURL=form-control-types.js.map