@ahrowe/ui 0.6.0 → 0.7.1

package/dist/esm/common/datePicker/datePicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.mjs","names":[],"sources":["../../../../package/common/datePicker/datePicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport cx from 'classnames';\nimport Input from '../input';\nimport { useComponentDefaults } from '../configProvider';\nimport DatePickerMonth from './components/datePickerMonth';\nimport { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\nimport { getLocale } from 'services/localization';\nimport ActionIcon from '../actionIcon';\nimport Modal from '../modal';\nimport FloatingMenu from '../floatingMenu';\nimport Dropdown from '../dropdown';\nimport { Align } from '../floatingMenu/floatingMenu.types';\nimport InputMask, { InputState, BeforeMaskedStateChangeStates } from '@mona-health/react-input-mask';\nimport { getDateFromDayMonthAndYear, getMonthName, getMonthNames, getDateString, correctDateMaskValue } from './dateFunctions';\nimport Button from '../button';\nimport Tooltip from '../tooltip';\nimport type FormValidator from 'services/formValidation/formValidator';\n\nimport styles from './datePicker.module.pcss';\n\nexport interface DatePickerProps {\n  className?: string;\n  selected?: Date;\n  onSelect?: (date: Date | null) => void;\n  formValidator?: FormValidator | null;\n  noInput?: boolean;\n  noHeader?: boolean;\n  isModal?: boolean;\n  isInline?: boolean;\n  onChange?: (date: Date | null) => void;\n  minDate?: Date | null;\n  maxDate?: Date | null;\n  children?: React.ReactNode;\n  showClearButton?: boolean;\n  label?: string;\n  isValid?: boolean;\n  errorMessage?: string;\n  isRequired?: boolean;\n  startDate?: Date;\n  endDate?: Date;\n}\n\nexport default function DatePicker(props: DatePickerProps) {\n  const {\n  className = '',\n  selected,\n  onSelect = () => null,\n  formValidator = null,\n  noInput = false,\n  noHeader = false,\n  isModal = false,\n  isInline = false,\n  onChange = () => null,\n  minDate = null,\n  maxDate = null,\n  children = null,\n  showClearButton = false,\n  label = '',\n  isValid = true,\n  errorMessage = '',\n  isRequired = false,\n  startDate,\n  endDate,\n  } = useComponentDefaults('DatePicker', props);\n  const getCurrValue = (): Date | undefined =>\n    formValidator ? (formValidator.value as Date) : selected;\n\n  const initialDate = getCurrValue() ?? new Date();\n\n  const [currentMonth, setCurrentMonth] = useState(initialDate.getMonth() + 1);\n  const [currentYear, setCurrentYear] = useState(initialDate.getFullYear());\n  const [isPickerOpen, setIsPickerOpen] = useState(false);\n  const [currentDateString, setCurrentDateString] = useState(() =>\n    getCurrValue() ? getDateString(initialDate) : ''\n  );\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const [, forceUpdate] = useState(0);\n  const [prevSelected, setPrevSelected] = useState(selected);\n\n  const fvRef = useRef(formValidator);\n\n  // Sync navigation view when `selected` prop changes externally\n  if (prevSelected !== selected) {\n    setPrevSelected(selected);\n    const d = selected ?? new Date();\n    setCurrentMonth(d.getMonth() + 1);\n    setCurrentYear(d.getFullYear());\n    setCurrentDateString(selected ? getDateString(selected) : '');\n  }\n\n  // Subscribe to formValidator updates (external system → setState in callback)\n  useEffect(() => {\n    fvRef.current = formValidator;\n    if (!formValidator) return;\n    const listener = () => {\n      const val = formValidator.value as Date | undefined;\n      if (val) {\n        setCurrentMonth(val.getMonth() + 1);\n        setCurrentYear(val.getFullYear());\n        setCurrentDateString(getDateString(val));\n      } else {\n        setCurrentDateString('');\n      }\n      forceUpdate((n: number) => n + 1);\n    };\n    formValidator.registerOnUpdateListener(listener);\n    return () => formValidator.removeOnUpdateListener(listener);\n  }, [formValidator]);\n\n  const hasError = (): boolean => {\n    return formValidator\n      ? (formValidator.touched && formValidator.hasError())\n      : (!isValid || !!errorMessage);\n  };\n\n  const computedIsRequired = (): boolean => {\n    return !!(isRequired || formValidator?.validators.find(\n      (v) => (v as { validatorId?: string }).validatorId === 'required'\n    ));\n  };\n\n  const handleChange = (date: Date | null) => {\n    setCurrentDateString(date ? getDateString(date) : '');\n    if (formValidator) formValidator.set(date);\n    onChange(date);\n  };\n\n  const handleSelect = (date: Date | null) => {\n    handleChange(date);\n    onSelect(date);\n    setIsPickerOpen(false);\n  };\n\n  const changeMonth = (delta: number) => {\n    setCurrentMonth((prev) => {\n      let next = prev + delta;\n      if (next < 1) { next = 12; setCurrentYear((y) => y - 1); }\n      else if (next > 12) { next = 1; setCurrentYear((y) => y + 1); }\n      return next;\n    });\n  };\n\n  const tryParseDateString = (dateString: string): Date | null => {\n    if (dateString.match(/\\d{2}\\.\\d{2}\\.\\d{4}/gi)) {\n      const [day, month, year] = dateString.split('.');\n      const parsedDate = getDateFromDayMonthAndYear(Number(day), Number(month), Number(year));\n      if (parsedDate && parsedDate.toString() !== 'Invalid Date') {\n        const isSmallerThanMaxDate = !maxDate || parsedDate <= maxDate;\n        const isBiggerThanMinDate = !minDate || parsedDate >= minDate;\n        if (isSmallerThanMaxDate && isBiggerThanMinDate) return parsedDate;\n      }\n    }\n    return null;\n  };\n\n  const beforeMaskedStateChange = ({ previousState, nextState }: BeforeMaskedStateChangeStates): InputState => {\n    // previousState is only supplied on user-driven change events; on mount/focus/blur\n    // there is nothing to auto-correct, so the next state passes through unchanged.\n    if (!previousState || nextState.value === previousState.value) return nextState;\n\n    const corrected = correctDateMaskValue(nextState.value, previousState.value, nextState.selection ?? null);\n\n    const parsedDate = tryParseDateString(corrected.value);\n    if (parsedDate) handleChange(parsedDate);\n\n    return corrected;\n  };\n\n  const getYearDropdownOptions = () => {\n    let length = 400;\n    let zeroOffset = new Date().getFullYear() - 200;\n    if (minDate) zeroOffset = minDate.getFullYear();\n    if (maxDate) length = maxDate.getFullYear() - zeroOffset + 1;\n    return Array.from(Array(length).keys()).map((i) => ({ key: i + zeroOffset, label: i + zeroOffset }));\n  };\n\n  const currValue = getCurrValue();\n  const hasErr = hasError();\n\n  const header = noHeader ? null : (\n    <div className={styles.datePickerHeader}>\n      <ActionIcon icon={faChevronLeft} onClick={() => changeMonth(-1)} />\n      <div className={styles.datePickerHeaderMonthAndYearContainer}>\n        <div className={styles.datePickerHeaderMonthAndYear}>\n          <Dropdown\n            plainStyle\n            scrollToSelected\n            onChange={(v) => setCurrentMonth(v as number)}\n            className={styles.datePickerHeaderMonth}\n            value={getMonthName(getLocale('-'), currentYear, currentMonth, 1)}\n            items={getMonthNames().map((month, index) => ({ key: index + 1, label: month }))}\n          />\n          <Dropdown\n            plainStyle\n            scrollToSelected\n            useMatLabelStyle={false}\n            className={styles.datePickerHeaderYear}\n            onChange={(v) => setCurrentYear(v as number)}\n            value={currentYear}\n            items={getYearDropdownOptions()}\n          />\n        </div>\n      </div>\n      <ActionIcon icon={faChevronRight} onClick={() => changeMonth(1)} />\n    </div>\n  );\n\n  const pickerContent = (\n    <>\n      {header}\n      <DatePickerMonth\n        className={styles.datePickerMonth}\n        month={currentMonth}\n        year={currentYear}\n        onSelect={handleSelect}\n        selectionStart={startDate ?? currValue}\n        selectionEnd={endDate ?? currValue}\n        minDate={minDate}\n        maxDate={maxDate}\n      />\n      {showClearButton && <Button onClick={() => handleSelect(null)}>Clear</Button>}\n      {children}\n    </>\n  );\n\n  const input = noInput ? null : (\n    <Input\n      readOnly={isModal}\n      label={`${label}${computedIsRequired() ? ' *' : ''}`}\n      value={currentDateString}\n      onChange={(v) => setCurrentDateString(v as string)}\n      onClick={() => setIsPickerOpen(true)}\n      customInput={\n        <InputMask mask=\"99.99.9999\" maskPlaceholder=\"_\" beforeMaskedStateChange={beforeMaskedStateChange} />\n      }\n      onBlur={() => {\n        if (fvRef.current) fvRef.current.touched = true;\n        setIsFocused(false);\n        handleChange(tryParseDateString(currentDateString));\n      }}\n      onFocus={() => setIsFocused(true)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      isValid={!hasErr}\n    />\n  );\n\n  const picker = (() => {\n    if (isInline) return pickerContent;\n    if (isModal) {\n      return (\n        <Modal hideHeader isOpen={isPickerOpen} onClose={() => setIsPickerOpen(false)}>\n          {pickerContent}\n        </Modal>\n      );\n    }\n    return (\n      <FloatingMenu\n        isOpen={isPickerOpen}\n        onOpenChange={(open: boolean) => setIsPickerOpen(open)}\n        content={pickerContent}\n        align={Align.Left}\n        dontCloseOnChildClick\n      >\n        {input}\n      </FloatingMenu>\n    );\n  })();\n\n  return (\n    <div className={cx(styles.datePicker, className)}>\n      {(isModal || isInline) && input}\n      {picker}\n      <Tooltip\n        variant=\"error\"\n        message={formValidator ? formValidator.getCurrentErrorMessage() : (errorMessage || '')}\n        isVisible={hasErr && (isFocused || isHovered)}\n      />\n    </div>\n  );\n}\n"],"mappings":"0/BA0CA,SAAwB,EAAW,EAAwB,CACzD,GAAM,CACN,aAAY,GACZ,WACA,eAAiB,KACjB,gBAAgB,KAChB,UAAU,GACV,YAAW,GACX,UAAU,GACV,WAAW,GACX,gBAAiB,KACjB,UAAU,KACV,UAAU,KACV,YAAW,KACX,mBAAkB,GAClB,SAAQ,GACR,UAAU,GACV,eAAe,GACf,aAAa,GACb,YACA,WACI,EAAqB,aAAc,CAAK,EACtC,MACJ,EAAiB,EAAc,MAAiB,EAE5C,EAAc,EAAa,GAAK,IAAI,KAEpC,CAAC,EAAc,GAAmB,EAAS,EAAY,SAAS,EAAI,CAAC,EACrE,CAAC,EAAa,GAAkB,EAAS,EAAY,YAAY,CAAC,EAClE,CAAC,EAAc,GAAmB,EAAS,EAAK,EAChD,CAAC,EAAmB,GAAwB,MAChD,EAAa,EAAI,EAAc,CAAW,EAAI,EAChD,EACM,CAAC,GAAW,GAAgB,EAAS,EAAK,EAC1C,CAAC,GAAW,GAAgB,EAAS,EAAK,EAC1C,EAAG,IAAe,EAAS,CAAC,EAC5B,CAAC,GAAc,IAAmB,EAAS,CAAQ,EAEnD,EAAQ,EAAO,CAAa,EAGlC,GAAI,KAAiB,EAAU,CAC7B,GAAgB,CAAQ,EACxB,IAAM,EAAI,GAAY,IAAI,KAC1B,EAAgB,EAAE,SAAS,EAAI,CAAC,EAChC,EAAe,EAAE,YAAY,CAAC,EAC9B,EAAqB,EAAW,EAAc,CAAQ,EAAI,EAAE,CAC9D,CAGA,MAAgB,CAEd,GADA,EAAM,QAAU,EACZ,CAAC,EAAe,OACpB,IAAM,MAAiB,CACrB,IAAM,EAAM,EAAc,MACtB,GACF,EAAgB,EAAI,SAAS,EAAI,CAAC,EAClC,EAAe,EAAI,YAAY,CAAC,EAChC,EAAqB,EAAc,CAAG,CAAC,GAEvC,EAAqB,EAAE,EAEzB,GAAa,GAAc,EAAI,CAAC,CAClC,EAEA,OADA,EAAc,yBAAyB,CAAQ,MAClC,EAAc,uBAAuB,CAAQ,CAC5D,EAAG,CAAC,CAAa,CAAC,EAElB,IAAM,OACG,EACF,EAAc,SAAW,EAAc,SAAS,EAChD,CAAC,GAAW,CAAC,CAAC,EAGf,OACG,CAAC,EAAE,GAAc,GAAe,WAAW,KAC/C,GAAO,EAA+B,cAAgB,UACzD,GAGI,EAAgB,GAAsB,CAC1C,EAAqB,EAAO,EAAc,CAAI,EAAI,EAAE,EAChD,GAAe,EAAc,IAAI,CAAI,EACzC,GAAS,CAAI,CACf,EAEM,EAAgB,GAAsB,CAC1C,EAAa,CAAI,EACjB,EAAS,CAAI,EACb,EAAgB,EAAK,CACvB,EAEM,EAAe,GAAkB,CACrC,EAAiB,GAAS,CACxB,IAAI,EAAO,EAAO,EAGlB,OAFI,EAAO,GAAK,EAAO,GAAI,EAAgB,GAAM,EAAI,CAAC,GAC7C,EAAO,KAAM,EAAO,EAAG,EAAgB,GAAM,EAAI,CAAC,GACpD,CACT,CAAC,CACH,EAEM,EAAsB,GAAoC,CAC9D,GAAI,EAAW,MAAM,uBAAuB,EAAG,CAC7C,GAAM,CAAC,EAAK,EAAO,GAAQ,EAAW,MAAM,GAAG,EACzC,EAAa,EAA2B,OAAO,CAAG,EAAG,OAAO,CAAK,EAAG,OAAO,CAAI,CAAC,EACtF,GAAI,GAAc,EAAW,SAAS,IAAM,iBACb,CAAC,GAAW,GAAc,KAC3B,CAAC,GAAW,GAAc,GACL,OAAO,CAE5D,CACA,OAAO,IACT,EAEM,IAA2B,CAAE,gBAAe,eAA2D,CAG3G,GAAI,CAAC,GAAiB,EAAU,QAAU,EAAc,MAAO,OAAO,EAEtE,IAAM,EAAY,GAAqB,EAAU,MAAO,EAAc,MAAO,EAAU,WAAa,IAAI,EAElG,EAAa,EAAmB,EAAU,KAAK,EAGrD,OAFI,GAAY,EAAa,CAAU,EAEhC,CACT,EAEM,OAA+B,CACnC,IAAI,EAAS,IACT,EAAa,IAAI,KAAK,EAAE,YAAY,EAAI,IAG5C,OAFI,IAAS,EAAa,EAAQ,YAAY,GAC1C,IAAS,EAAS,EAAQ,YAAY,EAAI,EAAa,GACpD,MAAM,KAAK,MAAM,CAAM,EAAE,KAAK,CAAC,EAAE,IAAK,IAAO,CAAE,IAAK,EAAI,EAAY,MAAO,EAAI,CAAW,EAAE,CACrG,EAEM,EAAY,EAAa,EACzB,EAAS,GAAS,EA8BlB,EACJ,EAAA,GAAA,CAAA,SAAA,CA7Ba,GAAW,KACxB,EAAC,MAAD,CAAK,UAAW,EAAO,0BAAvB,CACE,EAAC,EAAD,CAAY,KAAM,GAAe,YAAe,EAAY,EAAE,CAAI,CAAA,EAClE,EAAC,MAAD,CAAK,UAAW,EAAO,+CACrB,EAAC,MAAD,CAAK,UAAW,EAAO,sCAAvB,CACE,EAAC,EAAD,CACE,WAAA,GACA,iBAAA,GACA,SAAW,GAAM,EAAgB,CAAW,EAC5C,UAAW,EAAO,sBAClB,MAAO,GAAa,GAAU,GAAG,EAAG,EAAa,EAAc,CAAC,EAChE,MAAO,GAAc,EAAE,KAAK,EAAO,KAAW,CAAE,IAAK,EAAQ,EAAG,MAAO,CAAM,EAAE,CAChF,CAAA,EACD,EAAC,EAAD,CACE,WAAA,GACA,iBAAA,GACA,iBAAkB,GAClB,UAAW,EAAO,qBAClB,SAAW,GAAM,EAAe,CAAW,EAC3C,MAAO,EACP,MAAO,GAAuB,CAC/B,CAAA,CACE,GACF,CAAA,EACL,EAAC,EAAD,CAAY,KAAM,GAAgB,YAAe,EAAY,CAAC,CAAI,CAAA,CAC/D,IAMH,EAAC,GAAD,CACE,UAAW,EAAO,gBAClB,MAAO,EACP,KAAM,EACN,SAAU,EACV,eAAgB,GAAa,EAC7B,aAAc,GAAW,EAChB,UACA,SACV,CAAA,EACA,IAAmB,EAAC,EAAD,CAAQ,YAAe,EAAa,IAAI,WAAG,OAAa,CAAA,EAC3E,EACD,CAAA,CAAA,EAGE,EAAQ,EAAU,KACtB,EAAC,EAAD,CACE,SAAU,EACV,MAAO,GAAG,KAAQ,GAAmB,EAAI,KAAO,KAChD,MAAO,EACP,SAAW,GAAM,EAAqB,CAAW,EACjD,YAAe,EAAgB,EAAI,EACnC,YACE,EAAC,EAAD,CAAW,KAAK,aAAa,gBAAgB,IAA6B,0BAA0B,CAAA,EAEtG,WAAc,CACR,EAAM,UAAS,EAAM,QAAQ,QAAU,IAC3C,EAAa,EAAK,EAClB,EAAa,EAAmB,CAAiB,CAAC,CACpD,EACA,YAAe,EAAa,EAAI,EAChC,iBAAoB,EAAa,EAAI,EACrC,iBAAoB,EAAa,EAAK,EACtC,QAAS,CAAC,CACX,CAAA,EAGG,GACA,EAAiB,EACjB,EAEA,EAAC,EAAD,CAAO,WAAA,GAAW,OAAQ,EAAc,YAAe,EAAgB,EAAK,WACzE,CACI,CAAA,EAIT,EAAC,EAAD,CACE,OAAQ,EACR,aAAe,GAAkB,EAAgB,CAAI,EACrD,QAAS,EACT,MAAO,EAAM,KACb,sBAAA,YAEC,CACW,CAAA,EAIlB,OACE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,WAAY,EAAS,WAA/C,EACI,GAAW,IAAa,EACzB,GACD,EAAC,EAAD,CACE,QAAQ,QACR,QAAS,EAAgB,EAAc,uBAAuB,EAAK,GAAgB,GACnF,UAAW,IAAW,IAAa,GACpC,CAAA,CACE,GAET"}
+{"version":3,"file":"datePicker.mjs","names":[],"sources":["../../../../package/common/datePicker/datePicker.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport cx from 'classnames';\nimport Input from '../input';\nimport { useComponentDefaults } from '../configProvider';\nimport DatePickerMonth from './components/datePickerMonth';\nimport { faChevronLeft, faChevronRight } from '@fortawesome/free-solid-svg-icons';\nimport { getLocale } from 'services/localization';\nimport ActionIcon from '../actionIcon';\nimport Modal from '../modal';\nimport FloatingMenu from '../floatingMenu';\nimport Dropdown from '../dropdown';\nimport { Align } from '../floatingMenu/floatingMenu.types';\nimport InputMask, { InputState, BeforeMaskedStateChangeStates } from '@mona-health/react-input-mask';\nimport { getDateFromDayMonthAndYear, getMonthName, getMonthNames, getDateString, correctDateMaskValue } from './dateFunctions';\nimport Button from '../button';\nimport Tooltip from '../tooltip';\nimport type { FormValidator } from 'services/formValidation';\n\nimport styles from './datePicker.module.pcss';\n\nexport interface DatePickerProps {\n  className?: string;\n  selected?: Date;\n  onSelect?: (date: Date | null) => void;\n  formValidator?: FormValidator | null;\n  noInput?: boolean;\n  noHeader?: boolean;\n  isModal?: boolean;\n  isInline?: boolean;\n  onChange?: (date: Date | null) => void;\n  minDate?: Date | null;\n  maxDate?: Date | null;\n  children?: React.ReactNode;\n  showClearButton?: boolean;\n  label?: string;\n  isValid?: boolean;\n  errorMessage?: string;\n  isRequired?: boolean;\n  startDate?: Date;\n  endDate?: Date;\n}\n\nexport default function DatePicker(props: DatePickerProps) {\n  const {\n  className = '',\n  selected,\n  onSelect = () => null,\n  formValidator = null,\n  noInput = false,\n  noHeader = false,\n  isModal = false,\n  isInline = false,\n  onChange = () => null,\n  minDate = null,\n  maxDate = null,\n  children = null,\n  showClearButton = false,\n  label = '',\n  isValid = true,\n  errorMessage = '',\n  isRequired = false,\n  startDate,\n  endDate,\n  } = useComponentDefaults('DatePicker', props);\n  const getCurrValue = (): Date | undefined =>\n    formValidator ? (formValidator.value as Date) : selected;\n\n  const initialDate = getCurrValue() ?? new Date();\n\n  const [currentMonth, setCurrentMonth] = useState(initialDate.getMonth() + 1);\n  const [currentYear, setCurrentYear] = useState(initialDate.getFullYear());\n  const [isPickerOpen, setIsPickerOpen] = useState(false);\n  const [currentDateString, setCurrentDateString] = useState(() =>\n    getCurrValue() ? getDateString(initialDate) : ''\n  );\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const [, forceUpdate] = useState(0);\n  const [prevSelected, setPrevSelected] = useState(selected);\n\n  const fvRef = useRef(formValidator);\n\n  // Sync navigation view when `selected` prop changes externally\n  if (prevSelected !== selected) {\n    setPrevSelected(selected);\n    const d = selected ?? new Date();\n    setCurrentMonth(d.getMonth() + 1);\n    setCurrentYear(d.getFullYear());\n    setCurrentDateString(selected ? getDateString(selected) : '');\n  }\n\n  // Subscribe to formValidator updates (external system → setState in callback)\n  useEffect(() => {\n    fvRef.current = formValidator;\n    if (!formValidator) return;\n    const listener = () => {\n      const val = formValidator.value as Date | undefined;\n      if (val) {\n        setCurrentMonth(val.getMonth() + 1);\n        setCurrentYear(val.getFullYear());\n        setCurrentDateString(getDateString(val));\n      } else {\n        setCurrentDateString('');\n      }\n      forceUpdate((n: number) => n + 1);\n    };\n    formValidator.registerOnUpdateListener(listener);\n    return () => formValidator.removeOnUpdateListener(listener);\n  }, [formValidator]);\n\n  const hasError = (): boolean => {\n    return formValidator\n      ? (formValidator.touched && formValidator.hasError())\n      : (!isValid || !!errorMessage);\n  };\n\n  const computedIsRequired = (): boolean => {\n    return !!(isRequired || formValidator?.validators.find(\n      (v) => (v as { validatorId?: string }).validatorId === 'required'\n    ));\n  };\n\n  const handleChange = (date: Date | null) => {\n    setCurrentDateString(date ? getDateString(date) : '');\n    if (formValidator) formValidator.set(date);\n    onChange(date);\n  };\n\n  const handleSelect = (date: Date | null) => {\n    handleChange(date);\n    onSelect(date);\n    setIsPickerOpen(false);\n  };\n\n  const changeMonth = (delta: number) => {\n    setCurrentMonth((prev) => {\n      let next = prev + delta;\n      if (next < 1) { next = 12; setCurrentYear((y) => y - 1); }\n      else if (next > 12) { next = 1; setCurrentYear((y) => y + 1); }\n      return next;\n    });\n  };\n\n  const tryParseDateString = (dateString: string): Date | null => {\n    if (dateString.match(/\\d{2}\\.\\d{2}\\.\\d{4}/gi)) {\n      const [day, month, year] = dateString.split('.');\n      const parsedDate = getDateFromDayMonthAndYear(Number(day), Number(month), Number(year));\n      if (parsedDate && parsedDate.toString() !== 'Invalid Date') {\n        const isSmallerThanMaxDate = !maxDate || parsedDate <= maxDate;\n        const isBiggerThanMinDate = !minDate || parsedDate >= minDate;\n        if (isSmallerThanMaxDate && isBiggerThanMinDate) return parsedDate;\n      }\n    }\n    return null;\n  };\n\n  const beforeMaskedStateChange = ({ previousState, nextState }: BeforeMaskedStateChangeStates): InputState => {\n    // previousState is only supplied on user-driven change events; on mount/focus/blur\n    // there is nothing to auto-correct, so the next state passes through unchanged.\n    if (!previousState || nextState.value === previousState.value) return nextState;\n\n    const corrected = correctDateMaskValue(nextState.value, previousState.value, nextState.selection ?? null);\n\n    const parsedDate = tryParseDateString(corrected.value);\n    if (parsedDate) handleChange(parsedDate);\n\n    return corrected;\n  };\n\n  const getYearDropdownOptions = () => {\n    let length = 400;\n    let zeroOffset = new Date().getFullYear() - 200;\n    if (minDate) zeroOffset = minDate.getFullYear();\n    if (maxDate) length = maxDate.getFullYear() - zeroOffset + 1;\n    return Array.from(Array(length).keys()).map((i) => ({ key: i + zeroOffset, label: i + zeroOffset }));\n  };\n\n  const currValue = getCurrValue();\n  const hasErr = hasError();\n\n  const header = noHeader ? null : (\n    <div className={styles.datePickerHeader}>\n      <ActionIcon icon={faChevronLeft} onClick={() => changeMonth(-1)} />\n      <div className={styles.datePickerHeaderMonthAndYearContainer}>\n        <div className={styles.datePickerHeaderMonthAndYear}>\n          <Dropdown\n            plainStyle\n            scrollToSelected\n            onChange={(v) => setCurrentMonth(v as number)}\n            className={styles.datePickerHeaderMonth}\n            value={getMonthName(getLocale('-'), currentYear, currentMonth, 1)}\n            items={getMonthNames().map((month, index) => ({ key: index + 1, label: month }))}\n          />\n          <Dropdown\n            plainStyle\n            scrollToSelected\n            useMatLabelStyle={false}\n            className={styles.datePickerHeaderYear}\n            onChange={(v) => setCurrentYear(v as number)}\n            value={currentYear}\n            items={getYearDropdownOptions()}\n          />\n        </div>\n      </div>\n      <ActionIcon icon={faChevronRight} onClick={() => changeMonth(1)} />\n    </div>\n  );\n\n  const pickerContent = (\n    <>\n      {header}\n      <DatePickerMonth\n        className={styles.datePickerMonth}\n        month={currentMonth}\n        year={currentYear}\n        onSelect={handleSelect}\n        selectionStart={startDate ?? currValue}\n        selectionEnd={endDate ?? currValue}\n        minDate={minDate}\n        maxDate={maxDate}\n      />\n      {showClearButton && <Button onClick={() => handleSelect(null)}>Clear</Button>}\n      {children}\n    </>\n  );\n\n  const input = noInput ? null : (\n    <Input\n      readOnly={isModal}\n      label={`${label}${computedIsRequired() ? ' *' : ''}`}\n      value={currentDateString}\n      onChange={(v) => setCurrentDateString(v as string)}\n      onClick={() => setIsPickerOpen(true)}\n      customInput={\n        <InputMask mask=\"99.99.9999\" maskPlaceholder=\"_\" beforeMaskedStateChange={beforeMaskedStateChange} />\n      }\n      onBlur={() => {\n        if (fvRef.current) fvRef.current.touched = true;\n        setIsFocused(false);\n        handleChange(tryParseDateString(currentDateString));\n      }}\n      onFocus={() => setIsFocused(true)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n      isValid={!hasErr}\n    />\n  );\n\n  const picker = (() => {\n    if (isInline) return pickerContent;\n    if (isModal) {\n      return (\n        <Modal hideHeader isOpen={isPickerOpen} onClose={() => setIsPickerOpen(false)}>\n          {pickerContent}\n        </Modal>\n      );\n    }\n    return (\n      <FloatingMenu\n        isOpen={isPickerOpen}\n        onOpenChange={(open: boolean) => setIsPickerOpen(open)}\n        content={pickerContent}\n        align={Align.Left}\n        dontCloseOnChildClick\n      >\n        {input}\n      </FloatingMenu>\n    );\n  })();\n\n  return (\n    <div className={cx(styles.datePicker, className)}>\n      {(isModal || isInline) && input}\n      {picker}\n      <Tooltip\n        variant=\"error\"\n        message={formValidator ? formValidator.getCurrentErrorMessage() : (errorMessage || '')}\n        isVisible={hasErr && (isFocused || isHovered)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/common/input/input.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.types.mjs","names":[],"sources":["../../../../package/common/input/input.types.ts"],"sourcesContent":["import React from 'react';\nimport FormValidator from 'services/formValidation/formValidator';\nimport type { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';\n\nexport enum InputType {\n  Edit = 'edit',\n  Phone = 'phone',\n  Email = 'email',\n  Iban = 'iban',\n  Date = 'date',\n  HasNoIcon = 'hasNoIcon',\n  Search = 'searchInput',\n  Password = 'password',\n}\n\nexport type InputSlots = 'label' | 'container' | 'input' | 'suffix' | 'upperRightLabel' | 'fieldset';\n\ntype OverriddenInputAttributes =\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onClick'\n  | 'type'\n  | 'value'\n  | 'min'\n  | 'max'\n  | 'autoComplete';\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, OverriddenInputAttributes>,\n    HtmlProps {\n  onMouseEnter?: ((event: React.MouseEvent) => void) | null;\n  onMouseLeave?: ((event: React.MouseEvent) => void) | null;\n  onFocus?: ((event: React.FocusEvent) => void) | null;\n  onBlur?: ((event: React.FocusEvent) => void) | null;\n  onChange?: ((value: string, event?: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement, Element>) => void) | null;\n  errorMessage?: string;\n  isValid?: boolean;\n  isRequired?: boolean;\n  label?: string;\n  name?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  value?: string | number;\n  icon?: React.ReactElement | null;\n  isUppercase?: boolean;\n  isRow?: boolean;\n  tabIndex?: number;\n  type?: InputType;\n  onIconClick?: (() => void) | null;\n  parse?: ((value: string) => string) | null;\n  suffix?: string | React.ReactNode;\n  disabled?: boolean;\n  upperRightLabel?: string | React.ReactNode;\n  labelInBorder?: boolean;\n  showCancel?: boolean;\n  onClearClicked?: (() => void) | null;\n  min?: string | number | null;\n  max?: string | number | null;\n  placeholder?: string;\n  useMatLabelStyle?: boolean;\n  alwaysFloatLabel?: boolean;\n  autoComplete?: string | null;\n  onClick?: (() => void) | null;\n  readOnly?: boolean;\n  customInput?: React.ReactElement | null;\n  autoFocus?: boolean;\n  alwaysShowCancel?: boolean;\n  formValidator?: FormValidator | null;\n  multiline?: boolean;\n  rows?: number;\n  autoResize?: boolean;\n  classNames?: SlotClassNames<InputSlots>;\n  styles?: SlotStyles<InputSlots>;\n}\n"],"mappings":"AAIA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,KAAA,OACA,EAAA,MAAA,QACA,EAAA,MAAA,QACA,EAAA,KAAA,OACA,EAAA,KAAA,OACA,EAAA,UAAA,YACA,EAAA,OAAA,cACA,EAAA,SAAA,YACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"input.types.mjs","names":[],"sources":["../../../../package/common/input/input.types.ts"],"sourcesContent":["import React from 'react';\nimport type { FormValidator } from 'services/formValidation';\nimport type { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';\n\nexport enum InputType {\n  Edit = 'edit',\n  Phone = 'phone',\n  Email = 'email',\n  Iban = 'iban',\n  Date = 'date',\n  HasNoIcon = 'hasNoIcon',\n  Search = 'searchInput',\n  Password = 'password',\n}\n\nexport type InputSlots = 'label' | 'container' | 'input' | 'suffix' | 'upperRightLabel' | 'fieldset';\n\ntype OverriddenInputAttributes =\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'onMouseEnter'\n  | 'onMouseLeave'\n  | 'onClick'\n  | 'type'\n  | 'value'\n  | 'min'\n  | 'max'\n  | 'autoComplete';\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, OverriddenInputAttributes>,\n    HtmlProps {\n  onMouseEnter?: ((event: React.MouseEvent) => void) | null;\n  onMouseLeave?: ((event: React.MouseEvent) => void) | null;\n  onFocus?: ((event: React.FocusEvent) => void) | null;\n  onBlur?: ((event: React.FocusEvent) => void) | null;\n  onChange?: ((value: string, event?: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement, Element>) => void) | null;\n  errorMessage?: string;\n  isValid?: boolean;\n  isRequired?: boolean;\n  label?: string;\n  name?: string;\n  className?: string;\n  style?: React.CSSProperties;\n  value?: string | number;\n  icon?: React.ReactElement | null;\n  isUppercase?: boolean;\n  isRow?: boolean;\n  tabIndex?: number;\n  type?: InputType;\n  onIconClick?: (() => void) | null;\n  parse?: ((value: string) => string) | null;\n  suffix?: string | React.ReactNode;\n  disabled?: boolean;\n  upperRightLabel?: string | React.ReactNode;\n  labelInBorder?: boolean;\n  showCancel?: boolean;\n  onClearClicked?: (() => void) | null;\n  min?: string | number | null;\n  max?: string | number | null;\n  placeholder?: string;\n  useMatLabelStyle?: boolean;\n  alwaysFloatLabel?: boolean;\n  autoComplete?: string | null;\n  onClick?: (() => void) | null;\n  readOnly?: boolean;\n  customInput?: React.ReactElement | null;\n  autoFocus?: boolean;\n  alwaysShowCancel?: boolean;\n  formValidator?: FormValidator | null;\n  multiline?: boolean;\n  rows?: number;\n  autoResize?: boolean;\n  classNames?: SlotClassNames<InputSlots>;\n  styles?: SlotStyles<InputSlots>;\n}\n"],"mappings":"AAIA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,KAAA,OACA,EAAA,MAAA,QACA,EAAA,MAAA,QACA,EAAA,KAAA,OACA,EAAA,KAAA,OACA,EAAA,UAAA,YACA,EAAA,OAAA,cACA,EAAA,SAAA,YACF,EAAA,CAAA,CAAA"}

package/dist/esm/common/inputDropdown/inputDropdown.mjs

@@ -1,2 +1,2 @@
-import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import t from"../bodyEnd/bodyEnd.mjs";import{useFloatingPosition as n}from"../floatingMenu/useFloatingPosition.mjs";import r from"../input/input.mjs";import i from"./inputDropdown.module.mjs";import{useCallback as a,useRef as o,useState as s}from"react";import c from"classnames";import{jsx as l,jsxs as u}from"react/jsx-runtime";function d(e,t){return t?t.value??``:e??``}function f(e,t){let n=t.find(t=>t.value===e);return n?n.label??n.value:e}function p(p){let{label:m=``,value:h=``,formValidator:g=null,items:_=[],allowCustomValue:v=!1,className:y,style:b,classNames:x,styles:S,onSelect:C=()=>null,onChange:w,placeholder:T=``,...E}=e(`InputDropdown`,p),D=d(h,g),[O,k]=s(()=>f(D,_)),[A,j]=s(D),[M,N]=s(!1),[P,F]=s(null),I=o(null),L=o(null),R=o(null);if(n({isOpen:M,triggerRef:L,anchorRef:R,panelRef:R,flipClassName:i.dropdownFlip}),D!==A){j(D);let e=_.find(e=>e.value===D);e?k(e.label??e.value):v&&k(D)}let z=_.filter(e=>(e.label??e.value).toLowerCase().includes(O.toLowerCase())),B=()=>{I.current&&=(clearTimeout(I.current),null),N(!0)},V=()=>{I.current=setTimeout(()=>{N(!1),I.current=null,v||k(f(D,_))},100)},H=a(e=>{k(e.label??e.value),N(!1),F(null),g&&g.set(e.value),w&&w(e.value),C(e.value)},[g,w,C]),U=a(e=>{e.key===`ArrowUp`?(e.preventDefault(),F(e=>e?e-1:null)):e.key===`ArrowDown`?(e.preventDefault(),F(e=>e===null?0:Math.min(e+1,z.length-1))):e.key===`Enter`&&(P!==null&&z[P]?H(z[P]):v&&(N(!1),F(null)))},[z,P,H,v]);return u(`div`,{...E,ref:L,className:c(i.inputDropdown,x?.root,y),style:{...S?.root,...b},onFocus:B,onBlur:V,onKeyDown:U,children:[l(r,{label:m,value:O,onChange:e=>{if(k(e),F(null),N(!0),v)g&&g.set(e),w&&w(e);else if(e===``)g&&g.set(``),w&&w(``),C(``);else{let t=_.find(t=>(t.label??t.value).toLowerCase()===e.toLowerCase());t&&(g&&g.set(t.value),w&&w(t.value),C(t.value))}},placeholder:T}),M&&l(t,{children:l(`div`,{ref:R,className:c(i.dropdown,i.dropdownShown,x?.dropdown),style:S?.dropdown,children:l(`div`,{className:i.dropdownScroll,children:z.map((e,t)=>l(`div`,{className:c(i.dropdownItem,P===t&&i.dropdownItemHighlighted,x?.item),style:S?.item,onMouseDown:e=>e.preventDefault(),onClick:()=>H(e),children:e.label??e.value},`${t}_${e.label}_${e.value}`))})})})]})}export{p as default};
+import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import t from"../bodyEnd/bodyEnd.mjs";import{useFloatingPosition as n}from"../floatingMenu/useFloatingPosition.mjs";import r from"../input/input.mjs";import i from"./inputDropdown.module.mjs";import{useCallback as a,useRef as o,useState as s}from"react";import c from"classnames";import{jsx as l,jsxs as u}from"react/jsx-runtime";function d(e,t){return t?t.value??``:e??``}function f(e,t){let n=t.find(t=>t.value===e);return n?n.label??n.value:e}function p(p){let{label:m=``,value:h=``,formValidator:g=null,items:_=[],allowCustomValue:v=!1,className:y,style:b,classNames:x,styles:S,onSelect:C=()=>null,onChange:w,placeholder:T=``,readOnly:E=!1,...D}=e(`InputDropdown`,p),O=d(h,g),[k,A]=s(()=>f(O,_)),[j,M]=s(O),[N,P]=s(!1),[F,I]=s(null),L=o(null),R=o(null),z=o(null);if(n({isOpen:N,triggerRef:R,anchorRef:z,panelRef:z,flipClassName:i.dropdownFlip}),O!==j){M(O);let e=_.find(e=>e.value===O);e?A(e.label??e.value):v&&A(O)}let B=_.filter(e=>(e.label??e.value).toLowerCase().includes(k.toLowerCase())),V=()=>{E||(L.current&&=(clearTimeout(L.current),null),P(!0))},H=()=>{L.current=setTimeout(()=>{P(!1),L.current=null,v||A(f(O,_))},100)},U=a(e=>{A(e.label??e.value),P(!1),I(null),g&&g.set(e.value),w&&w(e.value),C(e.value)},[g,w,C]),W=a(e=>{E||(e.key===`ArrowUp`?(e.preventDefault(),I(e=>e?e-1:null)):e.key===`ArrowDown`?(e.preventDefault(),I(e=>e===null?0:Math.min(e+1,B.length-1))):e.key===`Enter`&&(F!==null&&B[F]?U(B[F]):v&&(P(!1),I(null))))},[B,F,U,v,E]);return u(`div`,{...D,ref:R,className:c(i.inputDropdown,x?.root,y),style:{...S?.root,...b},onFocus:V,onBlur:H,onKeyDown:W,children:[l(r,{label:m,value:k,readOnly:E,onChange:e=>{if(A(e),I(null),P(!0),v)g&&g.set(e),w&&w(e);else if(e===``)g&&g.set(``),w&&w(``),C(``);else{let t=_.find(t=>(t.label??t.value).toLowerCase()===e.toLowerCase());t&&(g&&g.set(t.value),w&&w(t.value),C(t.value))}},placeholder:T}),N&&!E&&l(t,{children:l(`div`,{ref:z,className:c(i.dropdown,i.dropdownShown,x?.dropdown),style:S?.dropdown,children:l(`div`,{className:i.dropdownScroll,children:B.map((e,t)=>l(`div`,{className:c(i.dropdownItem,F===t&&i.dropdownItemHighlighted,x?.item),style:S?.item,onMouseDown:e=>e.preventDefault(),onClick:()=>U(e),children:e.label??e.value},`${t}_${e.label}_${e.value}`))})})})]})}export{p as default};
 //# sourceMappingURL=inputDropdown.mjs.map

package/dist/esm/common/inputDropdown/inputDropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"inputDropdown.mjs","names":[],"sources":["../../../../package/common/inputDropdown/inputDropdown.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport BodyEnd from 'components/common/bodyEnd';\nimport styles from './inputDropdown.module.pcss';\nimport Input from '../input';\nimport { useFloatingPosition } from '../floatingMenu/useFloatingPosition';\nimport { useComponentDefaults } from '../configProvider';\nimport type { InputDropdownItem, InputDropdownProps } from './inputDropdown.types';\n\nfunction getKeyFromProps(value: string | undefined, formValidator: InputDropdownProps['formValidator']): string {\n  return formValidator ? (formValidator.value as string) ?? '' : (value ?? '');\n}\n\nfunction labelForKey(key: string, items: InputDropdownItem[]): string {\n  const match = items.find((item) => item.value === key);\n  return match ? (match.label ?? match.value) : key;\n}\n\nexport default function InputDropdown(props: InputDropdownProps) {\n  const {\n  label = '',\n  value = '',\n  formValidator = null,\n  items = [],\n  allowCustomValue = false,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  onSelect = () => null,\n  onChange,\n  placeholder = '',\n  ...rest\n  } = useComponentDefaults('InputDropdown', props);\n  const currentKey = getKeyFromProps(value, formValidator);\n\n  const [inputText, setInputText] = useState(() => labelForKey(currentKey, items));\n  const [prevKey, setPrevKey] = useState(currentKey);\n  const [isMenuShown, setIsMenuShown] = useState(false);\n  const [highlightedIndex, setHighlightedIndex] = useState<number | null>(null);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  useFloatingPosition({\n    isOpen: isMenuShown,\n    triggerRef,\n    anchorRef,\n    panelRef: anchorRef,\n    flipClassName: styles.dropdownFlip,\n  });\n\n  // Sync display text when the controlled key changes externally (e.g. parent reset).\n  if (currentKey !== prevKey) {\n    setPrevKey(currentKey);\n    const match = items.find((item) => item.value === currentKey);\n    if (match) setInputText(match.label ?? match.value);\n    else if (allowCustomValue) setInputText(currentKey);\n  }\n\n  const currItems = items.filter((item) =>\n    (item.label ?? item.value).toLowerCase().includes(inputText.toLowerCase())\n  );\n\n  const handleFocus = () => {\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n    setIsMenuShown(true);\n  };\n\n  const handleBlur = () => {\n    hideTimeoutRef.current = setTimeout(() => {\n      setIsMenuShown(false);\n      hideTimeoutRef.current = null;\n      // Without custom values, uncommitted typed text is invalid — snap the\n      // display back to the currently selected item's label.\n      if (!allowCustomValue) setInputText(labelForKey(currentKey, items));\n    }, 100);\n  };\n\n  const handleSelect = useCallback((item: InputDropdownItem) => {\n    setInputText(item.label ?? item.value);\n    setIsMenuShown(false);\n    setHighlightedIndex(null);\n    if (formValidator) formValidator.set(item.value);\n    if (onChange) onChange(item.value);\n    onSelect(item.value);\n  }, [formValidator, onChange, onSelect]);\n\n  const onKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      setHighlightedIndex((idx) => (!idx ? null : idx - 1));\n    } else if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      setHighlightedIndex((idx) =>\n        idx === null ? 0 : Math.min(idx + 1, currItems.length - 1)\n      );\n    } else if (event.key === 'Enter') {\n      if (highlightedIndex !== null && currItems[highlightedIndex]) {\n        handleSelect(currItems[highlightedIndex]);\n      } else if (allowCustomValue) {\n        setIsMenuShown(false);\n        setHighlightedIndex(null);\n      }\n    }\n  }, [currItems, highlightedIndex, handleSelect, allowCustomValue]);\n\n  return (\n    <div\n      {...rest}\n      ref={triggerRef}\n      className={cx(styles.inputDropdown, classNames?.root, className)}\n      style={{ ...slotStyles?.root, ...style }}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onKeyDown={onKeyDown}\n    >\n      <Input\n        label={label}\n        value={inputText}\n        onChange={(text) => {\n          setInputText(text);\n          setHighlightedIndex(null);\n          setIsMenuShown(true);\n          if (allowCustomValue) {\n            if (formValidator) formValidator.set(text);\n            if (onChange) onChange(text);\n          } else if (text === '') {\n            if (formValidator) formValidator.set('');\n            if (onChange) onChange('');\n            onSelect('');\n          } else {\n            // Emit when the typed text exactly matches an item's label/value.\n            const match = items.find(\n              (item) => (item.label ?? item.value).toLowerCase() === text.toLowerCase()\n            );\n            if (match) {\n              if (formValidator) formValidator.set(match.value);\n              if (onChange) onChange(match.value);\n              onSelect(match.value);\n            }\n          }\n        }}\n        placeholder={placeholder}\n      />\n      {isMenuShown && (\n        <BodyEnd>\n          <div\n            ref={anchorRef}\n            className={cx(styles.dropdown, styles.dropdownShown, classNames?.dropdown)}\n            style={slotStyles?.dropdown}\n          >\n            <div className={styles.dropdownScroll}>\n              {currItems.map((item, key) => (\n                <div\n                  key={`${key}_${item.label}_${item.value}`}\n                  className={cx(\n                    styles.dropdownItem,\n                    highlightedIndex === key && styles.dropdownItemHighlighted,\n                    classNames?.item\n                  )}\n                  style={slotStyles?.item}\n                  // Prevent the input from blurring before the click resolves.\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => handleSelect(item)}\n                >\n                  {item.label ?? item.value}\n                </div>\n              ))}\n            </div>\n          </div>\n        </BodyEnd>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"inputDropdown.mjs","names":[],"sources":["../../../../package/common/inputDropdown/inputDropdown.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport BodyEnd from 'components/common/bodyEnd';\nimport styles from './inputDropdown.module.pcss';\nimport Input from '../input';\nimport { useFloatingPosition } from '../floatingMenu/useFloatingPosition';\nimport { useComponentDefaults } from '../configProvider';\nimport type { InputDropdownItem, InputDropdownProps } from './inputDropdown.types';\n\nfunction getKeyFromProps(value: string | undefined, formValidator: InputDropdownProps['formValidator']): string {\n  return formValidator ? (formValidator.value as string) ?? '' : (value ?? '');\n}\n\nfunction labelForKey(key: string, items: InputDropdownItem[]): string {\n  const match = items.find((item) => item.value === key);\n  return match ? (match.label ?? match.value) : key;\n}\n\nexport default function InputDropdown(props: InputDropdownProps) {\n  const {\n  label = '',\n  value = '',\n  formValidator = null,\n  items = [],\n  allowCustomValue = false,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  onSelect = () => null,\n  onChange,\n  placeholder = '',\n  readOnly = false,\n  ...rest\n  } = useComponentDefaults('InputDropdown', props);\n  const currentKey = getKeyFromProps(value, formValidator);\n\n  const [inputText, setInputText] = useState(() => labelForKey(currentKey, items));\n  const [prevKey, setPrevKey] = useState(currentKey);\n  const [isMenuShown, setIsMenuShown] = useState(false);\n  const [highlightedIndex, setHighlightedIndex] = useState<number | null>(null);\n  const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  useFloatingPosition({\n    isOpen: isMenuShown,\n    triggerRef,\n    anchorRef,\n    panelRef: anchorRef,\n    flipClassName: styles.dropdownFlip,\n  });\n\n  // Sync display text when the controlled key changes externally (e.g. parent reset).\n  if (currentKey !== prevKey) {\n    setPrevKey(currentKey);\n    const match = items.find((item) => item.value === currentKey);\n    if (match) setInputText(match.label ?? match.value);\n    else if (allowCustomValue) setInputText(currentKey);\n  }\n\n  const currItems = items.filter((item) =>\n    (item.label ?? item.value).toLowerCase().includes(inputText.toLowerCase())\n  );\n\n  const handleFocus = () => {\n    if (readOnly) return;\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n    setIsMenuShown(true);\n  };\n\n  const handleBlur = () => {\n    hideTimeoutRef.current = setTimeout(() => {\n      setIsMenuShown(false);\n      hideTimeoutRef.current = null;\n      // Without custom values, uncommitted typed text is invalid — snap the\n      // display back to the currently selected item's label.\n      if (!allowCustomValue) setInputText(labelForKey(currentKey, items));\n    }, 100);\n  };\n\n  const handleSelect = useCallback((item: InputDropdownItem) => {\n    setInputText(item.label ?? item.value);\n    setIsMenuShown(false);\n    setHighlightedIndex(null);\n    if (formValidator) formValidator.set(item.value);\n    if (onChange) onChange(item.value);\n    onSelect(item.value);\n  }, [formValidator, onChange, onSelect]);\n\n  const onKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (readOnly) return;\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      setHighlightedIndex((idx) => (!idx ? null : idx - 1));\n    } else if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      setHighlightedIndex((idx) =>\n        idx === null ? 0 : Math.min(idx + 1, currItems.length - 1)\n      );\n    } else if (event.key === 'Enter') {\n      if (highlightedIndex !== null && currItems[highlightedIndex]) {\n        handleSelect(currItems[highlightedIndex]);\n      } else if (allowCustomValue) {\n        setIsMenuShown(false);\n        setHighlightedIndex(null);\n      }\n    }\n  }, [currItems, highlightedIndex, handleSelect, allowCustomValue, readOnly]);\n\n  return (\n    <div\n      {...rest}\n      ref={triggerRef}\n      className={cx(styles.inputDropdown, classNames?.root, className)}\n      style={{ ...slotStyles?.root, ...style }}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onKeyDown={onKeyDown}\n    >\n      <Input\n        label={label}\n        value={inputText}\n        readOnly={readOnly}\n        onChange={(text) => {\n          setInputText(text);\n          setHighlightedIndex(null);\n          setIsMenuShown(true);\n          if (allowCustomValue) {\n            if (formValidator) formValidator.set(text);\n            if (onChange) onChange(text);\n          } else if (text === '') {\n            if (formValidator) formValidator.set('');\n            if (onChange) onChange('');\n            onSelect('');\n          } else {\n            // Emit when the typed text exactly matches an item's label/value.\n            const match = items.find(\n              (item) => (item.label ?? item.value).toLowerCase() === text.toLowerCase()\n            );\n            if (match) {\n              if (formValidator) formValidator.set(match.value);\n              if (onChange) onChange(match.value);\n              onSelect(match.value);\n            }\n          }\n        }}\n        placeholder={placeholder}\n      />\n      {isMenuShown && !readOnly && (\n        <BodyEnd>\n          <div\n            ref={anchorRef}\n            className={cx(styles.dropdown, styles.dropdownShown, classNames?.dropdown)}\n            style={slotStyles?.dropdown}\n          >\n            <div className={styles.dropdownScroll}>\n              {currItems.map((item, key) => (\n                <div\n                  key={`${key}_${item.label}_${item.value}`}\n                  className={cx(\n                    styles.dropdownItem,\n                    highlightedIndex === key && styles.dropdownItemHighlighted,\n                    classNames?.item\n                  )}\n                  style={slotStyles?.item}\n                  // Prevent the input from blurring before the click resolves.\n                  onMouseDown={(e) => e.preventDefault()}\n                  onClick={() => handleSelect(item)}\n                >\n                  {item.label ?? item.value}\n                </div>\n              ))}\n            </div>\n          </div>\n        </BodyEnd>\n      )}\n    </div>\n  );\n}\n"],"mappings":"4ZASA,SAAS,EAAgB,EAA2B,EAA4D,CAC9G,OAAO,EAAiB,EAAc,OAAoB,GAAM,GAAS,EAC3E,CAEA,SAAS,EAAY,EAAa,EAAoC,CACpE,IAAM,EAAQ,EAAM,KAAM,GAAS,EAAK,QAAU,CAAG,EACrD,OAAO,EAAS,EAAM,OAAS,EAAM,MAAS,CAChD,CAEA,SAAwB,EAAc,EAA2B,CAC/D,GAAM,CACN,QAAQ,GACR,QAAQ,GACR,gBAAgB,KAChB,QAAQ,CAAC,EACT,mBAAmB,GACnB,YACA,QACA,aACA,OAAQ,EACR,eAAiB,KACjB,WACA,cAAc,GACd,WAAW,GACX,GAAG,GACC,EAAqB,gBAAiB,CAAK,EACzC,EAAa,EAAgB,EAAO,CAAa,EAEjD,CAAC,EAAW,GAAgB,MAAe,EAAY,EAAY,CAAK,CAAC,EACzE,CAAC,EAAS,GAAc,EAAS,CAAU,EAC3C,CAAC,EAAa,GAAkB,EAAS,EAAK,EAC9C,CAAC,EAAkB,GAAuB,EAAwB,IAAI,EACtE,EAAiB,EAA6C,IAAI,EAClE,EAAa,EAAuB,IAAI,EACxC,EAAY,EAAuB,IAAI,EAW7C,GATA,EAAoB,CAClB,OAAQ,EACR,aACA,YACA,SAAU,EACV,cAAe,EAAO,YACxB,CAAC,EAGG,IAAe,EAAS,CAC1B,EAAW,CAAU,EACrB,IAAM,EAAQ,EAAM,KAAM,GAAS,EAAK,QAAU,CAAU,EACxD,EAAO,EAAa,EAAM,OAAS,EAAM,KAAK,EACzC,GAAkB,EAAa,CAAU,CACpD,CAEA,IAAM,EAAY,EAAM,OAAQ,IAC7B,EAAK,OAAS,EAAK,OAAO,YAAY,EAAE,SAAS,EAAU,YAAY,CAAC,CAC3E,EAEM,MAAoB,CACpB,IACJ,AAEE,EAAe,WADf,aAAa,EAAe,OAAO,EACV,MAE3B,EAAe,EAAI,EACrB,EAEM,MAAmB,CACvB,EAAe,QAAU,eAAiB,CACxC,EAAe,EAAK,EACpB,EAAe,QAAU,KAGpB,GAAkB,EAAa,EAAY,EAAY,CAAK,CAAC,CACpE,EAAG,GAAG,CACR,EAEM,EAAe,EAAa,GAA4B,CAC5D,EAAa,EAAK,OAAS,EAAK,KAAK,EACrC,EAAe,EAAK,EACpB,EAAoB,IAAI,EACpB,GAAe,EAAc,IAAI,EAAK,KAAK,EAC3C,GAAU,EAAS,EAAK,KAAK,EACjC,EAAS,EAAK,KAAK,CACrB,EAAG,CAAC,EAAe,EAAU,CAAQ,CAAC,EAEhC,EAAY,EAAa,GAA+B,CACxD,IACA,EAAM,MAAQ,WAChB,EAAM,eAAe,EACrB,EAAqB,GAAU,EAAa,EAAM,EAAb,IAAe,GAC3C,EAAM,MAAQ,aACvB,EAAM,eAAe,EACrB,EAAqB,GACnB,IAAQ,KAAO,EAAI,KAAK,IAAI,EAAM,EAAG,EAAU,OAAS,CAAC,CAC3D,GACS,EAAM,MAAQ,UACnB,IAAqB,MAAQ,EAAU,GACzC,EAAa,EAAU,EAAiB,EAC/B,IACT,EAAe,EAAK,EACpB,EAAoB,IAAI,IAG9B,EAAG,CAAC,EAAW,EAAkB,EAAc,EAAkB,CAAQ,CAAC,EAE1E,OACE,EAAC,MAAD,CACE,GAAI,EACJ,IAAK,EACL,UAAW,EAAG,EAAO,cAAe,GAAY,KAAM,CAAS,EAC/D,MAAO,CAAE,GAAG,GAAY,KAAM,GAAG,CAAM,EACvC,QAAS,EACT,OAAQ,EACG,qBAPb,CASE,EAAC,EAAD,CACS,QACP,MAAO,EACG,WACV,SAAW,GAAS,CAIlB,GAHA,EAAa,CAAI,EACjB,EAAoB,IAAI,EACxB,EAAe,EAAI,EACf,EACE,GAAe,EAAc,IAAI,CAAI,EACrC,GAAU,EAAS,CAAI,OACtB,GAAI,IAAS,GACd,GAAe,EAAc,IAAI,EAAE,EACnC,GAAU,EAAS,EAAE,EACzB,EAAS,EAAE,MACN,CAEL,IAAM,EAAQ,EAAM,KACjB,IAAU,EAAK,OAAS,EAAK,OAAO,YAAY,IAAM,EAAK,YAAY,CAC1E,EACI,IACE,GAAe,EAAc,IAAI,EAAM,KAAK,EAC5C,GAAU,EAAS,EAAM,KAAK,EAClC,EAAS,EAAM,KAAK,EAExB,CACF,EACa,aACd,CAAA,EACA,GAAe,CAAC,GACf,EAAC,EAAD,CAAA,SACE,EAAC,MAAD,CACE,IAAK,EACL,UAAW,EAAG,EAAO,SAAU,EAAO,cAAe,GAAY,QAAQ,EACzE,MAAO,GAAY,kBAEnB,EAAC,MAAD,CAAK,UAAW,EAAO,wBACpB,EAAU,KAAK,EAAM,IACpB,EAAC,MAAD,CAEE,UAAW,EACT,EAAO,aACP,IAAqB,GAAO,EAAO,wBACnC,GAAY,IACd,EACA,MAAO,GAAY,KAEnB,YAAc,GAAM,EAAE,eAAe,EACrC,YAAe,EAAa,CAAI,WAE/B,EAAK,OAAS,EAAK,KACjB,EAZE,GAAG,EAAI,GAAG,EAAK,MAAM,GAAG,EAAK,OAY/B,CACN,CACE,CAAA,CACF,CAAA,CACE,CAAA,CAER,GAET"}

package/dist/esm/common/numberInput/numberInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"numberInput.mjs","names":[],"sources":["../../../../package/common/numberInput/numberInput.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport cx from 'classnames';\nimport { NumericFormat, NumericFormatProps } from 'react-number-format';\nimport type FormValidator from 'services/formValidation/formValidator';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronUp, faChevronDown } from '@fortawesome/free-solid-svg-icons';\n\nimport styles from './numberInput.module.pcss';\nimport Input from '../input';\nimport InteractableDiv from '../interactableDiv';\nimport { useComponentDefaults } from '../configProvider';\n\nexport interface NumberInputProps\n  extends Omit<NumericFormatProps, 'onValueChange' | 'value' | 'customInput' | 'onChange' | 'step' | 'onKeyDown'> {\n  value?: number | string;\n  onChange?: (value: number | undefined) => void;\n  formValidator?: FormValidator | null;\n  label?: string;\n  error?: string;\n  className?: string;\n  allowNegative?: boolean;\n  decimalSeparator?: string;\n  thousandSeparator?: string | boolean;\n  prefix?: string;\n  suffix?: string;\n  decimalScale?: number;\n  /**\n   * Whether to pad the value to exactly `decimalScale` decimals. Default `true`\n   * (e.g. with `decimalScale={2}`, `12` displays as `12.00`). Set `false` to make\n   * `decimalScale` an upper limit only — the user may type fewer decimals and they\n   * are kept as-is (`12` stays `12`, `12.1` stays `12.1`), while anything beyond\n   * `decimalScale` is still truncated.\n   */\n  fixedDecimalScale?: boolean;\n  placeholder?: string;\n  sign?: '+' | '-';\n  showArrows?: boolean;\n  step?: number;\n  readOnly?: boolean;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nfunction NumberInput(props: NumberInputProps): ReactElement {\n  const {\n  value,\n  onChange,\n  formValidator,\n  label,\n  error,\n  className,\n  allowNegative = false,\n  decimalSeparator,\n  thousandSeparator,\n  prefix,\n  suffix,\n  decimalScale,\n  fixedDecimalScale = true,\n  placeholder,\n  sign,\n  showArrows = false,\n  step = 1,\n  readOnly = false,\n  onKeyDown: onKeyDownProp,\n  ...rest\n  } = useComponentDefaults('NumberInput', props);\n  const rawValue = formValidator != null ? formValidator.value as number | string : value;\n  // When a sign is forced, display the absolute value — the prefix character carries the sign visually.\n  const displayValue = sign != null && rawValue != null ? Math.abs(Number(rawValue)) : rawValue;\n  const controlledValue = displayValue != null ? String(displayValue) : '';\n\n  function handleValueChange(floatValue: number | undefined) {\n    let out = floatValue;\n    if (out !== undefined) {\n      if (sign === '-') out = -Math.abs(out);\n      if (sign === '+') out =  Math.abs(out);\n    }\n    if (formValidator != null) formValidator.set(out ?? null);\n    onChange?.(out);\n  }\n\n  function handleStep(delta: number) {\n    if (readOnly) return;\n    const current = rawValue != null && rawValue !== '' ? Number(rawValue) : 0;\n    let next = current + delta;\n    if (!allowNegative && sign !== '-') next = Math.max(0, next);\n    if (sign === '-') next = Math.min(0, next);\n    handleValueChange(next);\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (readOnly) { onKeyDownProp?.(e); return; }\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      handleStep(e.shiftKey ? step * 10 : step);\n      return;\n    }\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      handleStep(e.shiftKey ? -step * 10 : -step);\n      return;\n    }\n    onKeyDownProp?.(e);\n  }\n\n  const resolvedPrefix = sign === '-' ? '-' : sign === '+' ? '+' : prefix;\n\n  const arrowSuffix = showArrows && !readOnly ? (\n    <div className={styles.arrows}>\n      <InteractableDiv\n        className={styles.arrowBtn}\n        tabIndex={-1}\n        onMouseDown={(e) => { e.preventDefault(); handleStep(e.shiftKey ? step * 10 : step); }}\n      >\n        <FontAwesomeIcon icon={faChevronUp} />\n      </InteractableDiv>\n      <InteractableDiv\n        className={styles.arrowBtn}\n        tabIndex={-1}\n        onMouseDown={(e) => { e.preventDefault(); handleStep(e.shiftKey ? -step * 10 : -step); }}\n      >\n        <FontAwesomeIcon icon={faChevronDown} />\n      </InteractableDiv>\n    </div>\n  ) : null;\n\n  return (\n    <Input\n      label={label}\n      className={cx(styles.numberInput, className)}\n      value={controlledValue}\n      onChange={() => {}}\n      formValidator={null}\n      isValid={formValidator ? (formValidator.touched ? !formValidator.hasError() : true) : !error}\n      errorMessage={formValidator ? (formValidator.getCurrentErrorMessage() ?? '') : (error ?? '')}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      suffix={arrowSuffix}\n      customInput={\n        <NumericFormat\n          onValueChange={(vals) => handleValueChange(vals.floatValue)}\n          allowNegative={sign != null ? false : allowNegative}\n          decimalSeparator={decimalSeparator}\n          thousandSeparator={thousandSeparator}\n          decimalScale={decimalScale}\n          fixedDecimalScale={fixedDecimalScale}\n          prefix={resolvedPrefix}\n          suffix={suffix}\n          onKeyDown={showArrows ? handleKeyDown : onKeyDownProp}\n          {...rest}\n        />\n      }\n    />\n  );\n}\n\nexport default NumberInput;\n"],"mappings":"0eA2CA,SAAS,EAAY,EAAuC,CAC1D,GAAM,CACN,QACA,WACA,gBACA,QACA,QACA,YACA,gBAAgB,GAChB,mBACA,oBACA,SACA,SACA,eACA,oBAAoB,GACpB,cACA,OACA,aAAa,GACb,OAAO,EACP,WAAW,GACX,UAAW,EACX,GAAG,GACC,EAAqB,cAAe,CAAK,EACvC,EAAW,GAAiB,KAAgD,EAAzC,EAAc,MAEjD,EAAe,GAAQ,MAAQ,GAAY,KAAO,KAAK,IAAI,OAAO,CAAQ,CAAC,EAAI,EAC/E,EAAkB,GAAgB,KAA8B,GAAvB,OAAO,CAAY,EAElE,SAAS,EAAkB,EAAgC,CACzD,IAAI,EAAM,EACN,IAAQ,IAAA,KACN,IAAS,MAAK,EAAM,CAAC,KAAK,IAAI,CAAG,GACjC,IAAS,MAAK,EAAO,KAAK,IAAI,CAAG,IAEnC,GAAqC,IAAI,GAAO,IAAI,EACxD,IAAW,CAAG,CAChB,CAEA,SAAS,EAAW,EAAe,CACjC,GAAI,EAAU,OAEd,IAAI,GADY,GAAY,MAAQ,IAAa,GAAK,OAAO,CAAQ,EAAI,GACpD,EACjB,CAAC,GAAiB,IAAS,MAAK,EAAO,KAAK,IAAI,EAAG,CAAI,GACvD,IAAS,MAAK,EAAO,KAAK,IAAI,EAAG,CAAI,GACzC,EAAkB,CAAI,CACxB,CAEA,SAAS,EAAc,EAA0C,CAC/D,GAAI,EAAU,CAAE,IAAgB,CAAC,EAAG,MAAQ,CAC5C,GAAI,EAAE,MAAQ,UAAW,CACvB,EAAE,eAAe,EACjB,EAAW,EAAE,SAAW,EAAO,GAAK,CAAI,EACxC,MACF,CACA,GAAI,EAAE,MAAQ,YAAa,CACzB,EAAE,eAAe,EACjB,EAAW,EAAE,SAAW,CAAC,EAAO,GAAK,CAAC,CAAI,EAC1C,MACF,CACA,IAAgB,CAAC,CACnB,CAEA,IAAM,EAAiB,IAAS,IAAM,IAAM,IAAS,IAAM,IAAM,EAE3D,EAAc,GAAc,CAAC,EACjC,EAAC,MAAD,CAAK,UAAW,EAAO,gBAAvB,CACE,EAAC,EAAD,CACE,UAAW,EAAO,SAClB,SAAU,GACV,YAAc,GAAM,CAAE,EAAE,eAAe,EAAG,EAAW,EAAE,SAAW,EAAO,GAAK,CAAI,CAAG,WAErF,EAAC,EAAD,CAAiB,KAAM,CAAc,CAAA,CACtB,CAAA,EACjB,EAAC,EAAD,CACE,UAAW,EAAO,SAClB,SAAU,GACV,YAAc,GAAM,CAAE,EAAE,eAAe,EAAG,EAAW,EAAE,SAAW,CAAC,EAAO,GAAK,CAAC,CAAI,CAAG,WAEvF,EAAC,EAAD,CAAiB,KAAM,CAAgB,CAAA,CACxB,CAAA,CACd,IACH,KAEJ,OACE,EAAC,EAAD,CACS,QACP,UAAW,EAAG,EAAO,YAAa,CAAS,EAC3C,MAAO,EACP,aAAgB,CAAC,EACjB,cAAe,KACf,QAAS,EAAiB,EAAc,QAAU,CAAC,EAAc,SAAS,EAAI,GAAQ,CAAC,EACvF,aAAc,EAAiB,EAAc,uBAAuB,GAAK,GAAO,GAAS,GAC5E,cACH,WACV,OAAQ,EACR,YACE,EAAC,EAAD,CACE,cAAgB,GAAS,EAAkB,EAAK,UAAU,EAC1D,cAAe,GAAQ,KAAe,EAAR,GACZ,mBACC,oBACL,eACK,oBACnB,OAAQ,EACA,SACR,UAAW,EAAa,EAAgB,EACxC,GAAI,CACL,CAAA,CAEJ,CAAA,CAEL"}
+{"version":3,"file":"numberInput.mjs","names":[],"sources":["../../../../package/common/numberInput/numberInput.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport React from 'react';\nimport cx from 'classnames';\nimport { NumericFormat, NumericFormatProps } from 'react-number-format';\nimport type { FormValidator } from 'services/formValidation';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronUp, faChevronDown } from '@fortawesome/free-solid-svg-icons';\n\nimport styles from './numberInput.module.pcss';\nimport Input from '../input';\nimport InteractableDiv from '../interactableDiv';\nimport { useComponentDefaults } from '../configProvider';\n\nexport interface NumberInputProps\n  extends Omit<NumericFormatProps, 'onValueChange' | 'value' | 'customInput' | 'onChange' | 'step' | 'onKeyDown'> {\n  value?: number | string;\n  onChange?: (value: number | undefined) => void;\n  formValidator?: FormValidator | null;\n  label?: string;\n  error?: string;\n  className?: string;\n  allowNegative?: boolean;\n  decimalSeparator?: string;\n  thousandSeparator?: string | boolean;\n  prefix?: string;\n  suffix?: string;\n  decimalScale?: number;\n  /**\n   * Whether to pad the value to exactly `decimalScale` decimals. Default `true`\n   * (e.g. with `decimalScale={2}`, `12` displays as `12.00`). Set `false` to make\n   * `decimalScale` an upper limit only — the user may type fewer decimals and they\n   * are kept as-is (`12` stays `12`, `12.1` stays `12.1`), while anything beyond\n   * `decimalScale` is still truncated.\n   */\n  fixedDecimalScale?: boolean;\n  placeholder?: string;\n  sign?: '+' | '-';\n  showArrows?: boolean;\n  step?: number;\n  readOnly?: boolean;\n  onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;\n}\n\nfunction NumberInput(props: NumberInputProps): ReactElement {\n  const {\n  value,\n  onChange,\n  formValidator,\n  label,\n  error,\n  className,\n  allowNegative = false,\n  decimalSeparator,\n  thousandSeparator,\n  prefix,\n  suffix,\n  decimalScale,\n  fixedDecimalScale = true,\n  placeholder,\n  sign,\n  showArrows = false,\n  step = 1,\n  readOnly = false,\n  onKeyDown: onKeyDownProp,\n  ...rest\n  } = useComponentDefaults('NumberInput', props);\n  const rawValue = formValidator != null ? formValidator.value as number | string : value;\n  // When a sign is forced, display the absolute value — the prefix character carries the sign visually.\n  const displayValue = sign != null && rawValue != null ? Math.abs(Number(rawValue)) : rawValue;\n  const controlledValue = displayValue != null ? String(displayValue) : '';\n\n  function handleValueChange(floatValue: number | undefined) {\n    let out = floatValue;\n    if (out !== undefined) {\n      if (sign === '-') out = -Math.abs(out);\n      if (sign === '+') out =  Math.abs(out);\n    }\n    if (formValidator != null) formValidator.set(out ?? null);\n    onChange?.(out);\n  }\n\n  function handleStep(delta: number) {\n    if (readOnly) return;\n    const current = rawValue != null && rawValue !== '' ? Number(rawValue) : 0;\n    let next = current + delta;\n    if (!allowNegative && sign !== '-') next = Math.max(0, next);\n    if (sign === '-') next = Math.min(0, next);\n    handleValueChange(next);\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (readOnly) { onKeyDownProp?.(e); return; }\n    if (e.key === 'ArrowUp') {\n      e.preventDefault();\n      handleStep(e.shiftKey ? step * 10 : step);\n      return;\n    }\n    if (e.key === 'ArrowDown') {\n      e.preventDefault();\n      handleStep(e.shiftKey ? -step * 10 : -step);\n      return;\n    }\n    onKeyDownProp?.(e);\n  }\n\n  const resolvedPrefix = sign === '-' ? '-' : sign === '+' ? '+' : prefix;\n\n  const arrowSuffix = showArrows && !readOnly ? (\n    <div className={styles.arrows}>\n      <InteractableDiv\n        className={styles.arrowBtn}\n        tabIndex={-1}\n        onMouseDown={(e) => { e.preventDefault(); handleStep(e.shiftKey ? step * 10 : step); }}\n      >\n        <FontAwesomeIcon icon={faChevronUp} />\n      </InteractableDiv>\n      <InteractableDiv\n        className={styles.arrowBtn}\n        tabIndex={-1}\n        onMouseDown={(e) => { e.preventDefault(); handleStep(e.shiftKey ? -step * 10 : -step); }}\n      >\n        <FontAwesomeIcon icon={faChevronDown} />\n      </InteractableDiv>\n    </div>\n  ) : null;\n\n  return (\n    <Input\n      label={label}\n      className={cx(styles.numberInput, className)}\n      value={controlledValue}\n      onChange={() => {}}\n      formValidator={null}\n      isValid={formValidator ? (formValidator.touched ? !formValidator.hasError() : true) : !error}\n      errorMessage={formValidator ? (formValidator.getCurrentErrorMessage() ?? '') : (error ?? '')}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      suffix={arrowSuffix}\n      customInput={\n        <NumericFormat\n          onValueChange={(vals) => handleValueChange(vals.floatValue)}\n          allowNegative={sign != null ? false : allowNegative}\n          decimalSeparator={decimalSeparator}\n          thousandSeparator={thousandSeparator}\n          decimalScale={decimalScale}\n          fixedDecimalScale={fixedDecimalScale}\n          prefix={resolvedPrefix}\n          suffix={suffix}\n          onKeyDown={showArrows ? handleKeyDown : onKeyDownProp}\n          {...rest}\n        />\n      }\n    />\n  );\n}\n\nexport default NumberInput;\n"],"mappings":"0eA2CA,SAAS,EAAY,EAAuC,CAC1D,GAAM,CACN,QACA,WACA,gBACA,QACA,QACA,YACA,gBAAgB,GAChB,mBACA,oBACA,SACA,SACA,eACA,oBAAoB,GACpB,cACA,OACA,aAAa,GACb,OAAO,EACP,WAAW,GACX,UAAW,EACX,GAAG,GACC,EAAqB,cAAe,CAAK,EACvC,EAAW,GAAiB,KAAgD,EAAzC,EAAc,MAEjD,EAAe,GAAQ,MAAQ,GAAY,KAAO,KAAK,IAAI,OAAO,CAAQ,CAAC,EAAI,EAC/E,EAAkB,GAAgB,KAA8B,GAAvB,OAAO,CAAY,EAElE,SAAS,EAAkB,EAAgC,CACzD,IAAI,EAAM,EACN,IAAQ,IAAA,KACN,IAAS,MAAK,EAAM,CAAC,KAAK,IAAI,CAAG,GACjC,IAAS,MAAK,EAAO,KAAK,IAAI,CAAG,IAEnC,GAAqC,IAAI,GAAO,IAAI,EACxD,IAAW,CAAG,CAChB,CAEA,SAAS,EAAW,EAAe,CACjC,GAAI,EAAU,OAEd,IAAI,GADY,GAAY,MAAQ,IAAa,GAAK,OAAO,CAAQ,EAAI,GACpD,EACjB,CAAC,GAAiB,IAAS,MAAK,EAAO,KAAK,IAAI,EAAG,CAAI,GACvD,IAAS,MAAK,EAAO,KAAK,IAAI,EAAG,CAAI,GACzC,EAAkB,CAAI,CACxB,CAEA,SAAS,EAAc,EAA0C,CAC/D,GAAI,EAAU,CAAE,IAAgB,CAAC,EAAG,MAAQ,CAC5C,GAAI,EAAE,MAAQ,UAAW,CACvB,EAAE,eAAe,EACjB,EAAW,EAAE,SAAW,EAAO,GAAK,CAAI,EACxC,MACF,CACA,GAAI,EAAE,MAAQ,YAAa,CACzB,EAAE,eAAe,EACjB,EAAW,EAAE,SAAW,CAAC,EAAO,GAAK,CAAC,CAAI,EAC1C,MACF,CACA,IAAgB,CAAC,CACnB,CAEA,IAAM,EAAiB,IAAS,IAAM,IAAM,IAAS,IAAM,IAAM,EAE3D,EAAc,GAAc,CAAC,EACjC,EAAC,MAAD,CAAK,UAAW,EAAO,gBAAvB,CACE,EAAC,EAAD,CACE,UAAW,EAAO,SAClB,SAAU,GACV,YAAc,GAAM,CAAE,EAAE,eAAe,EAAG,EAAW,EAAE,SAAW,EAAO,GAAK,CAAI,CAAG,WAErF,EAAC,EAAD,CAAiB,KAAM,CAAc,CAAA,CACtB,CAAA,EACjB,EAAC,EAAD,CACE,UAAW,EAAO,SAClB,SAAU,GACV,YAAc,GAAM,CAAE,EAAE,eAAe,EAAG,EAAW,EAAE,SAAW,CAAC,EAAO,GAAK,CAAC,CAAI,CAAG,WAEvF,EAAC,EAAD,CAAiB,KAAM,CAAgB,CAAA,CACxB,CAAA,CACd,IACH,KAEJ,OACE,EAAC,EAAD,CACS,QACP,UAAW,EAAG,EAAO,YAAa,CAAS,EAC3C,MAAO,EACP,aAAgB,CAAC,EACjB,cAAe,KACf,QAAS,EAAiB,EAAc,QAAU,CAAC,EAAc,SAAS,EAAI,GAAQ,CAAC,EACvF,aAAc,EAAiB,EAAc,uBAAuB,GAAK,GAAO,GAAS,GAC5E,cACH,WACV,OAAQ,EACR,YACE,EAAC,EAAD,CACE,cAAgB,GAAS,EAAkB,EAAK,UAAU,EAC1D,cAAe,GAAQ,KAAe,EAAR,GACZ,mBACC,oBACL,eACK,oBACnB,OAAQ,EACA,SACR,UAAW,EAAa,EAAgB,EACxC,GAAI,CACL,CAAA,CAEJ,CAAA,CAEL"}

package/dist/esm/index.mjs

@@ -1 +1 @@
-import{AccordionStyleType as e}from"./common/accordion/accordion.types.mjs";import t from"./common/configProvider/configProvider.mjs";import{useComponentDefaults as n}from"./common/configProvider/useComponentDefaults.mjs";import r from"./common/accordion/accordion.mjs";import i from"./common/loading/spinnerLoading/index.mjs";import{ButtonSize as a,ButtonStyleType as o,ButtonType as s}from"./common/button/button.types.mjs";import c from"./common/ripple/ripple.mjs";import l from"./common/button/button.mjs";import u from"./common/actionButtons/actionButtons.mjs";import d from"./common/interactableDiv/index.mjs";import f from"./common/actionIcon/actionIcon.mjs";import{BadgePosition as p,BadgeStyleType as m}from"./common/badge/badge.types.mjs";import h from"./common/badge/badge.mjs";import g from"./common/avatar/avatar.mjs";import _ from"./common/avatar/avatarGroup.mjs";import v from"./common/bodyEnd/bodyEnd.mjs";import{CardStyleType as y}from"./common/card/card.types.mjs";import b from"./common/card/Card.mjs";import x from"./common/card/CardHeader.mjs";import S from"./common/card/CardMedia.mjs";import C from"./common/card/CardContent.mjs";import w from"./common/card/CardActions.mjs";import T from"./common/checkbox/checkbox.mjs";import{ChipStyleType as E}from"./common/chip/chip.types.mjs";import D from"./common/chip/chip.mjs";import O from"./common/chip/chipContainer.mjs";import{Align as k}from"./common/floatingMenu/floatingMenu.types.mjs";import A from"./common/floatingMenu/floatingMenu.mjs";import j from"./common/tooltip/tooltip.mjs";import{InputType as M}from"./common/input/input.types.mjs";import N from"./common/input/input.mjs";import P from"./common/colorPicker/colorPicker.mjs";import F from"./common/modal/modal.mjs";import I from"./common/confirmModal/confirmModal.mjs";import{getLocale as L,mapLocale as R,setLocale as z}from"./services/localization.mjs";import B from"./common/infiniteBlock/infiniteBlock.mjs";import V from"./common/dropdown/dropdown.mjs";import H from"./common/datePicker/datePicker.mjs";import{DividerTextPosition as U}from"./common/divider/divider.types.mjs";import W from"./common/divider/divider.mjs";import G from"./common/drawer/drawer.mjs";import{DropZoneReturnType as K,DropZoneStatus as q}from"./common/dropZone/dropZone.types.mjs";import J from"./common/dropZone/dropZone.mjs";import Y from"./common/emptyState/emptyState.mjs";import X from"./common/fab/fab.mjs";import Z from"./common/iconPicker/iconPicker.mjs";import Q from"./common/idleManager/idleManager.mjs";import $ from"./common/inputDropdown/inputDropdown.mjs";import ee from"./common/kanbanBoard/KanbanColumn.mjs";import te from"./common/kanbanBoard/KanbanBoard.mjs";import ne from"./common/searchInput/searchInput.mjs";import re from"./common/klipyPicker/klipyPicker.mjs";import ie from"./common/loading/iconLoading/index.mjs";import ae from"./common/numberInput/index.mjs";import oe from"./common/optionPicker/optionPicker.mjs";import se from"./common/overscroll/overscroll.mjs";import ce from"./common/progressBar/progressBar.mjs";import le from"./common/roomDrawer/roomDrawer.mjs";import ue from"./common/roomViewer/roomViewer.mjs";import de from"./common/scrollbarProvider/index.mjs";import{SectionHeaderSize as fe}from"./common/sectionHeader/sectionHeader.types.mjs";import pe from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as me,SkeletonVariant as he}from"./common/skeleton/skeleton.types.mjs";import ge from"./common/skeleton/skeleton.mjs";import _e from"./common/stepper/stepper.mjs";import ve from"./common/sticky/sticky.mjs";import ye from"./common/switch/switch.mjs";import be from"./common/tabHeader/tabHeader.mjs";import xe from"./common/textarea/textarea.mjs";import{defaultTheme as Se}from"./common/themeProvider/defaultTheme.mjs";import Ce from"./common/themeProvider/themeProvider.mjs";import{useTheme as we}from"./common/themeProvider/useTheme.mjs";import Te from"./common/timeInput/timeInput.mjs";import{showToast as Ee}from"./common/toast/toastService.mjs";import De from"./common/toast/toastProvider.mjs";import Oe from"./common/virtualList/virtualList.mjs";import ke from"./common/wizard/wizard.mjs";import Ae from"./services/formValidation/FormValidatorGroupWithForm.mjs";import je from"./services/formValidation/formValidator.mjs";import{hasEightPasswordChars as Me,hasOnePasswordDigit as Ne,hasOnePasswordLetter as Pe,isBic as Fe,isDate as Ie,isEmail as Le,isISODate as Re,isNumber as ze,isPassword as Be,isURL as Ve}from"./services/regexp.mjs";import He from"./services/formValidation/validators.mjs";import Ue from"./services/formValidation/validatableComponent.mjs";import{useFormValidator as We}from"./services/formValidation/useFormValidator.mjs";import{useFormValidatorGroup as Ge}from"./services/formValidation/useFormValidatorGroup.mjs";export{r as Accordion,e as AccordionStyleType,u as ActionButtons,f as ActionIcon,k as Align,g as Avatar,_ as AvatarGroup,h as Badge,p as BadgePosition,m as BadgeStyleType,v as BodyEnd,l as Button,a as ButtonSize,o as ButtonStyleType,s as ButtonType,b as Card,w as CardActions,C as CardContent,x as CardHeader,S as CardMedia,y as CardStyleType,T as Checkbox,D as Chip,O as ChipContainer,E as ChipStyleType,P as ColorPicker,t as ConfigProvider,I as ConfirmModal,H as DatePicker,W as Divider,U as DividerTextPosition,G as Drawer,J as DropZone,K as DropZoneReturnType,q as DropZoneStatus,V as Dropdown,Y as EmptyState,X as Fab,A as FloatingMenu,je as FormValidator,Ae as FormValidatorGroup,ie as IconLoading,Z as IconPicker,Q as IdleManager,B as InfiniteBlock,N as Input,$ as InputDropdown,M as InputType,d as InteractableDiv,te as KanbanBoard,ee as KanbanColumn,re as KlipyPicker,F as Modal,ae as NumberInput,oe as OptionPicker,se as Overscroll,ce as ProgressBar,c as Ripple,le as RoomDrawer,ue as RoomViewer,de as ScrollbarProvider,ne as SearchInput,pe as SectionHeader,fe as SectionHeaderSize,ge as Skeleton,me as SkeletonAnimation,he as SkeletonVariant,i as SpinnerLoading,_e as Stepper,ve as Sticky,ye as Switch,be as TabHeader,xe as Textarea,Ce as ThemeProvider,Te as TimeInput,De as ToastProvider,j as Tooltip,Ue as ValidatableComponent,He as Validators,Oe as VirtualList,ke as Wizard,Se as defaultTheme,L as getLocale,Me as hasEightPasswordChars,Ne as hasOnePasswordDigit,Pe as hasOnePasswordLetter,Fe as isBic,Ie as isDate,Le as isEmail,Re as isISODate,ze as isNumber,Be as isPassword,Ve as isURL,R as mapLocale,z as setLocale,Ee as showToast,n as useComponentDefaults,We as useFormValidator,Ge as useFormValidatorGroup,we as useTheme};
+import{AccordionStyleType as e}from"./common/accordion/accordion.types.mjs";import t from"./common/configProvider/configProvider.mjs";import{useComponentDefaults as n}from"./common/configProvider/useComponentDefaults.mjs";import r from"./common/accordion/accordion.mjs";import i from"./common/loading/spinnerLoading/index.mjs";import{ButtonSize as a,ButtonStyleType as o,ButtonType as s}from"./common/button/button.types.mjs";import c from"./common/ripple/ripple.mjs";import l from"./common/button/button.mjs";import u from"./common/actionButtons/actionButtons.mjs";import d from"./common/interactableDiv/index.mjs";import f from"./common/actionIcon/actionIcon.mjs";import{BadgePosition as p,BadgeStyleType as m}from"./common/badge/badge.types.mjs";import h from"./common/badge/badge.mjs";import g from"./common/avatar/avatar.mjs";import _ from"./common/avatar/avatarGroup.mjs";import v from"./common/bodyEnd/bodyEnd.mjs";import{CardStyleType as y}from"./common/card/card.types.mjs";import b from"./common/card/Card.mjs";import x from"./common/card/CardHeader.mjs";import S from"./common/card/CardMedia.mjs";import C from"./common/card/CardContent.mjs";import w from"./common/card/CardActions.mjs";import T from"./common/checkbox/checkbox.mjs";import{ChipStyleType as E}from"./common/chip/chip.types.mjs";import D from"./common/chip/chip.mjs";import O from"./common/chip/chipContainer.mjs";import{Align as k}from"./common/floatingMenu/floatingMenu.types.mjs";import A from"./common/floatingMenu/floatingMenu.mjs";import j from"./common/tooltip/tooltip.mjs";import{InputType as M}from"./common/input/input.types.mjs";import N from"./common/input/input.mjs";import P from"./common/colorPicker/colorPicker.mjs";import F from"./common/modal/modal.mjs";import I from"./common/confirmModal/confirmModal.mjs";import{getLocale as L,mapLocale as R,setLocale as z}from"./services/localization.mjs";import B from"./common/infiniteBlock/infiniteBlock.mjs";import V from"./common/dropdown/dropdown.mjs";import H from"./common/datePicker/datePicker.mjs";import{DividerTextPosition as U}from"./common/divider/divider.types.mjs";import W from"./common/divider/divider.mjs";import G from"./common/drawer/drawer.mjs";import{DropZoneReturnType as K,DropZoneStatus as q}from"./common/dropZone/dropZone.types.mjs";import J from"./common/dropZone/dropZone.mjs";import Y from"./common/emptyState/emptyState.mjs";import X from"./common/fab/fab.mjs";import Z from"./common/iconPicker/iconPicker.mjs";import Q from"./common/idleManager/idleManager.mjs";import $ from"./common/inputDropdown/inputDropdown.mjs";import ee from"./common/kanbanBoard/KanbanColumn.mjs";import te from"./common/kanbanBoard/KanbanBoard.mjs";import ne from"./common/searchInput/searchInput.mjs";import re from"./common/klipyPicker/klipyPicker.mjs";import ie from"./common/loading/iconLoading/index.mjs";import ae from"./common/numberInput/index.mjs";import oe from"./common/optionPicker/optionPicker.mjs";import se from"./common/overscroll/overscroll.mjs";import ce from"./common/progressBar/progressBar.mjs";import le from"./common/roomDrawer/roomDrawer.mjs";import ue from"./common/roomViewer/roomViewer.mjs";import de from"./common/scrollbarProvider/index.mjs";import{SectionHeaderSize as fe}from"./common/sectionHeader/sectionHeader.types.mjs";import pe from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as me,SkeletonVariant as he}from"./common/skeleton/skeleton.types.mjs";import ge from"./common/skeleton/skeleton.mjs";import _e from"./common/stepper/stepper.mjs";import ve from"./common/sticky/sticky.mjs";import ye from"./common/switch/switch.mjs";import be from"./common/tabHeader/tabHeader.mjs";import xe from"./common/textarea/textarea.mjs";import{defaultTheme as Se}from"./common/themeProvider/defaultTheme.mjs";import Ce from"./common/themeProvider/themeProvider.mjs";import{useTheme as we}from"./common/themeProvider/useTheme.mjs";import Te from"./common/timeInput/timeInput.mjs";import{showToast as Ee}from"./common/toast/toastService.mjs";import De from"./common/toast/toastProvider.mjs";import Oe from"./common/virtualList/virtualList.mjs";import ke from"./common/wizard/wizard.mjs";import Ae from"./services/formValidation/FormValidatorGroupWithForm.mjs";import je from"./services/formValidation/validatableComponent.mjs";import{useFormValidatorGroup as Me}from"./services/formValidation/useFormValidatorGroup.mjs";import{FormValidator as Ne,Validators as Pe,useFormValidator as Fe}from"./services/formValidation/index.mjs";import{hasEightPasswordChars as Ie,hasOnePasswordDigit as Le,hasOnePasswordLetter as Re,isBic as ze,isDate as Be,isEmail as Ve,isISODate as He,isNumber as Ue,isPassword as We,isURL as Ge}from"@ahrowe/form-validation";export{r as Accordion,e as AccordionStyleType,u as ActionButtons,f as ActionIcon,k as Align,g as Avatar,_ as AvatarGroup,h as Badge,p as BadgePosition,m as BadgeStyleType,v as BodyEnd,l as Button,a as ButtonSize,o as ButtonStyleType,s as ButtonType,b as Card,w as CardActions,C as CardContent,x as CardHeader,S as CardMedia,y as CardStyleType,T as Checkbox,D as Chip,O as ChipContainer,E as ChipStyleType,P as ColorPicker,t as ConfigProvider,I as ConfirmModal,H as DatePicker,W as Divider,U as DividerTextPosition,G as Drawer,J as DropZone,K as DropZoneReturnType,q as DropZoneStatus,V as Dropdown,Y as EmptyState,X as Fab,A as FloatingMenu,Ne as FormValidator,Ae as FormValidatorGroup,ie as IconLoading,Z as IconPicker,Q as IdleManager,B as InfiniteBlock,N as Input,$ as InputDropdown,M as InputType,d as InteractableDiv,te as KanbanBoard,ee as KanbanColumn,re as KlipyPicker,F as Modal,ae as NumberInput,oe as OptionPicker,se as Overscroll,ce as ProgressBar,c as Ripple,le as RoomDrawer,ue as RoomViewer,de as ScrollbarProvider,ne as SearchInput,pe as SectionHeader,fe as SectionHeaderSize,ge as Skeleton,me as SkeletonAnimation,he as SkeletonVariant,i as SpinnerLoading,_e as Stepper,ve as Sticky,ye as Switch,be as TabHeader,xe as Textarea,Ce as ThemeProvider,Te as TimeInput,De as ToastProvider,j as Tooltip,je as ValidatableComponent,Pe as Validators,Oe as VirtualList,ke as Wizard,Se as defaultTheme,L as getLocale,Ie as hasEightPasswordChars,Le as hasOnePasswordDigit,Re as hasOnePasswordLetter,ze as isBic,Be as isDate,Ve as isEmail,He as isISODate,Ue as isNumber,We as isPassword,Ge as isURL,R as mapLocale,z as setLocale,Ee as showToast,n as useComponentDefaults,Fe as useFormValidator,Me as useFormValidatorGroup,we as useTheme};

package/dist/esm/services/formValidation/FormValidatorGroupWithForm.mjs

@@ -1,2 +1,2 @@
-import{showToast as e}from"../../common/toast/toastService.mjs";import t from"./formValidatorGroup.mjs";import{createFormComponent as n}from"./FormValidatorGroupForm.mjs";var r=t=>{e(t[0].message,{type:`error`})},i=class extends t{constructor(e,t=null,i){super(e,t,{...i,onSubmitError:i?.onSubmitError??r}),this.Form=n(this)}};export{i as default};
+import{showToast as e}from"../../common/toast/toastService.mjs";import{FormValidatorGroup as t,createFormComponent as n}from"@ahrowe/form-validation";var r=t=>{e(t[0].message,{type:`error`})},i=class extends t{constructor(e,t=null,i){super(e,t,{...i,onSubmitError:i?.onSubmitError??r}),this.Form=n(this)}};export{i as default};
 //# sourceMappingURL=FormValidatorGroupWithForm.mjs.map

package/dist/esm/services/formValidation/FormValidatorGroupWithForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormValidatorGroupWithForm.mjs","names":[],"sources":["../../../../package/services/formValidation/FormValidatorGroupWithForm.tsx"],"sourcesContent":["import { showToast } from 'components/common/toast';\nimport FormValidatorGroup from './formValidatorGroup';\nimport { createFormComponent } from './FormValidatorGroupForm';\nimport type { FormGroup, FormValidatorGroupOptions, InferGroupValues } from './formValidatorGroup';\nimport type { ValidationError } from './types';\nimport type React from 'react';\n\n/** Default onSubmitError: surface the first error as an error toast. Callers can override via options.onSubmitError. */\nconst defaultOnSubmitError = (errors: ValidationError[]): void => {\n  showToast(errors[0].message, { type: 'error' });\n};\n\n/**\n * FormValidatorGroup with `this.Form` automatically attached.\n * Kept in a .tsx file so formValidatorGroup.ts stays framework-agnostic.\n *\n * This is the class you should use everywhere — it is a drop-in replacement\n * for FormValidatorGroup with one extra property: `this.Form`.\n *\n * Also injects the default toast-based onSubmitError so both hook and class-component\n * consumers surface errors out of the box; pass options.onSubmitError to override.\n */\nexport default class FormValidatorGroupWithForm<\n  TGroup extends FormGroup = FormGroup,\n  TInitial = InferGroupValues<TGroup>\n> extends FormValidatorGroup<TGroup, TInitial> {\n  Form: React.FC<React.FormHTMLAttributes<HTMLFormElement>>;\n\n  constructor(\n    groupDef: TGroup,\n    component: { forceUpdate: () => void } | null = null,\n    options?: FormValidatorGroupOptions<TGroup, TInitial>\n  ) {\n    super(groupDef, component, { ...options, onSubmitError: options?.onSubmitError ?? defaultOnSubmitError });\n    this.Form = createFormComponent(this);\n  }\n}\n"],"mappings":"2KAQA,IAAM,EAAwB,GAAoC,CAChE,EAAU,EAAO,GAAG,QAAS,CAAE,KAAM,OAAQ,CAAC,CAChD,EAYqB,EAArB,cAGU,CAAqC,CAG7C,YACE,EACA,EAAgD,KAChD,EACA,CACA,MAAM,EAAU,EAAW,CAAE,GAAG,EAAS,cAAe,GAAS,eAAiB,CAAqB,CAAC,EACxG,KAAK,KAAO,EAAoB,IAAI,CACtC,CACF"}
+{"version":3,"file":"FormValidatorGroupWithForm.mjs","names":[],"sources":["../../../../package/services/formValidation/FormValidatorGroupWithForm.tsx"],"sourcesContent":["import { showToast } from 'components/common/toast';\nimport { FormValidatorGroup, createFormComponent } from '@ahrowe/form-validation';\nimport type { FormGroup, FormValidatorGroupOptions, InferGroupValues, ValidationError } from '@ahrowe/form-validation';\nimport type React from 'react';\n\n/** Default onSubmitError: surface the first error as an error toast. Callers can override via options.onSubmitError. */\nconst defaultOnSubmitError = (errors: ValidationError[]): void => {\n  showToast(errors[0].message, { type: 'error' });\n};\n\n/**\n * FormValidatorGroup with `this.Form` automatically attached.\n * Kept in a .tsx file so formValidatorGroup.ts stays framework-agnostic.\n *\n * This is the class you should use everywhere — it is a drop-in replacement\n * for FormValidatorGroup with one extra property: `this.Form`.\n *\n * Also injects the default toast-based onSubmitError so both hook and class-component\n * consumers surface errors out of the box; pass options.onSubmitError to override.\n */\nexport default class FormValidatorGroupWithForm<\n  TGroup extends FormGroup = FormGroup,\n  TInitial = InferGroupValues<TGroup>\n> extends FormValidatorGroup<TGroup, TInitial> {\n  Form: React.FC<React.FormHTMLAttributes<HTMLFormElement>>;\n\n  constructor(\n    groupDef: TGroup,\n    component: { forceUpdate: () => void } | null = null,\n    options?: FormValidatorGroupOptions<TGroup, TInitial>\n  ) {\n    super(groupDef, component, { ...options, onSubmitError: options?.onSubmitError ?? defaultOnSubmitError });\n    this.Form = createFormComponent(this);\n  }\n}\n"],"mappings":"sJAMA,IAAM,EAAwB,GAAoC,CAChE,EAAU,EAAO,GAAG,QAAS,CAAE,KAAM,OAAQ,CAAC,CAChD,EAYqB,EAArB,cAGU,CAAqC,CAG7C,YACE,EACA,EAAgD,KAChD,EACA,CACA,MAAM,EAAU,EAAW,CAAE,GAAG,EAAS,cAAe,GAAS,eAAiB,CAAqB,CAAC,EACxG,KAAK,KAAO,EAAoB,IAAI,CACtC,CACF"}

package/dist/esm/services/formValidation/index.mjs

@@ -0,0 +1 @@
+import"./FormValidatorGroupWithForm.mjs";import"./validatableComponent.mjs";import"./useFormValidatorGroup.mjs";import{FormValidator as e,Validators as t,useFormValidator as n}from"@ahrowe/form-validation";export{e as FormValidator,t as Validators,n as useFormValidator};

package/dist/esm/services/formValidation/useFormValidatorGroup.mjs

@@ -1,2 +1,2 @@
-import e from"./FormValidatorGroupWithForm.mjs";import{useEffect as t,useReducer as n,useRef as r}from"react";function i(i,{initialValues:a,onSubmit:o,onValidate:s,errorParser:c,onSubmitError:l}={}){let[,u]=n(e=>e+1,0),d=r(null);d.current||=new e(i,null,{initialValues:a,errorParser:c,onSubmitError:l});let f=d.current,p=r(o),m=r(s);return p.current=o,m.current=s,t(()=>(o!==void 0&&(f.onSubmitCallback=(...e)=>p.current?.(...e)),s!==void 0&&(f.onValidateCallback=(...e)=>m.current?.(...e)),f.registerOnUpdateListener(u),()=>f.removeOnUpdateListener(u)),[]),f}export{i as useFormValidatorGroup};
+import e from"./FormValidatorGroupWithForm.mjs";import{useFormValidatorGroupInstance as t}from"@ahrowe/form-validation";function n(n,{initialValues:r,onSubmit:i,onValidate:a,errorParser:o,onSubmitError:s}={}){return t(()=>new e(n,null,{initialValues:r,errorParser:o,onSubmitError:s}),i,a)}export{n as useFormValidatorGroup};
 //# sourceMappingURL=useFormValidatorGroup.mjs.map

package/dist/esm/services/formValidation/useFormValidatorGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFormValidatorGroup.mjs","names":[],"sources":["../../../../package/services/formValidation/useFormValidatorGroup.ts"],"sourcesContent":["import { useEffect, useReducer, useRef } from 'react';\nimport FormValidatorGroup from './FormValidatorGroupWithForm';\nimport type { FormGroup, FormValidatorGroupOptions, InferGroupValues } from './formValidatorGroup';\n\n/**\n * Creates and subscribes a function component to a FormValidatorGroup.\n * Triggers a re-render whenever any field, submit state, or validation state changes.\n *\n * The group is created once on mount from the provided field map.\n * onSubmit / onValidate are kept fresh via refs — they always reflect the latest\n * closure without needing to be listed in effect dependencies.\n *\n * onSubmitError defaults to showing the message as an error toast (provided by FormValidatorGroupWithForm);\n * pass options.onSubmitError to override.\n *\n * @param groupDef - Map of field name → FormValidator instance\n * @param options  - initialValues, onSubmit, onValidate, errorParser, onSubmitError\n *\n * @example\n * const form = useFormValidatorGroup(\n *   { name: new FormValidator('', [Validators.required('Required')]) },\n *   {\n *     initialValues: { name: 'Jane' },\n *     onSubmit: async (values) => save(values),\n *   },\n * );\n */\nexport function useFormValidatorGroup<\nTGroup extends FormGroup = FormGroup,\nTInitial = InferGroupValues<TGroup>\n>(\n  groupDef: TGroup,\n  { initialValues, onSubmit, onValidate, errorParser, onSubmitError }: FormValidatorGroupOptions<TGroup, TInitial> = {}\n): FormValidatorGroup<TGroup, TInitial> {\n  const [, rerender] = useReducer((n: number) => n + 1, 0);\n\n  const groupRef = useRef<FormValidatorGroup<TGroup, TInitial> | null>(null);\n  if (!groupRef.current) {\n    groupRef.current = new FormValidatorGroup(groupDef, null, {\n      initialValues,\n      errorParser,\n      onSubmitError,\n    });\n  }\n  const group = groupRef.current;\n\n  const onSubmitRef = useRef(onSubmit);\n  const onValidateRef = useRef(onValidate);\n  onSubmitRef.current = onSubmit;\n  onValidateRef.current = onValidate;\n\n  useEffect(() => {\n    if (onSubmit !== undefined) {\n      group.onSubmitCallback = (...args) => onSubmitRef.current?.(...args);\n    }\n    if (onValidate !== undefined) {\n      group.onValidateCallback = (...args) => onValidateRef.current?.(...args);\n    }\n    group.registerOnUpdateListener(rerender);\n    return () => group.removeOnUpdateListener(rerender);\n  }, []);\n\n  return group;\n}\n"],"mappings":"8GA2BA,SAAgB,EAId,EACA,CAAE,gBAAe,WAAU,aAAY,cAAa,iBAA+D,CAAC,EAC9E,CACtC,GAAM,EAAG,GAAY,EAAY,GAAc,EAAI,EAAG,CAAC,EAEjD,EAAW,EAAoD,IAAI,EACzE,AACE,EAAS,UAAU,IAAI,EAAmB,EAAU,KAAM,CACxD,gBACA,cACA,eACF,CAAC,EAEH,IAAM,EAAQ,EAAS,QAEjB,EAAc,EAAO,CAAQ,EAC7B,EAAgB,EAAO,CAAU,EAevC,MAdA,GAAY,QAAU,EACtB,EAAc,QAAU,EAExB,OACM,IAAa,IAAA,KACf,EAAM,kBAAoB,GAAG,IAAS,EAAY,UAAU,GAAG,CAAI,GAEjE,IAAe,IAAA,KACjB,EAAM,oBAAsB,GAAG,IAAS,EAAc,UAAU,GAAG,CAAI,GAEzE,EAAM,yBAAyB,CAAQ,MAC1B,EAAM,uBAAuB,CAAQ,GACjD,CAAC,CAAC,EAEE,CACT"}
+{"version":3,"file":"useFormValidatorGroup.mjs","names":[],"sources":["../../../../package/services/formValidation/useFormValidatorGroup.ts"],"sourcesContent":["import { useFormValidatorGroupInstance } from '@ahrowe/form-validation';\nimport type { FormGroup, FormValidatorGroupOptions, InferGroupValues } from '@ahrowe/form-validation';\nimport FormValidatorGroupWithForm from './FormValidatorGroupWithForm';\n\n/**\n * @ahrowe/ui's flavour of useFormValidatorGroup: the group it creates has\n * `.Form` attached and defaults `onSubmitError` to an error toast (see\n * FormValidatorGroupWithForm). Reuses the core package's reactive wiring\n * (useFormValidatorGroupInstance) so this and the pure hook share one\n * implementation of \"subscribe a function component to a group\".\n */\nexport function useFormValidatorGroup<\nTGroup extends FormGroup = FormGroup,\nTInitial = InferGroupValues<TGroup>\n>(\n  groupDef: TGroup,\n  { initialValues, onSubmit, onValidate, errorParser, onSubmitError }: FormValidatorGroupOptions<TGroup, TInitial> = {}\n): FormValidatorGroupWithForm<TGroup, TInitial> {\n  return useFormValidatorGroupInstance(\n    () => new FormValidatorGroupWithForm(groupDef, null, { initialValues, errorParser, onSubmitError }),\n    onSubmit,\n    onValidate,\n  );\n}\n"],"mappings":"wHAWA,SAAgB,EAId,EACA,CAAE,gBAAe,WAAU,aAAY,cAAa,iBAA+D,CAAC,EACtE,CAC9C,OAAO,MACC,IAAI,EAA2B,EAAU,KAAM,CAAE,gBAAe,cAAa,eAAc,CAAC,EAClG,EACA,CACF,CACF"}

package/dist/esm/services/formValidation/validatableComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"validatableComponent.mjs","names":[],"sources":["../../../../package/services/formValidation/validatableComponent.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-state */\nimport React, { PureComponent } from 'react';\nimport FormValidator from 'services/formValidation/formValidator';\nimport Tooltip from 'components/common/tooltip';\n\nexport interface ValidatableComponentProps {\n  formValidator?: FormValidator | null;\n  onMouseEnter?: ((event: React.MouseEvent) => void) | null;\n  onMouseLeave?: ((event: React.MouseEvent) => void) | null;\n  onFocus?: ((event: React.FocusEvent) => void) | null;\n  onBlur?: ((event: React.FocusEvent) => void) | null;\n  onChange?: ((value: unknown) => void) | null;\n  errorMessage?: string;\n  isValid?: boolean;\n  isRequired?: boolean;\n  label?: string;\n}\n\nexport interface ValidatableComponentState {\n  isFocused: boolean;\n  isHovered: boolean;\n}\n\n/**\n * Base class that extends PureComponent with FormValidator integration.\n * Manages hover/focus state and renders error tooltips.\n */\nexport default class ValidatableComponent<\n  P extends ValidatableComponentProps = ValidatableComponentProps,\n  S extends ValidatableComponentState = ValidatableComponentState,\n> extends PureComponent<P, S> {\n  static defaultProps: Partial<ValidatableComponentProps> = {\n    formValidator: null,\n    onMouseEnter: null,\n    onMouseLeave: null,\n    onFocus: null,\n    onBlur: null,\n    onChange: null,\n    errorMessage: '',\n    isValid: false,\n    isRequired: false,\n    label: '',\n  };\n\n  constructor(props: P) {\n    super(props);\n    const { formValidator } = props;\n\n    if (formValidator) {\n      formValidator.label = props.label ?? '';\n      formValidator.validate();\n      formValidator.registerOnUpdateListener(() => { this.forceUpdate(); });\n    }\n\n    this.state = { isFocused: false, isHovered: false } as S;\n\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.hasError = this.hasError.bind(this);\n    this.renderTooltip = this.renderTooltip.bind(this);\n    this.onChange = this.onChange.bind(this);\n  }\n\n  componentDidMount(): void {\n    setTimeout(() => this.setState({ isFocused: false, isHovered: false } as S), 1);\n  }\n\n  componentDidUpdate(prevProps: P): void {\n    const { formValidator } = this.props;\n    if (prevProps.formValidator && formValidator && prevProps.formValidator !== formValidator) {\n      formValidator.registerOnUpdateListener(() => { this.forceUpdate(); });\n    }\n  }\n\n  onMouseEnter(event: React.MouseEvent): void {\n    const { onMouseEnter } = this.props;\n    this.setState({ isHovered: true } as unknown as S);\n    if (onMouseEnter) onMouseEnter(event);\n  }\n\n  onMouseLeave(event: React.MouseEvent): void {\n    const { onMouseLeave } = this.props;\n    this.setState({ isHovered: false } as unknown as S);\n    if (onMouseLeave) onMouseLeave(event);\n  }\n\n  onFocus(event: React.FocusEvent): void {\n    const { onFocus } = this.props;\n    this.setState({ isFocused: true } as unknown as S);\n    if (onFocus) onFocus(event);\n  }\n\n  onBlur(event: React.FocusEvent): void {\n    const { formValidator, onBlur } = this.props;\n    if (formValidator) formValidator.touched = true;\n    this.setState({ isFocused: false } as unknown as S);\n    if (onBlur) onBlur(event);\n  }\n\n  hasError(): boolean {\n    const { errorMessage, isValid, formValidator } = this.props;\n    return formValidator\n      ? (formValidator.touched && formValidator.hasError())\n      : (!isValid || !!errorMessage);\n  }\n\n  isRequired(): boolean {\n    const { isRequired, formValidator } = this.props;\n    return !!(isRequired\n      || (formValidator && formValidator.validators.find((v) => (v as { validatorId?: string }).validatorId === 'required')));\n  }\n\n  renderTooltip(): React.ReactNode {\n    const { errorMessage, formValidator } = this.props;\n    const { isHovered, isFocused } = this.state;\n    return (\n      <Tooltip\n        variant=\"error\"\n        message={formValidator ? formValidator.getCurrentErrorMessage() : (errorMessage || '')}\n        isVisible={this.hasError() && (isFocused || isHovered)}\n      />\n    );\n  }\n\n  onChange(newVal: unknown): void {\n    const { onChange, formValidator } = this.props;\n    if (formValidator) {\n      let extractedVal = newVal;\n      if (newVal && (newVal as React.ChangeEvent<HTMLInputElement>).target) {\n        extractedVal = (newVal as React.ChangeEvent<HTMLInputElement>).target.value;\n      }\n      formValidator.set(extractedVal);\n    }\n    if (onChange) onChange(newVal);\n  }\n}\n"],"mappings":"8HA2BA,IAAqB,EAArB,cAGU,CAAoB,0BAC8B,CACxD,cAAe,KACf,aAAc,KACd,aAAc,KACd,QAAS,KACT,OAAQ,KACR,SAAU,KACV,aAAc,GACd,QAAS,GACT,WAAY,GACZ,MAAO,EACT,EAEA,YAAY,EAAU,CACpB,MAAM,CAAK,EACX,GAAM,CAAE,iBAAkB,EAEtB,IACF,EAAc,MAAQ,EAAM,OAAS,GACrC,EAAc,SAAS,EACvB,EAAc,6BAA+B,CAAE,KAAK,YAAY,CAAG,CAAC,GAGtE,KAAK,MAAQ,CAAE,UAAW,GAAO,UAAW,EAAM,EAElD,KAAK,aAAe,KAAK,aAAa,KAAK,IAAI,EAC/C,KAAK,aAAe,KAAK,aAAa,KAAK,IAAI,EAC/C,KAAK,QAAU,KAAK,QAAQ,KAAK,IAAI,EACrC,KAAK,OAAS,KAAK,OAAO,KAAK,IAAI,EACnC,KAAK,SAAW,KAAK,SAAS,KAAK,IAAI,EACvC,KAAK,cAAgB,KAAK,cAAc,KAAK,IAAI,EACjD,KAAK,SAAW,KAAK,SAAS,KAAK,IAAI,CACzC,CAEA,mBAA0B,CACxB,eAAiB,KAAK,SAAS,CAAE,UAAW,GAAO,UAAW,EAAM,CAAM,EAAG,CAAC,CAChF,CAEA,mBAAmB,EAAoB,CACrC,GAAM,CAAE,iBAAkB,KAAK,MAC3B,EAAU,eAAiB,GAAiB,EAAU,gBAAkB,GAC1E,EAAc,6BAA+B,CAAE,KAAK,YAAY,CAAG,CAAC,CAExE,CAEA,aAAa,EAA+B,CAC1C,GAAM,CAAE,gBAAiB,KAAK,MAC9B,KAAK,SAAS,CAAE,UAAW,EAAK,CAAiB,EAC7C,GAAc,EAAa,CAAK,CACtC,CAEA,aAAa,EAA+B,CAC1C,GAAM,CAAE,gBAAiB,KAAK,MAC9B,KAAK,SAAS,CAAE,UAAW,EAAM,CAAiB,EAC9C,GAAc,EAAa,CAAK,CACtC,CAEA,QAAQ,EAA+B,CACrC,GAAM,CAAE,WAAY,KAAK,MACzB,KAAK,SAAS,CAAE,UAAW,EAAK,CAAiB,EAC7C,GAAS,EAAQ,CAAK,CAC5B,CAEA,OAAO,EAA+B,CACpC,GAAM,CAAE,gBAAe,UAAW,KAAK,MACnC,IAAe,EAAc,QAAU,IAC3C,KAAK,SAAS,CAAE,UAAW,EAAM,CAAiB,EAC9C,GAAQ,EAAO,CAAK,CAC1B,CAEA,UAAoB,CAClB,GAAM,CAAE,eAAc,UAAS,iBAAkB,KAAK,MACtD,OAAO,EACF,EAAc,SAAW,EAAc,SAAS,EAChD,CAAC,GAAW,CAAC,CAAC,CACrB,CAEA,YAAsB,CACpB,GAAM,CAAE,aAAY,iBAAkB,KAAK,MAC3C,MAAO,CAAC,EAAE,GACJ,GAAiB,EAAc,WAAW,KAAM,GAAO,EAA+B,cAAgB,UAAU,EACxH,CAEA,eAAiC,CAC/B,GAAM,CAAE,eAAc,iBAAkB,KAAK,MACvC,CAAE,YAAW,aAAc,KAAK,MACtC,OACE,EAAC,EAAD,CACE,QAAQ,QACR,QAAS,EAAgB,EAAc,uBAAuB,EAAK,GAAgB,GACnF,UAAW,KAAK,SAAS,IAAM,GAAa,EAC7C,CAAA,CAEL,CAEA,SAAS,EAAuB,CAC9B,GAAM,CAAE,WAAU,iBAAkB,KAAK,MACzC,GAAI,EAAe,CACjB,IAAI,EAAe,EACf,GAAW,EAA+C,SAC5D,EAAgB,EAA+C,OAAO,OAExE,EAAc,IAAI,CAAY,CAChC,CACI,GAAU,EAAS,CAAM,CAC/B,CACF"}
+{"version":3,"file":"validatableComponent.mjs","names":[],"sources":["../../../../package/services/formValidation/validatableComponent.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-state */\nimport React, { PureComponent } from 'react';\nimport { FormValidator } from '@ahrowe/form-validation';\nimport Tooltip from 'components/common/tooltip';\n\nexport interface ValidatableComponentProps {\n  formValidator?: FormValidator | null;\n  onMouseEnter?: ((event: React.MouseEvent) => void) | null;\n  onMouseLeave?: ((event: React.MouseEvent) => void) | null;\n  onFocus?: ((event: React.FocusEvent) => void) | null;\n  onBlur?: ((event: React.FocusEvent) => void) | null;\n  onChange?: ((value: unknown) => void) | null;\n  errorMessage?: string;\n  isValid?: boolean;\n  isRequired?: boolean;\n  label?: string;\n}\n\nexport interface ValidatableComponentState {\n  isFocused: boolean;\n  isHovered: boolean;\n}\n\n/**\n * Base class that extends PureComponent with FormValidator integration.\n * Manages hover/focus state and renders error tooltips.\n */\nexport default class ValidatableComponent<\n  P extends ValidatableComponentProps = ValidatableComponentProps,\n  S extends ValidatableComponentState = ValidatableComponentState,\n> extends PureComponent<P, S> {\n  static defaultProps: Partial<ValidatableComponentProps> = {\n    formValidator: null,\n    onMouseEnter: null,\n    onMouseLeave: null,\n    onFocus: null,\n    onBlur: null,\n    onChange: null,\n    errorMessage: '',\n    isValid: false,\n    isRequired: false,\n    label: '',\n  };\n\n  constructor(props: P) {\n    super(props);\n    const { formValidator } = props;\n\n    if (formValidator) {\n      formValidator.label = props.label ?? '';\n      formValidator.validate();\n      formValidator.registerOnUpdateListener(() => { this.forceUpdate(); });\n    }\n\n    this.state = { isFocused: false, isHovered: false } as S;\n\n    this.onMouseEnter = this.onMouseEnter.bind(this);\n    this.onMouseLeave = this.onMouseLeave.bind(this);\n    this.onFocus = this.onFocus.bind(this);\n    this.onBlur = this.onBlur.bind(this);\n    this.hasError = this.hasError.bind(this);\n    this.renderTooltip = this.renderTooltip.bind(this);\n    this.onChange = this.onChange.bind(this);\n  }\n\n  componentDidMount(): void {\n    setTimeout(() => this.setState({ isFocused: false, isHovered: false } as S), 1);\n  }\n\n  componentDidUpdate(prevProps: P): void {\n    const { formValidator } = this.props;\n    if (prevProps.formValidator && formValidator && prevProps.formValidator !== formValidator) {\n      formValidator.registerOnUpdateListener(() => { this.forceUpdate(); });\n    }\n  }\n\n  onMouseEnter(event: React.MouseEvent): void {\n    const { onMouseEnter } = this.props;\n    this.setState({ isHovered: true } as unknown as S);\n    if (onMouseEnter) onMouseEnter(event);\n  }\n\n  onMouseLeave(event: React.MouseEvent): void {\n    const { onMouseLeave } = this.props;\n    this.setState({ isHovered: false } as unknown as S);\n    if (onMouseLeave) onMouseLeave(event);\n  }\n\n  onFocus(event: React.FocusEvent): void {\n    const { onFocus } = this.props;\n    this.setState({ isFocused: true } as unknown as S);\n    if (onFocus) onFocus(event);\n  }\n\n  onBlur(event: React.FocusEvent): void {\n    const { formValidator, onBlur } = this.props;\n    if (formValidator) formValidator.touched = true;\n    this.setState({ isFocused: false } as unknown as S);\n    if (onBlur) onBlur(event);\n  }\n\n  hasError(): boolean {\n    const { errorMessage, isValid, formValidator } = this.props;\n    return formValidator\n      ? (formValidator.touched && formValidator.hasError())\n      : (!isValid || !!errorMessage);\n  }\n\n  isRequired(): boolean {\n    const { isRequired, formValidator } = this.props;\n    return !!(isRequired\n      || (formValidator && formValidator.validators.find((v) => (v as { validatorId?: string }).validatorId === 'required')));\n  }\n\n  renderTooltip(): React.ReactNode {\n    const { errorMessage, formValidator } = this.props;\n    const { isHovered, isFocused } = this.state;\n    return (\n      <Tooltip\n        variant=\"error\"\n        message={formValidator ? formValidator.getCurrentErrorMessage() : (errorMessage || '')}\n        isVisible={this.hasError() && (isFocused || isHovered)}\n      />\n    );\n  }\n\n  onChange(newVal: unknown): void {\n    const { onChange, formValidator } = this.props;\n    if (formValidator) {\n      let extractedVal = newVal;\n      if (newVal && (newVal as React.ChangeEvent<HTMLInputElement>).target) {\n        extractedVal = (newVal as React.ChangeEvent<HTMLInputElement>).target.value;\n      }\n      formValidator.set(extractedVal);\n    }\n    if (onChange) onChange(newVal);\n  }\n}\n"],"mappings":"8HA2BA,IAAqB,EAArB,cAGU,CAAoB,0BAC8B,CACxD,cAAe,KACf,aAAc,KACd,aAAc,KACd,QAAS,KACT,OAAQ,KACR,SAAU,KACV,aAAc,GACd,QAAS,GACT,WAAY,GACZ,MAAO,EACT,EAEA,YAAY,EAAU,CACpB,MAAM,CAAK,EACX,GAAM,CAAE,iBAAkB,EAEtB,IACF,EAAc,MAAQ,EAAM,OAAS,GACrC,EAAc,SAAS,EACvB,EAAc,6BAA+B,CAAE,KAAK,YAAY,CAAG,CAAC,GAGtE,KAAK,MAAQ,CAAE,UAAW,GAAO,UAAW,EAAM,EAElD,KAAK,aAAe,KAAK,aAAa,KAAK,IAAI,EAC/C,KAAK,aAAe,KAAK,aAAa,KAAK,IAAI,EAC/C,KAAK,QAAU,KAAK,QAAQ,KAAK,IAAI,EACrC,KAAK,OAAS,KAAK,OAAO,KAAK,IAAI,EACnC,KAAK,SAAW,KAAK,SAAS,KAAK,IAAI,EACvC,KAAK,cAAgB,KAAK,cAAc,KAAK,IAAI,EACjD,KAAK,SAAW,KAAK,SAAS,KAAK,IAAI,CACzC,CAEA,mBAA0B,CACxB,eAAiB,KAAK,SAAS,CAAE,UAAW,GAAO,UAAW,EAAM,CAAM,EAAG,CAAC,CAChF,CAEA,mBAAmB,EAAoB,CACrC,GAAM,CAAE,iBAAkB,KAAK,MAC3B,EAAU,eAAiB,GAAiB,EAAU,gBAAkB,GAC1E,EAAc,6BAA+B,CAAE,KAAK,YAAY,CAAG,CAAC,CAExE,CAEA,aAAa,EAA+B,CAC1C,GAAM,CAAE,gBAAiB,KAAK,MAC9B,KAAK,SAAS,CAAE,UAAW,EAAK,CAAiB,EAC7C,GAAc,EAAa,CAAK,CACtC,CAEA,aAAa,EAA+B,CAC1C,GAAM,CAAE,gBAAiB,KAAK,MAC9B,KAAK,SAAS,CAAE,UAAW,EAAM,CAAiB,EAC9C,GAAc,EAAa,CAAK,CACtC,CAEA,QAAQ,EAA+B,CACrC,GAAM,CAAE,WAAY,KAAK,MACzB,KAAK,SAAS,CAAE,UAAW,EAAK,CAAiB,EAC7C,GAAS,EAAQ,CAAK,CAC5B,CAEA,OAAO,EAA+B,CACpC,GAAM,CAAE,gBAAe,UAAW,KAAK,MACnC,IAAe,EAAc,QAAU,IAC3C,KAAK,SAAS,CAAE,UAAW,EAAM,CAAiB,EAC9C,GAAQ,EAAO,CAAK,CAC1B,CAEA,UAAoB,CAClB,GAAM,CAAE,eAAc,UAAS,iBAAkB,KAAK,MACtD,OAAO,EACF,EAAc,SAAW,EAAc,SAAS,EAChD,CAAC,GAAW,CAAC,CAAC,CACrB,CAEA,YAAsB,CACpB,GAAM,CAAE,aAAY,iBAAkB,KAAK,MAC3C,MAAO,CAAC,EAAE,GACJ,GAAiB,EAAc,WAAW,KAAM,GAAO,EAA+B,cAAgB,UAAU,EACxH,CAEA,eAAiC,CAC/B,GAAM,CAAE,eAAc,iBAAkB,KAAK,MACvC,CAAE,YAAW,aAAc,KAAK,MACtC,OACE,EAAC,EAAD,CACE,QAAQ,QACR,QAAS,EAAgB,EAAc,uBAAuB,EAAK,GAAgB,GACnF,UAAW,KAAK,SAAS,IAAM,GAAa,EAC7C,CAAA,CAEL,CAEA,SAAS,EAAuB,CAC9B,GAAM,CAAE,WAAU,iBAAkB,KAAK,MACzC,GAAI,EAAe,CACjB,IAAI,EAAe,EACf,GAAW,EAA+C,SAC5D,EAAgB,EAA+C,OAAO,OAExE,EAAc,IAAI,CAAY,CAChC,CACI,GAAU,EAAS,CAAM,CAC/B,CACF"}