@dnb/eufemia 10.64.0 → 10.65.0

package/components/date-picker/DatePickerInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerInput.js","names":["React","useCallback","useContext","useMemo","useRef","useState","addDays","addMonths","addYears","isValid","parseISO","classnames","TextMask","Button","Input","SubmitButton","warn","validateDOMAttributes","convertStringToDate","DatePickerContext","useTranslation","defaultProps","maskOrder","maskPlaceholder","separatorRexExp","statusState","opened","DatePickerInput","externalProps","props","_objectSpread","isRange","id","title","submitAttributes","onFocus","onBlur","onChange","onSubmit","selectedDateTitle","showInput","inputElement","lang","disabled","skeleton","size","status","statusProps","attributes","_objectWithoutProperties","_excluded","focusState","setFocusState","partialDates","setPartialDates","partialStartDate","partialEndDate","updateDates","callOnChangeHandler","hasHadValidDate","getReturnObject","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","startDate","endDate","onType","label","translation","DatePicker","modeDate","inputDates","startDayRef","startMonthRef","startYearRef","endDayRef","endMonthRef","endYearRef","inputRefs","startDayDateRef","endDayDateRef","startMonthDateRef","endMonthDateRef","startYearDateRef","endYearDateRef","dateRefs","startDay","startMonth","startYear","endDay","endMonth","endYear","startDateRef","endDateRef","temporaryDates","refList","focusMode","maskList","separators","match","split","reduce","acc","cur","push","length","shift","pasteHandler","event","current","success","clipboardData","window","getData","preventDefault","possibleFormats","forEach","date","sep","replace","reverse","join","index","dateFormat","mode","error","callOnChangeAsInvalid","state","hoverDate","dates","callOnChange","_ref","callOnType","_ref2","getDates","undefined","returnObject","is_valid","is_valid_start_date","is_valid_end_date","typedDates","start_date","end_date","prepareCounting","_ref3","keyCode","target","isDate","getAttribute","isInRange","count","wait","selectAll","e","selectStart","focus","setSelectionRange","onFocusHandler","onBlurHandler","onKeyDownHandler","key","selectionStart","selectionEnd","persist","parseFloat","firstSelectionStart","secondSelectionStart","test","refListArray","findIndex","_ref4","nextSibling","prevSibling","endPos","value","setDate","type","_dateRefs","_dateRefs2","_dateRefs3","fallback","year","getFullYear","month","getMonth","day","getDate","Date","String","isValidDate","dateSetters","set_startDay","set_startMonth","set_startYear","set_endDay","set_endMonth","set_endYear","getPlaceholderChar","indexOf","generateDateList","element","map","i","slice","placeholderChar","isRangeLabel","onKeyDown","onPaste","DateField","isValidElement","InputElement","inputSizeClassName","createElement","Fragment","_extends","className","mask","inputRef","hidden","htmlFor","renderInputElement","startDateList","endDateList","_span","formatDate","openPickerText","SubmitElement","innerRef","ref","input_state","input_element","status_state","submit_element","icon","variant","on_submit","on_click","select","_ref5","_excluded2","guide","showMask","keepCharPositions","autoComplete","autoCapitalize","spellCheck","autoCorrect","duration","Promise","r","setTimeout"],"sources":["../../../../src/components/date-picker/DatePickerInput.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, {\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\n// date-fns\nimport addDays from 'date-fns/addDays'\nimport addMonths from 'date-fns/addMonths'\nimport addYears from 'date-fns/addYears'\nimport isValid from 'date-fns/isValid'\nimport parseISO from 'date-fns/parseISO'\n\nimport classnames from 'classnames'\nimport TextMask, { TextMaskProps } from '../input-masked/TextMask'\nimport Button from '../button/Button'\nimport Input, { SubmitButton } from '../input/Input'\nimport type { InputInputElement, InputSize } from '../Input'\nimport { warn, validateDOMAttributes } from '../../shared/component-helper'\nimport { convertStringToDate } from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\n\nimport type {\n  FormStatusProps,\n  FormStatusState,\n  FormStatusText,\n} from '../FormStatus'\nimport type { SkeletonShow } from '../Skeleton'\nimport { ReturnObject } from './DatePickerProvider'\nimport { DatePickerEventAttributes } from './DatePicker'\nimport { useTranslation } from '../../shared'\n\nexport type DatePickerInputProps = Omit<\n  React.HTMLProps<HTMLInputElement>,\n  | 'children'\n  | 'ref'\n  | 'value'\n  | 'size'\n  | 'onFocus'\n  | 'onBlur'\n  | 'onSubmit'\n  | 'label'\n> & {\n  selectedDateTitle?: string\n  maskOrder?: string\n  maskPlaceholder?: string\n  separatorRexExp?: RegExp\n  submitAttributes?: Record<string, unknown>\n  isRange?: boolean\n  /**\n   * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n   */\n  size?: InputSize\n  /**\n   * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n   */\n  status?: FormStatusText\n  /**\n   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n   */\n  statusState?: FormStatusState\n  /**\n   * Use an object to define additional FormStatus properties.\n   */\n  statusProps?: FormStatusProps\n  /**\n   * Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `input_element=\"input\"`, a React element, or a render function `input_element={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n   */\n  inputElement?: InputInputElement\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n  /**\n   * To open the date-picker by default. Defaults to `false`.\n   */\n  opened?: boolean\n  showInput?: boolean\n  onSubmit?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onChange?: (\n    event: ReturnObject<React.ChangeEvent<HTMLInputElement>>\n  ) => void\n  /**\n   * Will be called once the input gets focus.\n   */\n  onFocus?: (\n    event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n  ) => void\n  /**\n   * Will be called once the input lose focus.\n   */\n  onBlur?: (\n    event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n  ) => void\n}\n\nconst defaultProps: DatePickerInputProps = {\n  maskOrder: 'dd/mm/yyyy',\n  maskPlaceholder: 'dd/mm/åååå',\n  separatorRexExp: /[-/ ]/g,\n  statusState: 'error',\n  opened: false,\n}\n\nfunction DatePickerInput(externalProps: DatePickerInputProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    isRange,\n    maskOrder,\n    separatorRexExp,\n    id,\n    title,\n    submitAttributes,\n    maskPlaceholder, // eslint-disable-line\n    onFocus,\n    onBlur,\n    onChange, // eslint-disable-line\n    onSubmit, // eslint-disable-line\n    selectedDateTitle, // eslint-disable-line\n    showInput, // eslint-disable-line\n    inputElement,\n    lang,\n    disabled,\n    skeleton,\n    opened,\n    size,\n    status,\n    statusState,\n    statusProps,\n\n    ...attributes\n  } = props\n\n  const [focusState, setFocusState] = useState<string>('virgin')\n  const [partialDates, setPartialDates] = useState({\n    partialStartDate: '',\n    partialEndDate: '',\n  })\n\n  const {\n    updateDates,\n    callOnChangeHandler,\n    hasHadValidDate,\n    getReturnObject,\n    __startDay,\n    __startMonth,\n    __startYear,\n    __endDay,\n    __endMonth,\n    __endYear,\n    startDate,\n    endDate,\n    props: { onType, label },\n  } = useContext(DatePickerContext)\n\n  const translation = useTranslation().DatePicker\n\n  const modeDate = useMemo(\n    () => ({\n      startDate,\n      endDate,\n    }),\n    [startDate, endDate]\n  )\n\n  const inputDates = useMemo(\n    () => ({\n      __startDay,\n      __startMonth,\n      __startYear,\n      __endDay,\n      __endMonth,\n      __endYear,\n    }),\n    [\n      __startDay,\n      __startMonth,\n      __startYear,\n      __endDay,\n      __endMonth,\n      __endYear,\n    ]\n  )\n\n  // Used in refList, and initiated inside object to to maintain the way of accessing mimic `this`, used in this component\n  // Should probably refactor at one point, or move to own hook\n  const startDayRef = useRef<HTMLInputElement>()\n  const startMonthRef = useRef<HTMLInputElement>()\n  const startYearRef = useRef<HTMLInputElement>()\n  const endDayRef = useRef<HTMLInputElement>()\n  const endMonthRef = useRef<HTMLInputElement>()\n  const endYearRef = useRef<HTMLInputElement>()\n\n  const inputRefs = useMemo(\n    () => ({\n      startDayRef,\n      startMonthRef,\n      startYearRef,\n      endDayRef,\n      endMonthRef,\n      endYearRef,\n    }),\n    []\n  )\n\n  const startDayDateRef = useRef<string>()\n  const endDayDateRef = useRef<string>()\n  const startMonthDateRef = useRef<string>()\n  const endMonthDateRef = useRef<string>()\n  const startYearDateRef = useRef<string>()\n  const endYearDateRef = useRef<string>()\n\n  const dateRefs = useMemo(\n    () => ({\n      startDay: startDayDateRef,\n      startMonth: endDayDateRef,\n      startYear: startMonthDateRef,\n      endDay: endMonthDateRef,\n      endMonth: startYearDateRef,\n      endYear: endYearDateRef,\n    }),\n    []\n  )\n\n  const startDateRef = useRef<Date>()\n  const endDateRef = useRef<Date>()\n\n  const temporaryDates = useMemo(\n    () => ({ startDate: startDateRef, endDate: endDateRef }),\n    []\n  )\n\n  const refList = useRef<Array<MutableRefObject<HTMLInputElement>>>()\n\n  const focusMode = useRef<string>()\n\n  const maskList = useMemo(() => {\n    const separators = maskOrder.match(separatorRexExp)\n\n    return maskOrder\n      .split(separatorRexExp)\n      .reduce<Array<string>>((acc, cur) => {\n        if (!cur) {\n          return acc\n        }\n\n        acc.push(cur)\n\n        if (separators.length > 0) {\n          // makes sure that separators are added at the correct places and removed from array when added\n          acc.push(separators.shift())\n        }\n\n        return acc\n      }, [])\n  }, [maskOrder, separatorRexExp])\n\n  const pasteHandler = useCallback(\n    async (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (!focusMode.current) {\n        return // Stop here\n      }\n\n      const success = (\n        event.clipboardData ||\n        (typeof window !== 'undefined' && window['clipboardData'])\n      ).getData('text')\n\n      if (!success) {\n        return // Stop here\n      }\n\n      event.preventDefault()\n\n      try {\n        const separators = ['.', '/']\n        const possibleFormats = ['yyyy-MM-dd']\n\n        // TODO: Merge these loops\n        possibleFormats.forEach((date) => {\n          separators.forEach((sep) => {\n            possibleFormats.push(date.replace(/-/g, sep))\n          })\n        })\n\n        possibleFormats.forEach((date) => {\n          possibleFormats.push(date.split('').reverse().join(''))\n        })\n\n        let date: Date\n        let index = 0\n\n        for (index; index < possibleFormats.length; ++index) {\n          date = convertStringToDate(success, {\n            dateFormat: possibleFormats[index],\n          })\n\n          if (date) {\n            break\n          }\n        }\n\n        const mode =\n          focusMode.current === 'start' ? 'startDate' : 'endDate'\n\n        if (date) {\n          updateDates({\n            [mode]: date,\n          })\n        }\n      } catch (error: unknown) {\n        warn(error)\n      }\n    },\n    [updateDates]\n  )\n\n  const callOnChangeAsInvalid = useCallback(\n    (state: {\n      endDate?: Date\n      starDate?: Date\n      event: React.ChangeEvent<HTMLInputElement>\n    }) => {\n      updateDates(\n        {\n          hoverDate: null,\n        },\n        (dates) => {\n          if (hasHadValidDate) {\n            const { startDate, endDate, event } = {\n              ...state,\n              ...dates,\n            }\n            callOnChangeHandler({ startDate, endDate, event })\n          }\n        }\n      )\n    },\n    [updateDates, callOnChangeHandler, hasHadValidDate]\n  )\n\n  const callOnChange = useCallback(\n    ({\n      startDate,\n      endDate,\n      event,\n    }: {\n      startDate?: Date\n      endDate?: Date\n      event:\n        | React.ChangeEvent<HTMLInputElement>\n        | React.KeyboardEvent<HTMLInputElement>\n    }) => {\n      const state = {}\n      if (typeof startDate !== 'undefined' && isValid(startDate)) {\n        state['startDate'] = startDate\n      }\n      if (!isRange) {\n        endDate = startDate\n      }\n      if (typeof endDate !== 'undefined' && isValid(endDate)) {\n        state['endDate'] = endDate\n      }\n\n      updateDates(state, (dates) => {\n        if (\n          (typeof startDate !== 'undefined' && isValid(startDate)) ||\n          (typeof endDate !== 'undefined' && isValid(endDate))\n        ) {\n          callOnChangeHandler({ event, ...dates })\n        }\n      })\n    },\n    [updateDates, callOnChangeHandler, isRange]\n  )\n\n  const callOnType = useCallback(\n    ({ event }: { event: React.ChangeEvent<HTMLInputElement> }) => {\n      const getDates = () =>\n        ['start', 'end'].reduce(\n          (acc, mode) => {\n            acc[`${mode}Date`] = [\n              dateRefs[`${mode}Year`].current ||\n                inputDates[`__${mode}Year`] ||\n                'yyyy',\n              dateRefs[`${mode}Month`].current ||\n                inputDates[`__${mode}Month`] ||\n                'mm',\n              dateRefs[`${mode}Day`].current ||\n                inputDates[`__${mode}Day`] ||\n                'dd',\n            ].join('-')\n            return acc\n          },\n          { startDate: undefined, endDate: undefined }\n        )\n\n      // Get the typed dates, so we can ...\n      let { startDate, endDate } = getDates()\n      // Get the partial dates, so we can know if something was typed or not in an optional date field\n      const partialStartDate = startDate\n      const partialEndDate = endDate\n\n      setPartialDates({\n        partialStartDate,\n        partialEndDate,\n      })\n\n      startDate = parseISO(startDate)\n      endDate = parseISO(endDate)\n\n      // ... check if they were valid\n      if (!isValid(startDate)) {\n        startDate = null\n      }\n      if (!isValid(endDate)) {\n        endDate = null\n      }\n\n      let returnObject = getReturnObject({\n        startDate,\n        endDate,\n        event,\n        partialStartDate,\n        partialEndDate,\n      })\n\n      // Now, lets correct\n      if (\n        returnObject.is_valid === false ||\n        returnObject.is_valid_start_date === false ||\n        returnObject.is_valid_end_date === false\n      ) {\n        const { startDate, endDate } = getDates()\n\n        const typedDates = isRange\n          ? {\n              start_date: startDate,\n              end_date: endDate,\n            }\n          : { date: startDate }\n\n        returnObject = {\n          ...returnObject,\n          ...typedDates,\n        }\n      }\n\n      onType?.({ ...returnObject })\n    },\n    [isRange, dateRefs, getReturnObject, inputDates, onType]\n  )\n\n  const prepareCounting = useCallback(\n    async ({\n      keyCode,\n      target,\n      event,\n    }: {\n      keyCode: string\n      target: HTMLInputElement\n      event: React.KeyboardEvent<HTMLInputElement>\n    }) => {\n      try {\n        const isDate = target\n          .getAttribute('class')\n          .match(/__input--([day|month|year]+)($|\\s)/)[1]\n\n        const isInRange = target\n          .getAttribute('id')\n          .match(/-([start|end]+)-/)[1]\n\n        let date = isInRange === 'start' ? startDate : endDate\n\n        // do nothing if date is not set yet\n        if (!date) {\n          return\n        }\n\n        const count = keyCode === 'ArrowUp' ? 1 : -1\n\n        if (keyCode === 'ArrowUp' || keyCode === 'ArrowDown') {\n          switch (isDate) {\n            case 'day':\n              date = addDays(date, count)\n              break\n            case 'month':\n              date = addMonths(date, count)\n              break\n            case 'year':\n              date = addYears(date, count)\n              break\n          }\n        }\n\n        callOnChange({\n          [isInRange === 'start' ? 'startDate' : 'endDate']: date,\n          event,\n        })\n\n        await wait(1) // to get the correct position afterwards\n\n        selectAll(target)\n      } catch (e) {\n        warn(e)\n      }\n    },\n    [startDate, endDate, callOnChange]\n  )\n\n  const selectStart = useCallback((target: HTMLInputElement) => {\n    target.focus()\n    target.setSelectionRange(0, 0)\n  }, [])\n\n  const onFocusHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      try {\n        selectAll(event.target)\n      } catch (e) {\n        warn(e)\n      }\n\n      setFocusState('focus')\n\n      onFocus?.({\n        ...event,\n        ...getReturnObject({ event }),\n      })\n    },\n    [getReturnObject, onFocus]\n  )\n\n  const onBlurHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      focusMode.current = null\n      setFocusState('blur')\n\n      onBlur?.({\n        ...event,\n        ...getReturnObject({ event }),\n        ...partialDates,\n      })\n    },\n    [onBlur, getReturnObject, partialDates]\n  )\n\n  const onKeyDownHandler = useCallback(\n    async (event: React.KeyboardEvent<HTMLInputElement>) => {\n      const keyCode = event.key\n      const target = event.target as HTMLInputElement\n\n      if (target.selectionStart !== target.selectionEnd) {\n        selectStart(target)\n      }\n\n      // only to process key up and down press\n      switch (keyCode) {\n        case 'ArrowUp':\n        case 'ArrowDown':\n          event.persist()\n          event.preventDefault()\n          prepareCounting({ event, keyCode, target })\n          return false\n        case 'Tab':\n          return false\n      }\n\n      // the rest is for value entry\n\n      const size = parseFloat(target.getAttribute('size'))\n      const firstSelectionStart = target.selectionStart\n\n      await wait(1) // to get the correct position afterwards\n\n      const secondSelectionStart = target.selectionStart\n      // Always false (since the old keycode function set number keys to undefined) but needed to not break tests\n      const isValid = /[0-9]/g.test(keyCode)\n      const refListArray = refList.current\n\n      const index = refListArray.findIndex(\n        ({ current }) => current === target\n      )\n\n      if (\n        index < refListArray.length - 1 &&\n        ((secondSelectionStart === size &&\n          isValid &&\n          keyCode !== 'ArrowLeft' &&\n          keyCode !== 'Backspace') ||\n          (firstSelectionStart === size && keyCode === 'ArrowRight'))\n      ) {\n        try {\n          // stop in case there is no next input element\n          if (!refListArray[index + 1].current) {\n            return\n          }\n          const nextSibling = refListArray[index + 1].current\n          if (nextSibling) {\n            nextSibling.focus()\n            nextSibling.setSelectionRange(0, 0)\n          }\n        } catch (e) {\n          warn(e)\n        }\n      } else if (firstSelectionStart === 0 && index > 0) {\n        switch (keyCode) {\n          case 'ArrowLeft':\n          case 'Backspace':\n            try {\n              const prevSibling = refListArray[index - 1].current\n              if (prevSibling) {\n                const endPos = prevSibling.value.length\n                prevSibling.focus()\n                prevSibling.setSelectionRange(endPos, endPos)\n              }\n            } catch (e) {\n              warn(e)\n            }\n            break\n        }\n      }\n    },\n    [prepareCounting, selectStart]\n  )\n\n  const setDate = useCallback(\n    (\n      event: React.ChangeEvent<HTMLInputElement>,\n      mode: 'start' | 'end',\n      type: 'Day' | 'Month' | 'Year'\n    ) => {\n      event.persist() // since we have later a state update and afterwards the callback\n\n      const value = (event.target as HTMLInputElement).value\n\n      dateRefs[`${mode}${type}`].current = value\n\n      if (modeDate[`${mode}Date`]) {\n        temporaryDates[`${mode}Date`].current = modeDate[`${mode}Date`]\n      }\n\n      const fallback = temporaryDates[`${mode}Date`].current\n\n      // provide fallbacks to create a temp fallback\n      const year =\n        dateRefs[`${mode}Year`]?.current ||\n        (fallback && fallback.getFullYear())\n      const month =\n        dateRefs[`${mode}Month`]?.current ||\n        (fallback && fallback.getMonth() + 1)\n      const day =\n        dateRefs[`${mode}Day`]?.current || (fallback && fallback.getDate())\n\n      // calculate new date\n      const date = new Date(\n        parseFloat(String(year)),\n        parseFloat(String(month)) - 1,\n        parseFloat(String(day))\n      )\n\n      const isValidDate =\n        !/[^0-9]/.test(String(day)) &&\n        !/[^0-9]/.test(String(month)) &&\n        !/[^0-9]/.test(String(year)) &&\n        isValid(date) &&\n        date.getDate() == parseFloat(String(day)) &&\n        date.getMonth() + 1 == parseFloat(String(month)) &&\n        date.getFullYear() == parseFloat(String(year))\n\n      // update the date\n      if (isValidDate) {\n        callOnChange({\n          [`${mode}Date`]: date,\n          event,\n        })\n      } else {\n        updateDates({\n          [`${mode}Date`]: null,\n          [`__${mode}${type}`]: value,\n        })\n\n        callOnChangeAsInvalid({\n          [`${mode}Date`]: null,\n          event,\n        })\n      }\n\n      callOnType({ event })\n    },\n    [\n      updateDates,\n      callOnChange,\n      callOnChangeAsInvalid,\n      callOnType,\n      modeDate,\n      dateRefs,\n      temporaryDates,\n    ]\n  )\n\n  const dateSetters = useMemo(\n    () => ({\n      set_startDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Day')\n      },\n\n      set_startMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Month')\n      },\n\n      set_startYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Year')\n      },\n\n      set_endDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Day')\n      },\n\n      set_endMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Month')\n      },\n\n      set_endYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Year')\n      },\n    }),\n    [setDate]\n  )\n\n  const getPlaceholderChar = useCallback(\n    (value: string) => {\n      const index = maskOrder.indexOf(value)\n      return maskPlaceholder[index]\n    },\n    [maskOrder, maskPlaceholder]\n  )\n\n  // TODO: Replace with MutliInputMask\n  const generateDateList = useCallback(\n    (\n      element: Omit<React.HTMLProps<HTMLInputElement>, 'size'> &\n        DatePickerEventAttributes,\n      mode: 'start' | 'end'\n    ) => {\n      return maskList.map((value, i) => {\n        const state = value.slice(0, 1)\n        const placeholderChar = getPlaceholderChar(value)\n        const { day, month, year } = translation\n        const isRangeLabel = isRange ? `${translation[mode]} ` : ''\n\n        if (!separatorRexExp.test(value)) {\n          if (!inputElement) {\n            element = {\n              ...element,\n              onKeyDown: onKeyDownHandler,\n              onPaste: pasteHandler,\n              onFocus: (e) => {\n                focusMode.current = mode\n                onFocusHandler(e)\n              },\n              onBlur: onBlurHandler,\n              placeholderChar,\n            }\n          }\n\n          // this makes it possible to use a vanilla <input /> like: input_element=\"input\"\n          const DateField =\n            inputElement && React.isValidElement(inputElement)\n              ? inputElement.type\n              : InputElement\n\n          const inputSizeClassName =\n            size && `dnb-date-picker__input--${size}`\n\n          switch (state) {\n            case 'd':\n              refList.current.push(inputRefs[`${mode}DayRef`])\n\n              return (\n                <React.Fragment key={'dd' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-day`}\n                    key={'di' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--day',\n                      inputSizeClassName\n                    )}\n                    size={2}\n                    mask={[/[0-3]/, /[0-9]/]}\n                    inputRef={inputRefs[`${mode}DayRef`]}\n                    onChange={dateSetters[`set_${mode}Day`]}\n                    value={inputDates[`__${mode}Day`] || ''}\n                    aria-labelledby={`${id}-${mode}-day-label`}\n                  />\n                  <label\n                    key={'dl' + i}\n                    hidden\n                    id={`${id}-${mode}-day-label`}\n                    htmlFor={`${id}-${mode}-day`}\n                  >\n                    {isRangeLabel + day}\n                  </label>\n                </React.Fragment>\n              )\n            case 'm':\n              refList.current.push(inputRefs[`${mode}MonthRef`])\n\n              return (\n                <React.Fragment key={'mm' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-month`}\n                    key={'mi' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--month',\n                      inputSizeClassName\n                    )}\n                    size={2}\n                    mask={[/[0-1]/, /[0-9]/]}\n                    inputRef={inputRefs[`${mode}MonthRef`]}\n                    onChange={dateSetters[`set_${mode}Month`]}\n                    value={inputDates[`__${mode}Month`] || ''}\n                    aria-labelledby={`${id}-${mode}-month-label`}\n                  />\n                  <label\n                    key={'ml' + i}\n                    hidden\n                    id={`${id}-${mode}-month-label`}\n                    htmlFor={`${id}-${mode}-month`}\n                  >\n                    {isRangeLabel + month}\n                  </label>\n                </React.Fragment>\n              )\n            case 'y':\n              refList.current.push(inputRefs[`${mode}YearRef`])\n\n              return (\n                <React.Fragment key={'yy' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-year`}\n                    key={'yi' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--year',\n                      inputSizeClassName\n                    )}\n                    size={4}\n                    mask={[/[1-2]/, /[0-9]/, /[0-9]/, /[0-9]/]}\n                    inputRef={inputRefs[`${mode}YearRef`]}\n                    onChange={dateSetters[`set_${mode}Year`]}\n                    value={inputDates[`__${mode}Year`] || ''}\n                    aria-labelledby={`${id}-${mode}-year-label`}\n                  />\n                  <label\n                    key={'yl' + i}\n                    hidden\n                    id={`${id}-${mode}-year-label`}\n                    htmlFor={`${id}-${mode}-year`}\n                  >\n                    {isRangeLabel + year}\n                  </label>\n                </React.Fragment>\n              )\n          }\n        }\n        return (\n          <span\n            key={'s' + i}\n            className=\"dnb-date-picker--separator\"\n            aria-hidden\n          >\n            {placeholderChar}\n          </span>\n        )\n      })\n    },\n    [\n      id,\n      inputElement,\n      isRange,\n      size,\n      translation,\n      separatorRexExp,\n      dateSetters,\n      inputRefs,\n      maskList,\n      onBlurHandler,\n      onFocusHandler,\n      getPlaceholderChar,\n      pasteHandler,\n      onKeyDownHandler,\n      inputDates,\n    ]\n  )\n\n  const renderInputElement = useCallback(\n    (\n      element: React.HTMLProps<HTMLInputElement> &\n        DatePickerEventAttributes\n    ) => {\n      refList.current = []\n      const startDateList = generateDateList(element, 'start')\n      const endDateList = generateDateList(element, 'end')\n\n      return (\n        <span\n          id={`${id}-input`}\n          className=\"dnb-date-picker__input__wrapper\"\n        >\n          {startDateList}\n          {isRange && (\n            <span className=\"dnb-date-picker--separator\" aria-hidden>\n              {' – '}\n            </span>\n          )}\n          {isRange && endDateList}\n        </span>\n      )\n    },\n    [id, isRange, generateDateList]\n  )\n\n  const formatDate = useMemo(\n    () =>\n      selectedDateTitle\n        ? `${selectedDateTitle}, ${translation.openPickerText}`\n        : translation.openPickerText,\n    [selectedDateTitle, translation]\n  )\n\n  validateDOMAttributes(props, attributes)\n  validateDOMAttributes(null, submitAttributes)\n\n  const SubmitElement: React.ElementType = useMemo(\n    () => (showInput ? SubmitButton : Button),\n    [showInput]\n  )\n\n  if (!showInput) {\n    // Use Button inner ref\n    submitAttributes.innerRef = submitAttributes.ref\n    submitAttributes.ref = null\n  }\n\n  return (\n    <fieldset className=\"dnb-date-picker__fieldset\" lang={lang}>\n      {label && <legend className=\"dnb-sr-only\">{label}</legend>}\n      <Input\n        id={`${id}__input`}\n        input_state={disabled ? 'disabled' : focusState}\n        input_element={\n          inputElement && typeof inputElement !== 'string'\n            ? typeof inputElement === 'function'\n              ? inputElement(props)\n              : inputElement\n            : renderInputElement\n        }\n        disabled={disabled || skeleton}\n        skeleton={skeleton}\n        size={size}\n        status={!opened ? status : null}\n        status_state={statusState}\n        {...statusProps}\n        submit_element={\n          <SubmitElement\n            id={id}\n            disabled={disabled}\n            skeleton={skeleton}\n            className={classnames(\n              showInput && 'dnb-button--input-button',\n              opened ? 'dnb-button--active' : null\n            )}\n            aria-label={formatDate}\n            title={title}\n            size={size}\n            status={status}\n            status_state={statusState}\n            type=\"button\"\n            icon=\"calendar\"\n            variant=\"secondary\"\n            on_submit={onSubmit}\n            on_click={onSubmit}\n            {...submitAttributes}\n            {...statusProps}\n          />\n        }\n        lang={lang}\n        {...attributes}\n      />\n    </fieldset>\n  )\n}\n\nexport default DatePickerInput\n\nfunction selectAll(target: HTMLInputElement) {\n  target.focus()\n  target.select()\n}\n\nfunction InputElement({ className, value, ...props }: TextMaskProps) {\n  return (\n    <TextMask\n      guide={true}\n      showMask={true}\n      keepCharPositions={false} // so we can overwrite next value, if it already exists\n      autoComplete=\"off\"\n      autoCapitalize=\"none\"\n      spellCheck={false}\n      autoCorrect=\"off\"\n      className={classnames(\n        className,\n        /\\d+/.test(String(value)) && 'dnb-date-picker__input--highlight'\n      )}\n      value={value}\n      {...props}\n    />\n  )\n}\n\nconst wait = (duration: number) =>\n  new Promise((r) => setTimeout(r, duration))\n"],"mappings":"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"}
+{"version":3,"file":"DatePickerInput.js","names":["React","useCallback","useContext","useMemo","useRef","useState","addDays","addMonths","addYears","isValid","parseISO","classnames","TextMask","Button","Input","SubmitButton","warn","validateDOMAttributes","convertStringToDate","DatePickerContext","useTranslation","defaultProps","maskOrder","maskPlaceholder","separatorRexExp","statusState","opened","DatePickerInput","externalProps","props","_objectSpread","isRange","id","title","submitAttributes","onFocus","onBlur","onChange","onSubmit","selectedDateTitle","showInput","inputElement","lang","disabled","skeleton","size","status","statusProps","attributes","_objectWithoutProperties","_excluded","focusState","setFocusState","partialDates","setPartialDates","partialStartDate","partialEndDate","updateDates","callOnChangeHandler","hasHadValidDate","getReturnObject","__startDay","__startMonth","__startYear","__endDay","__endMonth","__endYear","startDate","endDate","onType","label","translation","DatePicker","modeDate","inputDates","startDayRef","startMonthRef","startYearRef","endDayRef","endMonthRef","endYearRef","inputRefs","startDayDateRef","endDayDateRef","startMonthDateRef","endMonthDateRef","startYearDateRef","endYearDateRef","dateRefs","startDay","startMonth","startYear","endDay","endMonth","endYear","startDateRef","endDateRef","temporaryDates","refList","focusMode","maskList","separators","match","split","reduce","acc","cur","push","length","shift","pasteHandler","event","current","success","clipboardData","window","getData","preventDefault","possibleFormats","forEach","date","sep","replace","reverse","join","index","dateFormat","mode","error","callOnChangeAsInvalid","state","hoverDate","dates","callOnChange","_ref","callOnType","_ref2","getDates","undefined","returnObject","is_valid","is_valid_start_date","is_valid_end_date","typedDates","start_date","end_date","prepareCounting","_ref3","keyCode","target","isDate","getAttribute","isInRange","count","wait","selectAll","e","selectStart","focus","setSelectionRange","onFocusHandler","onBlurHandler","onKeyDownHandler","key","selectionStart","selectionEnd","persist","parseFloat","firstSelectionStart","secondSelectionStart","test","refListArray","findIndex","_ref4","nextSibling","prevSibling","endPos","value","setDate","type","_dateRefs","_dateRefs2","_dateRefs3","fallback","year","getFullYear","month","getMonth","day","getDate","Date","String","isValidDate","dateSetters","set_startDay","set_startMonth","set_startYear","set_endDay","set_endMonth","set_endYear","getPlaceholderChar","indexOf","generateDateList","element","map","i","slice","placeholderChar","isRangeLabel","onKeyDown","onPaste","DateField","isValidElement","InputElement","inputSizeClassName","createElement","Fragment","_extends","className","mask","inputRef","hidden","htmlFor","renderInputElement","startDateList","endDateList","_span","formatDate","openPickerText","SubmitElement","innerRef","ref","input_state","input_element","status_state","submit_element","icon","variant","on_submit","on_click","select","_ref5","_excluded2","guide","showMask","keepCharPositions","autoComplete","autoCapitalize","spellCheck","autoCorrect","duration","Promise","r","setTimeout"],"sources":["../../../../src/components/date-picker/DatePickerInput.tsx"],"sourcesContent":["/**\n * Web DatePicker Component\n *\n */\n\nimport React, {\n  MutableRefObject,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\n// date-fns\nimport addDays from 'date-fns/addDays'\nimport addMonths from 'date-fns/addMonths'\nimport addYears from 'date-fns/addYears'\nimport isValid from 'date-fns/isValid'\nimport parseISO from 'date-fns/parseISO'\n\nimport classnames from 'classnames'\nimport TextMask, { TextMaskProps } from '../input-masked/TextMask'\nimport Button from '../button/Button'\nimport Input, { SubmitButton } from '../input/Input'\nimport type { InputInputElement, InputSize } from '../Input'\nimport { warn, validateDOMAttributes } from '../../shared/component-helper'\nimport { convertStringToDate } from './DatePickerCalc'\nimport DatePickerContext from './DatePickerContext'\n\nimport type {\n  FormStatusProps,\n  FormStatusState,\n  FormStatusText,\n} from '../FormStatus'\nimport type { SkeletonShow } from '../Skeleton'\nimport { ReturnObject } from './DatePickerProvider'\nimport { DatePickerEventAttributes } from './DatePicker'\nimport { useTranslation } from '../../shared'\n\nexport type DatePickerInputProps = Omit<\n  React.HTMLProps<HTMLInputElement>,\n  | 'children'\n  | 'ref'\n  | 'value'\n  | 'size'\n  | 'onFocus'\n  | 'onBlur'\n  | 'onSubmit'\n  | 'label'\n> & {\n  selectedDateTitle?: string\n  maskOrder?: string\n  maskPlaceholder?: string\n  separatorRexExp?: RegExp\n  submitAttributes?: Record<string, unknown>\n  isRange?: boolean\n  /**\n   * The sizes you can choose is `small` (1.5rem), `default` (2rem), `medium` (2.5rem) and `large` (3rem) are supported component sizes. Defaults to `default` / `null`.\n   */\n  size?: InputSize\n  /**\n   * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n   */\n  status?: FormStatusText\n  /**\n   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n   */\n  statusState?: FormStatusState\n  /**\n   * Use an object to define additional FormStatus properties.\n   */\n  statusProps?: FormStatusProps\n  /**\n   * Gives you the possibility to use a plain/vanilla `<input />` HTML element by defining it as a string `input_element=\"input\"`, a React element, or a render function `input_element={(internalProps) => (<Return />)}`. Can also be used in circumstances where the `react-text-mask` not should be used, e.g. in testing environments. Defaults to custom masked input.\n   */\n  inputElement?: InputInputElement\n  /**\n   * If set to `true`, an overlaying skeleton with animation will be shown.\n   */\n  skeleton?: SkeletonShow\n  /**\n   * To open the date-picker by default. Defaults to `false`.\n   */\n  opened?: boolean\n  showInput?: boolean\n  onSubmit?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  onChange?: (\n    event: ReturnObject<React.ChangeEvent<HTMLInputElement>>\n  ) => void\n  /**\n   * Will be called once the input gets focus.\n   */\n  onFocus?: (\n    event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n  ) => void\n  /**\n   * Will be called once the input lose focus.\n   */\n  onBlur?: (\n    event: ReturnObject<React.FocusEvent<HTMLInputElement>>\n  ) => void\n}\n\nconst defaultProps: DatePickerInputProps = {\n  maskOrder: 'dd/mm/yyyy',\n  maskPlaceholder: 'dd/mm/åååå',\n  separatorRexExp: /[-/ ]/g,\n  statusState: 'error',\n  opened: false,\n}\n\nfunction DatePickerInput(externalProps: DatePickerInputProps) {\n  const props = { ...defaultProps, ...externalProps }\n\n  const {\n    isRange,\n    maskOrder,\n    separatorRexExp,\n    id,\n    title,\n    submitAttributes,\n    maskPlaceholder, // eslint-disable-line\n    onFocus,\n    onBlur,\n    onChange, // eslint-disable-line\n    onSubmit, // eslint-disable-line\n    selectedDateTitle, // eslint-disable-line\n    showInput, // eslint-disable-line\n    inputElement,\n    lang,\n    disabled,\n    skeleton,\n    opened,\n    size,\n    status,\n    statusState,\n    statusProps,\n\n    ...attributes\n  } = props\n\n  const [focusState, setFocusState] = useState<string>('virgin')\n  const [partialDates, setPartialDates] = useState({\n    partialStartDate: '',\n    partialEndDate: '',\n  })\n\n  const {\n    updateDates,\n    callOnChangeHandler,\n    hasHadValidDate,\n    getReturnObject,\n    __startDay,\n    __startMonth,\n    __startYear,\n    __endDay,\n    __endMonth,\n    __endYear,\n    startDate,\n    endDate,\n    props: { onType, label },\n  } = useContext(DatePickerContext)\n\n  const translation = useTranslation().DatePicker\n\n  const modeDate = useMemo(\n    () => ({\n      startDate,\n      endDate,\n    }),\n    [startDate, endDate]\n  )\n\n  const inputDates = useMemo(\n    () => ({\n      __startDay,\n      __startMonth,\n      __startYear,\n      __endDay,\n      __endMonth,\n      __endYear,\n    }),\n    [\n      __startDay,\n      __startMonth,\n      __startYear,\n      __endDay,\n      __endMonth,\n      __endYear,\n    ]\n  )\n\n  // Used in refList, and initiated inside object to to maintain the way of accessing mimic `this`, used in this component\n  // Should probably refactor at one point, or move to own hook\n  const startDayRef = useRef<HTMLInputElement>()\n  const startMonthRef = useRef<HTMLInputElement>()\n  const startYearRef = useRef<HTMLInputElement>()\n  const endDayRef = useRef<HTMLInputElement>()\n  const endMonthRef = useRef<HTMLInputElement>()\n  const endYearRef = useRef<HTMLInputElement>()\n\n  const inputRefs = useMemo(\n    () => ({\n      startDayRef,\n      startMonthRef,\n      startYearRef,\n      endDayRef,\n      endMonthRef,\n      endYearRef,\n    }),\n    []\n  )\n\n  const startDayDateRef = useRef<string>()\n  const endDayDateRef = useRef<string>()\n  const startMonthDateRef = useRef<string>()\n  const endMonthDateRef = useRef<string>()\n  const startYearDateRef = useRef<string>()\n  const endYearDateRef = useRef<string>()\n\n  const dateRefs = useMemo(\n    () => ({\n      startDay: startDayDateRef,\n      startMonth: endDayDateRef,\n      startYear: startMonthDateRef,\n      endDay: endMonthDateRef,\n      endMonth: startYearDateRef,\n      endYear: endYearDateRef,\n    }),\n    []\n  )\n\n  const startDateRef = useRef<Date>()\n  const endDateRef = useRef<Date>()\n\n  const temporaryDates = useMemo(\n    () => ({ startDate: startDateRef, endDate: endDateRef }),\n    []\n  )\n\n  const refList = useRef<Array<MutableRefObject<HTMLInputElement>>>()\n\n  const focusMode = useRef<string>()\n\n  const maskList = useMemo(() => {\n    const separators = maskOrder.match(separatorRexExp)\n\n    return maskOrder\n      .split(separatorRexExp)\n      .reduce<Array<string>>((acc, cur) => {\n        if (!cur) {\n          return acc\n        }\n\n        acc.push(cur)\n\n        if (separators.length > 0) {\n          // makes sure that separators are added at the correct places and removed from array when added\n          acc.push(separators.shift())\n        }\n\n        return acc\n      }, [])\n  }, [maskOrder, separatorRexExp])\n\n  const pasteHandler = useCallback(\n    async (event: React.ClipboardEvent<HTMLInputElement>) => {\n      if (!focusMode.current) {\n        return // Stop here\n      }\n\n      const success = (\n        event.clipboardData ||\n        (typeof window !== 'undefined' && window['clipboardData'])\n      ).getData('text')\n\n      if (!success) {\n        return // Stop here\n      }\n\n      event.preventDefault()\n\n      try {\n        const separators = ['.', '/']\n        const possibleFormats = ['yyyy-MM-dd']\n\n        // TODO: Merge these loops\n        possibleFormats.forEach((date) => {\n          separators.forEach((sep) => {\n            possibleFormats.push(date.replace(/-/g, sep))\n          })\n        })\n\n        possibleFormats.forEach((date) => {\n          possibleFormats.push(date.split('').reverse().join(''))\n        })\n\n        let date: Date\n        let index = 0\n\n        for (index; index < possibleFormats.length; ++index) {\n          date = convertStringToDate(success, {\n            dateFormat: possibleFormats[index],\n          })\n\n          if (date) {\n            break\n          }\n        }\n\n        const mode =\n          focusMode.current === 'start' ? 'startDate' : 'endDate'\n\n        if (date) {\n          updateDates({\n            [mode]: date,\n          })\n        }\n      } catch (error: unknown) {\n        warn(error)\n      }\n    },\n    [updateDates]\n  )\n\n  const callOnChangeAsInvalid = useCallback(\n    (state: {\n      endDate?: Date\n      starDate?: Date\n      event: React.ChangeEvent<HTMLInputElement>\n    }) => {\n      updateDates(\n        {\n          hoverDate: null,\n        },\n        (dates) => {\n          if (hasHadValidDate) {\n            const { startDate, endDate, event } = {\n              ...state,\n              ...dates,\n            }\n            callOnChangeHandler({ startDate, endDate, event })\n          }\n        }\n      )\n    },\n    [updateDates, callOnChangeHandler, hasHadValidDate]\n  )\n\n  const callOnChange = useCallback(\n    ({\n      startDate,\n      endDate,\n      event,\n    }: {\n      startDate?: Date\n      endDate?: Date\n      event:\n        | React.ChangeEvent<HTMLInputElement>\n        | React.KeyboardEvent<HTMLInputElement>\n    }) => {\n      const state = {}\n      if (typeof startDate !== 'undefined' && isValid(startDate)) {\n        state['startDate'] = startDate\n      }\n      if (!isRange) {\n        endDate = startDate\n      }\n      if (typeof endDate !== 'undefined' && isValid(endDate)) {\n        state['endDate'] = endDate\n      }\n\n      updateDates(state, (dates) => {\n        if (\n          (typeof startDate !== 'undefined' && isValid(startDate)) ||\n          (typeof endDate !== 'undefined' && isValid(endDate))\n        ) {\n          callOnChangeHandler({ event, ...dates })\n        }\n      })\n    },\n    [updateDates, callOnChangeHandler, isRange]\n  )\n\n  const callOnType = useCallback(\n    ({ event }: { event: React.ChangeEvent<HTMLInputElement> }) => {\n      const getDates = () =>\n        ['start', 'end'].reduce(\n          (acc, mode) => {\n            acc[`${mode}Date`] = [\n              dateRefs[`${mode}Year`].current ||\n                inputDates[`__${mode}Year`] ||\n                'yyyy',\n              dateRefs[`${mode}Month`].current ||\n                inputDates[`__${mode}Month`] ||\n                'mm',\n              dateRefs[`${mode}Day`].current ||\n                inputDates[`__${mode}Day`] ||\n                'dd',\n            ].join('-')\n            return acc\n          },\n          { startDate: undefined, endDate: undefined }\n        )\n\n      // Get the typed dates, so we can ...\n      let { startDate, endDate } = getDates()\n      // Get the partial dates, so we can know if something was typed or not in an optional date field\n      const partialStartDate = startDate\n      const partialEndDate = endDate\n\n      setPartialDates({\n        partialStartDate,\n        partialEndDate,\n      })\n\n      startDate = parseISO(startDate)\n      endDate = parseISO(endDate)\n\n      // ... check if they were valid\n      if (!isValid(startDate)) {\n        startDate = null\n      }\n      if (!isValid(endDate)) {\n        endDate = null\n      }\n\n      let returnObject = getReturnObject({\n        startDate,\n        endDate,\n        event,\n        partialStartDate,\n        partialEndDate,\n      })\n\n      // Now, lets correct\n      if (\n        returnObject.is_valid === false ||\n        returnObject.is_valid_start_date === false ||\n        returnObject.is_valid_end_date === false\n      ) {\n        const { startDate, endDate } = getDates()\n\n        const typedDates = isRange\n          ? {\n              start_date: startDate,\n              end_date: endDate,\n            }\n          : { date: startDate }\n\n        returnObject = {\n          ...returnObject,\n          ...typedDates,\n        }\n      }\n\n      onType?.({ ...returnObject })\n    },\n    [isRange, dateRefs, getReturnObject, inputDates, onType]\n  )\n\n  const prepareCounting = useCallback(\n    async ({\n      keyCode,\n      target,\n      event,\n    }: {\n      keyCode: string\n      target: HTMLInputElement\n      event: React.KeyboardEvent<HTMLInputElement>\n    }) => {\n      try {\n        const isDate = target\n          .getAttribute('class')\n          .match(/__input--(day|month|year)($|\\s)/)[1]\n\n        const isInRange = target\n          .getAttribute('id')\n          .match(/-(start|end)-(day|month|year)/)[1]\n\n        let date = isInRange === 'start' ? startDate : endDate\n\n        // do nothing if date is not set yet\n        if (!date) {\n          return\n        }\n\n        const count = keyCode === 'ArrowUp' ? 1 : -1\n\n        if (keyCode === 'ArrowUp' || keyCode === 'ArrowDown') {\n          switch (isDate) {\n            case 'day':\n              date = addDays(date, count)\n              break\n            case 'month':\n              date = addMonths(date, count)\n              break\n            case 'year':\n              date = addYears(date, count)\n              break\n          }\n        }\n\n        callOnChange({\n          [isInRange === 'start' ? 'startDate' : 'endDate']: date,\n          event,\n        })\n\n        await wait(1) // to get the correct position afterwards\n\n        selectAll(target)\n      } catch (e) {\n        warn(e)\n      }\n    },\n    [startDate, endDate, callOnChange]\n  )\n\n  const selectStart = useCallback((target: HTMLInputElement) => {\n    target.focus()\n    target.setSelectionRange(0, 0)\n  }, [])\n\n  const onFocusHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      try {\n        selectAll(event.target)\n      } catch (e) {\n        warn(e)\n      }\n\n      setFocusState('focus')\n\n      onFocus?.({\n        ...event,\n        ...getReturnObject({ event }),\n      })\n    },\n    [getReturnObject, onFocus]\n  )\n\n  const onBlurHandler = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      focusMode.current = null\n      setFocusState('blur')\n\n      onBlur?.({\n        ...event,\n        ...getReturnObject({ event }),\n        ...partialDates,\n      })\n    },\n    [onBlur, getReturnObject, partialDates]\n  )\n\n  const onKeyDownHandler = useCallback(\n    async (event: React.KeyboardEvent<HTMLInputElement>) => {\n      const keyCode = event.key\n      const target = event.target as HTMLInputElement\n\n      if (target.selectionStart !== target.selectionEnd) {\n        selectStart(target)\n      }\n\n      // only to process key up and down press\n      switch (keyCode) {\n        case 'ArrowUp':\n        case 'ArrowDown':\n          event.persist()\n          event.preventDefault()\n          prepareCounting({ event, keyCode, target })\n          return false\n        case 'Tab':\n          return false\n      }\n\n      // the rest is for value entry\n\n      const size = parseFloat(target.getAttribute('size'))\n      const firstSelectionStart = target.selectionStart\n\n      await wait(1) // to get the correct position afterwards\n\n      const secondSelectionStart = target.selectionStart\n      // Always false (since the old keycode function set number keys to undefined) but needed to not break tests\n      const isValid = /[0-9]/g.test(keyCode)\n      const refListArray = refList.current\n\n      const index = refListArray.findIndex(\n        ({ current }) => current === target\n      )\n\n      if (\n        index < refListArray.length - 1 &&\n        ((secondSelectionStart === size &&\n          isValid &&\n          keyCode !== 'ArrowLeft' &&\n          keyCode !== 'Backspace') ||\n          (firstSelectionStart === size && keyCode === 'ArrowRight'))\n      ) {\n        try {\n          // stop in case there is no next input element\n          if (!refListArray[index + 1].current) {\n            return\n          }\n          const nextSibling = refListArray[index + 1].current\n          if (nextSibling) {\n            nextSibling.focus()\n            nextSibling.setSelectionRange(0, 0)\n          }\n        } catch (e) {\n          warn(e)\n        }\n      } else if (firstSelectionStart === 0 && index > 0) {\n        switch (keyCode) {\n          case 'ArrowLeft':\n          case 'Backspace':\n            try {\n              const prevSibling = refListArray[index - 1].current\n              if (prevSibling) {\n                const endPos = prevSibling.value.length\n                prevSibling.focus()\n                prevSibling.setSelectionRange(endPos, endPos)\n              }\n            } catch (e) {\n              warn(e)\n            }\n            break\n        }\n      }\n    },\n    [prepareCounting, selectStart]\n  )\n\n  const setDate = useCallback(\n    (\n      event: React.ChangeEvent<HTMLInputElement>,\n      mode: 'start' | 'end',\n      type: 'Day' | 'Month' | 'Year'\n    ) => {\n      event.persist() // since we have later a state update and afterwards the callback\n\n      const value = (event.target as HTMLInputElement).value\n\n      dateRefs[`${mode}${type}`].current = value\n\n      if (modeDate[`${mode}Date`]) {\n        temporaryDates[`${mode}Date`].current = modeDate[`${mode}Date`]\n      }\n\n      const fallback = temporaryDates[`${mode}Date`].current\n\n      // provide fallbacks to create a temp fallback\n      const year =\n        dateRefs[`${mode}Year`]?.current ||\n        (fallback && fallback.getFullYear())\n      const month =\n        dateRefs[`${mode}Month`]?.current ||\n        (fallback && fallback.getMonth() + 1)\n      const day =\n        dateRefs[`${mode}Day`]?.current || (fallback && fallback.getDate())\n\n      // calculate new date\n      const date = new Date(\n        parseFloat(String(year)),\n        parseFloat(String(month)) - 1,\n        parseFloat(String(day))\n      )\n\n      const isValidDate =\n        !/[^0-9]/.test(String(day)) &&\n        !/[^0-9]/.test(String(month)) &&\n        !/[^0-9]/.test(String(year)) &&\n        isValid(date) &&\n        date.getDate() == parseFloat(String(day)) &&\n        date.getMonth() + 1 == parseFloat(String(month)) &&\n        date.getFullYear() == parseFloat(String(year))\n\n      // update the date\n      if (isValidDate) {\n        callOnChange({\n          [`${mode}Date`]: date,\n          event,\n        })\n      } else {\n        updateDates({\n          [`${mode}Date`]: null,\n          [`__${mode}${type}`]: value,\n        })\n\n        callOnChangeAsInvalid({\n          [`${mode}Date`]: null,\n          event,\n        })\n      }\n\n      callOnType({ event })\n    },\n    [\n      updateDates,\n      callOnChange,\n      callOnChangeAsInvalid,\n      callOnType,\n      modeDate,\n      dateRefs,\n      temporaryDates,\n    ]\n  )\n\n  const dateSetters = useMemo(\n    () => ({\n      set_startDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Day')\n      },\n\n      set_startMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Month')\n      },\n\n      set_startYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'start', 'Year')\n      },\n\n      set_endDay: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Day')\n      },\n\n      set_endMonth: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Month')\n      },\n\n      set_endYear: (event: React.ChangeEvent<HTMLInputElement>) => {\n        setDate(event, 'end', 'Year')\n      },\n    }),\n    [setDate]\n  )\n\n  const getPlaceholderChar = useCallback(\n    (value: string) => {\n      const index = maskOrder.indexOf(value)\n      return maskPlaceholder[index]\n    },\n    [maskOrder, maskPlaceholder]\n  )\n\n  // TODO: Replace with MutliInputMask\n  const generateDateList = useCallback(\n    (\n      element: Omit<React.HTMLProps<HTMLInputElement>, 'size'> &\n        DatePickerEventAttributes,\n      mode: 'start' | 'end'\n    ) => {\n      return maskList.map((value, i) => {\n        const state = value.slice(0, 1)\n        const placeholderChar = getPlaceholderChar(value)\n        const { day, month, year } = translation\n        const isRangeLabel = isRange ? `${translation[mode]} ` : ''\n\n        if (!separatorRexExp.test(value)) {\n          if (!inputElement) {\n            element = {\n              ...element,\n              onKeyDown: onKeyDownHandler,\n              onPaste: pasteHandler,\n              onFocus: (e) => {\n                focusMode.current = mode\n                onFocusHandler(e)\n              },\n              onBlur: onBlurHandler,\n              placeholderChar,\n            }\n          }\n\n          // this makes it possible to use a vanilla <input /> like: input_element=\"input\"\n          const DateField =\n            inputElement && React.isValidElement(inputElement)\n              ? inputElement.type\n              : InputElement\n\n          const inputSizeClassName =\n            size && `dnb-date-picker__input--${size}`\n\n          switch (state) {\n            case 'd':\n              refList.current.push(inputRefs[`${mode}DayRef`])\n\n              return (\n                <React.Fragment key={'dd' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-day`}\n                    key={'di' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--day',\n                      inputSizeClassName\n                    )}\n                    size={2}\n                    mask={[/[0-3]/, /[0-9]/]}\n                    inputRef={inputRefs[`${mode}DayRef`]}\n                    onChange={dateSetters[`set_${mode}Day`]}\n                    value={inputDates[`__${mode}Day`] || ''}\n                    aria-labelledby={`${id}-${mode}-day-label`}\n                  />\n                  <label\n                    key={'dl' + i}\n                    hidden\n                    id={`${id}-${mode}-day-label`}\n                    htmlFor={`${id}-${mode}-day`}\n                  >\n                    {isRangeLabel + day}\n                  </label>\n                </React.Fragment>\n              )\n            case 'm':\n              refList.current.push(inputRefs[`${mode}MonthRef`])\n\n              return (\n                <React.Fragment key={'mm' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-month`}\n                    key={'mi' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--month',\n                      inputSizeClassName\n                    )}\n                    size={2}\n                    mask={[/[0-1]/, /[0-9]/]}\n                    inputRef={inputRefs[`${mode}MonthRef`]}\n                    onChange={dateSetters[`set_${mode}Month`]}\n                    value={inputDates[`__${mode}Month`] || ''}\n                    aria-labelledby={`${id}-${mode}-month-label`}\n                  />\n                  <label\n                    key={'ml' + i}\n                    hidden\n                    id={`${id}-${mode}-month-label`}\n                    htmlFor={`${id}-${mode}-month`}\n                  >\n                    {isRangeLabel + month}\n                  </label>\n                </React.Fragment>\n              )\n            case 'y':\n              refList.current.push(inputRefs[`${mode}YearRef`])\n\n              return (\n                <React.Fragment key={'yy' + i}>\n                  <DateField\n                    {...element}\n                    id={`${id}-${mode}-year`}\n                    key={'yi' + i}\n                    className={classnames(\n                      element.className,\n                      'dnb-date-picker__input',\n                      'dnb-date-picker__input--year',\n                      inputSizeClassName\n                    )}\n                    size={4}\n                    mask={[/[1-2]/, /[0-9]/, /[0-9]/, /[0-9]/]}\n                    inputRef={inputRefs[`${mode}YearRef`]}\n                    onChange={dateSetters[`set_${mode}Year`]}\n                    value={inputDates[`__${mode}Year`] || ''}\n                    aria-labelledby={`${id}-${mode}-year-label`}\n                  />\n                  <label\n                    key={'yl' + i}\n                    hidden\n                    id={`${id}-${mode}-year-label`}\n                    htmlFor={`${id}-${mode}-year`}\n                  >\n                    {isRangeLabel + year}\n                  </label>\n                </React.Fragment>\n              )\n          }\n        }\n        return (\n          <span\n            key={'s' + i}\n            className=\"dnb-date-picker--separator\"\n            aria-hidden\n          >\n            {placeholderChar}\n          </span>\n        )\n      })\n    },\n    [\n      id,\n      inputElement,\n      isRange,\n      size,\n      translation,\n      separatorRexExp,\n      dateSetters,\n      inputRefs,\n      maskList,\n      onBlurHandler,\n      onFocusHandler,\n      getPlaceholderChar,\n      pasteHandler,\n      onKeyDownHandler,\n      inputDates,\n    ]\n  )\n\n  const renderInputElement = useCallback(\n    (\n      element: React.HTMLProps<HTMLInputElement> &\n        DatePickerEventAttributes\n    ) => {\n      refList.current = []\n      const startDateList = generateDateList(element, 'start')\n      const endDateList = generateDateList(element, 'end')\n\n      return (\n        <span\n          id={`${id}-input`}\n          className=\"dnb-date-picker__input__wrapper\"\n        >\n          {startDateList}\n          {isRange && (\n            <span className=\"dnb-date-picker--separator\" aria-hidden>\n              {' – '}\n            </span>\n          )}\n          {isRange && endDateList}\n        </span>\n      )\n    },\n    [id, isRange, generateDateList]\n  )\n\n  const formatDate = useMemo(\n    () =>\n      selectedDateTitle\n        ? `${selectedDateTitle}, ${translation.openPickerText}`\n        : translation.openPickerText,\n    [selectedDateTitle, translation]\n  )\n\n  validateDOMAttributes(props, attributes)\n  validateDOMAttributes(null, submitAttributes)\n\n  const SubmitElement: React.ElementType = useMemo(\n    () => (showInput ? SubmitButton : Button),\n    [showInput]\n  )\n\n  if (!showInput) {\n    // Use Button inner ref\n    submitAttributes.innerRef = submitAttributes.ref\n    submitAttributes.ref = null\n  }\n\n  return (\n    <fieldset className=\"dnb-date-picker__fieldset\" lang={lang}>\n      {label && <legend className=\"dnb-sr-only\">{label}</legend>}\n      <Input\n        id={`${id}__input`}\n        input_state={disabled ? 'disabled' : focusState}\n        input_element={\n          inputElement && typeof inputElement !== 'string'\n            ? typeof inputElement === 'function'\n              ? inputElement(props)\n              : inputElement\n            : renderInputElement\n        }\n        disabled={disabled || skeleton}\n        skeleton={skeleton}\n        size={size}\n        status={!opened ? status : null}\n        status_state={statusState}\n        {...statusProps}\n        submit_element={\n          <SubmitElement\n            id={id}\n            disabled={disabled}\n            skeleton={skeleton}\n            className={classnames(\n              showInput && 'dnb-button--input-button',\n              opened ? 'dnb-button--active' : null\n            )}\n            aria-label={formatDate}\n            title={title}\n            size={size}\n            status={status}\n            status_state={statusState}\n            type=\"button\"\n            icon=\"calendar\"\n            variant=\"secondary\"\n            on_submit={onSubmit}\n            on_click={onSubmit}\n            {...submitAttributes}\n            {...statusProps}\n          />\n        }\n        lang={lang}\n        {...attributes}\n      />\n    </fieldset>\n  )\n}\n\nexport default DatePickerInput\n\nfunction selectAll(target: HTMLInputElement) {\n  target.focus()\n  target.select()\n}\n\nfunction InputElement({ className, value, ...props }: TextMaskProps) {\n  return (\n    <TextMask\n      guide={true}\n      showMask={true}\n      keepCharPositions={false} // so we can overwrite next value, if it already exists\n      autoComplete=\"off\"\n      autoCapitalize=\"none\"\n      spellCheck={false}\n      autoCorrect=\"off\"\n      className={classnames(\n        className,\n        /\\d+/.test(String(value)) && 'dnb-date-picker__input--highlight'\n      )}\n      value={value}\n      {...props}\n    />\n  )\n}\n\nconst wait = (duration: number) =>\n  new Promise((r) => setTimeout(r, duration))\n"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import type { InputProps } from '../Input';
 import { SpacingProps } from '../space/types';
 import { FormStatusState, FormStatusText } from '../FormStatus';
 export type MultiInputMaskInput<T extends string> = {
@@ -71,7 +72,7 @@ export type MultiInputMaskProps<T extends string> = {
      * Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.
      */
     suffix?: React.ReactNode;
-} & Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'onFocus' | 'onBlur' | 'ref' | 'value' | 'label' | 'placeholder'> & SpacingProps;
+} & Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'onFocus' | 'onBlur' | 'ref' | 'value' | 'label' | 'placeholder' | 'size'> & SpacingProps & Pick<InputProps, 'size'>;
 declare function MultiInputMask<T extends string>({ id, label, labelDirection, inputs, delimiter, onChange: onChangeExternal, disabled, status, statusState, values: defaultValues, className, stretch, inputMode, suffix, onBlur, onFocus, ...props }: MultiInputMaskProps<T>): import("react/jsx-runtime").JSX.Element;
 declare namespace MultiInputMask {
     var _formElement: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"MultiInputMask.js","names":["React","useRef","Input","TextMask","useHandleCursorPosition","classnames","FormLabel","createSpacingClasses","useMultiInputValue","useId","MultiInputMask","_ref","_inputs$","id","label","labelDirection","inputs","delimiter","onChange","onChangeExternal","disabled","status","statusState","values","defaultValues","className","stretch","inputMode","suffix","onBlur","onFocus","props","_objectWithoutProperties","_excluded","callback","inputRefs","areInputsInFocus","onKeyDown","current","getKeysToHandle","WrapperElement","createElement","_extends","element","forId","onClick","onLegendClick","label_direction","status_state","input_element","map","_ref2","index","inputId","rest","_excluded2","MultiInputMaskInput","key","length","undefined","e","_e$relatedTarget","_e$relatedTarget$id","relatedTarget","includes","getInputRef","value","firstInput","focus","setSelectionRange","ref","inputRef","push","uniqueMasks","getUniqueMasks","size","pattern","next","replace","RegExp","reduce","keys","_ref3","mask","masks","Set","forEach","input","add","String","_ref4","placeholderCharacter","attributes","_excluded3","shouldHighlight","test","Fragment","placeholderChar","guide","showMask","keepCharPositions","_ref5","target","event","_excluded4","select","_objectSpread","removePlaceholder","placeholder","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/input-masked/MultiInputMask.tsx"],"sourcesContent":["import React, { MutableRefObject, useRef } from 'react'\nimport Input from '../Input'\nimport TextMask from './TextMask'\nimport useHandleCursorPosition from './hooks/useHandleCursorPosition'\nimport classnames from 'classnames'\nimport FormLabel from '../FormLabel'\nimport { SpacingProps } from '../space/types'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { FormStatusState, FormStatusText } from '../FormStatus'\nimport { useMultiInputValue } from './hooks/useMultiInputValues'\nimport useId from '../../shared/helpers/useId'\n\nexport type MultiInputMaskInput<T extends string> = {\n  /**\n   * Defines the id for the input. This id is also used to map the input value to the correct property on the objects used for `values` and `onChange` parameters.\n   */\n  id: T\n  /**\n   * Label used by the input. The label itself is hidden, but required to uphold accessibility standards for screen readers.\n   */\n  label: React.ReactNode\n  /**\n   * Each RegExp item in the array defines what the mask should be for each subsequent character in the input. The length sets the size of the input, so an array of two items would produce an input of two characters\n   */\n  mask: RegExp[]\n  /**\n   * Sets the placeholder character used for the input.\n   */\n  placeholderCharacter: string\n} & Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'ref'>\n\nexport type MultiInputMaskValue<T extends string> = {\n  // eslint-disable-next-line no-unused-vars\n  [K in T]: string\n}\n\nexport type MultiInputMaskProps<T extends string> = {\n  /**\n   * The label describing the group of inputs inside the components.\n   */\n  label?: React.ReactNode\n  /**\n   * Use to change the label layout direction. Defaults to `horizontal`.\n   */\n  labelDirection?: 'vertical' | 'horizontal'\n  /**\n   * Used to define the different inputs representing the inputs in the component. The id's defined here is used to map input value to correct property in `values` parameters used in `onChange`\n   */\n  inputs: MultiInputMaskInput<T>[]\n  /**\n   * Values used for the inputs inside the component. Expects an object with keys matching the id's defined in `inputs`\n   */\n  values?: MultiInputMaskValue<T>\n  /**\n   * Defines the delimiter used to separate the inputs inside the component.\n   */\n  delimiter?: string\n  /**\n   * Runs when the input value changes. Has an object parameter with keys matching the id's defined in `inputs`. i.e. `{month: string, year: string}`\n   */\n  onChange?: (values: MultiInputMaskValue<T>) => void\n  /**\n   * Runs when the input gains focus. Has an object parameter with keys matching the id's defined in `inputs`. i.e. `{month: string, year: string}`\n   */\n  onFocus?: (values: MultiInputMaskValue<T>) => void\n  /**\n   * Runs when the input loses focus. Has an object parameter with keys matching the id's defined in `inputs`. i.e. `{month: string, year: string}`\n   */\n  onBlur?: (values: MultiInputMaskValue<T>) => void\n  /**\n   * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n   */\n  status?: FormStatusText\n  /**\n   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n   */\n  statusState?: FormStatusState\n  /**\n   * Set it to `true` in order to stretch the input to the available space. Defaults to false.\n   */\n  stretch?: boolean\n  /**\n   * Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.\n   */\n  suffix?: React.ReactNode\n} & Omit<\n  React.HTMLProps<HTMLInputElement>,\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'ref'\n  | 'value'\n  | 'label'\n  | 'placeholder'\n> &\n  SpacingProps\n\nfunction MultiInputMask<T extends string>({\n  id,\n  label,\n  labelDirection = 'horizontal',\n  inputs,\n  delimiter,\n  onChange: onChangeExternal,\n  disabled,\n  status,\n  statusState,\n  values: defaultValues,\n  className,\n  stretch,\n  inputMode,\n  suffix,\n  onBlur,\n  onFocus,\n  ...props\n}: MultiInputMaskProps<T>) {\n  id = useId(id)\n\n  const [values, onChange] = useMultiInputValue({\n    inputs,\n    defaultValues,\n    callback: onChangeExternal,\n  })\n\n  const inputRefs = useRef<Array<MutableRefObject<HTMLInputElement>>>([])\n  const areInputsInFocus = useRef<boolean>(false)\n\n  const { onKeyDown } = useHandleCursorPosition(\n    inputRefs.current,\n    getKeysToHandle()\n  )\n\n  const WrapperElement = label ? 'fieldset' : 'div'\n\n  return (\n    <WrapperElement\n      className={classnames(\n        'dnb-multi-input-mask__fieldset',\n        labelDirection === 'horizontal' &&\n          'dnb-multi-input-mask__fieldset--horizontal',\n        createSpacingClasses(props)\n      )}\n    >\n      <Input\n        {...props}\n        id={id}\n        label={\n          label && (\n            <FormLabel\n              element=\"legend\"\n              forId={`${id}-${inputs[0]?.id}`}\n              disabled={disabled}\n              labelDirection={labelDirection}\n              onClick={onLegendClick}\n            >\n              {label}\n            </FormLabel>\n          )\n        }\n        className={classnames('dnb-multi-input-mask', className)}\n        label_direction={labelDirection}\n        disabled={disabled}\n        status={status}\n        status_state={statusState}\n        suffix={suffix}\n        stretch={stretch}\n        input_element={inputs.map(({ id: inputId, ...rest }, index) => {\n          return (\n            <MultiInputMaskInput\n              key={inputId}\n              id={id}\n              inputId={inputId}\n              delimiter={\n                index !== inputs.length - 1 ? delimiter : undefined\n              }\n              disabled={disabled}\n              inputMode={inputMode}\n              onKeyDown={onKeyDown}\n              onChange={onChange}\n              onFocus={() => {\n                if (!areInputsInFocus.current) {\n                  onFocus?.(values)\n                }\n\n                areInputsInFocus.current = true\n              }}\n              onBlur={(e) => {\n                if (!e.relatedTarget?.id?.includes(id)) {\n                  onBlur?.(values)\n                  areInputsInFocus.current = false\n                }\n              }}\n              getInputRef={getInputRef}\n              {...rest}\n              value={values[inputId]}\n            />\n          )\n        })}\n      />\n    </WrapperElement>\n  )\n\n  // Event handlers\n  function onLegendClick() {\n    if (disabled) {\n      return\n    }\n\n    const firstInput = inputRefs.current[0].current\n\n    firstInput.focus()\n    firstInput.setSelectionRange(0, 0)\n  }\n\n  // Utilities\n  function getInputRef(ref?: {\n    inputRef?: MutableRefObject<HTMLInputElement>\n  }) {\n    const inputRef = ref?.inputRef\n\n    if (inputRef && !inputRefs.current.includes(inputRef)) {\n      inputRefs.current.push(inputRef)\n    }\n\n    return inputRef\n  }\n\n  function getKeysToHandle() {\n    const uniqueMasks = getUniqueMasks()\n\n    // Return the only one RegExp since all the inputs are using the same mask\n    if (uniqueMasks.size === 1) {\n      const pattern = uniqueMasks.values().next().value.replace(/\\//g, '')\n      return new RegExp(pattern)\n    }\n\n    // If there are multiple types of masks used, then map the maps to an object based on input ids\n    // So that useHandleCursorPosition can do a per character test to see if the pressed key should be handled or not\n    return inputs.reduce(\n      (keys, { id, mask }) => {\n        keys[id] = mask\n\n        return keys\n      },\n      {} as Record<T, RegExp[]>\n    )\n  }\n\n  function getUniqueMasks() {\n    const masks = new Set()\n\n    inputs.forEach((input) => {\n      input.mask.forEach((pattern) => masks.add(String(pattern)))\n    })\n\n    return masks\n  }\n}\n\ntype MultiInputMaskInputProps<T extends string> =\n  MultiInputMaskInput<T> & {\n    id: MultiInputMaskInput<T>['id']\n    inputId: MultiInputMaskInput<T>['id']\n    label: MultiInputMaskInput<T>['label']\n    value: string\n    mask: MultiInputMaskInput<T>['mask']\n    placeholderCharacter: MultiInputMaskInput<T>['placeholderCharacter']\n    delimiter?: MultiInputMaskProps<T>['delimiter']\n    disabled: boolean\n    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void\n    onChange: (\n      id: string,\n      placeholderCharacter: MultiInputMaskInput<T>['placeholderCharacter']\n    ) => void\n    getInputRef: () => MutableRefObject<HTMLInputElement>\n  }\n\nfunction MultiInputMaskInput<T extends string>({\n  id,\n  inputId,\n  label,\n  value,\n  mask,\n  placeholderCharacter,\n  delimiter,\n  disabled,\n  getInputRef,\n  onKeyDown,\n  onChange,\n  onBlur,\n  onFocus,\n  ...attributes\n}: MultiInputMaskInputProps<T>) {\n  const shouldHighlight = !disabled && /\\w+/.test(value)\n\n  return (\n    <>\n      <TextMask\n        id={`${id}-${inputId}`}\n        data-mask-id={inputId}\n        className={classnames(\n          'dnb-input__input',\n          'dnb-multi-input-mask__input',\n          shouldHighlight && 'dnb-multi-input-mask__input--highlight'\n        )}\n        disabled={disabled}\n        size={mask.length}\n        mask={mask}\n        value={value ?? ''}\n        placeholderChar={placeholderCharacter}\n        guide={true}\n        showMask={true}\n        keepCharPositions={false} // so we can overwrite next value, if it already exists\n        aria-label={label}\n        ref={getInputRef}\n        onKeyDown={onKeyDown}\n        onBlur={onBlur}\n        onFocus={({ target, ...event }) => {\n          target.focus()\n          target.select()\n\n          if (onFocus) {\n            onFocus({ target, ...event })\n          }\n        }}\n        onChange={(event) => {\n          onChange(\n            inputId,\n            removePlaceholder(event.target.value, placeholderCharacter)\n          )\n        }}\n        {...attributes}\n      />\n      {delimiter && (\n        <span\n          aria-hidden\n          className={classnames(\n            'dnb-multi-input-mask__delimiter',\n            shouldHighlight && 'dnb-multi-input-mask__delimiter--highlight'\n          )}\n        >\n          {delimiter}\n        </span>\n      )}\n    </>\n  )\n\n  function removePlaceholder(value: string, placeholder: string) {\n    return value.replace(RegExp(placeholder, 'gm'), '')\n  }\n}\n\nexport default MultiInputMask\n\nMultiInputMask._formElement = true\nMultiInputMask._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"MultiInputMask.js","names":["React","useRef","Input","TextMask","useHandleCursorPosition","classnames","FormLabel","createSpacingClasses","useMultiInputValue","useId","MultiInputMask","_ref","_inputs$","id","label","labelDirection","inputs","delimiter","onChange","onChangeExternal","disabled","status","statusState","values","defaultValues","className","stretch","inputMode","suffix","onBlur","onFocus","props","_objectWithoutProperties","_excluded","callback","inputRefs","areInputsInFocus","onKeyDown","current","getKeysToHandle","WrapperElement","createElement","_extends","element","forId","onClick","onLegendClick","label_direction","status_state","input_element","map","_ref2","index","inputId","rest","_excluded2","MultiInputMaskInput","key","length","undefined","e","_e$relatedTarget","_e$relatedTarget$id","relatedTarget","includes","getInputRef","value","firstInput","focus","setSelectionRange","ref","inputRef","push","uniqueMasks","getUniqueMasks","size","pattern","next","replace","RegExp","reduce","keys","_ref3","mask","masks","Set","forEach","input","add","String","_ref4","placeholderCharacter","attributes","_excluded3","shouldHighlight","test","Fragment","placeholderChar","guide","showMask","keepCharPositions","_ref5","target","event","_excluded4","select","_objectSpread","removePlaceholder","placeholder","_formElement","_supportsSpacingProps"],"sources":["../../../../src/components/input-masked/MultiInputMask.tsx"],"sourcesContent":["import React, { MutableRefObject, useRef } from 'react'\nimport Input from '../Input'\nimport type { InputProps } from '../Input'\nimport TextMask from './TextMask'\nimport useHandleCursorPosition from './hooks/useHandleCursorPosition'\nimport classnames from 'classnames'\nimport FormLabel from '../FormLabel'\nimport { SpacingProps } from '../space/types'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport { FormStatusState, FormStatusText } from '../FormStatus'\nimport { useMultiInputValue } from './hooks/useMultiInputValues'\nimport useId from '../../shared/helpers/useId'\n\nexport type MultiInputMaskInput<T extends string> = {\n  /**\n   * Defines the id for the input. This id is also used to map the input value to the correct property on the objects used for `values` and `onChange` parameters.\n   */\n  id: T\n  /**\n   * Label used by the input. The label itself is hidden, but required to uphold accessibility standards for screen readers.\n   */\n  label: React.ReactNode\n  /**\n   * Each RegExp item in the array defines what the mask should be for each subsequent character in the input. The length sets the size of the input, so an array of two items would produce an input of two characters\n   */\n  mask: RegExp[]\n  /**\n   * Sets the placeholder character used for the input.\n   */\n  placeholderCharacter: string\n} & Omit<React.HTMLProps<HTMLInputElement>, 'onChange' | 'ref'>\n\nexport type MultiInputMaskValue<T extends string> = {\n  // eslint-disable-next-line no-unused-vars\n  [K in T]: string\n}\n\nexport type MultiInputMaskProps<T extends string> = {\n  /**\n   * The label describing the group of inputs inside the components.\n   */\n  label?: React.ReactNode\n  /**\n   * Use to change the label layout direction. Defaults to `horizontal`.\n   */\n  labelDirection?: 'vertical' | 'horizontal'\n  /**\n   * Used to define the different inputs representing the inputs in the component. The id's defined here is used to map input value to correct property in `values` parameters used in `onChange`\n   */\n  inputs: MultiInputMaskInput<T>[]\n  /**\n   * Values used for the inputs inside the component. Expects an object with keys matching the id's defined in `inputs`\n   */\n  values?: MultiInputMaskValue<T>\n  /**\n   * Defines the delimiter used to separate the inputs inside the component.\n   */\n  delimiter?: string\n  /**\n   * Runs when the input value changes. Has an object parameter with keys matching the id's defined in `inputs`. i.e. `{month: string, year: string}`\n   */\n  onChange?: (values: MultiInputMaskValue<T>) => void\n  /**\n   * Runs when the input gains focus. Has an object parameter with keys matching the id's defined in `inputs`. i.e. `{month: string, year: string}`\n   */\n  onFocus?: (values: MultiInputMaskValue<T>) => void\n  /**\n   * Runs when the input loses focus. Has an object parameter with keys matching the id's defined in `inputs`. i.e. `{month: string, year: string}`\n   */\n  onBlur?: (values: MultiInputMaskValue<T>) => void\n  /**\n   * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.\n   */\n  status?: FormStatusText\n  /**\n   * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.\n   */\n  statusState?: FormStatusState\n  /**\n   * Set it to `true` in order to stretch the input to the available space. Defaults to false.\n   */\n  stretch?: boolean\n  /**\n   * Text describing the content of the input more than the label. you can also send in a React component, so it gets wrapped inside the Input component.\n   */\n  suffix?: React.ReactNode\n} & Omit<\n  React.HTMLProps<HTMLInputElement>,\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'ref'\n  | 'value'\n  | 'label'\n  | 'placeholder'\n  | 'size'\n> &\n  SpacingProps &\n  Pick<InputProps, 'size'>\n\nfunction MultiInputMask<T extends string>({\n  id,\n  label,\n  labelDirection = 'horizontal',\n  inputs,\n  delimiter,\n  onChange: onChangeExternal,\n  disabled,\n  status,\n  statusState,\n  values: defaultValues,\n  className,\n  stretch,\n  inputMode,\n  suffix,\n  onBlur,\n  onFocus,\n  ...props\n}: MultiInputMaskProps<T>) {\n  id = useId(id)\n\n  const [values, onChange] = useMultiInputValue({\n    inputs,\n    defaultValues,\n    callback: onChangeExternal,\n  })\n\n  const inputRefs = useRef<Array<MutableRefObject<HTMLInputElement>>>([])\n  const areInputsInFocus = useRef<boolean>(false)\n\n  const { onKeyDown } = useHandleCursorPosition(\n    inputRefs.current,\n    getKeysToHandle()\n  )\n\n  const WrapperElement = label ? 'fieldset' : 'div'\n\n  return (\n    <WrapperElement\n      className={classnames(\n        'dnb-multi-input-mask__fieldset',\n        labelDirection === 'horizontal' &&\n          'dnb-multi-input-mask__fieldset--horizontal',\n        createSpacingClasses(props)\n      )}\n    >\n      <Input\n        {...props}\n        id={id}\n        label={\n          label && (\n            <FormLabel\n              element=\"legend\"\n              forId={`${id}-${inputs[0]?.id}`}\n              disabled={disabled}\n              labelDirection={labelDirection}\n              onClick={onLegendClick}\n            >\n              {label}\n            </FormLabel>\n          )\n        }\n        className={classnames('dnb-multi-input-mask', className)}\n        label_direction={labelDirection}\n        disabled={disabled}\n        status={status}\n        status_state={statusState}\n        suffix={suffix}\n        stretch={stretch}\n        input_element={inputs.map(({ id: inputId, ...rest }, index) => {\n          return (\n            <MultiInputMaskInput\n              key={inputId}\n              id={id}\n              inputId={inputId}\n              delimiter={\n                index !== inputs.length - 1 ? delimiter : undefined\n              }\n              disabled={disabled}\n              inputMode={inputMode}\n              onKeyDown={onKeyDown}\n              onChange={onChange}\n              onFocus={() => {\n                if (!areInputsInFocus.current) {\n                  onFocus?.(values)\n                }\n\n                areInputsInFocus.current = true\n              }}\n              onBlur={(e) => {\n                if (!e.relatedTarget?.id?.includes(id)) {\n                  onBlur?.(values)\n                  areInputsInFocus.current = false\n                }\n              }}\n              getInputRef={getInputRef}\n              {...rest}\n              value={values[inputId]}\n            />\n          )\n        })}\n      />\n    </WrapperElement>\n  )\n\n  // Event handlers\n  function onLegendClick() {\n    if (disabled) {\n      return\n    }\n\n    const firstInput = inputRefs.current[0].current\n\n    firstInput.focus()\n    firstInput.setSelectionRange(0, 0)\n  }\n\n  // Utilities\n  function getInputRef(ref?: {\n    inputRef?: MutableRefObject<HTMLInputElement>\n  }) {\n    const inputRef = ref?.inputRef\n\n    if (inputRef && !inputRefs.current.includes(inputRef)) {\n      inputRefs.current.push(inputRef)\n    }\n\n    return inputRef\n  }\n\n  function getKeysToHandle() {\n    const uniqueMasks = getUniqueMasks()\n\n    // Return the only one RegExp since all the inputs are using the same mask\n    if (uniqueMasks.size === 1) {\n      const pattern = uniqueMasks.values().next().value.replace(/\\//g, '')\n      return new RegExp(pattern)\n    }\n\n    // If there are multiple types of masks used, then map the maps to an object based on input ids\n    // So that useHandleCursorPosition can do a per character test to see if the pressed key should be handled or not\n    return inputs.reduce(\n      (keys, { id, mask }) => {\n        keys[id] = mask\n\n        return keys\n      },\n      {} as Record<T, RegExp[]>\n    )\n  }\n\n  function getUniqueMasks() {\n    const masks = new Set()\n\n    inputs.forEach((input) => {\n      input.mask.forEach((pattern) => masks.add(String(pattern)))\n    })\n\n    return masks\n  }\n}\n\ntype MultiInputMaskInputProps<T extends string> =\n  MultiInputMaskInput<T> & {\n    id: MultiInputMaskInput<T>['id']\n    inputId: MultiInputMaskInput<T>['id']\n    label: MultiInputMaskInput<T>['label']\n    value: string\n    mask: MultiInputMaskInput<T>['mask']\n    placeholderCharacter: MultiInputMaskInput<T>['placeholderCharacter']\n    delimiter?: MultiInputMaskProps<T>['delimiter']\n    disabled: boolean\n    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void\n    onChange: (\n      id: string,\n      placeholderCharacter: MultiInputMaskInput<T>['placeholderCharacter']\n    ) => void\n    getInputRef: () => MutableRefObject<HTMLInputElement>\n  }\n\nfunction MultiInputMaskInput<T extends string>({\n  id,\n  inputId,\n  label,\n  value,\n  mask,\n  placeholderCharacter,\n  delimiter,\n  disabled,\n  getInputRef,\n  onKeyDown,\n  onChange,\n  onBlur,\n  onFocus,\n  ...attributes\n}: MultiInputMaskInputProps<T>) {\n  const shouldHighlight = !disabled && /\\w+/.test(value)\n\n  return (\n    <>\n      <TextMask\n        id={`${id}-${inputId}`}\n        data-mask-id={inputId}\n        className={classnames(\n          'dnb-input__input',\n          'dnb-multi-input-mask__input',\n          shouldHighlight && 'dnb-multi-input-mask__input--highlight'\n        )}\n        disabled={disabled}\n        size={mask.length}\n        mask={mask}\n        value={value ?? ''}\n        placeholderChar={placeholderCharacter}\n        guide={true}\n        showMask={true}\n        keepCharPositions={false} // so we can overwrite next value, if it already exists\n        aria-label={label}\n        ref={getInputRef}\n        onKeyDown={onKeyDown}\n        onBlur={onBlur}\n        onFocus={({ target, ...event }) => {\n          target.focus()\n          target.select()\n\n          if (onFocus) {\n            onFocus({ target, ...event })\n          }\n        }}\n        onChange={(event) => {\n          onChange(\n            inputId,\n            removePlaceholder(event.target.value, placeholderCharacter)\n          )\n        }}\n        {...attributes}\n      />\n      {delimiter && (\n        <span\n          aria-hidden\n          className={classnames(\n            'dnb-multi-input-mask__delimiter',\n            shouldHighlight && 'dnb-multi-input-mask__delimiter--highlight'\n          )}\n        >\n          {delimiter}\n        </span>\n      )}\n    </>\n  )\n\n  function removePlaceholder(value: string, placeholder: string) {\n    return value.replace(RegExp(placeholder, 'gm'), '')\n  }\n}\n\nexport default MultiInputMask\n\nMultiInputMask._formElement = true\nMultiInputMask._supportsSpacingProps = true\n"],"mappings":"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"}

package/components/logo/style/themes/dnb-logo-theme-sbanken.css

@@ -3,7 +3,7 @@
  *
  */
 .sbanken-logo {
-  color: var(--sb-color-purple);
+  color: var(--sb-color-text);
 }
 .sbanken-logo--inherit-color {
   color: currentcolor;

package/components/logo/style/themes/dnb-logo-theme-sbanken.min.css

@@ -1 +1 @@
-.sbanken-logo{color:var(--sb-color-purple)}.sbanken-logo--inherit-color{color:currentcolor}
+.sbanken-logo{color:var(--sb-color-text)}.sbanken-logo--inherit-color{color:currentcolor}

package/components/logo/style/themes/dnb-logo-theme-sbanken.scss

@@ -4,7 +4,7 @@
  */
 
 .sbanken-logo {
-  color: var(--sb-color-purple);
+  color: var(--sb-color-text);
 
   &--inherit-color {
     color: currentcolor;

package/components/radio/RadioGroup.d.ts

@@ -9,7 +9,7 @@ import type { SkeletonShow } from '../Skeleton';
 import type { SpacingProps } from '../space/types';
 import type { GlobalStatusConfigObject } from '../GlobalStatus';
 export type RadioGroupLabelPosition = 'left' | 'right';
-export type RadioGroupSize = 'default' | 'medium' | 'large';
+export type RadioGroupSize = 'default' | 'medium' | 'large' | number;
 export type RadioGroupSuffix =
   | string
   | ((...args: any[]) => any)

package/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.css

@@ -1,7 +1,4 @@
-/*
- * No theme is provided
- *
- * Theming variables for the Skeleton component is required globally
- * and is thus defined in src/style/themes/theme-sbanken/customisations.scss
- *
- */
+.dnb-skeleton {
+  --skeleton-color: var(--sb-color-gray-light-2);
+  --skeleton-color--contrast: var(--sb-color-white);
+}

package/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.min.css

@@ -0,0 +1 @@
+.dnb-skeleton{--skeleton-color:var(--sb-color-gray-light-2);--skeleton-color--contrast:var(--sb-color-white)}

package/components/skeleton/style/themes/dnb-skeleton-theme-sbanken.scss

@@ -1,7 +1,5 @@
-/*
- * No theme is provided
- *
- * Theming variables for the Skeleton component is required globally
- * and is thus defined in src/style/themes/theme-sbanken/customisations.scss
- *
- */
+.dnb-skeleton {
+  // Skeleton
+  --skeleton-color: var(--sb-color-gray-light-2);
+  --skeleton-color--contrast: var(--sb-color-white);
+}

package/components/skeleton/style/themes/dnb-skeleton-theme-ui.css

@@ -1,7 +1,4 @@
-/*
- * No theme is provided
- *
- * Theming variables for the Skeleton component is required globally
- * and is thus defined in src/style/themes/theme-ui/ui-theme-basis.scss
- *
- */
+.dnb-skeleton {
+  --skeleton-color: var(--color-black-8);
+  --skeleton-color--contrast: var(--color-white);
+}

package/components/skeleton/style/themes/dnb-skeleton-theme-ui.min.css

@@ -0,0 +1 @@
+.dnb-skeleton{--skeleton-color:var(--color-black-8);--skeleton-color--contrast:var(--color-white)}

package/components/skeleton/style/themes/dnb-skeleton-theme-ui.scss

@@ -1,7 +1,5 @@
-/*
- * No theme is provided
- *
- * Theming variables for the Skeleton component is required globally
- * and is thus defined in src/style/themes/theme-ui/ui-theme-basis.scss
- *
- */
+.dnb-skeleton {
+  // Skeleton
+  --skeleton-color: var(--color-black-8);
+  --skeleton-color--contrast: var(--color-white);
+}

package/components/toggle-button/ToggleButtonGroup.d.ts

@@ -4,6 +4,7 @@ import type {
   FormStatusState,
   FormStatusText
 } from '../FormStatus';
+import type { ButtonSize } from '../Button';
 import type { SkeletonShow } from '../Skeleton';
 import type { SpacingProps } from '../space/types';
 import type { FormLabelLabelDirection } from '../FormLabel';
@@ -97,6 +98,7 @@ export interface ToggleButtonGroupProps
   values?: ToggleButtonGroupValues;
   attributes?: ToggleButtonGroupAttributes;
   className?: string;
+  size?: ButtonSize | number;
   children?: ToggleButtonGroupChildren;
   /**
    * Will be called on state changes made by the user. Returns a boolean and string `{ checked, value, event }`.

package/components/toggle-button/ToggleButtonGroup.js

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 var _AlignmentHelper;
-const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "label_direction", "label_sr_only", "vertical", "layout_direction", "label", "variant", "left_component", "disabled", "skeleton", "className", "multiselect", "id", "name", "value", "values", "children", "on_change"];
+const _excluded = ["status", "status_state", "status_props", "status_no_animation", "globalStatus", "suffix", "label_direction", "label_sr_only", "vertical", "layout_direction", "label", "variant", "left_component", "size", "disabled", "skeleton", "className", "multiselect", "id", "name", "value", "values", "children", "on_change"];
 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 from 'react';
@@ -93,6 +93,7 @@ export default class ToggleButtonGroup extends React.PureComponent {
         label,
         variant,
         left_component,
+        size,
         disabled,
         skeleton,
         className,
@@ -124,6 +125,7 @@ export default class ToggleButtonGroup extends React.PureComponent {
       name: this._name,
       value,
       values,
+      size,
       multiselect: isTrue(multiselect),
       variant,
       left_component,
@@ -191,6 +193,7 @@ _defineProperty(ToggleButtonGroup, "defaultProps", {
   skeleton: null,
   id: null,
   name: null,
+  size: null,
   status: null,
   status_state: 'error',
   status_props: null,
@@ -218,6 +221,7 @@ process.env.NODE_ENV !== "production" ? ToggleButtonGroup.propTypes = _objectSpr
   skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
   id: PropTypes.string,
   name: PropTypes.string,
+  size: PropTypes.oneOf(['default', 'medium', 'large']),
   status: PropTypes.oneOfType([PropTypes.string, PropTypes.bool, PropTypes.func, PropTypes.node]),
   status_state: PropTypes.string,
   status_props: PropTypes.object,