@dnb/eufemia 10.70.1 → 10.71.0

package/components/input-masked/InputMaskedHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMaskedHooks.js","names":["React","useCallback","classnames","cleanNumber","getCurrencySymbol","isTrue","dispatchCustomElementEvent","extendPropsWithContext","keycode","safeSetSelection","TextMask","createNumberMask","InputMaskedContext","isRequestingLocaleSupport","isRequestingNumberMask","correctNumberValue","handlePercentMask","handleCurrencyMask","handleNumberMask","correctCaretPosition","getSoftKeyboardAttributes","handleThousandsSeparator","handleDecimalSeparator","fromJSON","invisibleSpace","useLayoutEffect","window","useEffect","useFilteredProps","props","useContext","mask","number_mask","currency_mask","number_format","mask_options","as_currency","as_number","as_percent","locale","show_mask","show_guide","pipe","keep_char_positions","placeholder_char","attributes","_objectWithoutProperties","_excluded","htmlAttributes","Object","freeze","useTranslation","context","useLocalValue","maskParams","useNumberMaskParams","localValue","setLocalValue","useState","value","useNumberMask","useMask","numberMask","useMaskParams","placeholder","showMask","placeholderChar","showGuide","keepCharPositions","useInputElement","inner_ref","isFn","refHook","useRef","ref","current","inputElementRef","createElement","params","innerRef","_extends","inputRef","inputElement","guide","className","useEventMapping","_ref","callEvent","useCallEvent","onBeforeInput","event","onFocus","onBlur","onMouseUp","onMouseDown","onKeyDown","onSubmit","onChange","on_focus","undefined","on_blur","on_key_down","on_submit","on_change","_ref2","isNumberMask","decimalSeparators","isUnidentified","_ref3","name","target","selStart","selectionStart","keyCode","which","data","key","disallowLeadingZeroes","replace","test","testValue","slice","length","preventDefault","decimalSymbol","hasDecimalSymbol","includes","allowedDecimals","decimalLimit","allowDecimal","charAtSelection","index","indexOf","thousandsSeparatorSymbol","num","prefix","suffix","decimalSeparator","thousandsSeparator","numberValue","Number","cleanedValue","String","charAt","runCorrectCaretPosition","__getCorrectCaretPosition","result","_currency_mask","_objectSpread","currency","_currency_mask2","currencyDisplay"],"sources":["../../../../src/components/input-masked/InputMaskedHooks.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport {\n  cleanNumber,\n  getCurrencySymbol,\n} from '../number-format/NumberUtils'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n  extendPropsWithContext,\n  keycode,\n} from '../../shared/component-helper'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nimport TextMask from './TextMask'\nimport createNumberMask from './addons/createNumberMask'\nimport InputMaskedContext from './InputMaskedContext'\n\nimport {\n  isRequestingLocaleSupport,\n  isRequestingNumberMask,\n  correctNumberValue,\n  handlePercentMask,\n  handleCurrencyMask,\n  handleNumberMask,\n  correctCaretPosition,\n  getSoftKeyboardAttributes,\n  handleThousandsSeparator,\n  handleDecimalSeparator,\n  fromJSON,\n  invisibleSpace,\n} from './InputMaskedUtils'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\n/**\n * Takes all component properties and filters out all internal used properties\n *\n * @returns object {props, htmlAttributes}\n */\nexport const useFilteredProps = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const {\n    mask, // eslint-disable-line\n    number_mask, // eslint-disable-line\n    currency_mask, // eslint-disable-line\n    number_format, // eslint-disable-line\n    mask_options, // eslint-disable-line\n    as_currency, // eslint-disable-line\n    as_number, // eslint-disable-line\n    as_percent, // eslint-disable-line\n    locale, // eslint-disable-line\n    show_mask, // eslint-disable-line\n    show_guide, // eslint-disable-line\n    pipe, // eslint-disable-line\n    keep_char_positions, // eslint-disable-line\n    placeholder_char, // eslint-disable-line\n\n    // Get get rest of possible attributes\n    ...attributes\n  } = props\n\n  return { props, htmlAttributes: Object.freeze(attributes) }\n}\n\n/**\n * Returns locale from either component or context\n *\n * @returns string\n */\nexport const useTranslation = () => {\n  const { props, context } = React.useContext(InputMaskedContext)\n\n  let { locale } = props\n  if (!locale && context?.locale) {\n    locale = context.locale\n  }\n\n  return locale\n}\n\n/**\n * Handle internal value state\n *\n * It handles both the value state given as a prop form outside,\n * along with the current written and internal value.\n *\n * @returns object with internal value state and state setter\n */\nexport const useLocalValue = () => {\n  const { props, context } = React.useContext(InputMaskedContext)\n  const maskParams = useNumberMaskParams() || {}\n  const locale = useTranslation()\n\n  const [localValue, setLocalValue] = React.useState(() =>\n    correctNumberValue({\n      locale,\n      props,\n      maskParams,\n    })\n  )\n\n  /**\n   * Use an effect here, just;\n   * because when a property gets changed from outside\n   */\n  React.useEffect(() => {\n    const value = correctNumberValue({\n      localValue,\n      locale,\n      props,\n      maskParams,\n    })\n\n    setLocalValue(value)\n\n    // Do not set \"localValue\" and \"maskParams\" here\n  }, [props, context, locale]) // eslint-disable-line\n\n  return { localValue, setLocalValue }\n}\n\n/**\n * Create createNumberMask if number mask parameters exists\n *\n * @returns mask function\n */\nexport const useNumberMask = () => {\n  const maskParams = useNumberMaskParams()\n  const { props } = React.useContext(InputMaskedContext)\n\n  if (!maskParams || !isRequestingNumberMask(props)) {\n    return null\n  }\n\n  const mask = createNumberMask(maskParams)\n\n  mask.maskParams = maskParams\n\n  return mask\n}\n\n/**\n * Returns either internal mask or given property mask\n *\n * @returns mask function\n */\nexport const useMask = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const numberMask = useNumberMask()\n  if (numberMask) {\n    return numberMask\n  }\n\n  return props.mask\n}\n\n/**\n * Returns the final mask params\n *\n * @returns mask params\n */\nexport const useMaskParams = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const {\n    keep_char_positions,\n    show_guide,\n    show_mask,\n    placeholder_char,\n    placeholder,\n  } = props\n\n  const mask = useMask()\n  const maskParams = useNumberMaskParams() || {}\n\n  maskParams.showMask = !placeholder && isTrue(show_mask)\n\n  // Revalidated placeholder char to a zero width space\n  maskParams.placeholderChar = placeholder_char\n  if (typeof mask?.placeholderChar !== 'undefined') {\n    maskParams.placeholderChar = mask.placeholderChar\n  }\n  if (maskParams.placeholderChar === null) {\n    maskParams.placeholderChar = invisibleSpace\n  }\n\n  if (typeof mask?.showMask !== 'undefined') {\n    maskParams.showMask = mask.showMask\n  }\n\n  maskParams.showGuide = isTrue(show_guide)\n  maskParams.keepCharPositions = isTrue(keep_char_positions)\n\n  return maskParams\n}\n\n/**\n * Handle the TextMask dependency\n *\n * @returns React Element\n */\nexport const useInputElement = () => {\n  const { props } = React.useContext(InputMaskedContext)\n  const { pipe, inner_ref } = props\n\n  const mask = useMask()\n  const { showMask, showGuide, placeholderChar, keepCharPositions } =\n    useMaskParams()\n\n  const isFn = typeof inner_ref === 'function'\n  const refHook = React.useRef()\n  const ref = (!isFn && inner_ref) || refHook\n\n  useLayoutEffect(() => {\n    if (isFn) {\n      inner_ref?.(ref.current)\n    }\n  }, [inner_ref, isFn, ref])\n\n  // Create the actual input element\n  const inputElementRef = React.useRef(<input ref={ref} />)\n\n  return useCallback(\n    (params, innerRef) => {\n      // Set ref for Eufemia input\n      innerRef.current = ref.current\n\n      return (\n        <TextMask\n          inputRef={ref}\n          inputElement={inputElementRef.current}\n          pipe={pipe}\n          mask={mask || createNumberMask()}\n          showMask={showMask}\n          guide={showGuide}\n          keepCharPositions={keepCharPositions}\n          placeholderChar={placeholderChar}\n          {...getSoftKeyboardAttributes(mask)}\n          {...params}\n          className={classnames(\n            params.className,\n            showMask &&\n              showGuide &&\n              placeholderChar &&\n              placeholderChar !== invisibleSpace &&\n              'dnb-input-masked--guide' // will use --font-family-monospace\n          )}\n        />\n      )\n    },\n    [\n      keepCharPositions,\n      mask,\n      pipe,\n      placeholderChar,\n      ref,\n      showGuide,\n      showMask,\n    ]\n  )\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns object of events to handle\n */\nexport const useEventMapping = ({ setLocalValue }) => {\n  const callEvent = useCallEvent({ setLocalValue })\n\n  return {\n    onBeforeInput: (event) => callEvent({ event }, 'on_before_input'),\n    onFocus: (params) => callEvent(params, 'on_focus'),\n    onBlur: (params) => callEvent(params, 'on_blur'),\n    onMouseUp: (event) => callEvent({ event }, 'on_mouse_up'),\n    onMouseDown: (event) => callEvent({ event }, 'on_mouse_down'),\n    onKeyDown: (params) => callEvent(params, 'on_key_down'),\n    onSubmit: (params) => callEvent(params, 'on_submit'),\n    onChange: (params) => callEvent(params, 'on_change'),\n\n    on_focus: undefined,\n    on_blur: undefined,\n    on_key_down: undefined,\n    on_submit: undefined,\n    on_change: undefined,\n  }\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns event handler function\n */\nconst useCallEvent = ({ setLocalValue }) => {\n  const { props } = React.useContext(InputMaskedContext)\n  const maskParams = useMaskParams()\n  const isNumberMask = useNumberMask()\n\n  // Source: https://en.wikipedia.org/wiki/Decimal_separator\n  const decimalSeparators = /[,.'·]/\n  let isUnidentified = false\n\n  const callEvent = ({ event, value }, name) => {\n    value = value || event.target.value\n    const selStart = event.target.selectionStart\n    let keyCode = keycode(event)\n\n    // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n    if (\n      name === 'on_key_down' &&\n      (event.which === 229 || keyCode === undefined)\n    ) {\n      isUnidentified = true\n    }\n\n    // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n    // so we use this solution instead\n    if (\n      isUnidentified &&\n      name === 'on_before_input' &&\n      typeof event?.data !== 'undefined'\n    ) {\n      name = 'on_key_down'\n      keyCode = event.data\n      isUnidentified = false\n    }\n\n    // Add support for \"await userEvent.type(input, '0...')\"\n    if (isUnidentified && event.key === '0') {\n      keyCode = '0'\n      isUnidentified = false\n    }\n\n    // Prevent entering a leading zero\n    if (\n      name === 'on_key_down' &&\n      !isUnidentified &&\n      maskParams?.disallowLeadingZeroes &&\n      (keyCode === '0' ||\n        keyCode === 'numpad 0' ||\n        (value.replace(/[^\\d]/g, '') === '' &&\n          decimalSeparators.test(keyCode)))\n    ) {\n      const testValue = (\n        value.slice(0, selStart) +\n        '0' +\n        value.slice(selStart + 1, value.length)\n      ).replace(/[^\\d]/g, '')\n\n      if (/^0/.test(testValue)) {\n        event.preventDefault()\n      }\n    }\n\n    if (\n      name === 'on_key_down' &&\n      isNumberMask &&\n      !isUnidentified &&\n      maskParams?.decimalSymbol\n    ) {\n      const hasDecimalSymbol = value.includes(maskParams.decimalSymbol)\n      const allowedDecimals =\n        maskParams.decimalLimit > 0 || maskParams.allowDecimal !== false\n\n      if (!allowedDecimals && decimalSeparators.test(keyCode)) {\n        event.preventDefault()\n      }\n\n      const charAtSelection = value.slice(selStart, selStart + 1)\n\n      if (allowedDecimals) {\n        // if we have already a decimal ...\n        if (hasDecimalSymbol && decimalSeparators.test(keyCode)) {\n          // ... we set the cursor on after the decimalSeparators\n          if (decimalSeparators.test(charAtSelection)) {\n            const index = value.indexOf(maskParams.decimalSymbol)\n            if (index > -1) {\n              safeSetSelection(event.target, index + 1)\n            }\n          }\n\n          // ... we do not allow to type another\n          event.preventDefault()\n        }\n\n        // replace other decimal\n        else if (\n          !hasDecimalSymbol &&\n          keyCode !== maskParams.decimalSymbol &&\n          decimalSeparators.test(keyCode)\n        ) {\n          value = value.slice(0, selStart)\n          setLocalValue(value + maskParams.decimalSymbol)\n          event.target.value = value + maskParams.decimalSymbol\n          event.preventDefault()\n        }\n      }\n\n      // move cursor to right if key is delete and char at selection is thousand separator\n      if (\n        keyCode === 'delete' &&\n        charAtSelection === (maskParams.thousandsSeparatorSymbol || ' ')\n      ) {\n        safeSetSelection(event.target, selStart + 1)\n        event.preventDefault()\n      }\n    }\n\n    let num = cleanNumber(value, {\n      prefix: maskParams.prefix,\n      suffix: maskParams.suffix,\n      decimalSeparator: maskParams.decimalSymbol || ',',\n      thousandsSeparator: maskParams.thousandsSeparatorSymbol || ' ',\n    })\n\n    // We don't want to return NaN, so we set it to 0\n    if (num === '-') {\n      num = -0\n    }\n\n    const numberValue = Number(num)\n\n    // Return '' (empty string) when the user has entered something invalid\n    const cleanedValue =\n      numberValue === 0 && String(num).charAt(0) !== '0' ? '' : num\n\n    switch (name) {\n      case 'on_focus':\n      case 'on_key_down':\n      case 'on_mouse_down':\n      case 'on_mouse_up':\n        event.target.runCorrectCaretPosition = () =>\n          correctCaretPosition(event.target, maskParams, props)\n        if (!event.target.__getCorrectCaretPosition) {\n          event.target.runCorrectCaretPosition()\n        }\n        break\n    }\n\n    const result = dispatchCustomElementEvent(props, name, {\n      event,\n      value,\n      numberValue,\n      cleanedValue,\n    })\n\n    if (name === 'on_change') {\n      setLocalValue(value)\n    }\n\n    return result\n  }\n\n  return callEvent\n}\n\n/**\n * Returns number mask parameters if requested by the component properties\n *\n * @returns object of number mask parameter\n */\nconst useNumberMaskParams = () => {\n  const { props } = React.useContext(InputMaskedContext)\n  const locale = useTranslation()\n\n  if (!isRequestingNumberMask(props)) {\n    return { ...fromJSON(props.mask_options) }\n  }\n\n  let { number_mask, currency_mask, mask_options } = props\n  const { as_number, as_percent, as_currency, value } = props\n\n  mask_options = fromJSON(mask_options)\n  number_mask = isTrue(number_mask) ? {} : fromJSON(number_mask)\n  currency_mask = isTrue(currency_mask)\n    ? {}\n    : fromJSON(currency_mask, {\n        currency: currency_mask,\n      })\n  if (!currency_mask?.currency) {\n    delete currency_mask.currency\n  }\n\n  if (isRequestingLocaleSupport(props)) {\n    const thousandsSeparatorSymbol = handleThousandsSeparator(locale)\n    const decimalSymbol = handleDecimalSeparator(locale)\n\n    if (isTrue(as_number) || isTrue(as_percent)) {\n      number_mask = extendPropsWithContext(number_mask, null, {\n        decimalSymbol,\n        thousandsSeparatorSymbol,\n      })\n    } else if (as_currency) {\n      currency_mask = extendPropsWithContext(currency_mask, null, {\n        decimalSymbol,\n        thousandsSeparatorSymbol,\n        currency: getCurrencySymbol(\n          locale,\n          typeof as_currency === 'string' ? as_currency : null,\n          currency_mask?.currencyDisplay,\n          value\n        ),\n      })\n    }\n  }\n\n  let maskParams = null\n\n  if (number_mask) {\n    maskParams = handleNumberMask({\n      mask_options,\n      number_mask,\n    })\n\n    if (isTrue(as_percent)) {\n      maskParams = handlePercentMask({ props, locale, maskParams })\n    }\n  } else if (currency_mask) {\n    maskParams = handleCurrencyMask({\n      mask_options,\n      currency_mask,\n    })\n  }\n\n  return maskParams\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputMaskedHooks.js","names":["React","useCallback","classnames","cleanNumber","getCurrencySymbol","isTrue","dispatchCustomElementEvent","extendPropsWithContext","keycode","safeSetSelection","TextMask","createNumberMask","InputMaskedContext","isRequestingLocaleSupport","isRequestingNumberMask","correctNumberValue","handlePercentMask","handleCurrencyMask","handleNumberMask","correctCaretPosition","getSoftKeyboardAttributes","handleThousandsSeparator","handleDecimalSeparator","fromJSON","invisibleSpace","useLayoutEffect","window","useEffect","useFilteredProps","props","useContext","mask","number_mask","currency_mask","number_format","mask_options","as_currency","as_number","as_percent","locale","show_mask","show_guide","pipe","keep_char_positions","placeholder_char","attributes","_objectWithoutProperties","_excluded","htmlAttributes","Object","freeze","useTranslation","context","useLocalValue","maskParams","useNumberMaskParams","localValue","setLocalValue","useState","value","useNumberMask","useMask","numberMask","useMaskParams","placeholder","showMask","placeholderChar","showGuide","keepCharPositions","useInputElement","inner_ref","isFn","refHook","useRef","ref","current","inputElementRef","createElement","params","innerRef","_extends","inputRef","inputElement","guide","className","useEventMapping","_ref","callEvent","useCallEvent","onBeforeInput","event","onFocus","onBlur","onMouseUp","onMouseDown","onKeyDown","onSubmit","onChange","on_focus","undefined","on_blur","on_key_down","on_submit","on_change","_ref2","maskParamsRef","isNumberMask","decimalSeparators","isUnidentified","_ref3","name","target","selStart","selectionStart","keyCode","which","data","key","disallowLeadingZeroes","replace","test","testValue","slice","length","preventDefault","decimalSymbol","hasDecimalSymbol","includes","allowedDecimals","decimalLimit","allowDecimal","charAtSelection","index","indexOf","thousandsSeparatorSymbol","num","prefix","suffix","decimalSeparator","thousandsSeparator","numberValue","Number","cleanedValue","String","charAt","runCorrectCaretPosition","__getCorrectCaretPosition","result","_currency_mask","_objectSpread","currency","_currency_mask2","currencyDisplay"],"sources":["../../../../src/components/input-masked/InputMaskedHooks.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport {\n  cleanNumber,\n  getCurrencySymbol,\n} from '../number-format/NumberUtils'\nimport {\n  isTrue,\n  dispatchCustomElementEvent,\n  extendPropsWithContext,\n  keycode,\n} from '../../shared/component-helper'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nimport TextMask from './TextMask'\nimport createNumberMask from './addons/createNumberMask'\nimport InputMaskedContext from './InputMaskedContext'\n\nimport {\n  isRequestingLocaleSupport,\n  isRequestingNumberMask,\n  correctNumberValue,\n  handlePercentMask,\n  handleCurrencyMask,\n  handleNumberMask,\n  correctCaretPosition,\n  getSoftKeyboardAttributes,\n  handleThousandsSeparator,\n  handleDecimalSeparator,\n  fromJSON,\n  invisibleSpace,\n} from './InputMaskedUtils'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\n/**\n * Takes all component properties and filters out all internal used properties\n *\n * @returns object {props, htmlAttributes}\n */\nexport const useFilteredProps = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const {\n    mask, // eslint-disable-line\n    number_mask, // eslint-disable-line\n    currency_mask, // eslint-disable-line\n    number_format, // eslint-disable-line\n    mask_options, // eslint-disable-line\n    as_currency, // eslint-disable-line\n    as_number, // eslint-disable-line\n    as_percent, // eslint-disable-line\n    locale, // eslint-disable-line\n    show_mask, // eslint-disable-line\n    show_guide, // eslint-disable-line\n    pipe, // eslint-disable-line\n    keep_char_positions, // eslint-disable-line\n    placeholder_char, // eslint-disable-line\n\n    // Get get rest of possible attributes\n    ...attributes\n  } = props\n\n  return { props, htmlAttributes: Object.freeze(attributes) }\n}\n\n/**\n * Returns locale from either component or context\n *\n * @returns string\n */\nexport const useTranslation = () => {\n  const { props, context } = React.useContext(InputMaskedContext)\n\n  let { locale } = props\n  if (!locale && context?.locale) {\n    locale = context.locale\n  }\n\n  return locale\n}\n\n/**\n * Handle internal value state\n *\n * It handles both the value state given as a prop form outside,\n * along with the current written and internal value.\n *\n * @returns object with internal value state and state setter\n */\nexport const useLocalValue = () => {\n  const { props, context } = React.useContext(InputMaskedContext)\n  const maskParams = useNumberMaskParams() || {}\n  const locale = useTranslation()\n\n  const [localValue, setLocalValue] = React.useState(() => {\n    return correctNumberValue({\n      locale,\n      props,\n      maskParams,\n    })\n  })\n\n  /**\n   * Use an effect here, just;\n   * because when a property gets changed from outside\n   */\n  React.useEffect(() => {\n    const value = correctNumberValue({\n      localValue,\n      locale,\n      props,\n      maskParams,\n    })\n\n    setLocalValue(value)\n\n    // Do not set \"localValue\" and \"maskParams\" here\n  }, [props, context, locale]) // eslint-disable-line\n\n  return { localValue, setLocalValue }\n}\n\n/**\n * Create createNumberMask if number mask parameters exists\n *\n * @returns mask function\n */\nexport const useNumberMask = () => {\n  const maskParams = useNumberMaskParams()\n  const { props } = React.useContext(InputMaskedContext)\n\n  if (!maskParams || !isRequestingNumberMask(props)) {\n    return null\n  }\n\n  const mask = createNumberMask(maskParams)\n\n  mask.maskParams = maskParams\n\n  return mask\n}\n\n/**\n * Returns either internal mask or given property mask\n *\n * @returns mask function\n */\nexport const useMask = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const numberMask = useNumberMask()\n  if (numberMask) {\n    return numberMask\n  }\n\n  return props.mask\n}\n\n/**\n * Returns the final mask params\n *\n * @returns mask params\n */\nexport const useMaskParams = () => {\n  const { props } = React.useContext(InputMaskedContext)\n\n  const {\n    keep_char_positions,\n    show_guide,\n    show_mask,\n    placeholder_char,\n    placeholder,\n  } = props\n\n  const mask = useMask()\n  const maskParams = useNumberMaskParams() || {}\n\n  maskParams.showMask = !placeholder && isTrue(show_mask)\n\n  // Revalidated placeholder char to a zero width space\n  maskParams.placeholderChar = placeholder_char\n  if (typeof mask?.placeholderChar !== 'undefined') {\n    maskParams.placeholderChar = mask.placeholderChar\n  }\n  if (maskParams.placeholderChar === null) {\n    maskParams.placeholderChar = invisibleSpace\n  }\n\n  if (typeof mask?.showMask !== 'undefined') {\n    maskParams.showMask = mask.showMask\n  }\n\n  maskParams.showGuide = isTrue(show_guide)\n  maskParams.keepCharPositions = isTrue(keep_char_positions)\n\n  return maskParams\n}\n\n/**\n * Handle the TextMask dependency\n *\n * @returns React Element\n */\nexport const useInputElement = () => {\n  const { props } = React.useContext(InputMaskedContext)\n  const { pipe, inner_ref } = props\n\n  const mask = useMask()\n  const { showMask, showGuide, placeholderChar, keepCharPositions } =\n    useMaskParams()\n\n  const isFn = typeof inner_ref === 'function'\n  const refHook = React.useRef()\n  const ref = (!isFn && inner_ref) || refHook\n\n  useLayoutEffect(() => {\n    if (isFn) {\n      inner_ref?.(ref.current)\n    }\n  }, [inner_ref, isFn, ref])\n\n  // Create the actual input element\n  const inputElementRef = React.useRef(<input ref={ref} />)\n\n  return useCallback(\n    (params, innerRef) => {\n      // Set ref for Eufemia input\n      innerRef.current = ref.current\n\n      return (\n        <TextMask\n          inputRef={ref}\n          inputElement={inputElementRef.current}\n          pipe={pipe}\n          mask={mask || createNumberMask()}\n          showMask={showMask}\n          guide={showGuide}\n          keepCharPositions={keepCharPositions}\n          placeholderChar={placeholderChar}\n          {...getSoftKeyboardAttributes(mask)}\n          {...params}\n          className={classnames(\n            params.className,\n            showMask &&\n              showGuide &&\n              placeholderChar &&\n              placeholderChar !== invisibleSpace &&\n              'dnb-input-masked--guide' // will use --font-family-monospace\n          )}\n        />\n      )\n    },\n    [\n      keepCharPositions,\n      mask,\n      pipe,\n      placeholderChar,\n      ref,\n      showGuide,\n      showMask,\n    ]\n  )\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns object of events to handle\n */\nexport const useEventMapping = ({ setLocalValue }) => {\n  const callEvent = useCallEvent({ setLocalValue })\n\n  return {\n    onBeforeInput: (event) => callEvent({ event }, 'on_before_input'),\n    onFocus: (params) => callEvent(params, 'on_focus'),\n    onBlur: (params) => callEvent(params, 'on_blur'),\n    onMouseUp: (event) => callEvent({ event }, 'on_mouse_up'),\n    onMouseDown: (event) => callEvent({ event }, 'on_mouse_down'),\n    onKeyDown: (params) => callEvent(params, 'on_key_down'),\n    onSubmit: (params) => callEvent(params, 'on_submit'),\n    onChange: (params) => callEvent(params, 'on_change'),\n\n    on_focus: undefined,\n    on_blur: undefined,\n    on_key_down: undefined,\n    on_submit: undefined,\n    on_change: undefined,\n  }\n}\n\n/**\n * Will map some events we need to map during typing\n *\n * @param {object} param0\n * @property {function} setLocalValue setState handler\n * @returns event handler function\n */\nconst useCallEvent = ({ setLocalValue }) => {\n  const maskParamsRef = React.useRef()\n  maskParamsRef.current = useMaskParams()\n\n  const { props } = React.useContext(InputMaskedContext)\n  const isNumberMask = useNumberMask()\n\n  // Source: https://en.wikipedia.org/wiki/Decimal_separator\n  const decimalSeparators = /[,.'·]/\n  let isUnidentified = false\n\n  const callEvent = ({ event, value }, name) => {\n    const maskParams = maskParamsRef.current\n    value = value || event.target.value\n    const selStart = event.target.selectionStart\n    let keyCode = keycode(event)\n\n    // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n    if (\n      name === 'on_key_down' &&\n      (event.which === 229 || keyCode === undefined)\n    ) {\n      isUnidentified = true\n    }\n\n    // Android issue: https://bugs.chromium.org/p/chromium/issues/detail?id=118639\n    // so we use this solution instead\n    if (\n      isUnidentified &&\n      name === 'on_before_input' &&\n      typeof event?.data !== 'undefined'\n    ) {\n      name = 'on_key_down'\n      keyCode = event.data\n      isUnidentified = false\n    }\n\n    // Add support for \"await userEvent.type(input, '0...')\"\n    if (isUnidentified && event.key === '0') {\n      keyCode = '0'\n      isUnidentified = false\n    }\n\n    // Prevent entering a leading zero\n    if (\n      name === 'on_key_down' &&\n      !isUnidentified &&\n      maskParams?.disallowLeadingZeroes &&\n      (keyCode === '0' ||\n        keyCode === 'numpad 0' ||\n        (value.replace(/[^\\d]/g, '') === '' &&\n          decimalSeparators.test(keyCode)))\n    ) {\n      const testValue = (\n        value.slice(0, selStart) +\n        '0' +\n        value.slice(selStart + 1, value.length)\n      ).replace(/[^\\d]/g, '')\n\n      if (/^0/.test(testValue)) {\n        event.preventDefault()\n      }\n    }\n\n    if (\n      name === 'on_key_down' &&\n      isNumberMask &&\n      !isUnidentified &&\n      maskParams?.decimalSymbol\n    ) {\n      const hasDecimalSymbol = value.includes(maskParams.decimalSymbol)\n      const allowedDecimals =\n        maskParams.decimalLimit > 0 || maskParams.allowDecimal !== false\n\n      if (!allowedDecimals && decimalSeparators.test(keyCode)) {\n        event.preventDefault()\n      }\n\n      const charAtSelection = value.slice(selStart, selStart + 1)\n\n      if (allowedDecimals) {\n        // if we have already a decimal ...\n        if (hasDecimalSymbol && decimalSeparators.test(keyCode)) {\n          // ... we set the cursor on after the decimalSeparators\n          if (decimalSeparators.test(charAtSelection)) {\n            const index = value.indexOf(maskParams.decimalSymbol)\n            if (index > -1) {\n              safeSetSelection(event.target, index + 1)\n            }\n          }\n\n          // ... we do not allow to type another\n          event.preventDefault()\n        }\n\n        // replace other decimal\n        else if (\n          !hasDecimalSymbol &&\n          keyCode !== maskParams.decimalSymbol &&\n          decimalSeparators.test(keyCode)\n        ) {\n          value = value.slice(0, selStart)\n          setLocalValue(value + maskParams.decimalSymbol)\n          event.target.value = value + maskParams.decimalSymbol\n          event.preventDefault()\n        }\n      }\n\n      // move cursor to right if key is delete and char at selection is thousand separator\n      if (\n        keyCode === 'delete' &&\n        charAtSelection === (maskParams.thousandsSeparatorSymbol || ' ')\n      ) {\n        safeSetSelection(event.target, selStart + 1)\n        event.preventDefault()\n      }\n    }\n\n    let num = cleanNumber(value, {\n      prefix: maskParams.prefix,\n      suffix: maskParams.suffix,\n      decimalSeparator: maskParams.decimalSymbol || ',',\n      thousandsSeparator: maskParams.thousandsSeparatorSymbol || ' ',\n    })\n\n    // We don't want to return NaN, so we set it to 0\n    if (num === '-') {\n      num = -0\n    }\n\n    const numberValue = Number(num)\n\n    // Return '' (empty string) when the user has entered something invalid\n    const cleanedValue =\n      numberValue === 0 && String(num).charAt(0) !== '0' ? '' : num\n\n    switch (name) {\n      case 'on_focus':\n      case 'on_key_down':\n      case 'on_mouse_down':\n      case 'on_mouse_up':\n        event.target.runCorrectCaretPosition = () =>\n          correctCaretPosition(event.target, maskParamsRef, props)\n        if (!event.target.__getCorrectCaretPosition) {\n          event.target.runCorrectCaretPosition()\n        }\n        break\n    }\n\n    const result = dispatchCustomElementEvent(props, name, {\n      event,\n      value,\n      numberValue,\n      cleanedValue,\n    })\n\n    if (name === 'on_change') {\n      setLocalValue(value)\n    }\n\n    return result\n  }\n\n  return callEvent\n}\n\n/**\n * Returns number mask parameters if requested by the component properties\n *\n * @returns object of number mask parameter\n */\nconst useNumberMaskParams = () => {\n  const { props } = React.useContext(InputMaskedContext)\n  const locale = useTranslation()\n\n  if (!isRequestingNumberMask(props)) {\n    return { ...fromJSON(props.mask_options) }\n  }\n\n  let { number_mask, currency_mask, mask_options } = props\n  const { as_number, as_percent, as_currency, value } = props\n\n  mask_options = fromJSON(mask_options)\n  number_mask = isTrue(number_mask) ? {} : fromJSON(number_mask)\n  currency_mask = isTrue(currency_mask)\n    ? {}\n    : fromJSON(currency_mask, {\n        currency: currency_mask,\n      })\n  if (!currency_mask?.currency) {\n    delete currency_mask.currency\n  }\n\n  if (isRequestingLocaleSupport(props)) {\n    const thousandsSeparatorSymbol = handleThousandsSeparator(locale)\n    const decimalSymbol = handleDecimalSeparator(locale)\n\n    if (isTrue(as_number) || isTrue(as_percent)) {\n      number_mask = extendPropsWithContext(number_mask, null, {\n        decimalSymbol,\n        thousandsSeparatorSymbol,\n      })\n    } else if (as_currency) {\n      currency_mask = extendPropsWithContext(currency_mask, null, {\n        decimalSymbol,\n        thousandsSeparatorSymbol,\n        currency: getCurrencySymbol(\n          locale,\n          typeof as_currency === 'string' ? as_currency : null,\n          currency_mask?.currencyDisplay,\n          value\n        ),\n      })\n    }\n  }\n\n  let maskParams = null\n\n  if (number_mask) {\n    maskParams = handleNumberMask({\n      mask_options,\n      number_mask,\n    })\n\n    if (isTrue(as_percent)) {\n      maskParams = handlePercentMask({ props, locale, maskParams })\n    }\n  } else if (currency_mask) {\n    maskParams = handleCurrencyMask({\n      mask_options,\n      currency_mask,\n    })\n  }\n\n  return maskParams\n}\n"],"mappings":"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","ignoreList":[]}

package/components/input-masked/InputMaskedUtils.d.ts

@@ -33,7 +33,7 @@ export const invisibleSpace: "​";
 export function isRequestingLocaleSupport(props: object): boolean;
 export function isRequestingNumberMask(props: object): boolean;
 export function correctNumberValue({ localValue, props, locale, maskParams, }: object): string;
-export function correctCaretPosition(element: Element, maskParams: any, props: any): void;
+export function correctCaretPosition(element: Element, maskParamsRef: any, props: any): void;
 export function handlePercentMask({ props, locale, maskParams }: object): any;
 export function handleCurrencyMask({ mask_options, currency_mask }: object): any;
 export function handleNumberMask({ mask_options, number_mask }: object): any;

package/components/input-masked/InputMaskedUtils.js

@@ -85,9 +85,10 @@ export const correctNumberValue = _ref3 => {
   }
   return value;
 };
-export const correctCaretPosition = (element, maskParams, props) => {
+export const correctCaretPosition = (element, maskParamsRef, props) => {
   const correction = () => {
     try {
+      const maskParams = maskParamsRef === null || maskParamsRef === void 0 ? void 0 : maskParamsRef.current;
       const suffix = maskParams === null || maskParams === void 0 ? void 0 : maskParams.suffix;
       const prefix = maskParams === null || maskParams === void 0 ? void 0 : maskParams.prefix;
       const start = element.selectionStart;

package/components/input-masked/InputMaskedUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMaskedUtils.js","names":["format","getDecimalSeparator","getThousandsSeparator","warn","IS_IOS","safeSetSelection","enableLocaleSupportWhen","enableNumberMaskWhen","invisibleSpace","isRequestingLocaleSupport","props","Object","entries","some","_ref","k","v","includes","isRequestingNumberMask","_ref2","correctNumberValue","_ref3","localValue","locale","maskParams","value","undefined","String","isNaN","parseFloat","decimalPos","indexOf","integerLimit","limit","integers","split","isNegative","length","decimals","slice","shouldHaveDecimals","allowDecimal","decimalLimit","number_format","options","_objectSpread","decimalSymbol","replace","localNumberValue","numberValue","valueHasDecimal","endsWithDecimal","endsWith","endsWithZeroAndDecimal","startsWith","test","correctCaretPosition","element","correction","suffix","prefix","start","selectionStart","end","selectionEnd","suffixStart","suffixEnd","pos","placeholderChar","prefixStart","prefixEnd","char","mask","chars","l","i","RegExp","n","_mask$test","call","e","window","requestAnimationFrame","handlePercentMask","_ref4","_String","_String$match","percent","match","handleCurrencyMask","_ref5","mask_options","currency_mask","givenParams","paramsWithDefaults","showMask","currency","handleNumberMask","_ref6","number_mask","getSoftKeyboardAttributes","instanceOf","allowNegative","inputMode","handleThousandsSeparator","handleDecimalSeparator","fromJSON","str","fallback","arguments","JSON","parse"],"sources":["../../../../src/components/input-masked/InputMaskedUtils.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport {\n  format,\n  getDecimalSeparator,\n  getThousandsSeparator,\n} from '../number-format/NumberUtils'\nimport { warn } from '../../shared/component-helper'\nimport { IS_IOS } from '../../shared/helpers'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nconst enableLocaleSupportWhen = ['as_number', 'as_percent', 'as_currency']\nconst enableNumberMaskWhen = [\n  'as_number',\n  'as_percent',\n  'as_currency',\n  'number_mask',\n  'currency_mask',\n]\n\nexport const invisibleSpace = '\\u200B'\n\n/**\n * Will return true if a prop needs Locale support\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingLocaleSupport = (props) => {\n  return Object.entries(props).some(\n    ([k, v]) => v && enableLocaleSupportWhen.includes(k)\n  )\n}\n\n/**\n * Will return true if a prop will enable the internal NumberMask\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingNumberMask = (props) => {\n  return Object.entries(props).some(\n    ([k, v]) => v && enableNumberMaskWhen.includes(k)\n  )\n}\n\n/**\n * Probably the most complex part of this component\n * It will modify a given value based on certain criteria's\n *\n * @param {object} param0 object with properties\n * @property {string} localValue optional – if given, it will uses its ending to determine of what to return\n * @property {number|string} value component property value\n * @property {object} context Eufemia Context\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns string Value\n */\nexport const correctNumberValue = ({\n  localValue = null,\n  props,\n  locale,\n  maskParams,\n}) => {\n  let value =\n    props.value === null\n      ? null\n      : props.value === undefined\n      ? undefined\n      : String(props.value)\n\n  if (isNaN(parseFloat(value))) {\n    return value\n  }\n\n  const decimalPos = value.indexOf('.')\n\n  if (\n    maskParams.integerLimit &&\n    typeof maskParams.integerLimit === 'number'\n  ) {\n    const limit = maskParams.integerLimit\n    const integers = value.split('.')[0]\n    const isNegative = parseFloat(integers) < 0\n    if (integers.length - (isNegative ? 1 : 0) > limit) {\n      const decimals = decimalPos > 0 ? value.slice(decimalPos) : ''\n      value = integers.slice(0, limit + (isNegative ? 1 : 0)) + decimals\n    }\n  }\n\n  const shouldHaveDecimals =\n    maskParams.allowDecimal ||\n    (maskParams.decimalLimit > 0 && maskParams.allowDecimal !== false)\n\n  if (!shouldHaveDecimals) {\n    if (decimalPos > -1) {\n      value = value.slice(0, decimalPos)\n    }\n  }\n\n  /**\n   * This only runs IF \"number_format\" is set – we do not use it else\n   */\n  if (props.number_format) {\n    const options = {\n      locale,\n      decimals: 0,\n      ...props.number_format,\n    }\n    if (shouldHaveDecimals) {\n      options.decimals = maskParams.decimalLimit\n    }\n    value = format(value, options)\n  }\n\n  const decimalSymbol = maskParams.decimalSymbol\n  value = value.replace('.', decimalSymbol)\n\n  if (localValue !== null) {\n    const localNumberValue = localValue.replace(/[^\\d,.-]/g, '')\n    const numberValue = value.replace(/[^\\d,.-]/g, '')\n    const valueHasDecimal = numberValue.includes(decimalSymbol)\n\n    if (!valueHasDecimal) {\n      const endsWithDecimal = localNumberValue.endsWith(decimalSymbol)\n      const endsWithZeroAndDecimal = localNumberValue.endsWith(\n        `${decimalSymbol}0`\n      )\n\n      if (endsWithDecimal) {\n        value = `${value}${decimalSymbol}`\n      } else if (\n        endsWithZeroAndDecimal &&\n        !numberValue.endsWith(`${decimalSymbol}0`)\n      ) {\n        /**\n         * When the users has 20,02, then hits \"backspace\",\n         * the returned {numberValue} in the onChange event would then be \"20\",\n         * but we want it to be 20,0\n         */\n        value = `${value}${decimalSymbol}0`\n      }\n    }\n\n    /**\n     * If the user removes a leading digit and we have left a leading zero.\n     *\n     * The users enters these steps:\n     * Step 1. 1012\n     * Step 2. 012 -> user removes 1, now use \"localValue\"\n     * Step 3. 2012\n     *\n     * If a dev listens on_change and sends the number value back in,\n     * for this, we also ensure that \"numberValue\" and \"localNumberValue\" is the same.\n     */\n    if (\n      localNumberValue !== '0' &&\n      localNumberValue.startsWith('0') &&\n      parseFloat(numberValue.replace(decimalSymbol, '.')) ===\n        parseFloat(localNumberValue.replace(decimalSymbol, '.'))\n    ) {\n      value = localValue\n    }\n\n    /**\n     * While typing;\n     * If the local value is - or -0 we use it.\n     * Also, because of invisible whitespace we remove everything else\n     */\n    if (/^(-|-0)$/.test(localValue.replace(/[^\\d-0]/g, ''))) {\n      value = localValue\n    } else if (localNumberValue === '' && numberValue === '0') {\n      value = ''\n    }\n  }\n\n  return value\n}\n\n/**\n * This is a helper for setting the cursor position,\n * when it is on a not allowed position\n *\n * @param {Element} element Input Element\n * @param {Object} maskParams Mask parameters, containing eventually suffix or prefix\n */\nexport const correctCaretPosition = (element, maskParams, props) => {\n  const correction = () => {\n    try {\n      const suffix = maskParams?.suffix\n      const prefix = maskParams?.prefix\n\n      const start = element.selectionStart\n      const end = element.selectionEnd\n\n      if (start !== end) {\n        return // stop here\n      }\n\n      if (suffix || prefix) {\n        const suffixStart = element.value.indexOf(suffix)\n        const suffixEnd = suffixStart + suffix?.length\n        let pos = undefined\n\n        if (start >= suffixStart && start <= suffixEnd) {\n          pos = suffixStart\n\n          // If there is a placeholder,\n          // and the user clicks after the suffix\n          // we want the position to be \"before\" the placeholderChar\n          if (\n            maskParams.placeholderChar !== invisibleSpace &&\n            element.value.length - 1 === String(suffix + prefix).length\n          ) {\n            pos = pos - 1\n          }\n        } else {\n          const prefixStart = element.value.indexOf(prefix)\n          const prefixEnd = prefixStart + prefix?.length || 0\n\n          if (start >= prefixStart && start <= prefixEnd) {\n            pos = prefixEnd\n          }\n        }\n\n        const char = element.value.slice(pos - 1, pos)\n        if (char === invisibleSpace) {\n          pos = suffixStart - 1\n        }\n\n        if (!isNaN(parseFloat(pos))) {\n          safeSetSelection(element, pos)\n        }\n      } else if (props?.mask && element.value.length === end) {\n        const chars = element.value.split('')\n\n        for (let l = chars.length, i = l - 1; i >= 0; i--) {\n          const char = chars[i]\n          const mask = props.mask[i]\n          if (\n            char &&\n            char !== invisibleSpace &&\n            mask instanceof RegExp &&\n            mask.test(char)\n          ) {\n            for (let n = i + 1; n < l; n++) {\n              const mask = props.mask[n]\n              if (mask?.test?.(char)) {\n                safeSetSelection(element, n)\n                break\n              }\n            }\n\n            break\n          }\n        }\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  if (typeof window !== 'undefined') {\n    window.requestAnimationFrame(correction)\n  }\n}\n\n/**\n * Manipulate needed mask for handle: percent\n *\n * @param {object} param0 object with properties\n * @property {object} props Component property\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns object maskParams\n */\nexport const handlePercentMask = ({ props, locale, maskParams }) => {\n  const value = format(props.value, { locale, percent: true })\n  maskParams.suffix = String(value)?.match(/((\\s|)%)$/g, '$1')?.[0] || ' %'\n\n  return maskParams\n}\n\n/**\n * Return needed mask for handle: currency\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} currency_mask Component property for change the currency parameters\n * @returns object maskParams\n */\nexport const handleCurrencyMask = ({ mask_options, currency_mask }) => {\n  const givenParams = {\n    ...mask_options,\n    ...currency_mask,\n  }\n  const paramsWithDefaults = {\n    showMask: true,\n    placeholderChar: null,\n    allowDecimal: true,\n    decimalLimit: 2,\n    decimalSymbol: ',',\n    ...givenParams,\n  }\n\n  const suffix =\n    typeof currency_mask === 'string'\n      ? currency_mask\n      : typeof givenParams.currency === 'string'\n      ? givenParams.currency\n      : 'kr'\n  paramsWithDefaults.suffix = ` ${suffix}`\n\n  if (\n    typeof givenParams?.allowDecimal === 'undefined' &&\n    typeof givenParams?.decimalLimit === 'number'\n  ) {\n    paramsWithDefaults.allowDecimal = givenParams.decimalLimit > 0\n  }\n\n  return paramsWithDefaults\n}\n\n/**\n * Return needed mask for handle: number\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} number_mask Component property for change the number parameters\n * @returns object maskParams\n */\nexport const handleNumberMask = ({ mask_options, number_mask }) => {\n  const maskParams = {\n    decimalSymbol: ',',\n    ...mask_options,\n    ...number_mask,\n  }\n\n  if (typeof maskParams.allowDecimal === 'undefined') {\n    maskParams.allowDecimal = maskParams.decimalLimit > 0\n  }\n\n  return maskParams\n}\n\n/**\n * Returns the type of what inputMode or type attribute should be used\n *\n * @param {function} mask mask function\n * @returns undefined|decimal|numeric\n */\nexport function getSoftKeyboardAttributes(mask) {\n  if (mask?.instanceOf !== 'createNumberMask') {\n    return undefined\n  }\n\n  const maskParams = mask?.maskParams\n\n  // because of the missing minus key, we still have to use text on iOS\n  if (IS_IOS && maskParams?.allowNegative !== false) {\n    return undefined\n  }\n\n  return {\n    inputMode:\n      maskParams.allowDecimal && maskParams.decimalLimit !== 0\n        ? 'decimal'\n        : 'numeric',\n  }\n}\n\n/**\n * Returns the thousands separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleThousandsSeparator(locale) {\n  return getThousandsSeparator(locale).replace(' ', ' ') // replace non-breaking space with a regular space\n}\n\n/**\n * Returns the decimal separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleDecimalSeparator(locale) {\n  let decimalSymbol = getDecimalSeparator(locale)\n\n  return decimalSymbol\n}\n\n/**\n * Will take a JSON and return it parsed\n *\n * @param {string} str\n * @param {*} fallback optional fallback\n * @returns parsed json\n */\nexport function fromJSON(str, fallback = null) {\n  if (typeof str === 'string' && str[0] === '{') {\n    return JSON.parse(str)\n  }\n\n  return str || fallback\n}\n"],"mappings":";;;;;AAKA,SACEA,MAAM,EACNC,mBAAmB,EACnBC,qBAAqB,QAChB,8BAA8B;AACrC,SAASC,IAAI,QAAQ,+BAA+B;AACpD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,gBAAgB,QAAQ,wCAAwC;AAEzE,MAAMC,uBAAuB,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,aAAa,CAAC;AAC1E,MAAMC,oBAAoB,GAAG,CAC3B,WAAW,EACX,YAAY,EACZ,aAAa,EACb,aAAa,EACb,eAAe,CAChB;AAED,OAAO,MAAMC,cAAc,GAAG,QAAQ;AAQtC,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAK;EAClD,OAAOC,MAAM,CAACC,OAAO,CAACF,KAAK,CAAC,CAACG,IAAI,CAC/BC,IAAA;IAAA,IAAC,CAACC,CAAC,EAAEC,CAAC,CAAC,GAAAF,IAAA;IAAA,OAAKE,CAAC,IAAIV,uBAAuB,CAACW,QAAQ,CAACF,CAAC,CAAC;EAAA,CACtD,CAAC;AACH,CAAC;AAQD,OAAO,MAAMG,sBAAsB,GAAIR,KAAK,IAAK;EAC/C,OAAOC,MAAM,CAACC,OAAO,CAACF,KAAK,CAAC,CAACG,IAAI,CAC/BM,KAAA;IAAA,IAAC,CAACJ,CAAC,EAAEC,CAAC,CAAC,GAAAG,KAAA;IAAA,OAAKH,CAAC,IAAIT,oBAAoB,CAACU,QAAQ,CAACF,CAAC,CAAC;EAAA,CACnD,CAAC;AACH,CAAC;AAcD,OAAO,MAAMK,kBAAkB,GAAGC,KAAA,IAK5B;EAAA,IAL6B;IACjCC,UAAU,GAAG,IAAI;IACjBZ,KAAK;IACLa,MAAM;IACNC;EACF,CAAC,GAAAH,KAAA;EACC,IAAII,KAAK,GACPf,KAAK,CAACe,KAAK,KAAK,IAAI,GAChB,IAAI,GACJf,KAAK,CAACe,KAAK,KAAKC,SAAS,GACzBA,SAAS,GACTC,MAAM,CAACjB,KAAK,CAACe,KAAK,CAAC;EAEzB,IAAIG,KAAK,CAACC,UAAU,CAACJ,KAAK,CAAC,CAAC,EAAE;IAC5B,OAAOA,KAAK;EACd;EAEA,MAAMK,UAAU,GAAGL,KAAK,CAACM,OAAO,CAAC,GAAG,CAAC;EAErC,IACEP,UAAU,CAACQ,YAAY,IACvB,OAAOR,UAAU,CAACQ,YAAY,KAAK,QAAQ,EAC3C;IACA,MAAMC,KAAK,GAAGT,UAAU,CAACQ,YAAY;IACrC,MAAME,QAAQ,GAAGT,KAAK,CAACU,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IACpC,MAAMC,UAAU,GAAGP,UAAU,CAACK,QAAQ,CAAC,GAAG,CAAC;IAC3C,IAAIA,QAAQ,CAACG,MAAM,IAAID,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,GAAGH,KAAK,EAAE;MAClD,MAAMK,QAAQ,GAAGR,UAAU,GAAG,CAAC,GAAGL,KAAK,CAACc,KAAK,CAACT,UAAU,CAAC,GAAG,EAAE;MAC9DL,KAAK,GAAGS,QAAQ,CAACK,KAAK,CAAC,CAAC,EAAEN,KAAK,IAAIG,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,GAAGE,QAAQ;IACpE;EACF;EAEA,MAAME,kBAAkB,GACtBhB,UAAU,CAACiB,YAAY,IACtBjB,UAAU,CAACkB,YAAY,GAAG,CAAC,IAAIlB,UAAU,CAACiB,YAAY,KAAK,KAAM;EAEpE,IAAI,CAACD,kBAAkB,EAAE;IACvB,IAAIV,UAAU,GAAG,CAAC,CAAC,EAAE;MACnBL,KAAK,GAAGA,KAAK,CAACc,KAAK,CAAC,CAAC,EAAET,UAAU,CAAC;IACpC;EACF;EAKA,IAAIpB,KAAK,CAACiC,aAAa,EAAE;IACvB,MAAMC,OAAO,GAAAC,aAAA;MACXtB,MAAM;MACNe,QAAQ,EAAE;IAAC,GACR5B,KAAK,CAACiC,aAAa,CACvB;IACD,IAAIH,kBAAkB,EAAE;MACtBI,OAAO,CAACN,QAAQ,GAAGd,UAAU,CAACkB,YAAY;IAC5C;IACAjB,KAAK,GAAGzB,MAAM,CAACyB,KAAK,EAAEmB,OAAO,CAAC;EAChC;EAEA,MAAME,aAAa,GAAGtB,UAAU,CAACsB,aAAa;EAC9CrB,KAAK,GAAGA,KAAK,CAACsB,OAAO,CAAC,GAAG,EAAED,aAAa,CAAC;EAEzC,IAAIxB,UAAU,KAAK,IAAI,EAAE;IACvB,MAAM0B,gBAAgB,GAAG1B,UAAU,CAACyB,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;IAC5D,MAAME,WAAW,GAAGxB,KAAK,CAACsB,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;IAClD,MAAMG,eAAe,GAAGD,WAAW,CAAChC,QAAQ,CAAC6B,aAAa,CAAC;IAE3D,IAAI,CAACI,eAAe,EAAE;MACpB,MAAMC,eAAe,GAAGH,gBAAgB,CAACI,QAAQ,CAACN,aAAa,CAAC;MAChE,MAAMO,sBAAsB,GAAGL,gBAAgB,CAACI,QAAQ,CACtD,GAAGN,aAAa,GAClB,CAAC;MAED,IAAIK,eAAe,EAAE;QACnB1B,KAAK,GAAG,GAAGA,KAAK,GAAGqB,aAAa,EAAE;MACpC,CAAC,MAAM,IACLO,sBAAsB,IACtB,CAACJ,WAAW,CAACG,QAAQ,CAAC,GAAGN,aAAa,GAAG,CAAC,EAC1C;QAMArB,KAAK,GAAG,GAAGA,KAAK,GAAGqB,aAAa,GAAG;MACrC;IACF;IAaA,IACEE,gBAAgB,KAAK,GAAG,IACxBA,gBAAgB,CAACM,UAAU,CAAC,GAAG,CAAC,IAChCzB,UAAU,CAACoB,WAAW,CAACF,OAAO,CAACD,aAAa,EAAE,GAAG,CAAC,CAAC,KACjDjB,UAAU,CAACmB,gBAAgB,CAACD,OAAO,CAACD,aAAa,EAAE,GAAG,CAAC,CAAC,EAC1D;MACArB,KAAK,GAAGH,UAAU;IACpB;IAOA,IAAI,UAAU,CAACiC,IAAI,CAACjC,UAAU,CAACyB,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE;MACvDtB,KAAK,GAAGH,UAAU;IACpB,CAAC,MAAM,IAAI0B,gBAAgB,KAAK,EAAE,IAAIC,WAAW,KAAK,GAAG,EAAE;MACzDxB,KAAK,GAAG,EAAE;IACZ;EACF;EAEA,OAAOA,KAAK;AACd,CAAC;AASD,OAAO,MAAM+B,oBAAoB,GAAGA,CAACC,OAAO,EAAEjC,UAAU,EAAEd,KAAK,KAAK;EAClE,MAAMgD,UAAU,GAAGA,CAAA,KAAM;IACvB,IAAI;MACF,MAAMC,MAAM,GAAGnC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEmC,MAAM;MACjC,MAAMC,MAAM,GAAGpC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEoC,MAAM;MAEjC,MAAMC,KAAK,GAAGJ,OAAO,CAACK,cAAc;MACpC,MAAMC,GAAG,GAAGN,OAAO,CAACO,YAAY;MAEhC,IAAIH,KAAK,KAAKE,GAAG,EAAE;QACjB;MACF;MAEA,IAAIJ,MAAM,IAAIC,MAAM,EAAE;QACpB,MAAMK,WAAW,GAAGR,OAAO,CAAChC,KAAK,CAACM,OAAO,CAAC4B,MAAM,CAAC;QACjD,MAAMO,SAAS,GAAGD,WAAW,IAAGN,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEtB,MAAM;QAC9C,IAAI8B,GAAG,GAAGzC,SAAS;QAEnB,IAAImC,KAAK,IAAII,WAAW,IAAIJ,KAAK,IAAIK,SAAS,EAAE;UAC9CC,GAAG,GAAGF,WAAW;UAKjB,IACEzC,UAAU,CAAC4C,eAAe,KAAK5D,cAAc,IAC7CiD,OAAO,CAAChC,KAAK,CAACY,MAAM,GAAG,CAAC,KAAKV,MAAM,CAACgC,MAAM,GAAGC,MAAM,CAAC,CAACvB,MAAM,EAC3D;YACA8B,GAAG,GAAGA,GAAG,GAAG,CAAC;UACf;QACF,CAAC,MAAM;UACL,MAAME,WAAW,GAAGZ,OAAO,CAAChC,KAAK,CAACM,OAAO,CAAC6B,MAAM,CAAC;UACjD,MAAMU,SAAS,GAAGD,WAAW,IAAGT,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEvB,MAAM,KAAI,CAAC;UAEnD,IAAIwB,KAAK,IAAIQ,WAAW,IAAIR,KAAK,IAAIS,SAAS,EAAE;YAC9CH,GAAG,GAAGG,SAAS;UACjB;QACF;QAEA,MAAMC,IAAI,GAAGd,OAAO,CAAChC,KAAK,CAACc,KAAK,CAAC4B,GAAG,GAAG,CAAC,EAAEA,GAAG,CAAC;QAC9C,IAAII,IAAI,KAAK/D,cAAc,EAAE;UAC3B2D,GAAG,GAAGF,WAAW,GAAG,CAAC;QACvB;QAEA,IAAI,CAACrC,KAAK,CAACC,UAAU,CAACsC,GAAG,CAAC,CAAC,EAAE;UAC3B9D,gBAAgB,CAACoD,OAAO,EAAEU,GAAG,CAAC;QAChC;MACF,CAAC,MAAM,IAAIzD,KAAK,aAALA,KAAK,eAALA,KAAK,CAAE8D,IAAI,IAAIf,OAAO,CAAChC,KAAK,CAACY,MAAM,KAAK0B,GAAG,EAAE;QACtD,MAAMU,KAAK,GAAGhB,OAAO,CAAChC,KAAK,CAACU,KAAK,CAAC,EAAE,CAAC;QAErC,KAAK,IAAIuC,CAAC,GAAGD,KAAK,CAACpC,MAAM,EAAEsC,CAAC,GAAGD,CAAC,GAAG,CAAC,EAAEC,CAAC,IAAI,CAAC,EAAEA,CAAC,EAAE,EAAE;UACjD,MAAMJ,IAAI,GAAGE,KAAK,CAACE,CAAC,CAAC;UACrB,MAAMH,IAAI,GAAG9D,KAAK,CAAC8D,IAAI,CAACG,CAAC,CAAC;UAC1B,IACEJ,IAAI,IACJA,IAAI,KAAK/D,cAAc,IACvBgE,IAAI,YAAYI,MAAM,IACtBJ,IAAI,CAACjB,IAAI,CAACgB,IAAI,CAAC,EACf;YACA,KAAK,IAAIM,CAAC,GAAGF,CAAC,GAAG,CAAC,EAAEE,CAAC,GAAGH,CAAC,EAAEG,CAAC,EAAE,EAAE;cAAA,IAAAC,UAAA;cAC9B,MAAMN,IAAI,GAAG9D,KAAK,CAAC8D,IAAI,CAACK,CAAC,CAAC;cAC1B,IAAIL,IAAI,aAAJA,IAAI,gBAAAM,UAAA,GAAJN,IAAI,CAAEjB,IAAI,cAAAuB,UAAA,eAAVA,UAAA,CAAAC,IAAA,CAAAP,IAAI,EAASD,IAAI,CAAC,EAAE;gBACtBlE,gBAAgB,CAACoD,OAAO,EAAEoB,CAAC,CAAC;gBAC5B;cACF;YACF;YAEA;UACF;QACF;MACF;IACF,CAAC,CAAC,OAAOG,CAAC,EAAE;MACV7E,IAAI,CAAC6E,CAAC,CAAC;IACT;EACF,CAAC;EAED,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;IACjCA,MAAM,CAACC,qBAAqB,CAACxB,UAAU,CAAC;EAC1C;AACF,CAAC;AAWD,OAAO,MAAMyB,iBAAiB,GAAGC,KAAA,IAAmC;EAAA,IAAAC,OAAA,EAAAC,aAAA;EAAA,IAAlC;IAAE5E,KAAK;IAAEa,MAAM;IAAEC;EAAW,CAAC,GAAA4D,KAAA;EAC7D,MAAM3D,KAAK,GAAGzB,MAAM,CAACU,KAAK,CAACe,KAAK,EAAE;IAAEF,MAAM;IAAEgE,OAAO,EAAE;EAAK,CAAC,CAAC;EAC5D/D,UAAU,CAACmC,MAAM,GAAG,EAAA0B,OAAA,GAAA1D,MAAM,CAACF,KAAK,CAAC,cAAA4D,OAAA,wBAAAC,aAAA,GAAbD,OAAA,CAAeG,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC,cAAAF,aAAA,uBAAxCA,aAAA,CAA2C,CAAC,CAAC,KAAI,IAAI;EAEzE,OAAO9D,UAAU;AACnB,CAAC;AAWD,OAAO,MAAMiE,kBAAkB,GAAGC,KAAA,IAAqC;EAAA,IAApC;IAAEC,YAAY;IAAEC;EAAc,CAAC,GAAAF,KAAA;EAChE,MAAMG,WAAW,GAAAhD,aAAA,CAAAA,aAAA,KACZ8C,YAAY,GACZC,aAAa,CACjB;EACD,MAAME,kBAAkB,GAAAjD,aAAA;IACtBkD,QAAQ,EAAE,IAAI;IACd3B,eAAe,EAAE,IAAI;IACrB3B,YAAY,EAAE,IAAI;IAClBC,YAAY,EAAE,CAAC;IACfI,aAAa,EAAE;EAAG,GACf+C,WAAW,CACf;EAED,MAAMlC,MAAM,GACV,OAAOiC,aAAa,KAAK,QAAQ,GAC7BA,aAAa,GACb,OAAOC,WAAW,CAACG,QAAQ,KAAK,QAAQ,GACxCH,WAAW,CAACG,QAAQ,GACpB,IAAI;EACVF,kBAAkB,CAACnC,MAAM,GAAG,IAAIA,MAAM,EAAE;EAExC,IACE,QAAOkC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEpD,YAAY,MAAK,WAAW,IAChD,QAAOoD,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEnD,YAAY,MAAK,QAAQ,EAC7C;IACAoD,kBAAkB,CAACrD,YAAY,GAAGoD,WAAW,CAACnD,YAAY,GAAG,CAAC;EAChE;EAEA,OAAOoD,kBAAkB;AAC3B,CAAC;AAWD,OAAO,MAAMG,gBAAgB,GAAGC,KAAA,IAAmC;EAAA,IAAlC;IAAEP,YAAY;IAAEQ;EAAY,CAAC,GAAAD,KAAA;EAC5D,MAAM1E,UAAU,GAAAqB,aAAA,CAAAA,aAAA;IACdC,aAAa,EAAE;EAAG,GACf6C,YAAY,GACZQ,WAAW,CACf;EAED,IAAI,OAAO3E,UAAU,CAACiB,YAAY,KAAK,WAAW,EAAE;IAClDjB,UAAU,CAACiB,YAAY,GAAGjB,UAAU,CAACkB,YAAY,GAAG,CAAC;EACvD;EAEA,OAAOlB,UAAU;AACnB,CAAC;AAQD,OAAO,SAAS4E,yBAAyBA,CAAC5B,IAAI,EAAE;EAC9C,IAAI,CAAAA,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE6B,UAAU,MAAK,kBAAkB,EAAE;IAC3C,OAAO3E,SAAS;EAClB;EAEA,MAAMF,UAAU,GAAGgD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEhD,UAAU;EAGnC,IAAIpB,MAAM,IAAI,CAAAoB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE8E,aAAa,MAAK,KAAK,EAAE;IACjD,OAAO5E,SAAS;EAClB;EAEA,OAAO;IACL6E,SAAS,EACP/E,UAAU,CAACiB,YAAY,IAAIjB,UAAU,CAACkB,YAAY,KAAK,CAAC,GACpD,SAAS,GACT;EACR,CAAC;AACH;AAQA,OAAO,SAAS8D,wBAAwBA,CAACjF,MAAM,EAAE;EAC/C,OAAOrB,qBAAqB,CAACqB,MAAM,CAAC,CAACwB,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;AACxD;AAQA,OAAO,SAAS0D,sBAAsBA,CAAClF,MAAM,EAAE;EAC7C,IAAIuB,aAAa,GAAG7C,mBAAmB,CAACsB,MAAM,CAAC;EAE/C,OAAOuB,aAAa;AACtB;AASA,OAAO,SAAS4D,QAAQA,CAACC,GAAG,EAAmB;EAAA,IAAjBC,QAAQ,GAAAC,SAAA,CAAAxE,MAAA,QAAAwE,SAAA,QAAAnF,SAAA,GAAAmF,SAAA,MAAG,IAAI;EAC3C,IAAI,OAAOF,GAAG,KAAK,QAAQ,IAAIA,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;IAC7C,OAAOG,IAAI,CAACC,KAAK,CAACJ,GAAG,CAAC;EACxB;EAEA,OAAOA,GAAG,IAAIC,QAAQ;AACxB","ignoreList":[]}
+{"version":3,"file":"InputMaskedUtils.js","names":["format","getDecimalSeparator","getThousandsSeparator","warn","IS_IOS","safeSetSelection","enableLocaleSupportWhen","enableNumberMaskWhen","invisibleSpace","isRequestingLocaleSupport","props","Object","entries","some","_ref","k","v","includes","isRequestingNumberMask","_ref2","correctNumberValue","_ref3","localValue","locale","maskParams","value","undefined","String","isNaN","parseFloat","decimalPos","indexOf","integerLimit","limit","integers","split","isNegative","length","decimals","slice","shouldHaveDecimals","allowDecimal","decimalLimit","number_format","options","_objectSpread","decimalSymbol","replace","localNumberValue","numberValue","valueHasDecimal","endsWithDecimal","endsWith","endsWithZeroAndDecimal","startsWith","test","correctCaretPosition","element","maskParamsRef","correction","current","suffix","prefix","start","selectionStart","end","selectionEnd","suffixStart","suffixEnd","pos","placeholderChar","prefixStart","prefixEnd","char","mask","chars","l","i","RegExp","n","_mask$test","call","e","window","requestAnimationFrame","handlePercentMask","_ref4","_String","_String$match","percent","match","handleCurrencyMask","_ref5","mask_options","currency_mask","givenParams","paramsWithDefaults","showMask","currency","handleNumberMask","_ref6","number_mask","getSoftKeyboardAttributes","instanceOf","allowNegative","inputMode","handleThousandsSeparator","handleDecimalSeparator","fromJSON","str","fallback","arguments","JSON","parse"],"sources":["../../../../src/components/input-masked/InputMaskedUtils.js"],"sourcesContent":["/**\n * Web InputMasked Component\n *\n */\n\nimport {\n  format,\n  getDecimalSeparator,\n  getThousandsSeparator,\n} from '../number-format/NumberUtils'\nimport { warn } from '../../shared/component-helper'\nimport { IS_IOS } from '../../shared/helpers'\nimport { safeSetSelection } from './text-mask/createTextMaskInputElement'\n\nconst enableLocaleSupportWhen = ['as_number', 'as_percent', 'as_currency']\nconst enableNumberMaskWhen = [\n  'as_number',\n  'as_percent',\n  'as_currency',\n  'number_mask',\n  'currency_mask',\n]\n\nexport const invisibleSpace = '\\u200B'\n\n/**\n * Will return true if a prop needs Locale support\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingLocaleSupport = (props) => {\n  return Object.entries(props).some(\n    ([k, v]) => v && enableLocaleSupportWhen.includes(k)\n  )\n}\n\n/**\n * Will return true if a prop will enable the internal NumberMask\n *\n * @param {object} props object with given component props\n * @returns boolean\n */\nexport const isRequestingNumberMask = (props) => {\n  return Object.entries(props).some(\n    ([k, v]) => v && enableNumberMaskWhen.includes(k)\n  )\n}\n\n/**\n * Probably the most complex part of this component\n * It will modify a given value based on certain criteria's\n *\n * @param {object} param0 object with properties\n * @property {string} localValue optional – if given, it will uses its ending to determine of what to return\n * @property {number|string} value component property value\n * @property {object} context Eufemia Context\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns string Value\n */\nexport const correctNumberValue = ({\n  localValue = null,\n  props,\n  locale,\n  maskParams,\n}) => {\n  let value =\n    props.value === null\n      ? null\n      : props.value === undefined\n      ? undefined\n      : String(props.value)\n\n  if (isNaN(parseFloat(value))) {\n    return value\n  }\n\n  const decimalPos = value.indexOf('.')\n\n  if (\n    maskParams.integerLimit &&\n    typeof maskParams.integerLimit === 'number'\n  ) {\n    const limit = maskParams.integerLimit\n    const integers = value.split('.')[0]\n    const isNegative = parseFloat(integers) < 0\n    if (integers.length - (isNegative ? 1 : 0) > limit) {\n      const decimals = decimalPos > 0 ? value.slice(decimalPos) : ''\n      value = integers.slice(0, limit + (isNegative ? 1 : 0)) + decimals\n    }\n  }\n\n  const shouldHaveDecimals =\n    maskParams.allowDecimal ||\n    (maskParams.decimalLimit > 0 && maskParams.allowDecimal !== false)\n\n  if (!shouldHaveDecimals) {\n    if (decimalPos > -1) {\n      value = value.slice(0, decimalPos)\n    }\n  }\n\n  /**\n   * This only runs IF \"number_format\" is set – we do not use it else\n   */\n  if (props.number_format) {\n    const options = {\n      locale,\n      decimals: 0,\n      ...props.number_format,\n    }\n    if (shouldHaveDecimals) {\n      options.decimals = maskParams.decimalLimit\n    }\n    value = format(value, options)\n  }\n\n  const decimalSymbol = maskParams.decimalSymbol\n  value = value.replace('.', decimalSymbol)\n\n  if (localValue !== null) {\n    const localNumberValue = localValue.replace(/[^\\d,.-]/g, '')\n    const numberValue = value.replace(/[^\\d,.-]/g, '')\n    const valueHasDecimal = numberValue.includes(decimalSymbol)\n\n    if (!valueHasDecimal) {\n      const endsWithDecimal = localNumberValue.endsWith(decimalSymbol)\n      const endsWithZeroAndDecimal = localNumberValue.endsWith(\n        `${decimalSymbol}0`\n      )\n\n      if (endsWithDecimal) {\n        value = `${value}${decimalSymbol}`\n      } else if (\n        endsWithZeroAndDecimal &&\n        !numberValue.endsWith(`${decimalSymbol}0`)\n      ) {\n        /**\n         * When the users has 20,02, then hits \"backspace\",\n         * the returned {numberValue} in the onChange event would then be \"20\",\n         * but we want it to be 20,0\n         */\n        value = `${value}${decimalSymbol}0`\n      }\n    }\n\n    /**\n     * If the user removes a leading digit and we have left a leading zero.\n     *\n     * The users enters these steps:\n     * Step 1. 1012\n     * Step 2. 012 -> user removes 1, now use \"localValue\"\n     * Step 3. 2012\n     *\n     * If a dev listens on_change and sends the number value back in,\n     * for this, we also ensure that \"numberValue\" and \"localNumberValue\" is the same.\n     */\n    if (\n      localNumberValue !== '0' &&\n      localNumberValue.startsWith('0') &&\n      parseFloat(numberValue.replace(decimalSymbol, '.')) ===\n        parseFloat(localNumberValue.replace(decimalSymbol, '.'))\n    ) {\n      value = localValue\n    }\n\n    /**\n     * While typing;\n     * If the local value is - or -0 we use it.\n     * Also, because of invisible whitespace we remove everything else\n     */\n    if (/^(-|-0)$/.test(localValue.replace(/[^\\d-0]/g, ''))) {\n      value = localValue\n    } else if (localNumberValue === '' && numberValue === '0') {\n      value = ''\n    }\n  }\n\n  return value\n}\n\n/**\n * This is a helper for setting the cursor position,\n * when it is on a not allowed position\n *\n * @param {Element} element Input Element\n * @param {Object} maskParams Mask parameters, containing eventually suffix or prefix\n */\nexport const correctCaretPosition = (element, maskParamsRef, props) => {\n  const correction = () => {\n    try {\n      const maskParams = maskParamsRef?.current\n\n      const suffix = maskParams?.suffix\n      const prefix = maskParams?.prefix\n\n      const start = element.selectionStart\n      const end = element.selectionEnd\n\n      if (start !== end) {\n        return // stop here\n      }\n\n      if (suffix || prefix) {\n        const suffixStart = element.value.indexOf(suffix)\n        const suffixEnd = suffixStart + suffix?.length\n        let pos = undefined\n\n        if (start >= suffixStart && start <= suffixEnd) {\n          pos = suffixStart\n\n          // If there is a placeholder,\n          // and the user clicks after the suffix\n          // we want the position to be \"before\" the placeholderChar\n          if (\n            maskParams.placeholderChar !== invisibleSpace &&\n            element.value.length - 1 === String(suffix + prefix).length\n          ) {\n            pos = pos - 1\n          }\n        } else {\n          const prefixStart = element.value.indexOf(prefix)\n          const prefixEnd = prefixStart + prefix?.length || 0\n\n          if (start >= prefixStart && start <= prefixEnd) {\n            pos = prefixEnd\n          }\n        }\n\n        const char = element.value.slice(pos - 1, pos)\n        if (char === invisibleSpace) {\n          pos = suffixStart - 1\n        }\n\n        if (!isNaN(parseFloat(pos))) {\n          safeSetSelection(element, pos)\n        }\n      } else if (props?.mask && element.value.length === end) {\n        const chars = element.value.split('')\n\n        for (let l = chars.length, i = l - 1; i >= 0; i--) {\n          const char = chars[i]\n          const mask = props.mask[i]\n          if (\n            char &&\n            char !== invisibleSpace &&\n            mask instanceof RegExp &&\n            mask.test(char)\n          ) {\n            for (let n = i + 1; n < l; n++) {\n              const mask = props.mask[n]\n              if (mask?.test?.(char)) {\n                safeSetSelection(element, n)\n                break\n              }\n            }\n\n            break\n          }\n        }\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  if (typeof window !== 'undefined') {\n    window.requestAnimationFrame(correction)\n  }\n}\n\n/**\n * Manipulate needed mask for handle: percent\n *\n * @param {object} param0 object with properties\n * @property {object} props Component property\n * @property {string} locale Eufemia locale (either from component or context)\n * @property {object} maskParams predefined mask parameters\n * @returns object maskParams\n */\nexport const handlePercentMask = ({ props, locale, maskParams }) => {\n  const value = format(props.value, { locale, percent: true })\n  maskParams.suffix = String(value)?.match(/((\\s|)%)$/g, '$1')?.[0] || ' %'\n\n  return maskParams\n}\n\n/**\n * Return needed mask for handle: currency\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} currency_mask Component property for change the currency parameters\n * @returns object maskParams\n */\nexport const handleCurrencyMask = ({ mask_options, currency_mask }) => {\n  const givenParams = {\n    ...mask_options,\n    ...currency_mask,\n  }\n  const paramsWithDefaults = {\n    showMask: true,\n    placeholderChar: null,\n    allowDecimal: true,\n    decimalLimit: 2,\n    decimalSymbol: ',',\n    ...givenParams,\n  }\n\n  const suffix =\n    typeof currency_mask === 'string'\n      ? currency_mask\n      : typeof givenParams.currency === 'string'\n      ? givenParams.currency\n      : 'kr'\n  paramsWithDefaults.suffix = ` ${suffix}`\n\n  if (\n    typeof givenParams?.allowDecimal === 'undefined' &&\n    typeof givenParams?.decimalLimit === 'number'\n  ) {\n    paramsWithDefaults.allowDecimal = givenParams.decimalLimit > 0\n  }\n\n  return paramsWithDefaults\n}\n\n/**\n * Return needed mask for handle: number\n *\n * @param {object} param0 object with properties\n * @property {object} context Eufemia context\n * @property {object} mask_options Component property for change the mask parameters\n * @property {object} number_mask Component property for change the number parameters\n * @returns object maskParams\n */\nexport const handleNumberMask = ({ mask_options, number_mask }) => {\n  const maskParams = {\n    decimalSymbol: ',',\n    ...mask_options,\n    ...number_mask,\n  }\n\n  if (typeof maskParams.allowDecimal === 'undefined') {\n    maskParams.allowDecimal = maskParams.decimalLimit > 0\n  }\n\n  return maskParams\n}\n\n/**\n * Returns the type of what inputMode or type attribute should be used\n *\n * @param {function} mask mask function\n * @returns undefined|decimal|numeric\n */\nexport function getSoftKeyboardAttributes(mask) {\n  if (mask?.instanceOf !== 'createNumberMask') {\n    return undefined\n  }\n\n  const maskParams = mask?.maskParams\n\n  // because of the missing minus key, we still have to use text on iOS\n  if (IS_IOS && maskParams?.allowNegative !== false) {\n    return undefined\n  }\n\n  return {\n    inputMode:\n      maskParams.allowDecimal && maskParams.decimalLimit !== 0\n        ? 'decimal'\n        : 'numeric',\n  }\n}\n\n/**\n * Returns the thousands separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleThousandsSeparator(locale) {\n  return getThousandsSeparator(locale).replace(' ', ' ') // replace non-breaking space with a regular space\n}\n\n/**\n * Returns the decimal separator character\n *\n * @param {string} locale Component or context locale\n * @returns string\n */\nexport function handleDecimalSeparator(locale) {\n  let decimalSymbol = getDecimalSeparator(locale)\n\n  return decimalSymbol\n}\n\n/**\n * Will take a JSON and return it parsed\n *\n * @param {string} str\n * @param {*} fallback optional fallback\n * @returns parsed json\n */\nexport function fromJSON(str, fallback = null) {\n  if (typeof str === 'string' && str[0] === '{') {\n    return JSON.parse(str)\n  }\n\n  return str || fallback\n}\n"],"mappings":"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","ignoreList":[]}

package/components/modal/ModalDocs.d.ts

@@ -1,3 +1,5 @@
 import { PropertiesTableProps } from '../../shared/types';
 export declare const ModalProperties: PropertiesTableProps;
+export declare const ModalPropertiesWithSnakeCase: PropertiesTableProps;
 export declare const ModalEvents: PropertiesTableProps;
+export declare const ModalEventsWithSnakeCase: PropertiesTableProps;

package/components/modal/ModalDocs.js

@@ -1,3 +1,11 @@
+import "core-js/modules/web.dom-collections.iterator.js";
+import { toSnakeCase } from '../../shared/component-helper';
+const transformPropertyNamesWithSnakeCase = properties => {
+  return Object.fromEntries(Object.entries(properties).map(_ref => {
+    let [key, value] = _ref;
+    return [key !== key.toLowerCase() ? `${key} / ${toSnakeCase(key)}` : key, value];
+  }));
+};
 export const ModalProperties = {
   id: {
     doc: 'The id used internal for the trigger button and Modal component.',
@@ -165,6 +173,7 @@ export const ModalProperties = {
     status: 'optional'
   }
 };
+export const ModalPropertiesWithSnakeCase = transformPropertyNamesWithSnakeCase(ModalProperties);
 export const ModalEvents = {
   onOpen: {
     doc: 'This event gets triggered once the modal shows up. Returns the modal id: `{ id }`.',
@@ -182,4 +191,5 @@ export const ModalEvents = {
     status: 'optional'
   }
 };
+export const ModalEventsWithSnakeCase = transformPropertyNamesWithSnakeCase(ModalEvents);
 //# sourceMappingURL=ModalDocs.js.map

package/components/modal/ModalDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDocs.js","names":["ModalProperties","id","doc","type","status","rootId","contentId","labelledBy","children","fullscreen","openState","openDelay","disabled","noAnimation","noAnimationOnMobile","animationDuration","preventClose","preventOverlayClose","openModal","closeModal","focusSelector","overlayClass","contentClass","omitTriggerButton","trigger","triggerAttributes","dialogTitle","directDomReturn","bypassInvalidationSelectors","scrollRef","contentRef","spacing","closeTitle","hideCloseButton","class","className","ModalEvents","onOpen","onClose","onClosePrevent"],"sources":["../../../../src/components/modal/ModalDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const ModalProperties: PropertiesTableProps = {\n  id: {\n    doc: 'The id used internal for the trigger button and Modal component.',\n    type: 'string',\n    status: 'optional',\n  },\n  rootId: {\n    doc: 'The id used internal in the modal root element. Defaults to `root`, so the element id will be `dnb-modal-root`.',\n    type: 'string',\n    status: 'optional',\n  },\n  contentId: {\n    doc: 'Defines an unique identifier to a modal. Use it in case you have to refer in some way to the modal content.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelledBy: {\n    doc: 'The ID of the trigger component, describing the modal content. Defaults to the internal `trigger`, so make sure you define the `title` in `triggerAttributes`.',\n    type: 'string',\n    status: 'optional',\n  },\n  children: {\n    doc: 'the content which will appear when triggering open the modal. If a function is given, you get a close method `() => ({ close })` in the arguments.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  fullscreen: {\n    doc: 'If set to `true` then the modal content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  openState: {\n    doc: 'use this property to control the open/close state by setting either: `opened` / `closed` or `true` / `false`.',\n    type: ['boolean', 'opened', 'closed'],\n    status: 'optional',\n  },\n  openDelay: {\n    doc: 'forces the modal to delay the opening. The delay is given in `ms`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Will disable the trigger button.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  noAnimation: {\n    doc: 'if set to `true`, no open/close animation will be shown. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  noAnimationOnMobile: {\n    doc: 'same as `noAnimation`, but gets triggered only if the viewport width is less than `40em`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animationDuration: {\n    doc: 'Duration of animation open/close in ms. Defaults to 300ms.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  preventClose: {\n    doc: \"if set to `true` (boolean or string), then the user can't close the modal.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  preventOverlayClose: {\n    doc: 'Disable clicking the background overlay to close the modal. PS! Pressing `esc` key will still close the modal.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  openModal: {\n    doc: 'set a function to call the callback function, once the modal should open: `openModal={(open) => open()}`.',\n    type: 'function',\n    status: 'optional',\n  },\n  closeModal: {\n    doc: 'set a function to call the callback function, once the modal should close: `closeModal={(close) => close()}`.',\n    type: 'function',\n    status: 'optional',\n  },\n  focusSelector: {\n    doc: 'The Modal handles the first focus – automatically. However, you can define a custom focus selector the will be used instead `focusSelector=\".css-selector\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  overlayClass: {\n    doc: 'give the page overlay a custom class name (maps to `dnb-modal__overlay`).',\n    type: 'string',\n    status: 'optional',\n  },\n  contentClass: {\n    doc: 'give the content wrapper a custom class name (maps to `dnb-modal__content`).',\n    type: 'string',\n    status: 'optional',\n  },\n  omitTriggerButton: {\n    doc: 'omits default showing trigger button.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  trigger: {\n    doc: 'provide a custom trigger component. Like `trigger={<Anchor href=\"/\" />}`. It will set the focus on it when the modal gets closed.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  triggerAttributes: {\n    doc: 'send along with custom HTML attributes or properties to the trigger button.',\n    type: 'Various',\n    status: 'optional',\n  },\n  dialogTitle: {\n    doc: 'The aria label of the dialog when no labelledBy and no title is given. Defaults to `Vindu`.',\n    type: 'string',\n    status: 'optional',\n  },\n  directDomReturn: {\n    doc: 'If true, the modal will not open in a new DOM but directly in current DOM. Defaults to `false`. Be aware of the side effects of setting this property to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  bypassInvalidationSelectors: {\n    doc: \"Define an array with HTML class selectors (`['.element-selector']`) which should not get invalidated when the modal opens/closes. Use this in order to let some parts of your site still be accessible by screen readers.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  scrollRef: {\n    doc: 'To get the scroll Element, pass in your own React ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  contentRef: {\n    doc: 'To get the inner content Element, pass in your own React ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  spacing: {\n    doc: 'if set to `false` then the modal content will be shown without any spacing. Defaults to `true`.',\n    type: 'boolean',\n    status: 'deprecated',\n  },\n  closeTitle: {\n    doc: 'the title of the close button. Defaults to _Lukk_.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  hideCloseButton: {\n    doc: 'if true, the close button will not be shown.',\n    type: 'boolean',\n    status: 'deprecated',\n  },\n  class: {\n    doc: 'give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).',\n    type: 'string',\n    status: 'optional',\n  },\n  className: {\n    doc: 'give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).',\n    type: 'string',\n    status: 'optional',\n  },\n}\n\nexport const ModalEvents: PropertiesTableProps = {\n  onOpen: {\n    doc: 'This event gets triggered once the modal shows up. Returns the modal id: `{ id }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onClose: {\n    doc: 'This event gets triggered once the modal gets closed. Returns the modal id: `{ id, event, triggeredBy }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onClosePrevent: {\n    doc: 'This event gets triggered once the user tries to close the modal, but `preventClose` is set to **true**. Returns a callback `close` you can call to trigger the close mechanism. More details below. Returns the modal id: `{ id, event, close: Method, triggeredBy }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ModalDocs.js","names":["toSnakeCase","transformPropertyNamesWithSnakeCase","properties","Object","fromEntries","entries","map","_ref","key","value","toLowerCase","ModalProperties","id","doc","type","status","rootId","contentId","labelledBy","children","fullscreen","openState","openDelay","disabled","noAnimation","noAnimationOnMobile","animationDuration","preventClose","preventOverlayClose","openModal","closeModal","focusSelector","overlayClass","contentClass","omitTriggerButton","trigger","triggerAttributes","dialogTitle","directDomReturn","bypassInvalidationSelectors","scrollRef","contentRef","spacing","closeTitle","hideCloseButton","class","className","ModalPropertiesWithSnakeCase","ModalEvents","onOpen","onClose","onClosePrevent","ModalEventsWithSnakeCase"],"sources":["../../../../src/components/modal/ModalDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\nimport { toSnakeCase } from '../../shared/component-helper'\n\nconst transformPropertyNamesWithSnakeCase = (\n  properties: PropertiesTableProps\n) => {\n  return Object.fromEntries(\n    Object.entries(properties).map(([key, value]) => [\n      key !== key.toLowerCase() ? `${key} / ${toSnakeCase(key)}` : key,\n      value,\n    ])\n  )\n}\n\nexport const ModalProperties: PropertiesTableProps = {\n  id: {\n    doc: 'The id used internal for the trigger button and Modal component.',\n    type: 'string',\n    status: 'optional',\n  },\n  rootId: {\n    doc: 'The id used internal in the modal root element. Defaults to `root`, so the element id will be `dnb-modal-root`.',\n    type: 'string',\n    status: 'optional',\n  },\n  contentId: {\n    doc: 'Defines an unique identifier to a modal. Use it in case you have to refer in some way to the modal content.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelledBy: {\n    doc: 'The ID of the trigger component, describing the modal content. Defaults to the internal `trigger`, so make sure you define the `title` in `triggerAttributes`.',\n    type: 'string',\n    status: 'optional',\n  },\n  children: {\n    doc: 'the content which will appear when triggering open the modal. If a function is given, you get a close method `() => ({ close })` in the arguments.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  fullscreen: {\n    doc: 'If set to `true` then the modal content will be shown as fullscreen, without showing the original content behind. Can be set to `false` to omit the auto fullscreen. Defaults to `auto`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  openState: {\n    doc: 'use this property to control the open/close state by setting either: `opened` / `closed` or `true` / `false`.',\n    type: ['boolean', 'opened', 'closed'],\n    status: 'optional',\n  },\n  openDelay: {\n    doc: 'forces the modal to delay the opening. The delay is given in `ms`.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Will disable the trigger button.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  noAnimation: {\n    doc: 'if set to `true`, no open/close animation will be shown. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  noAnimationOnMobile: {\n    doc: 'same as `noAnimation`, but gets triggered only if the viewport width is less than `40em`. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animationDuration: {\n    doc: 'Duration of animation open/close in ms. Defaults to 300ms.',\n    type: ['number', 'string'],\n    status: 'optional',\n  },\n  preventClose: {\n    doc: \"if set to `true` (boolean or string), then the user can't close the modal.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  preventOverlayClose: {\n    doc: 'Disable clicking the background overlay to close the modal. PS! Pressing `esc` key will still close the modal.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  openModal: {\n    doc: 'set a function to call the callback function, once the modal should open: `openModal={(open) => open()}`.',\n    type: 'function',\n    status: 'optional',\n  },\n  closeModal: {\n    doc: 'set a function to call the callback function, once the modal should close: `closeModal={(close) => close()}`.',\n    type: 'function',\n    status: 'optional',\n  },\n  focusSelector: {\n    doc: 'The Modal handles the first focus – automatically. However, you can define a custom focus selector the will be used instead `focusSelector=\".css-selector\"`.',\n    type: 'string',\n    status: 'optional',\n  },\n  overlayClass: {\n    doc: 'give the page overlay a custom class name (maps to `dnb-modal__overlay`).',\n    type: 'string',\n    status: 'optional',\n  },\n  contentClass: {\n    doc: 'give the content wrapper a custom class name (maps to `dnb-modal__content`).',\n    type: 'string',\n    status: 'optional',\n  },\n  omitTriggerButton: {\n    doc: 'omits default showing trigger button.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  trigger: {\n    doc: 'provide a custom trigger component. Like `trigger={<Anchor href=\"/\" />}`. It will set the focus on it when the modal gets closed.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  triggerAttributes: {\n    doc: 'send along with custom HTML attributes or properties to the trigger button.',\n    type: 'Various',\n    status: 'optional',\n  },\n  dialogTitle: {\n    doc: 'The aria label of the dialog when no labelledBy and no title is given. Defaults to `Vindu`.',\n    type: 'string',\n    status: 'optional',\n  },\n  directDomReturn: {\n    doc: 'If true, the modal will not open in a new DOM but directly in current DOM. Defaults to `false`. Be aware of the side effects of setting this property to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  bypassInvalidationSelectors: {\n    doc: \"Define an array with HTML class selectors (`['.element-selector']`) which should not get invalidated when the modal opens/closes. Use this in order to let some parts of your site still be accessible by screen readers.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  scrollRef: {\n    doc: 'To get the scroll Element, pass in your own React ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  contentRef: {\n    doc: 'To get the inner content Element, pass in your own React ref.',\n    type: 'React.RefObject',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n  spacing: {\n    doc: 'if set to `false` then the modal content will be shown without any spacing. Defaults to `true`.',\n    type: 'boolean',\n    status: 'deprecated',\n  },\n  closeTitle: {\n    doc: 'the title of the close button. Defaults to _Lukk_.',\n    type: 'string',\n    status: 'deprecated',\n  },\n  hideCloseButton: {\n    doc: 'if true, the close button will not be shown.',\n    type: 'boolean',\n    status: 'deprecated',\n  },\n  class: {\n    doc: 'give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).',\n    type: 'string',\n    status: 'optional',\n  },\n  className: {\n    doc: 'give the inner content wrapper a class name (maps to `dnb-modal__content__inner`).',\n    type: 'string',\n    status: 'optional',\n  },\n}\n\nexport const ModalPropertiesWithSnakeCase: PropertiesTableProps =\n  transformPropertyNamesWithSnakeCase(ModalProperties)\n\nexport const ModalEvents: PropertiesTableProps = {\n  onOpen: {\n    doc: 'This event gets triggered once the modal shows up. Returns the modal id: `{ id }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onClose: {\n    doc: 'This event gets triggered once the modal gets closed. Returns the modal id: `{ id, event, triggeredBy }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onClosePrevent: {\n    doc: 'This event gets triggered once the user tries to close the modal, but `preventClose` is set to **true**. Returns a callback `close` you can call to trigger the close mechanism. More details below. Returns the modal id: `{ id, event, close: Method, triggeredBy }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const ModalEventsWithSnakeCase: PropertiesTableProps =\n  transformPropertyNamesWithSnakeCase(ModalEvents)\n"],"mappings":"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","ignoreList":[]}

package/components/upload/Upload.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _UploadInfo, _UploadFileList;
 const _excluded = ["buttonTextSingular", "textSingular"],
-  _excluded2 = ["id", "skeleton", "className", "acceptedFileTypes", "filesAmountLimit", "fileMaxSize", "onChange", "onFileDelete", "onFileClick", "download", "allowDuplicates", "title", "text", "fileTypeTableCaption", "fileTypeDescription", "fileSizeDescription", "fileAmountDescription", "fileSizeContent", "buttonText", "loadingText", "errorLargeFile", "errorUnsupportedFile", "errorAmountLimit", "deleteButton", "fileListAriaLabel"];
+  _excluded2 = ["id", "skeleton", "className", "acceptedFileTypes", "filesAmountLimit", "fileMaxSize", "onChange", "onFileDelete", "onFileClick", "download", "allowDuplicates", "title", "text", "fileTypeTableCaption", "fileTypeDescription", "fileSizeDescription", "fileAmountDescription", "fileSizeContent", "buttonText", "loadingText", "errorLargeFile", "errorUnsupportedFile", "errorAmountLimit", "deleteButton", "fileListAriaLabel", "disableDragAndDrop"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import "core-js/modules/web.dom-collections.iterator.js";
@@ -15,6 +15,7 @@ import Provider from '../../shared/Provider';
 import Context from '../../shared/Context';
 import { extendPropsWithContext, makeUniqueId } from '../../shared/component-helper';
 import useId from '../../shared/helpers/useId';
+import HeightAnimation from '../height-animation/HeightAnimation';
 import UploadFileInput from './UploadFileInput';
 import useUpload from './useUpload';
 import UploadDropzone from './UploadDropzone';
@@ -63,7 +64,8 @@ const Upload = localProps => {
       errorUnsupportedFile,
       errorAmountLimit,
       deleteButton,
-      fileListAriaLabel
+      fileListAriaLabel,
+      disableDragAndDrop
     } = extendedProps,
     props = _objectWithoutProperties(extendedProps, _excluded2);
   const spacingClasses = createSpacingClasses(props);
@@ -106,6 +108,7 @@ const Upload = localProps => {
     }
     return validFiles;
   }, [acceptedFileTypes, errorLargeFile, errorUnsupportedFile, fileMaxSize, files, filesAmountLimit, getExistingFile, onChange, setFiles, setInternalFiles]);
+  const UploadWrapper = disableDragAndDrop ? HeightAnimation : UploadDropzone;
   return React.createElement(UploadContext.Provider, {
     value: _objectSpread(_objectSpread({}, extendedProps), {}, {
       id,
@@ -113,7 +116,7 @@ const Upload = localProps => {
     })
   }, React.createElement(Provider, {
     skeleton: skeleton
-  }, React.createElement(UploadDropzone, {
+  }, React.createElement(UploadWrapper, {
     className: classnames('dnb-upload', spacingClasses, className)
   }, _UploadInfo || (_UploadInfo = React.createElement(UploadInfo, null)), React.createElement(UploadFileInput, props), _UploadFileList || (_UploadFileList = React.createElement(UploadFileList, null)))));
 };

package/components/upload/Upload.js.map

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","names":["React","useCallback","classnames","createSpacingClasses","Provider","Context","extendPropsWithContext","makeUniqueId","useId","UploadFileInput","useUpload","UploadDropzone","UploadContext","defaultProps","verifyFiles","UploadFileList","UploadInfo","Upload","localProps","context","useContext","_context$getTranslati","getTranslation","buttonTextSingular","textSingular","translations","_objectWithoutProperties","_excluded","filesAmountLimit","buttonText","text","extendedProps","skeleton","id","idProp","className","acceptedFileTypes","fileMaxSize","onChange","onFileDelete","onFileClick","download","allowDuplicates","title","fileTypeTableCaption","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","loadingText","errorLargeFile","errorUnsupportedFile","errorAmountLimit","deleteButton","fileListAriaLabel","props","_excluded2","spacingClasses","files","setFiles","setInternalFiles","getExistingFile","onInputUpload","newFiles","mergedFiles","map","fileItem","file","existingFile","exists","Boolean","filesToVerify","filter","_ref","verifiedFiles","validFiles","slice","createElement","value","_objectSpread","_UploadInfo","_UploadFileList","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Provider from '../../shared/Provider'\nimport Context from '../../shared/Context'\nimport {\n  extendPropsWithContext,\n  makeUniqueId,\n} from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\n\n// Internal\nimport UploadFileInput from './UploadFileInput'\nimport useUpload from './useUpload'\nimport UploadDropzone from './UploadDropzone'\nimport { UploadContext, defaultProps } from './UploadContext'\nimport { verifyFiles } from './UploadVerify'\n\nimport type { UploadFile, UploadAllProps } from './types'\nimport UploadFileList from './UploadFileList'\nimport UploadInfo from './UploadInfo'\n\nexport type * from './types'\nexport { defaultProps }\n\nconst Upload = (localProps: UploadAllProps) => {\n  const context = React.useContext(Context)\n\n  const { buttonTextSingular, textSingular, ...translations } =\n    context.getTranslation(localProps).Upload\n\n  if (localProps?.filesAmountLimit === 1) {\n    translations.buttonText = buttonTextSingular\n    translations.text = textSingular\n  }\n\n  const extendedProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    translations,\n    context.Upload\n  )\n\n  const {\n    id: idProp,\n    skeleton,\n    className,\n    acceptedFileTypes,\n    filesAmountLimit,\n    fileMaxSize,\n    onChange,\n    onFileDelete, // eslint-disable-line\n    onFileClick, // eslint-disable-line\n    download, // eslint-disable-line\n    allowDuplicates, // eslint-disable-line\n    title, // eslint-disable-line\n    text, // eslint-disable-line\n    fileTypeTableCaption, // eslint-disable-line\n    fileTypeDescription, // eslint-disable-line\n    fileSizeDescription, // eslint-disable-line\n    fileAmountDescription, // eslint-disable-line\n    fileSizeContent, // eslint-disable-line\n    buttonText, // eslint-disable-line\n    loadingText, // eslint-disable-line\n    errorLargeFile,\n    errorUnsupportedFile,\n    errorAmountLimit, // eslint-disable-line\n    deleteButton, // eslint-disable-line\n    fileListAriaLabel, // eslint-disable-line\n    ...props\n  } = extendedProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  const id = useId(idProp)\n\n  const { files, setFiles, setInternalFiles, getExistingFile } =\n    useUpload(id)\n\n  const onInputUpload = useCallback(\n    (newFiles: Array<UploadFile>) => {\n      const mergedFiles = [\n        ...files,\n        ...newFiles.map((fileItem) => {\n          const { file } = fileItem\n\n          const existingFile = getExistingFile(file, files)\n\n          fileItem.exists = Boolean(existingFile)\n          fileItem.id =\n            fileItem.exists && !allowDuplicates\n              ? existingFile.id\n              : makeUniqueId()\n\n          return fileItem\n        }),\n      ]\n\n      const filesToVerify = allowDuplicates\n        ? mergedFiles\n        : mergedFiles.filter(({ exists }) => !exists)\n\n      const verifiedFiles = verifyFiles(filesToVerify, {\n        fileMaxSize,\n        acceptedFileTypes,\n        errorUnsupportedFile,\n        errorLargeFile,\n      })\n\n      const validFiles = [...verifiedFiles].slice(\n        0,\n        filesAmountLimit\n      ) as Array<UploadFile>\n\n      setFiles(validFiles)\n      setInternalFiles(mergedFiles)\n\n      if (typeof onChange === 'function') {\n        onChange({ files: validFiles })\n      }\n\n      return validFiles\n    },\n    [\n      acceptedFileTypes,\n      errorLargeFile,\n      errorUnsupportedFile,\n      fileMaxSize,\n      files,\n      filesAmountLimit,\n      getExistingFile,\n      onChange,\n      setFiles,\n      setInternalFiles,\n    ]\n  )\n\n  return (\n    <UploadContext.Provider\n      value={{\n        ...extendedProps,\n        id,\n        onInputUpload,\n      }}\n    >\n      <Provider skeleton={skeleton}>\n        <UploadDropzone\n          className={classnames('dnb-upload', spacingClasses, className)}\n        >\n          <UploadInfo />\n\n          <UploadFileInput {...props} />\n\n          <UploadFileList />\n        </UploadDropzone>\n      </Provider>\n    </UploadContext.Provider>\n  )\n}\n\nUpload.useUpload = useUpload\n\nUpload._formElement = true\nUpload._supportsSpacingProps = true\n\nexport default Upload\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Upload.js","names":["React","useCallback","classnames","createSpacingClasses","Provider","Context","extendPropsWithContext","makeUniqueId","useId","HeightAnimation","UploadFileInput","useUpload","UploadDropzone","UploadContext","defaultProps","verifyFiles","UploadFileList","UploadInfo","Upload","localProps","context","useContext","_context$getTranslati","getTranslation","buttonTextSingular","textSingular","translations","_objectWithoutProperties","_excluded","filesAmountLimit","buttonText","text","extendedProps","skeleton","id","idProp","className","acceptedFileTypes","fileMaxSize","onChange","onFileDelete","onFileClick","download","allowDuplicates","title","fileTypeTableCaption","fileTypeDescription","fileSizeDescription","fileAmountDescription","fileSizeContent","loadingText","errorLargeFile","errorUnsupportedFile","errorAmountLimit","deleteButton","fileListAriaLabel","disableDragAndDrop","props","_excluded2","spacingClasses","files","setFiles","setInternalFiles","getExistingFile","onInputUpload","newFiles","mergedFiles","map","fileItem","file","existingFile","exists","Boolean","filesToVerify","filter","_ref","verifiedFiles","validFiles","slice","UploadWrapper","createElement","value","_objectSpread","_UploadInfo","_UploadFileList","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/upload/Upload.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\n\n// Shared\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport Provider from '../../shared/Provider'\nimport Context from '../../shared/Context'\nimport {\n  extendPropsWithContext,\n  makeUniqueId,\n} from '../../shared/component-helper'\nimport useId from '../../shared/helpers/useId'\nimport HeightAnimation from '../height-animation/HeightAnimation'\n\n// Internal\nimport UploadFileInput from './UploadFileInput'\nimport useUpload from './useUpload'\nimport UploadDropzone from './UploadDropzone'\nimport { UploadContext, defaultProps } from './UploadContext'\nimport { verifyFiles } from './UploadVerify'\n\nimport type { UploadFile, UploadAllProps } from './types'\nimport UploadFileList from './UploadFileList'\nimport UploadInfo from './UploadInfo'\n\nexport type * from './types'\nexport { defaultProps }\n\nconst Upload = (localProps: UploadAllProps) => {\n  const context = React.useContext(Context)\n\n  const { buttonTextSingular, textSingular, ...translations } =\n    context.getTranslation(localProps).Upload\n\n  if (localProps?.filesAmountLimit === 1) {\n    translations.buttonText = buttonTextSingular\n    translations.text = textSingular\n  }\n\n  const extendedProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    translations,\n    context.Upload\n  )\n\n  const {\n    id: idProp,\n    skeleton,\n    className,\n    acceptedFileTypes,\n    filesAmountLimit,\n    fileMaxSize,\n    onChange,\n    onFileDelete, // eslint-disable-line\n    onFileClick, // eslint-disable-line\n    download, // eslint-disable-line\n    allowDuplicates,\n    title, // eslint-disable-line\n    text, // eslint-disable-line\n    fileTypeTableCaption, // eslint-disable-line\n    fileTypeDescription, // eslint-disable-line\n    fileSizeDescription, // eslint-disable-line\n    fileAmountDescription, // eslint-disable-line\n    fileSizeContent, // eslint-disable-line\n    buttonText, // eslint-disable-line\n    loadingText, // eslint-disable-line\n    errorLargeFile,\n    errorUnsupportedFile,\n    errorAmountLimit, // eslint-disable-line\n    deleteButton, // eslint-disable-line\n    fileListAriaLabel, // eslint-disable-line\n    disableDragAndDrop,\n    ...props\n  } = extendedProps\n\n  const spacingClasses = createSpacingClasses(props)\n\n  const id = useId(idProp)\n\n  const { files, setFiles, setInternalFiles, getExistingFile } =\n    useUpload(id)\n\n  const onInputUpload = useCallback(\n    (newFiles: Array<UploadFile>) => {\n      const mergedFiles = [\n        ...files,\n        ...newFiles.map((fileItem) => {\n          const { file } = fileItem\n\n          const existingFile = getExistingFile(file, files)\n\n          fileItem.exists = Boolean(existingFile)\n          fileItem.id =\n            fileItem.exists && !allowDuplicates\n              ? existingFile.id\n              : makeUniqueId()\n\n          return fileItem\n        }),\n      ]\n\n      const filesToVerify = allowDuplicates\n        ? mergedFiles\n        : mergedFiles.filter(({ exists }) => !exists)\n\n      const verifiedFiles = verifyFiles(filesToVerify, {\n        fileMaxSize,\n        acceptedFileTypes,\n        errorUnsupportedFile,\n        errorLargeFile,\n      })\n\n      const validFiles = [...verifiedFiles].slice(\n        0,\n        filesAmountLimit\n      ) as Array<UploadFile>\n\n      setFiles(validFiles)\n      setInternalFiles(mergedFiles)\n\n      if (typeof onChange === 'function') {\n        onChange({ files: validFiles })\n      }\n\n      return validFiles\n    },\n    [\n      acceptedFileTypes,\n      errorLargeFile,\n      errorUnsupportedFile,\n      fileMaxSize,\n      files,\n      filesAmountLimit,\n      getExistingFile,\n      onChange,\n      setFiles,\n      setInternalFiles,\n    ]\n  )\n\n  const UploadWrapper = disableDragAndDrop\n    ? HeightAnimation\n    : UploadDropzone\n\n  return (\n    <UploadContext.Provider\n      value={{\n        ...extendedProps,\n        id,\n        onInputUpload,\n      }}\n    >\n      <Provider skeleton={skeleton}>\n        <UploadWrapper\n          className={classnames('dnb-upload', spacingClasses, className)}\n        >\n          <UploadInfo />\n\n          <UploadFileInput {...props} />\n\n          <UploadFileList />\n        </UploadWrapper>\n      </Provider>\n    </UploadContext.Provider>\n  )\n}\n\nUpload.useUpload = useUpload\n\nUpload._formElement = true\nUpload._supportsSpacingProps = true\n\nexport default Upload\n"],"mappings":"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","ignoreList":[]}

package/components/upload/UploadDocs.d.ts

@@ -2,3 +2,4 @@ import { PropertiesTableProps } from '../../shared/types';
 export declare const UploadProperties: PropertiesTableProps;
 export declare const AcceptedFileTypeProperties: PropertiesTableProps;
 export declare const UploadEvents: PropertiesTableProps;
+export declare const FileItemProperties: PropertiesTableProps;

package/components/upload/UploadDocs.js

@@ -39,6 +39,11 @@ export const UploadProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  disableDragAndDrop: {
+    doc: 'Disables file drag and drop, by removing the drop zone. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
   skeleton: {
     doc: 'Skeleton should be applied when loading content.',
     type: 'boolean',
@@ -79,4 +84,41 @@ export const UploadEvents = {
     status: 'optional'
   }
 };
+export const FileItemProperties = {
+  file: {
+    doc: 'The file object. This is the same object as the one returned by the `File` API.',
+    type: 'File',
+    status: 'required'
+  },
+  id: {
+    doc: 'Unique ID for the file item. This ID is generated by the component and is not user-defined.',
+    type: 'string',
+    status: 'required'
+  },
+  exists: {
+    doc: 'Indicates if the file item already exists in the list of files. This is useful for distinguishing between new and existing files.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  isLoading: {
+    doc: 'Indicates if the file item is currently being loaded. This is useful for showing a loading state while the file is being processed.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  errorMessage: {
+    doc: 'Provide an error message to be displayed. This is useful for indicating issues with the file upload process.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  description: {
+    doc: 'Provide a description to be displayed. This is useful for providing additional information about the file.',
+    type: 'React.ReactNode',
+    status: 'optional'
+  },
+  removeDeleteButton: {
+    doc: 'Set to `true` to remove the delete button from the file item. This is useful for preventing users from deleting files.',
+    type: 'boolean',
+    status: 'optional'
+  }
+};
 //# sourceMappingURL=UploadDocs.js.map

package/components/upload/UploadDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadDocs.js","names":["UploadProperties","id","doc","type","status","acceptedFileTypes","filesAmountLimit","fileMaxSize","title","text","download","allowDuplicates","skeleton","AcceptedFileTypeProperties","fileType","UploadEvents","onChange","onFileDelete","onFileClick"],"sources":["../../../../src/components/upload/UploadDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const UploadProperties: PropertiesTableProps = {\n  id: {\n    doc: 'Unique id used with the useUpload hook to manage the files. Needed when wanting to connect with the useUpload hook.',\n    type: ['string', 'Function', 'Object', 'React.Context'],\n    status: 'optional',\n  },\n  acceptedFileTypes: {\n    doc: 'List of accepted file types. Either as string or [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype). When providing a list of [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype), the accepted file types will be presented in a table(see [example](/uilib/components/upload/demos/#upload-with-file-max-size-based-on-file-type)).',\n    type: ['Array<string>', 'Array<AcceptedFileType>'],\n    status: 'required',\n  },\n  filesAmountLimit: {\n    doc: 'Defines the amount of files the user can select and upload. Defaults to 100.',\n    type: 'number',\n    status: 'optional',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of each file in MB. Use either `0` or `false` to disable. Defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n  title: {\n    doc: 'Custom text property. Replaces the default title. Can be disabled using `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  text: {\n    doc: 'Custom text property. Replaces the default text. Can be disabled using `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  download: {\n    doc: 'Causes the browser to treat all listed files as downloadable instead of opening them in a new browser tab or window. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  allowDuplicates: {\n    doc: 'Allows uploading of duplicate files. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'Skeleton should be applied when loading content.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AcceptedFileTypeProperties: PropertiesTableProps = {\n  fileType: {\n    doc: 'The name of the accepted file type.',\n    type: 'string',\n    status: 'required',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of the given file type in MB. Use either `0` or `false` to disable. If not provided, it defaults to the value of [Uploads](/uilib/components/upload/properties/#properties) `fileMaxSize` which defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n}\n\nexport const UploadEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on `files` changes made by the user. Access the files with `{ files }` (containing each a `fileItem`).',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileDelete: {\n    doc: 'Will be called once a file gets deleted by the user. Access the deleted file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileClick: {\n    doc: 'Will be called once a file gets clicked on by the user. Access the clicked file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gBAAsC,GAAG;EACpDC,EAAE,EAAE;IACFC,GAAG,EAAE,qHAAqH;IAC1HC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,CAAC;IACvDC,MAAM,EAAE;EACV,CAAC;EACDC,iBAAiB,EAAE;IACjBH,GAAG,EAAE,oXAAoX;IACzXC,IAAI,EAAE,CAAC,eAAe,EAAE,yBAAyB,CAAC;IAClDC,MAAM,EAAE;EACV,CAAC;EACDE,gBAAgB,EAAE;IAChBJ,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,uGAAuG;IAC5GC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,eAAe,EAAE;IACfT,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,kDAAkD;IACvDC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMS,0BAAgD,GAAG;EAC9DC,QAAQ,EAAE;IACRZ,GAAG,EAAE,qCAAqC;IAC1CC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,6OAA6O;IAClPC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMW,YAAkC,GAAG;EAChDC,QAAQ,EAAE;IACRd,GAAG,EAAE,uHAAuH;IAC5HC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDa,YAAY,EAAE;IACZf,GAAG,EAAE,mGAAmG;IACxGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDc,WAAW,EAAE;IACXhB,GAAG,EAAE,sGAAsG;IAC3GC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"UploadDocs.js","names":["UploadProperties","id","doc","type","status","acceptedFileTypes","filesAmountLimit","fileMaxSize","title","text","download","allowDuplicates","disableDragAndDrop","skeleton","AcceptedFileTypeProperties","fileType","UploadEvents","onChange","onFileDelete","onFileClick","FileItemProperties","file","exists","isLoading","errorMessage","description","removeDeleteButton"],"sources":["../../../../src/components/upload/UploadDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const UploadProperties: PropertiesTableProps = {\n  id: {\n    doc: 'Unique id used with the useUpload hook to manage the files. Needed when wanting to connect with the useUpload hook.',\n    type: ['string', 'Function', 'Object', 'React.Context'],\n    status: 'optional',\n  },\n  acceptedFileTypes: {\n    doc: 'List of accepted file types. Either as string or [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype). When providing a list of [AcceptedFileType](/uilib/components/upload/properties/#acceptedfiletype), the accepted file types will be presented in a table(see [example](/uilib/components/upload/demos/#upload-with-file-max-size-based-on-file-type)).',\n    type: ['Array<string>', 'Array<AcceptedFileType>'],\n    status: 'required',\n  },\n  filesAmountLimit: {\n    doc: 'Defines the amount of files the user can select and upload. Defaults to 100.',\n    type: 'number',\n    status: 'optional',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of each file in MB. Use either `0` or `false` to disable. Defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n  title: {\n    doc: 'Custom text property. Replaces the default title. Can be disabled using `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  text: {\n    doc: 'Custom text property. Replaces the default text. Can be disabled using `false`.',\n    type: 'string',\n    status: 'optional',\n  },\n  download: {\n    doc: 'Causes the browser to treat all listed files as downloadable instead of opening them in a new browser tab or window. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  allowDuplicates: {\n    doc: 'Allows uploading of duplicate files. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disableDragAndDrop: {\n    doc: 'Disables file drag and drop, by removing the drop zone. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skeleton: {\n    doc: 'Skeleton should be applied when loading content.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const AcceptedFileTypeProperties: PropertiesTableProps = {\n  fileType: {\n    doc: 'The name of the accepted file type.',\n    type: 'string',\n    status: 'required',\n  },\n  fileMaxSize: {\n    doc: 'Defines the max file size of the given file type in MB. Use either `0` or `false` to disable. If not provided, it defaults to the value of [Uploads](/uilib/components/upload/properties/#properties) `fileMaxSize` which defaults to 5 MB.',\n    type: ['number', 'false'],\n    status: 'optional',\n  },\n}\n\nexport const UploadEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called on `files` changes made by the user. Access the files with `{ files }` (containing each a `fileItem`).',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileDelete: {\n    doc: 'Will be called once a file gets deleted by the user. Access the deleted file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n  onFileClick: {\n    doc: 'Will be called once a file gets clicked on by the user. Access the clicked file with `{ fileItem }`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const FileItemProperties: PropertiesTableProps = {\n  file: {\n    doc: 'The file object. This is the same object as the one returned by the `File` API.',\n    type: 'File',\n    status: 'required',\n  },\n  id: {\n    doc: 'Unique ID for the file item. This ID is generated by the component and is not user-defined.',\n    type: 'string',\n    status: 'required',\n  },\n  exists: {\n    doc: 'Indicates if the file item already exists in the list of files. This is useful for distinguishing between new and existing files.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  isLoading: {\n    doc: 'Indicates if the file item is currently being loaded. This is useful for showing a loading state while the file is being processed.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  errorMessage: {\n    doc: 'Provide an error message to be displayed. This is useful for indicating issues with the file upload process.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  description: {\n    doc: 'Provide a description to be displayed. This is useful for providing additional information about the file.',\n    type: 'React.ReactNode',\n    status: 'optional',\n  },\n  removeDeleteButton: {\n    doc: 'Set to `true` to remove the delete button from the file item. This is useful for preventing users from deleting files.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":"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","ignoreList":[]}