@dnb/eufemia 10.62.4 → 10.63.0

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

@@ -1 +1 @@
-{"version":3,"file":"InputMaskedHooks.js","names":["React","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","InputElement","params","innerRef","_extends","inputRef","inputElement","guide","className","useEventMapping","callEvent","useCallEvent","onBeforeInput","event","onFocus","onBlur","onMouseUp","onMouseDown","onKeyDown","onSubmit","onChange","on_focus","undefined","on_blur","on_key_down","on_submit","on_change","isNumberMask","decimalSeparators","isUnidentified","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 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  const InputElement = (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 || []}\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  return InputElement\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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"}
+{"version":3,"file":"InputMaskedHooks.js","names":["React","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","InputElement","params","innerRef","_extends","inputRef","inputElement","guide","className","useEventMapping","callEvent","useCallEvent","onBeforeInput","event","onFocus","onBlur","onMouseUp","onMouseDown","onKeyDown","onSubmit","onChange","on_focus","undefined","on_blur","on_key_down","on_submit","on_change","isNumberMask","decimalSeparators","isUnidentified","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 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  const InputElement = (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  return InputElement\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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"}

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

@@ -20,7 +20,7 @@ export const correctNumberValue = ({
   locale,
   maskParams
 }) => {
-  let value = props.value === null ? null : String(props.value);
+  let value = props.value === null ? null : props.value === undefined ? undefined : String(props.value);
   if (isNaN(parseFloat(value))) {
     return value;
   }

package/es/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","k","v","includes","isRequestingNumberMask","correctNumberValue","localValue","locale","maskParams","value","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","undefined","placeholderChar","prefixStart","prefixEnd","char","mask","chars","l","i","RegExp","n","_mask$test","call","e","window","requestAnimationFrame","handlePercentMask","_String","_String$match","percent","match","handleCurrencyMask","mask_options","currency_mask","givenParams","paramsWithDefaults","showMask","currency","handleNumberMask","number_mask","getSoftKeyboardAttributes","instanceOf","allowNegative","inputMode","handleThousandsSeparator","handleDecimalSeparator","fromJSON","str","fallback","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 = props.value === null ? null : 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":"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"}
+{"version":3,"file":"InputMaskedUtils.js","names":["format","getDecimalSeparator","getThousandsSeparator","warn","IS_IOS","safeSetSelection","enableLocaleSupportWhen","enableNumberMaskWhen","invisibleSpace","isRequestingLocaleSupport","props","Object","entries","some","k","v","includes","isRequestingNumberMask","correctNumberValue","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","_String","_String$match","percent","match","handleCurrencyMask","mask_options","currency_mask","givenParams","paramsWithDefaults","showMask","currency","handleNumberMask","number_mask","getSoftKeyboardAttributes","instanceOf","allowNegative","inputMode","handleThousandsSeparator","handleDecimalSeparator","fromJSON","str","fallback","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":"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"}

package/es/components/input-masked/style/dnb-input-masked.css

@@ -19,15 +19,15 @@
 .dnb-multi-input-mask__fieldset:not([class*=space__top]) {
   margin-top: 0;
 }
-.dnb-multi-input-mask__fieldset:not([class*=space__right]) {
-  margin-right: 0;
-}
 .dnb-multi-input-mask__fieldset:not([class*=space__bottom]) {
   margin-bottom: 0;
 }
 .dnb-multi-input-mask__fieldset:not([class*=space__left]) {
   margin-left: 0;
 }
+.dnb-multi-input-mask__fieldset:not([class*=space__right]) {
+  margin-right: 0;
+}
 .dnb-multi-input-mask__fieldset--horizontal {
   display: inline-flex;
   flex-flow: row wrap;

package/es/components/input-masked/style/dnb-input-masked.min.css

@@ -1 +1 @@
-.dnb-input-masked--guide{font-family:var(--font-family-monospace)}.dnb-input-masked input::placeholder{color:inherit}.dnb-multi-input-mask__fieldset{border:none;padding:0}.dnb-multi-input-mask__fieldset:not([class*=space__top]){margin-top:0}.dnb-multi-input-mask__fieldset:not([class*=space__right]){margin-right:0}.dnb-multi-input-mask__fieldset:not([class*=space__bottom]){margin-bottom:0}.dnb-multi-input-mask__fieldset:not([class*=space__left]){margin-left:0}.dnb-multi-input-mask__fieldset--horizontal{align-items:baseline;display:inline-flex;flex-flow:row wrap;gap:1rem}.dnb-multi-input-mask__input.dnb-input__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}.dnb-multi-input-mask__input.dnb-input__input:first-of-type{padding-left:.5rem}.dnb-multi-input-mask__input.dnb-input__input:last-of-type{padding-right:.5rem}.dnb-input--large .dnb-multi-input-mask__input.dnb-input__input,.dnb-input--medium .dnb-multi-input-mask__input.dnb-input__input{padding:0 .25rem}.dnb-multi-input-mask{width:-moz-fit-content;width:fit-content}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input{color:var(--color-black-55)}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight{color:var(--color-black)}
+.dnb-input-masked--guide{font-family:var(--font-family-monospace)}.dnb-input-masked input::placeholder{color:inherit}.dnb-multi-input-mask__fieldset{border:none;padding:0}.dnb-multi-input-mask__fieldset:not([class*=space__top]){margin-top:0}.dnb-multi-input-mask__fieldset:not([class*=space__bottom]){margin-bottom:0}.dnb-multi-input-mask__fieldset:not([class*=space__left]){margin-left:0}.dnb-multi-input-mask__fieldset:not([class*=space__right]){margin-right:0}.dnb-multi-input-mask__fieldset--horizontal{align-items:baseline;display:inline-flex;flex-flow:row wrap;gap:1rem}.dnb-multi-input-mask__input.dnb-input__input{background:transparent;border:none;display:inline-block;font-family:var(--font-family-monospace);margin:0;outline:none;overflow:visible;padding:0 .125rem;text-align:center;transform:translateY(0);white-space:nowrap;width:auto}.dnb-multi-input-mask__input.dnb-input__input:first-of-type{padding-left:.5rem}.dnb-multi-input-mask__input.dnb-input__input:last-of-type{padding-right:.5rem}.dnb-input--large .dnb-multi-input-mask__input.dnb-input__input,.dnb-input--medium .dnb-multi-input-mask__input.dnb-input__input{padding:0 .25rem}.dnb-multi-input-mask{width:-moz-fit-content;width:fit-content}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input{color:var(--color-black-55)}.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight,.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight{color:var(--color-black)}

package/es/components/pagination/Pagination.d.ts

@@ -163,6 +163,10 @@ export interface PaginationProps
    * Used to set load button text and icon alignment. Accepts a function returning a ReactNode too, so you can replace the button with your own component.
    */
   loadButton?: LoadButtonProps;
+  /**
+   * Used to set spacing for the pagination bar. Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`. See property <a href="/uilib/layout/space/properties">space</a>.
+   */
+  barSpace?: SpaceTypeAll;
   className?: string;
   /**
    * The given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.
@@ -349,6 +353,10 @@ interface PaginationInstanceProps extends SpacingProps {
    * Used to set loadButton text and icon aligment. Accepts a function returning a ReactNode too, so you can replace the button with your own component.
    */
   loadButton?: LoadButtonProps;
+  /**
+   * Used to set spacing for the pagination bar. Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`. See property [space](/uilib/layout/space/properties).
+   */
+  barSpace?: SpaceTypeAll;
   /**
    * The given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.
    */
@@ -528,6 +536,10 @@ interface InfinityMarkerProps extends SpacingProps {
    * Used to set loadButton text and icon aligment. Accepts a function returning a ReactNode too, so you can replace the button with your own component.
    */
   loadButton?: LoadButtonProps;
+  /**
+   * Used to set spacing for the pagination bar. Has to be an object with either: `top`, `right`, `bottom` or `left`. Use spacing values like: `small`, `1rem`, `1` or , `16px`. See property [space](/uilib/layout/space/properties).
+   */
+  barSpace?: SpaceTypeAll;
   className?: string;
   /**
    * The given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.

package/es/components/pagination/Pagination.js

@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _InfinityScroller;
-const _excluded = ["align", "children", "className", "disabled", "skeleton", "tagName", "page_count", "current_page", "startup_page", "mode", "hide_progress_indicator", "use_load_button", "currentPage"],
+const _excluded = ["align", "children", "className", "barSpace", "disabled", "skeleton", "tagName", "page_count", "current_page", "startup_page", "mode", "hide_progress_indicator", "use_load_button", "currentPage"],
   _excluded2 = ["children"],
   _excluded3 = ["children"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -46,7 +46,8 @@ const paginationPropTypes = process.env.NODE_ENV !== "production" ? _objectSprea
   more_pages: PropTypes.string,
   is_loading_text: PropTypes.string,
   load_button_text: PropTypes.string,
-  loadButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
+  loadButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
+  barSpace: spacingPropTypes.space
 }, spacingPropTypes), {}, {
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
@@ -77,6 +78,7 @@ const paginationDefaultProps = {
   is_loading_text: null,
   load_button_text: null,
   loadButton: null,
+  barSpace: null,
   startup_count: 1,
   parallel_load_count: 1,
   place_maker_before_content: false,
@@ -111,6 +113,7 @@ class PaginationInstance extends React.PureComponent {
         align,
         children,
         className,
+        barSpace,
         disabled: _disabled,
         skeleton: _skeleton,
         tagName: _tagName,
@@ -139,7 +142,8 @@ class PaginationInstance extends React.PureComponent {
         pageNumber
       }) => pageNumber === currentPage)) === null || _items$find === void 0 ? void 0 : _items$find.content;
       return React.createElement("div", mainParams, React.createElement(PaginationBar, {
-        contentRef: this._contentRef
+        contentRef: this._contentRef,
+        space: barSpace
       }, children), items.length > 0 && React.createElement(PaginationContent, {
         ref: this._contentRef
       }, content || React.createElement(PaginationIndicator, {

package/es/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","PropTypes","classnames","PaginationContext","PaginationProvider","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","PaginationIndicator","InfinityScroller","PaginationBar","paginationPropTypes","process","env","NODE_ENV","_objectSpread","startup_page","oneOfType","string","number","current_page","page_count","startup_count","parallel_load_count","place_maker_before_content","bool","min_wait_time","disabled","skeleton","mode","oneOf","use_load_button","items","array","hide_progress_indicator","set_content_handler","func","reset_content_handler","reset_pagination_handler","end_infinity_handler","page_element","object","node","fallback_element","marker_element","indicator_element","align","button_title","prev_title","next_title","more_pages","is_loading_text","load_button_text","loadButton","className","children","on_change","on_startup","on_load","on_end","paginationDefaultProps","undefined","Pagination","PureComponent","render","createElement","_extends","tagName","internalContent","props","PaginationInstance","_defineProperty","propTypes","constructor","_contentRef","createRef","context","getTranslation","_disabled","_skeleton","_tagName","_page_count","_current_page","_startup_page","_mode","_hide_progress_indicator","_use_load_button","currentPage","_currentPage","attributes","_objectWithoutProperties","_excluded","pagination","_items$find","mainParams","content","find","pageNumber","contentRef","length","PaginationContent","ref","_InfinityScroller","InfinityMarker","_this$props","_excluded2","useMarkerOnly","forwardRef","_ref","_excluded3","tabIndex","isRequired","Bar","Content","PaginationWrapper","InfinityMarkerWrapper","createPagination","initProps","store","rerender","_setContent","_resetContent","_resetInfinity","_endInfinity","setContent","current","resetContent","resetInfinity","endInfinity","args","fn","_supportsSpacingProps"],"sources":["../../../../src/components/pagination/Pagination.js"],"sourcesContent":["/**\n * Web Pagination Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport PaginationContext from './PaginationContext'\nimport PaginationProvider from './PaginationProvider'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nimport { PaginationIndicator } from './PaginationHelpers'\nimport InfinityScroller from './PaginationInfinity'\nimport PaginationBar from './PaginationBar'\n\nconst paginationPropTypes = {\n  startup_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  current_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  page_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  startup_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  parallel_load_count: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  place_maker_before_content: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  min_wait_time: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  mode: PropTypes.oneOf(['pagination', 'infinity']),\n  use_load_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  items: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  hide_progress_indicator: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  set_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_pagination_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  end_infinity_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  page_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  fallback_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  marker_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  indicator_element: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  align: PropTypes.string,\n  button_title: PropTypes.string,\n  prev_title: PropTypes.string,\n  next_title: PropTypes.string,\n  more_pages: PropTypes.string,\n  is_loading_text: PropTypes.string,\n  load_button_text: PropTypes.string,\n  loadButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n  ...spacingPropTypes,\n\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n  on_change: PropTypes.func,\n  on_startup: PropTypes.func,\n  on_load: PropTypes.func,\n  on_end: PropTypes.func,\n}\n\nconst paginationDefaultProps = {\n  startup_page: null,\n  current_page: null,\n  page_count: null,\n  mode: 'pagination',\n  use_load_button: false,\n  items: null,\n  hide_progress_indicator: false,\n  set_content_handler: null,\n  reset_content_handler: null,\n  page_element: undefined,\n  fallback_element: undefined,\n  marker_element: undefined,\n  indicator_element: undefined,\n  align: 'left',\n  button_title: null,\n  prev_title: null,\n  next_title: null,\n  more_pages: null,\n  is_loading_text: null,\n  load_button_text: null,\n  loadButton: null,\n  startup_count: 1,\n  parallel_load_count: 1,\n  place_maker_before_content: false,\n  min_wait_time: 400,\n  disabled: null,\n  skeleton: null,\n\n  className: null,\n  children: null,\n\n  on_change: null,\n  on_startup: null,\n  on_load: null,\n  on_end: null,\n}\n\nexport default class Pagination extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    return (\n      <PaginationProvider\n        tagName=\"dnb-pagination\"\n        internalContent={this.props.children}\n        {...this.props}\n      >\n        <PaginationInstance {...this.props} />\n      </PaginationProvider>\n    )\n  }\n}\n\nclass PaginationInstance extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n  static contextType = PaginationContext\n\n  constructor(props) {\n    super(props)\n    this._contentRef = React.createRef()\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      paginationDefaultProps,\n      this.context.getTranslation(this.props).Pagination,\n      this.context.Pagination\n    )\n\n    const {\n      align,\n      children,\n      className,\n\n      disabled: _disabled, // eslint-disable-line\n      skeleton: _skeleton, // eslint-disable-line\n      tagName: _tagName, // eslint-disable-line\n      page_count: _page_count, // eslint-disable-line\n      current_page: _current_page, // eslint-disable-line\n      startup_page: _startup_page, // eslint-disable-line\n      mode: _mode, // eslint-disable-line\n      hide_progress_indicator: _hide_progress_indicator, // eslint-disable-line\n      use_load_button: _use_load_button, // eslint-disable-line\n      currentPage: _currentPage, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    // our props\n    const { currentPage, items, fallback_element, indicator_element } =\n      this.context.pagination\n\n    // Pagination mode\n    if (this.context.pagination.mode === 'pagination') {\n      const mainParams = {\n        className: classnames(\n          'dnb-pagination',\n          align && `dnb-pagination--${align}`,\n          createSpacingClasses(props),\n          className\n        ),\n        ...attributes,\n      }\n\n      validateDOMAttributes(props, mainParams)\n\n      const content = items.find(\n        ({ pageNumber }) => pageNumber === currentPage\n      )?.content\n\n      return (\n        <div {...mainParams}>\n          <PaginationBar contentRef={this._contentRef}>\n            {children}\n          </PaginationBar>\n          {items.length > 0 && (\n            <PaginationContent ref={this._contentRef}>\n              {content || (\n                <PaginationIndicator\n                  indicator_element={indicator_element || fallback_element}\n                />\n              )}\n            </PaginationContent>\n          )}\n        </div>\n      )\n    }\n\n    // InfinityScroller mode\n    return <InfinityScroller />\n  }\n}\n\nexport class InfinityMarker extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    const { children, ...props } = this.props\n    return (\n      <PaginationProvider\n        useMarkerOnly\n        tagName=\"dnb-infinity-marker\"\n        {...props}\n      >\n        <InfinityScroller {...props}>{children}</InfinityScroller>\n      </PaginationProvider>\n    )\n  }\n}\n\nconst PaginationContent = React.forwardRef(\n  ({ children, ...props }, ref) => {\n    return (\n      <div\n        className=\"dnb-pagination__content dnb-no-focus\"\n        tabIndex=\"-1\"\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nPaginationContent.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n}\n\n// NB: This is not ready yet\nPagination.Bar = PaginationBar\nPagination.Content = PaginationContent\n\nconst PaginationWrapper = Pagination\nconst InfinityMarkerWrapper = InfinityMarker\n\nexport const Bar = (props) => (\n  <Pagination fallback_element={() => null} {...props} />\n)\n\nexport const createPagination = (initProps = {}) => {\n  const store = React.createRef({})\n  const rerender = React.createRef(null)\n  const _setContent = React.createRef(null)\n  const _resetContent = React.createRef(null)\n  const _resetInfinity = React.createRef(null)\n  const _endInfinity = React.createRef(null)\n\n  const setContent = (pageNumber, content) => {\n    if (pageNumber > 0) {\n      store.current = { ...store.current, ...{ pageNumber, content } }\n      rerender.current && rerender.current(store)\n    }\n  }\n  const resetContent = () => {\n    _resetContent.current && _resetContent.current()\n  }\n  const resetInfinity = () => {\n    _resetInfinity.current && _resetInfinity.current()\n  }\n  const endInfinity = () => {\n    _endInfinity.current && _endInfinity.current()\n  }\n\n  const args = (props) => ({\n    ...{ ...initProps, ...props },\n    store,\n    rerender,\n    set_content_handler: (fn) => (_setContent.current = fn),\n    reset_content_handler: (fn) => (_resetContent.current = fn),\n    reset_pagination_handler: (fn) => (_resetInfinity.current = fn),\n    end_infinity_handler: (fn) => (_endInfinity.current = fn),\n  })\n\n  const Pagination = (props) => (\n    <PaginationWrapper tagName=\"dnb-pagination\" {...args(props)} />\n  )\n\n  const InfinityMarker = (props) => (\n    <InfinityMarkerWrapper\n      tagName={InfinityMarkerWrapper?.tagName}\n      {...args(props)}\n    />\n  )\n\n  return {\n    Pagination,\n    InfinityMarker,\n    setContent,\n    resetContent,\n    resetInfinity,\n    endInfinity,\n  }\n}\n\nPagination._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["React","PropTypes","classnames","PaginationContext","PaginationProvider","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","PaginationIndicator","InfinityScroller","PaginationBar","paginationPropTypes","process","env","NODE_ENV","_objectSpread","startup_page","oneOfType","string","number","current_page","page_count","startup_count","parallel_load_count","place_maker_before_content","bool","min_wait_time","disabled","skeleton","mode","oneOf","use_load_button","items","array","hide_progress_indicator","set_content_handler","func","reset_content_handler","reset_pagination_handler","end_infinity_handler","page_element","object","node","fallback_element","marker_element","indicator_element","align","button_title","prev_title","next_title","more_pages","is_loading_text","load_button_text","loadButton","barSpace","space","className","children","on_change","on_startup","on_load","on_end","paginationDefaultProps","undefined","Pagination","PureComponent","render","createElement","_extends","tagName","internalContent","props","PaginationInstance","_defineProperty","propTypes","constructor","_contentRef","createRef","context","getTranslation","_disabled","_skeleton","_tagName","_page_count","_current_page","_startup_page","_mode","_hide_progress_indicator","_use_load_button","currentPage","_currentPage","attributes","_objectWithoutProperties","_excluded","pagination","_items$find","mainParams","content","find","pageNumber","contentRef","length","PaginationContent","ref","_InfinityScroller","InfinityMarker","_this$props","_excluded2","useMarkerOnly","forwardRef","_ref","_excluded3","tabIndex","isRequired","Bar","Content","PaginationWrapper","InfinityMarkerWrapper","createPagination","initProps","store","rerender","_setContent","_resetContent","_resetInfinity","_endInfinity","setContent","current","resetContent","resetInfinity","endInfinity","args","fn","_supportsSpacingProps"],"sources":["../../../../src/components/pagination/Pagination.js"],"sourcesContent":["/**\n * Web Pagination Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport PaginationContext from './PaginationContext'\nimport PaginationProvider from './PaginationProvider'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nimport { PaginationIndicator } from './PaginationHelpers'\nimport InfinityScroller from './PaginationInfinity'\nimport PaginationBar from './PaginationBar'\n\nconst paginationPropTypes = {\n  startup_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  current_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  page_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  startup_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  parallel_load_count: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  place_maker_before_content: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  min_wait_time: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  mode: PropTypes.oneOf(['pagination', 'infinity']),\n  use_load_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  items: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  hide_progress_indicator: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  set_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_pagination_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  end_infinity_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  page_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  fallback_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  marker_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  indicator_element: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  align: PropTypes.string,\n  button_title: PropTypes.string,\n  prev_title: PropTypes.string,\n  next_title: PropTypes.string,\n  more_pages: PropTypes.string,\n  is_loading_text: PropTypes.string,\n  load_button_text: PropTypes.string,\n  loadButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n  barSpace: spacingPropTypes.space,\n\n  ...spacingPropTypes,\n\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n  on_change: PropTypes.func,\n  on_startup: PropTypes.func,\n  on_load: PropTypes.func,\n  on_end: PropTypes.func,\n}\n\nconst paginationDefaultProps = {\n  startup_page: null,\n  current_page: null,\n  page_count: null,\n  mode: 'pagination',\n  use_load_button: false,\n  items: null,\n  hide_progress_indicator: false,\n  set_content_handler: null,\n  reset_content_handler: null,\n  page_element: undefined,\n  fallback_element: undefined,\n  marker_element: undefined,\n  indicator_element: undefined,\n  align: 'left',\n  button_title: null,\n  prev_title: null,\n  next_title: null,\n  more_pages: null,\n  is_loading_text: null,\n  load_button_text: null,\n  loadButton: null,\n  barSpace: null,\n  startup_count: 1,\n  parallel_load_count: 1,\n  place_maker_before_content: false,\n  min_wait_time: 400,\n  disabled: null,\n  skeleton: null,\n\n  className: null,\n  children: null,\n\n  on_change: null,\n  on_startup: null,\n  on_load: null,\n  on_end: null,\n}\n\nexport default class Pagination extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    return (\n      <PaginationProvider\n        tagName=\"dnb-pagination\"\n        internalContent={this.props.children}\n        {...this.props}\n      >\n        <PaginationInstance {...this.props} />\n      </PaginationProvider>\n    )\n  }\n}\n\nclass PaginationInstance extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n  static contextType = PaginationContext\n\n  constructor(props) {\n    super(props)\n    this._contentRef = React.createRef()\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      paginationDefaultProps,\n      this.context.getTranslation(this.props).Pagination,\n      this.context.Pagination\n    )\n\n    const {\n      align,\n      children,\n      className,\n      barSpace,\n\n      disabled: _disabled, // eslint-disable-line\n      skeleton: _skeleton, // eslint-disable-line\n      tagName: _tagName, // eslint-disable-line\n      page_count: _page_count, // eslint-disable-line\n      current_page: _current_page, // eslint-disable-line\n      startup_page: _startup_page, // eslint-disable-line\n      mode: _mode, // eslint-disable-line\n      hide_progress_indicator: _hide_progress_indicator, // eslint-disable-line\n      use_load_button: _use_load_button, // eslint-disable-line\n      currentPage: _currentPage, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    // our props\n    const { currentPage, items, fallback_element, indicator_element } =\n      this.context.pagination\n\n    // Pagination mode\n    if (this.context.pagination.mode === 'pagination') {\n      const mainParams = {\n        className: classnames(\n          'dnb-pagination',\n          align && `dnb-pagination--${align}`,\n          createSpacingClasses(props),\n          className\n        ),\n        ...attributes,\n      }\n\n      validateDOMAttributes(props, mainParams)\n\n      const content = items.find(\n        ({ pageNumber }) => pageNumber === currentPage\n      )?.content\n\n      return (\n        <div {...mainParams}>\n          <PaginationBar contentRef={this._contentRef} space={barSpace}>\n            {children}\n          </PaginationBar>\n          {items.length > 0 && (\n            <PaginationContent ref={this._contentRef}>\n              {content || (\n                <PaginationIndicator\n                  indicator_element={indicator_element || fallback_element}\n                />\n              )}\n            </PaginationContent>\n          )}\n        </div>\n      )\n    }\n\n    // InfinityScroller mode\n    return <InfinityScroller />\n  }\n}\n\nexport class InfinityMarker extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    const { children, ...props } = this.props\n    return (\n      <PaginationProvider\n        useMarkerOnly\n        tagName=\"dnb-infinity-marker\"\n        {...props}\n      >\n        <InfinityScroller {...props}>{children}</InfinityScroller>\n      </PaginationProvider>\n    )\n  }\n}\n\nconst PaginationContent = React.forwardRef(\n  ({ children, ...props }, ref) => {\n    return (\n      <div\n        className=\"dnb-pagination__content dnb-no-focus\"\n        tabIndex=\"-1\"\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nPaginationContent.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n}\n\n// NB: This is not ready yet\nPagination.Bar = PaginationBar\nPagination.Content = PaginationContent\n\nconst PaginationWrapper = Pagination\nconst InfinityMarkerWrapper = InfinityMarker\n\nexport const Bar = (props) => (\n  <Pagination fallback_element={() => null} {...props} />\n)\n\nexport const createPagination = (initProps = {}) => {\n  const store = React.createRef({})\n  const rerender = React.createRef(null)\n  const _setContent = React.createRef(null)\n  const _resetContent = React.createRef(null)\n  const _resetInfinity = React.createRef(null)\n  const _endInfinity = React.createRef(null)\n\n  const setContent = (pageNumber, content) => {\n    if (pageNumber > 0) {\n      store.current = { ...store.current, ...{ pageNumber, content } }\n      rerender.current && rerender.current(store)\n    }\n  }\n  const resetContent = () => {\n    _resetContent.current && _resetContent.current()\n  }\n  const resetInfinity = () => {\n    _resetInfinity.current && _resetInfinity.current()\n  }\n  const endInfinity = () => {\n    _endInfinity.current && _endInfinity.current()\n  }\n\n  const args = (props) => ({\n    ...{ ...initProps, ...props },\n    store,\n    rerender,\n    set_content_handler: (fn) => (_setContent.current = fn),\n    reset_content_handler: (fn) => (_resetContent.current = fn),\n    reset_pagination_handler: (fn) => (_resetInfinity.current = fn),\n    end_infinity_handler: (fn) => (_endInfinity.current = fn),\n  })\n\n  const Pagination = (props) => (\n    <PaginationWrapper tagName=\"dnb-pagination\" {...args(props)} />\n  )\n\n  const InfinityMarker = (props) => (\n    <InfinityMarkerWrapper\n      tagName={InfinityMarkerWrapper?.tagName}\n      {...args(props)}\n    />\n  )\n\n  return {\n    Pagination,\n    InfinityMarker,\n    setContent,\n    resetContent,\n    resetInfinity,\n    endInfinity,\n  }\n}\n\nPagination._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/components/pagination/PaginationBar.d.ts

@@ -3,7 +3,7 @@
  *
  */
 import React from 'react';
-import { LocaleProps } from '../../shared/types';
+import { LocaleProps, SpaceTypeAll } from '../../shared/types';
 import type { SkeletonShow } from '../Skeleton';
 export type PaginationBarProps = {
     /**
@@ -31,6 +31,7 @@ export type PaginationBarProps = {
      */
     children?: React.ReactNode | (() => React.ReactNode);
     skeleton: SkeletonShow;
+    space?: SpaceTypeAll;
 };
 export type PaginationBarAllProps = PaginationBarProps & LocaleProps & React.HTMLProps<HTMLElement>;
 declare const PaginationBar: {

package/es/components/pagination/PaginationBar.js

@@ -4,6 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useContext, useRef, useEffect, useState } from 'react';
+import classnames from 'classnames';
 import { dispatchCustomElementEvent, extendPropsWithContext } from '../../shared/component-helper';
 import { calculatePagination, getDotsAriaLabel } from './PaginationCalculation';
 import PaginationContext from './PaginationContext';
@@ -11,13 +12,15 @@ import Context from '../../shared/Context';
 import Button from '../button/Button';
 import IconPrimary from '../icon-primary/IconPrimary';
 import styleProperties from '../../style/themes/theme-ui/properties';
+import { createSpacingClasses } from '../space/SpacingUtils';
 const defaultProps = {
   button_title: null,
   prev_title: null,
   next_title: null,
   more_pages: null,
   contentRef: null,
-  children: null
+  children: null,
+  space: null
 };
 const PaginationBar = localProps => {
   const context = useContext(PaginationContext);
@@ -26,8 +29,12 @@ const PaginationBar = localProps => {
     currentPage,
     pageCount,
     disabled,
-    skeleton
+    skeleton,
+    space
   } = props;
+  const spacingClasses = createSpacingClasses({
+    space
+  });
   const focusPage = () => {
     const {
       onPageUpdate,
@@ -103,7 +110,7 @@ const PaginationBar = localProps => {
   const pageNumberGroups = calculatePagination(pageCount, currentPage, currentScreenSize === 'small');
   return React.createElement("div", {
     ref: paginationBarRef,
-    className: 'dnb-pagination__bar' + (pageCount >= 8 ? " dnb-pagination--many-pages" : "")
+    className: classnames('dnb-pagination__bar', spacingClasses, pageCount >= 8 && 'dnb-pagination--many-pages')
   }, React.createElement("div", {
     className: "dnb-pagination__bar__wrapper"
   }, React.createElement("div", {