@dnb/eufemia 10.12.0 → 10.13.0

package/es/components/tooltip/TooltipWithEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWithEvents.js","names":["React","combineDescribedBy","warn","TooltipContainer","getRefElement","injectTooltipSemantic","isTouch","useHandleAria","TooltipPortal","TooltipWithEvents","props","children","restProps","_objectWithoutProperties","_excluded","active","target","skipPortal","noAnimation","showDelay","hideDelay","internalId","isActive","setIsActive","useState","isNotSemanticElement","setIsNotSemanticElement","isMounted","setIsMounted","delayTimeout","useRef","cloneRef","targetRef","clearTimers","clearTimeout","current","useLayoutEffect","addEvents","handleSemanticElement","removeEvents","targetElement","document","querySelector","role","getAttribute","test","tagName","e","element","addEventListener","onMouseLeave","onFocus","onMouseEnter","removeEventListener","elem","currentTarget","type","style","userSelect","run","globalThis","IS_TEST","setTimeout","parseFloat","String","componentWrapper","useMemo","isValidElement","params","className","cloneElement","_objectSpread","ref","createElement","Fragment","_extends","keepInDOM"],"sources":["../../../../src/components/tooltip/TooltipWithEvents.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { combineDescribedBy, warn } from '../../shared/component-helper'\nimport TooltipContainer from './TooltipContainer'\nimport {\n  getRefElement,\n  injectTooltipSemantic,\n  isTouch,\n  useHandleAria,\n} from './TooltipHelpers'\nimport TooltipPortal from './TooltipPortal'\nimport { TooltipProps } from './types'\n\ntype TooltipWithEventsProps = {\n  target: HTMLElement\n  active: boolean\n  internalId: string\n}\n\nfunction TooltipWithEvents(props: TooltipProps & TooltipWithEventsProps) {\n  const { children, ...restProps } = props\n  const {\n    active,\n    target,\n    skipPortal,\n    noAnimation,\n    showDelay,\n    hideDelay,\n    internalId,\n  } = restProps\n\n  const [isActive, setIsActive] = React.useState(active)\n  const [isNotSemanticElement, setIsNotSemanticElement] =\n    React.useState(false)\n  const [isMounted, setIsMounted] = React.useState(!target)\n\n  const delayTimeout = React.useRef<NodeJS.Timeout>()\n  const cloneRef = React.useRef<HTMLElement>()\n  const targetRef = React.useRef<HTMLElement>()\n\n  const clearTimers = () => {\n    clearTimeout(delayTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    targetRef.current = getRefElement(cloneRef)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [target])\n\n  React.useLayoutEffect(() => {\n    if (targetRef.current) {\n      setIsMounted(true)\n      addEvents(targetRef.current)\n      handleSemanticElement()\n    }\n\n    return () => {\n      clearTimers()\n      removeEvents(targetRef.current)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  /**\n   * Make the element focus-able by keyboard, if it is not a semantic element.\n   * This will enable keyboard access to the tooltip by adding focus posibility\n   */\n  const handleSemanticElement = () => {\n    try {\n      const targetElement = document.querySelector(\n        `*[aria-describedby*=\"${internalId}\"]`\n      )\n      if (targetElement) {\n        const role = targetElement.getAttribute('role')\n        if (\n          /div|p|span/i.test(targetElement?.tagName) &&\n          (!role || role === 'text')\n        ) {\n          setIsNotSemanticElement(true)\n        }\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const addEvents = (element: HTMLElement) => {\n    try {\n      element.addEventListener('click', onMouseLeave)\n      element.addEventListener('focus', onFocus)\n      element.addEventListener('blur', onMouseLeave)\n      element.addEventListener('mouseenter', onMouseEnter)\n      element.addEventListener('mousedown', onMouseEnter)\n      element.addEventListener('mouseleave', onMouseLeave)\n      element.addEventListener('touchstart', onMouseEnter)\n      element.addEventListener('touchend', onMouseLeave)\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const removeEvents = (element: HTMLElement) => {\n    if (!element) return\n    try {\n      element.removeEventListener('click', onMouseLeave)\n      element.removeEventListener('focus', onFocus)\n      element.removeEventListener('blur', onMouseLeave)\n      element.removeEventListener('mouseenter', onMouseEnter)\n      element.removeEventListener('mouseleave', onMouseLeave)\n      element.removeEventListener('touchstart', onMouseEnter)\n      element.removeEventListener('touchend', onMouseLeave)\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const onFocus = (e: MouseEvent) => {\n    /**\n     * VoiceOver needs to show the Tooltip in order to read the aria-describedby\n     */\n    return onMouseEnter(e)\n  }\n\n  const onMouseEnter = (e: MouseEvent) => {\n    try {\n      const elem = e.currentTarget as HTMLElement\n\n      if (elem.getAttribute('data-autofocus')) {\n        return // stop here\n      }\n\n      if (isTouch(e.type)) {\n        elem.style.userSelect = 'none'\n      }\n    } catch (e) {\n      warn(e)\n    }\n\n    const run = () => {\n      setIsActive(true)\n    }\n\n    if (noAnimation || globalThis.IS_TEST) {\n      run()\n    } else {\n      clearTimers()\n      delayTimeout.current = setTimeout(\n        run,\n        parseFloat(String(showDelay)) || 1\n      ) // have min 1 to make sure we are after onMouseLeave\n    }\n  }\n\n  const onMouseLeave = (e: MouseEvent) => {\n    if (active) {\n      return // stop here, because it is set to true by the original prop\n    }\n\n    try {\n      if (isTouch(e.type)) {\n        const elem = e.currentTarget as HTMLElement\n        elem.style.userSelect = ''\n      }\n    } catch (e) {\n      warn(e)\n    }\n\n    clearTimers()\n\n    const run = () => {\n      setIsActive(false)\n    }\n\n    if (skipPortal) {\n      delayTimeout.current = setTimeout(run, parseFloat(String(hideDelay)))\n    } else {\n      run()\n    }\n  }\n\n  /**\n   * Here we get our \"target\" / \"targetSelector\"\n   */\n  const componentWrapper = React.useMemo(() => {\n    // we could also check against && target.props && !target.props.tooltip\n    if (React.isValidElement(target)) {\n      const params = isNotSemanticElement\n        ? injectTooltipSemantic({ className: props.className })\n        : {}\n\n      return React.cloneElement(target, {\n        ref: cloneRef,\n        ...params,\n        'aria-describedby': combineDescribedBy(target.props, internalId),\n      })\n    } else {\n      cloneRef.current = target\n    }\n\n    return null\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [target])\n\n  useHandleAria(targetRef.current, internalId)\n\n  return (\n    <>\n      {isMounted &&\n        (skipPortal ? (\n          <TooltipContainer\n            {...restProps}\n            active={isActive}\n            targetElement={targetRef.current}\n          >\n            {children}\n          </TooltipContainer>\n        ) : (\n          <TooltipPortal\n            {...restProps}\n            active={isActive}\n            targetElement={targetRef.current}\n            keepInDOM // because of useHandleAria\n          >\n            {children}\n          </TooltipPortal>\n        ))}\n\n      {componentWrapper}\n    </>\n  )\n}\n\nexport default TooltipWithEvents\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,IAAI,QAAQ,+BAA+B;AACxE,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SACEC,aAAa,EACbC,qBAAqB,EACrBC,OAAO,EACPC,aAAa,QACR,kBAAkB;AACzB,OAAOC,aAAa,MAAM,iBAAiB;AAS3C,SAASC,iBAAiBA,CAACC,KAA4C,EAAE;EACvE,MAAM;MAAEC;IAAuB,CAAC,GAAGD,KAAK;IAAnBE,SAAS,GAAAC,wBAAA,CAAKH,KAAK,EAAAI,SAAA;EACxC,MAAM;IACJC,MAAM;IACNC,MAAM;IACNC,UAAU;IACVC,WAAW;IACXC,SAAS;IACTC,SAAS;IACTC;EACF,CAAC,GAAGT,SAAS;EAEb,MAAM,CAACU,QAAQ,EAAEC,WAAW,CAAC,GAAGvB,KAAK,CAACwB,QAAQ,CAACT,MAAM,CAAC;EACtD,MAAM,CAACU,oBAAoB,EAAEC,uBAAuB,CAAC,GACnD1B,KAAK,CAACwB,QAAQ,CAAC,KAAK,CAAC;EACvB,MAAM,CAACG,SAAS,EAAEC,YAAY,CAAC,GAAG5B,KAAK,CAACwB,QAAQ,CAAC,CAACR,MAAM,CAAC;EAEzD,MAAMa,YAAY,GAAG7B,KAAK,CAAC8B,MAAM,CAAiB,CAAC;EACnD,MAAMC,QAAQ,GAAG/B,KAAK,CAAC8B,MAAM,CAAc,CAAC;EAC5C,MAAME,SAAS,GAAGhC,KAAK,CAAC8B,MAAM,CAAc,CAAC;EAE7C,MAAMG,WAAW,GAAGA,CAAA,KAAM;IACxBC,YAAY,CAACL,YAAY,CAACM,OAAO,CAAC;EACpC,CAAC;EAEDnC,KAAK,CAACoC,eAAe,CAAC,MAAM;IAC1BJ,SAAS,CAACG,OAAO,GAAG/B,aAAa,CAAC2B,QAAQ,CAAC;EAE7C,CAAC,EAAE,CAACf,MAAM,CAAC,CAAC;EAEZhB,KAAK,CAACoC,eAAe,CAAC,MAAM;IAC1B,IAAIJ,SAAS,CAACG,OAAO,EAAE;MACrBP,YAAY,CAAC,IAAI,CAAC;MAClBS,SAAS,CAACL,SAAS,CAACG,OAAO,CAAC;MAC5BG,qBAAqB,CAAC,CAAC;IACzB;IAEA,OAAO,MAAM;MACXL,WAAW,CAAC,CAAC;MACbM,YAAY,CAACP,SAAS,CAACG,OAAO,CAAC;IACjC,CAAC;EAEH,CAAC,EAAE,EAAE,CAAC;EAMN,MAAMG,qBAAqB,GAAGA,CAAA,KAAM;IAClC,IAAI;MACF,MAAME,aAAa,GAAGC,QAAQ,CAACC,aAAa,CACzC,wBAAuBrB,UAAW,IACrC,CAAC;MACD,IAAImB,aAAa,EAAE;QACjB,MAAMG,IAAI,GAAGH,aAAa,CAACI,YAAY,CAAC,MAAM,CAAC;QAC/C,IACE,aAAa,CAACC,IAAI,CAACL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,OAAO,CAAC,KACzC,CAACH,IAAI,IAAIA,IAAI,KAAK,MAAM,CAAC,EAC1B;UACAjB,uBAAuB,CAAC,IAAI,CAAC;QAC/B;MACF;IACF,CAAC,CAAC,OAAOqB,CAAC,EAAE;MACV7C,IAAI,CAAC6C,CAAC,CAAC;IACT;EACF,CAAC;EAED,MAAMV,SAAS,GAAIW,OAAoB,IAAK;IAC1C,IAAI;MACFA,OAAO,CAACC,gBAAgB,CAAC,OAAO,EAAEC,YAAY,CAAC;MAC/CF,OAAO,CAACC,gBAAgB,CAAC,OAAO,EAAEE,OAAO,CAAC;MAC1CH,OAAO,CAACC,gBAAgB,CAAC,MAAM,EAAEC,YAAY,CAAC;MAC9CF,OAAO,CAACC,gBAAgB,CAAC,YAAY,EAAEG,YAAY,CAAC;MACpDJ,OAAO,CAACC,gBAAgB,CAAC,WAAW,EAAEG,YAAY,CAAC;MACnDJ,OAAO,CAACC,gBAAgB,CAAC,YAAY,EAAEC,YAAY,CAAC;MACpDF,OAAO,CAACC,gBAAgB,CAAC,YAAY,EAAEG,YAAY,CAAC;MACpDJ,OAAO,CAACC,gBAAgB,CAAC,UAAU,EAAEC,YAAY,CAAC;IACpD,CAAC,CAAC,OAAOH,CAAC,EAAE;MACV7C,IAAI,CAAC6C,CAAC,CAAC;IACT;EACF,CAAC;EAED,MAAMR,YAAY,GAAIS,OAAoB,IAAK;IAC7C,IAAI,CAACA,OAAO,EAAE;IACd,IAAI;MACFA,OAAO,CAACK,mBAAmB,CAAC,OAAO,EAAEH,YAAY,CAAC;MAClDF,OAAO,CAACK,mBAAmB,CAAC,OAAO,EAAEF,OAAO,CAAC;MAC7CH,OAAO,CAACK,mBAAmB,CAAC,MAAM,EAAEH,YAAY,CAAC;MACjDF,OAAO,CAACK,mBAAmB,CAAC,YAAY,EAAED,YAAY,CAAC;MACvDJ,OAAO,CAACK,mBAAmB,CAAC,YAAY,EAAEH,YAAY,CAAC;MACvDF,OAAO,CAACK,mBAAmB,CAAC,YAAY,EAAED,YAAY,CAAC;MACvDJ,OAAO,CAACK,mBAAmB,CAAC,UAAU,EAAEH,YAAY,CAAC;IACvD,CAAC,CAAC,OAAOH,CAAC,EAAE;MACV7C,IAAI,CAAC6C,CAAC,CAAC;IACT;EACF,CAAC;EAED,MAAMI,OAAO,GAAIJ,CAAa,IAAK;IAIjC,OAAOK,YAAY,CAACL,CAAC,CAAC;EACxB,CAAC;EAED,MAAMK,YAAY,GAAIL,CAAa,IAAK;IACtC,IAAI;MACF,MAAMO,IAAI,GAAGP,CAAC,CAACQ,aAA4B;MAE3C,IAAID,IAAI,CAACV,YAAY,CAAC,gBAAgB,CAAC,EAAE;QACvC;MACF;MAEA,IAAItC,OAAO,CAACyC,CAAC,CAACS,IAAI,CAAC,EAAE;QACnBF,IAAI,CAACG,KAAK,CAACC,UAAU,GAAG,MAAM;MAChC;IACF,CAAC,CAAC,OAAOX,CAAC,EAAE;MACV7C,IAAI,CAAC6C,CAAC,CAAC;IACT;IAEA,MAAMY,GAAG,GAAGA,CAAA,KAAM;MAChBpC,WAAW,CAAC,IAAI,CAAC;IACnB,CAAC;IAED,IAAIL,WAAW,IAAI0C,UAAU,CAACC,OAAO,EAAE;MACrCF,GAAG,CAAC,CAAC;IACP,CAAC,MAAM;MACL1B,WAAW,CAAC,CAAC;MACbJ,YAAY,CAACM,OAAO,GAAG2B,UAAU,CAC/BH,GAAG,EACHI,UAAU,CAACC,MAAM,CAAC7C,SAAS,CAAC,CAAC,IAAI,CACnC,CAAC;IACH;EACF,CAAC;EAED,MAAM+B,YAAY,GAAIH,CAAa,IAAK;IACtC,IAAIhC,MAAM,EAAE;MACV;IACF;IAEA,IAAI;MACF,IAAIT,OAAO,CAACyC,CAAC,CAACS,IAAI,CAAC,EAAE;QACnB,MAAMF,IAAI,GAAGP,CAAC,CAACQ,aAA4B;QAC3CD,IAAI,CAACG,KAAK,CAACC,UAAU,GAAG,EAAE;MAC5B;IACF,CAAC,CAAC,OAAOX,CAAC,EAAE;MACV7C,IAAI,CAAC6C,CAAC,CAAC;IACT;IAEAd,WAAW,CAAC,CAAC;IAEb,MAAM0B,GAAG,GAAGA,CAAA,KAAM;MAChBpC,WAAW,CAAC,KAAK,CAAC;IACpB,CAAC;IAED,IAAIN,UAAU,EAAE;MACdY,YAAY,CAACM,OAAO,GAAG2B,UAAU,CAACH,GAAG,EAAEI,UAAU,CAACC,MAAM,CAAC5C,SAAS,CAAC,CAAC,CAAC;IACvE,CAAC,MAAM;MACLuC,GAAG,CAAC,CAAC;IACP;EACF,CAAC;EAKD,MAAMM,gBAAgB,GAAGjE,KAAK,CAACkE,OAAO,CAAC,MAAM;IAE3C,IAAIlE,KAAK,CAACmE,cAAc,CAACnD,MAAM,CAAC,EAAE;MAChC,MAAMoD,MAAM,GAAG3C,oBAAoB,GAC/BpB,qBAAqB,CAAC;QAAEgE,SAAS,EAAE3D,KAAK,CAAC2D;MAAU,CAAC,CAAC,GACrD,CAAC,CAAC;MAEN,OAAOrE,KAAK,CAACsE,YAAY,CAACtD,MAAM,EAAAuD,aAAA,CAAAA,aAAA;QAC9BC,GAAG,EAAEzC;MAAQ,GACVqC,MAAM;QACT,kBAAkB,EAAEnE,kBAAkB,CAACe,MAAM,CAACN,KAAK,EAAEW,UAAU;MAAC,EACjE,CAAC;IACJ,CAAC,MAAM;MACLU,QAAQ,CAACI,OAAO,GAAGnB,MAAM;IAC3B;IAEA,OAAO,IAAI;EAEb,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZT,aAAa,CAACyB,SAAS,CAACG,OAAO,EAAEd,UAAU,CAAC;EAE5C,OACErB,KAAA,CAAAyE,aAAA,CAAAzE,KAAA,CAAA0E,QAAA,QACG/C,SAAS,KACPV,UAAU,GACTjB,KAAA,CAAAyE,aAAA,CAACtE,gBAAgB,EAAAwE,QAAA,KACX/D,SAAS;IACbG,MAAM,EAAEO,QAAS;IACjBkB,aAAa,EAAER,SAAS,CAACG;EAAQ,IAEhCxB,QACe,CAAC,GAEnBX,KAAA,CAAAyE,aAAA,CAACjE,aAAa,EAAAmE,QAAA,KACR/D,SAAS;IACbG,MAAM,EAAEO,QAAS;IACjBkB,aAAa,EAAER,SAAS,CAACG,OAAQ;IACjCyC,SAAS;EAAA,IAERjE,QACY,CAChB,CAAC,EAEHsD,gBACD,CAAC;AAEP;AAEA,eAAexD,iBAAiB"}
+{"version":3,"file":"TooltipWithEvents.js","names":["React","combineDescribedBy","warn","TooltipContainer","getRefElement","injectTooltipSemantic","isTouch","useHandleAria","TooltipPortal","TooltipWithEvents","props","children","restProps","_objectWithoutProperties","_excluded","active","target","skipPortal","noAnimation","showDelay","hideDelay","internalId","isActive","setIsActive","useState","isNotSemanticElement","setIsNotSemanticElement","isMounted","setIsMounted","delayTimeout","useRef","cloneRef","targetRef","clearTimers","clearTimeout","current","useLayoutEffect","addEvents","handleSemanticElement","removeEvents","targetElement","document","querySelector","role","getAttribute","test","tagName","e","element","addEventListener","onMouseLeave","onFocus","onMouseEnter","removeEventListener","elem","currentTarget","type","style","userSelect","run","globalThis","IS_TEST","setTimeout","parseFloat","String","componentWrapper","useMemo","isValidElement","params","className","cloneElement","_objectSpread","ref","createElement","Fragment","_extends","keepInDOM"],"sources":["../../../../src/components/tooltip/TooltipWithEvents.tsx"],"sourcesContent":["/**\n * Web Tooltip Component\n *\n */\n\nimport React from 'react'\nimport { combineDescribedBy, warn } from '../../shared/component-helper'\nimport TooltipContainer from './TooltipContainer'\nimport {\n  getRefElement,\n  injectTooltipSemantic,\n  isTouch,\n  useHandleAria,\n} from './TooltipHelpers'\nimport TooltipPortal from './TooltipPortal'\nimport { TooltipProps } from './types'\n\ntype TooltipWithEventsProps = {\n  target: HTMLElement\n  active: boolean\n  internalId: string\n}\n\nfunction TooltipWithEvents(props: TooltipProps & TooltipWithEventsProps) {\n  const { children, ...restProps } = props\n  const {\n    active,\n    target,\n    skipPortal,\n    noAnimation,\n    showDelay,\n    hideDelay,\n    internalId,\n  } = restProps\n\n  const [isActive, setIsActive] = React.useState(active)\n  const [isNotSemanticElement, setIsNotSemanticElement] =\n    React.useState(false)\n  const [isMounted, setIsMounted] = React.useState(!target)\n\n  const delayTimeout = React.useRef<NodeJS.Timeout>()\n  const cloneRef = React.useRef<HTMLElement>()\n  const targetRef = React.useRef<HTMLElement>()\n\n  const clearTimers = () => {\n    clearTimeout(delayTimeout.current)\n  }\n\n  React.useLayoutEffect(() => {\n    targetRef.current = getRefElement(cloneRef)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [target])\n\n  React.useLayoutEffect(() => {\n    if (targetRef.current) {\n      setIsMounted(true)\n      addEvents(targetRef.current)\n      handleSemanticElement()\n    }\n\n    return () => {\n      clearTimers()\n      removeEvents(targetRef.current)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  /**\n   * Make the element focus-able by keyboard, if it is not a semantic element.\n   * This will enable keyboard access to the tooltip by adding focus possibility\n   */\n  const handleSemanticElement = () => {\n    try {\n      const targetElement = document.querySelector(\n        `*[aria-describedby*=\"${internalId}\"]`\n      )\n      if (targetElement) {\n        const role = targetElement.getAttribute('role')\n        if (\n          /div|p|span/i.test(targetElement?.tagName) &&\n          (!role || role === 'text')\n        ) {\n          setIsNotSemanticElement(true)\n        }\n      }\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const addEvents = (element: HTMLElement) => {\n    try {\n      element.addEventListener('click', onMouseLeave)\n      element.addEventListener('focus', onFocus)\n      element.addEventListener('blur', onMouseLeave)\n      element.addEventListener('mouseenter', onMouseEnter)\n      element.addEventListener('mousedown', onMouseEnter)\n      element.addEventListener('mouseleave', onMouseLeave)\n      element.addEventListener('touchstart', onMouseEnter)\n      element.addEventListener('touchend', onMouseLeave)\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const removeEvents = (element: HTMLElement) => {\n    if (!element) return\n    try {\n      element.removeEventListener('click', onMouseLeave)\n      element.removeEventListener('focus', onFocus)\n      element.removeEventListener('blur', onMouseLeave)\n      element.removeEventListener('mouseenter', onMouseEnter)\n      element.removeEventListener('mouseleave', onMouseLeave)\n      element.removeEventListener('touchstart', onMouseEnter)\n      element.removeEventListener('touchend', onMouseLeave)\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const onFocus = (e: MouseEvent) => {\n    /**\n     * VoiceOver needs to show the Tooltip in order to read the aria-describedby\n     */\n    return onMouseEnter(e)\n  }\n\n  const onMouseEnter = (e: MouseEvent) => {\n    try {\n      const elem = e.currentTarget as HTMLElement\n\n      if (elem.getAttribute('data-autofocus')) {\n        return // stop here\n      }\n\n      if (isTouch(e.type)) {\n        elem.style.userSelect = 'none'\n      }\n    } catch (e) {\n      warn(e)\n    }\n\n    const run = () => {\n      setIsActive(true)\n    }\n\n    if (noAnimation || globalThis.IS_TEST) {\n      run()\n    } else {\n      clearTimers()\n      delayTimeout.current = setTimeout(\n        run,\n        parseFloat(String(showDelay)) || 1\n      ) // have min 1 to make sure we are after onMouseLeave\n    }\n  }\n\n  const onMouseLeave = (e: MouseEvent) => {\n    if (active) {\n      return // stop here, because it is set to true by the original prop\n    }\n\n    try {\n      if (isTouch(e.type)) {\n        const elem = e.currentTarget as HTMLElement\n        elem.style.userSelect = ''\n      }\n    } catch (e) {\n      warn(e)\n    }\n\n    clearTimers()\n\n    const run = () => {\n      setIsActive(false)\n    }\n\n    if (skipPortal) {\n      delayTimeout.current = setTimeout(run, parseFloat(String(hideDelay)))\n    } else {\n      run()\n    }\n  }\n\n  /**\n   * Here we get our \"target\" / \"targetSelector\"\n   */\n  const componentWrapper = React.useMemo(() => {\n    // we could also check against && target.props && !target.props.tooltip\n    if (React.isValidElement(target)) {\n      const params = isNotSemanticElement\n        ? injectTooltipSemantic({ className: props.className })\n        : {}\n\n      return React.cloneElement(target, {\n        ref: cloneRef,\n        ...params,\n        'aria-describedby': combineDescribedBy(target.props, internalId),\n      })\n    } else {\n      cloneRef.current = target\n    }\n\n    return null\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [target])\n\n  useHandleAria(targetRef.current, internalId)\n\n  return (\n    <>\n      {isMounted &&\n        (skipPortal ? (\n          <TooltipContainer\n            {...restProps}\n            active={isActive}\n            targetElement={targetRef.current}\n          >\n            {children}\n          </TooltipContainer>\n        ) : (\n          <TooltipPortal\n            {...restProps}\n            active={isActive}\n            targetElement={targetRef.current}\n            keepInDOM // because of useHandleAria\n          >\n            {children}\n          </TooltipPortal>\n        ))}\n\n      {componentWrapper}\n    </>\n  )\n}\n\nexport default TooltipWithEvents\n"],"mappings":"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"}

package/es/components/upload/UploadContext.js

@@ -1,3 +1,5 @@
+"use client";
+
 import { createContext } from 'react';
 export const defaultProps = {
   fileMaxSize: 5,

package/es/components/upload/UploadContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadContext.js","names":["createContext","defaultProps","fileMaxSize","filesAmountLimit","UploadContext"],"sources":["../../../../src/components/upload/UploadContext.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport { UploadContextProps } from './types'\n\nexport const defaultProps = {\n  fileMaxSize: 5,\n  filesAmountLimit: 100,\n}\n\nexport const UploadContext = createContext<UploadContextProps>(null)\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAGrC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,WAAW,EAAE,CAAC;EACdC,gBAAgB,EAAE;AACpB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGJ,aAAa,CAAqB,IAAI,CAAC"}
+{"version":3,"file":"UploadContext.js","names":["createContext","defaultProps","fileMaxSize","filesAmountLimit","UploadContext"],"sources":["../../../../src/components/upload/UploadContext.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport { UploadContextProps } from './types'\n\nexport const defaultProps = {\n  fileMaxSize: 5,\n  filesAmountLimit: 100,\n}\n\nexport const UploadContext = createContext<UploadContextProps>(null)\n"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAGrC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,WAAW,EAAE,CAAC;EACdC,gBAAgB,EAAE;AACpB,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGJ,aAAa,CAAqB,IAAI,CAAC"}

package/es/components/upload/UploadFileInput.js

@@ -1,3 +1,5 @@
+"use client";
+
 var _UploadStatus;
 import React, { useRef } from 'react';
 import Button from '../button/Button';

package/es/components/upload/UploadFileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFileInput.js","names":["React","useRef","Button","folder","FolderIcon","makeUniqueId","UploadContext","UploadStatus","getAcceptedFileTypes","UploadFileInput","fileInput","context","useContext","id","acceptedFileTypes","buttonText","onInputUpload","filesAmountLimit","openFileDialog","_fileInput$current","current","click","sharedId","accept","createElement","top","className","icon","icon_position","variant","wrap","onClick","_UploadStatus","ref","type","onChange","onChangeHandler","onClickHandler","multiple","event","target","files","Array","from","map","file","value"],"sources":["../../../../src/components/upload/UploadFileInput.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\n// Components\nimport Button from '../button/Button'\n\n// Icons\nimport { folder as FolderIcon } from '../../icons'\n\n// Shared\nimport { makeUniqueId } from '../../shared/component-helper'\n\n// Internal\nimport { UploadContext } from './UploadContext'\nimport UploadStatus from './UploadStatus'\nimport { getAcceptedFileTypes } from './UploadVerify'\n\nconst UploadFileInput = () => {\n  const fileInput = useRef<HTMLInputElement>(null)\n\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    acceptedFileTypes,\n    buttonText,\n    onInputUpload,\n    filesAmountLimit,\n  } = context\n\n  const openFileDialog = () => fileInput.current?.click()\n\n  const sharedId = id || makeUniqueId()\n  const accept = getAcceptedFileTypes(acceptedFileTypes)\n\n  return (\n    <div>\n      <Button\n        top=\"medium\"\n        id={`${sharedId}-input`}\n        className=\"dnb-upload__file-input-button\"\n        icon={FolderIcon}\n        icon_position=\"left\"\n        variant=\"secondary\"\n        wrap\n        onClick={openFileDialog}\n      >\n        {buttonText}\n      </Button>\n\n      <UploadStatus />\n\n      <input\n        aria-labelledby={`${sharedId}-input`}\n        ref={fileInput}\n        accept={accept}\n        className=\"dnb-upload__file-input\"\n        type=\"file\"\n        onChange={onChangeHandler}\n        onClick={onClickHandler}\n        multiple={filesAmountLimit > 1}\n      />\n    </div>\n  )\n\n  function onChangeHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n    const { files } = target\n\n    onInputUpload(\n      Array.from(files).map((file) => {\n        return { file }\n      })\n    )\n  }\n\n  function onClickHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n\n    /**\n     * This resets the internal state.\n     * Some browsers (chromium) to check for already selected files.\n     * But we have our own logic for that.\n     * We also align the UX to be the same to all browsers,\n     * and to be same when the drag file API is used.\n     */\n    target.value = null\n  }\n}\n\nexport default UploadFileInput\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AAGrC,OAAOC,MAAM,MAAM,kBAAkB;AAGrC,SAASC,MAAM,IAAIC,UAAU,QAAQ,aAAa;AAGlD,SAASC,YAAY,QAAQ,+BAA+B;AAG5D,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,oBAAoB,QAAQ,gBAAgB;AAErD,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAMC,SAAS,GAAGT,MAAM,CAAmB,IAAI,CAAC;EAEhD,MAAMU,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACN,aAAa,CAAC;EAE/C,MAAM;IACJO,EAAE;IACFC,iBAAiB;IACjBC,UAAU;IACVC,aAAa;IACbC;EACF,CAAC,GAAGN,OAAO;EAEX,MAAMO,cAAc,GAAGA,CAAA;IAAA,IAAAC,kBAAA;IAAA,QAAAA,kBAAA,GAAMT,SAAS,CAACU,OAAO,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAmBE,KAAK,CAAC,CAAC;EAAA;EAEvD,MAAMC,QAAQ,GAAGT,EAAE,IAAIR,YAAY,CAAC,CAAC;EACrC,MAAMkB,MAAM,GAAGf,oBAAoB,CAACM,iBAAiB,CAAC;EAEtD,OACEd,KAAA,CAAAwB,aAAA,cACExB,KAAA,CAAAwB,aAAA,CAACtB,MAAM;IACLuB,GAAG,EAAC,QAAQ;IACZZ,EAAE,EAAG,GAAES,QAAS,QAAQ;IACxBI,SAAS,EAAC,+BAA+B;IACzCC,IAAI,EAAEvB,UAAW;IACjBwB,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAC,WAAW;IACnBC,IAAI;IACJC,OAAO,EAAEb;EAAe,GAEvBH,UACK,CAAC,EAAAiB,aAAA,KAAAA,aAAA,GAEThC,KAAA,CAAAwB,aAAA,CAACjB,YAAY,MAAE,CAAC,GAEhBP,KAAA,CAAAwB,aAAA;IACE,mBAAkB,GAAEF,QAAS,QAAQ;IACrCW,GAAG,EAAEvB,SAAU;IACfa,MAAM,EAAEA,MAAO;IACfG,SAAS,EAAC,wBAAwB;IAClCQ,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAEC,eAAgB;IAC1BL,OAAO,EAAEM,cAAe;IACxBC,QAAQ,EAAErB,gBAAgB,GAAG;EAAE,CAChC,CACE,CAAC;EAGR,SAASmB,eAAeA,CAACG,KAA2B,EAAE;IACpD,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAA0B;IAC/C,MAAM;MAAEC;IAAM,CAAC,GAAGD,MAAM;IAExBxB,aAAa,CACX0B,KAAK,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,GAAG,CAAEC,IAAI,IAAK;MAC9B,OAAO;QAAEA;MAAK,CAAC;IACjB,CAAC,CACH,CAAC;EACH;EAEA,SAASR,cAAcA,CAACE,KAA2B,EAAE;IACnD,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAA0B;IAS/CA,MAAM,CAACM,KAAK,GAAG,IAAI;EACrB;AACF,CAAC;AAED,eAAerC,eAAe"}
+{"version":3,"file":"UploadFileInput.js","names":["React","useRef","Button","folder","FolderIcon","makeUniqueId","UploadContext","UploadStatus","getAcceptedFileTypes","UploadFileInput","fileInput","context","useContext","id","acceptedFileTypes","buttonText","onInputUpload","filesAmountLimit","openFileDialog","_fileInput$current","current","click","sharedId","accept","createElement","top","className","icon","icon_position","variant","wrap","onClick","_UploadStatus","ref","type","onChange","onChangeHandler","onClickHandler","multiple","event","target","files","Array","from","map","file","value"],"sources":["../../../../src/components/upload/UploadFileInput.tsx"],"sourcesContent":["import React, { useRef } from 'react'\n\n// Components\nimport Button from '../button/Button'\n\n// Icons\nimport { folder as FolderIcon } from '../../icons'\n\n// Shared\nimport { makeUniqueId } from '../../shared/component-helper'\n\n// Internal\nimport { UploadContext } from './UploadContext'\nimport UploadStatus from './UploadStatus'\nimport { getAcceptedFileTypes } from './UploadVerify'\n\nconst UploadFileInput = () => {\n  const fileInput = useRef<HTMLInputElement>(null)\n\n  const context = React.useContext(UploadContext)\n\n  const {\n    id,\n    acceptedFileTypes,\n    buttonText,\n    onInputUpload,\n    filesAmountLimit,\n  } = context\n\n  const openFileDialog = () => fileInput.current?.click()\n\n  const sharedId = id || makeUniqueId()\n  const accept = getAcceptedFileTypes(acceptedFileTypes)\n\n  return (\n    <div>\n      <Button\n        top=\"medium\"\n        id={`${sharedId}-input`}\n        className=\"dnb-upload__file-input-button\"\n        icon={FolderIcon}\n        icon_position=\"left\"\n        variant=\"secondary\"\n        wrap\n        onClick={openFileDialog}\n      >\n        {buttonText}\n      </Button>\n\n      <UploadStatus />\n\n      <input\n        aria-labelledby={`${sharedId}-input`}\n        ref={fileInput}\n        accept={accept}\n        className=\"dnb-upload__file-input\"\n        type=\"file\"\n        onChange={onChangeHandler}\n        onClick={onClickHandler}\n        multiple={filesAmountLimit > 1}\n      />\n    </div>\n  )\n\n  function onChangeHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n    const { files } = target\n\n    onInputUpload(\n      Array.from(files).map((file) => {\n        return { file }\n      })\n    )\n  }\n\n  function onClickHandler(event: React.SyntheticEvent) {\n    const target = event.target as HTMLInputElement\n\n    /**\n     * This resets the internal state.\n     * Some browsers (chromium) to check for already selected files.\n     * But we have our own logic for that.\n     * We also align the UX to be the same to all browsers,\n     * and to be same when the drag file API is used.\n     */\n    target.value = null\n  }\n}\n\nexport default UploadFileInput\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AAGrC,OAAOC,MAAM,MAAM,kBAAkB;AAGrC,SAASC,MAAM,IAAIC,UAAU,QAAQ,aAAa;AAGlD,SAASC,YAAY,QAAQ,+BAA+B;AAG5D,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,oBAAoB,QAAQ,gBAAgB;AAErD,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAMC,SAAS,GAAGT,MAAM,CAAmB,IAAI,CAAC;EAEhD,MAAMU,OAAO,GAAGX,KAAK,CAACY,UAAU,CAACN,aAAa,CAAC;EAE/C,MAAM;IACJO,EAAE;IACFC,iBAAiB;IACjBC,UAAU;IACVC,aAAa;IACbC;EACF,CAAC,GAAGN,OAAO;EAEX,MAAMO,cAAc,GAAGA,CAAA;IAAA,IAAAC,kBAAA;IAAA,QAAAA,kBAAA,GAAMT,SAAS,CAACU,OAAO,cAAAD,kBAAA,uBAAjBA,kBAAA,CAAmBE,KAAK,CAAC,CAAC;EAAA;EAEvD,MAAMC,QAAQ,GAAGT,EAAE,IAAIR,YAAY,CAAC,CAAC;EACrC,MAAMkB,MAAM,GAAGf,oBAAoB,CAACM,iBAAiB,CAAC;EAEtD,OACEd,KAAA,CAAAwB,aAAA,cACExB,KAAA,CAAAwB,aAAA,CAACtB,MAAM;IACLuB,GAAG,EAAC,QAAQ;IACZZ,EAAE,EAAG,GAAES,QAAS,QAAQ;IACxBI,SAAS,EAAC,+BAA+B;IACzCC,IAAI,EAAEvB,UAAW;IACjBwB,aAAa,EAAC,MAAM;IACpBC,OAAO,EAAC,WAAW;IACnBC,IAAI;IACJC,OAAO,EAAEb;EAAe,GAEvBH,UACK,CAAC,EAAAiB,aAAA,KAAAA,aAAA,GAEThC,KAAA,CAAAwB,aAAA,CAACjB,YAAY,MAAE,CAAC,GAEhBP,KAAA,CAAAwB,aAAA;IACE,mBAAkB,GAAEF,QAAS,QAAQ;IACrCW,GAAG,EAAEvB,SAAU;IACfa,MAAM,EAAEA,MAAO;IACfG,SAAS,EAAC,wBAAwB;IAClCQ,IAAI,EAAC,MAAM;IACXC,QAAQ,EAAEC,eAAgB;IAC1BL,OAAO,EAAEM,cAAe;IACxBC,QAAQ,EAAErB,gBAAgB,GAAG;EAAE,CAChC,CACE,CAAC;EAGR,SAASmB,eAAeA,CAACG,KAA2B,EAAE;IACpD,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAA0B;IAC/C,MAAM;MAAEC;IAAM,CAAC,GAAGD,MAAM;IAExBxB,aAAa,CACX0B,KAAK,CAACC,IAAI,CAACF,KAAK,CAAC,CAACG,GAAG,CAAEC,IAAI,IAAK;MAC9B,OAAO;QAAEA;MAAK,CAAC;IACjB,CAAC,CACH,CAAC;EACH;EAEA,SAASR,cAAcA,CAACE,KAA2B,EAAE;IACnD,MAAMC,MAAM,GAAGD,KAAK,CAACC,MAA0B;IAS/CA,MAAM,CAACM,KAAK,GAAG,IAAI;EACrB;AACF,CAAC;AAED,eAAerC,eAAe"}

package/es/components/upload/UploadFileListCell.js

@@ -1,3 +1,5 @@
+"use client";
+
 var _ProgressIndicator, _Icon;
 import React, { useRef } from 'react';
 import classnames from 'classnames';

package/es/components/upload/UploadFileListCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFileListCell.js","names":["React","useRef","classnames","Button","Icon","FormStatus","ProgressIndicator","P","trash","TrashIcon","exclamation_medium","ExclamationIcon","file_pdf_medium","pdf","file_xls_medium","xls","file_ppt_medium","ppt","file_csv_medium","csv","file_txt_medium","txt","file_xml_medium","xml","file_medium","file","getPreviousSibling","warn","useUpload","getFileTypeFromExtension","images","UploadFileListCell","id","uploadFile","onDelete","loadingText","deleteButtonText","_div","_P","_FormStatus","errorMessage","isLoading","hasWarning","fileType","humanFileType","toUpperCase","imageUrl","URL","createObjectURL","cellRef","exists","useExistsHighlight","handleDisappearFocus","cellElement","current","focusElement","querySelector","focus","e","onDeleteHandler","createElement","className","ref","getIcon","getTitle","icon","variant","onClick","icon_position","getWarning","_ProgressIndicator","_Icon","iconFileType","mimeParts","type","split","Object","prototype","hasOwnProperty","call","target","href","rel","name","size","top","text","stretch","internalFiles","updateExists","useState","timerRef","clearTimers","clearTimeout","useEffect","some","f","setTimeout"],"sources":["../../../../src/components/upload/UploadFileListCell.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport Button from '../button/Button'\nimport Icon from '../../components/Icon'\nimport FormStatus from '../../components/FormStatus'\nimport ProgressIndicator from '../../components/progress-indicator'\nimport P from '../../elements/P'\n\n// Icons\nimport {\n  trash as TrashIcon,\n  exclamation_medium as ExclamationIcon,\n  file_pdf_medium as pdf,\n  file_xls_medium as xls,\n  file_ppt_medium as ppt,\n  file_csv_medium as csv,\n  file_txt_medium as txt,\n  file_xml_medium as xml,\n  file_medium as file,\n} from '../../icons'\nimport { UploadFile } from './types'\n\n// Shared\nimport { getPreviousSibling, warn } from '../../shared/component-helper'\nimport useUpload from './useUpload'\nimport { getFileTypeFromExtension } from './UploadVerify'\n\nconst images = {\n  pdf,\n  xls,\n  ppt,\n  csv,\n  txt,\n  xml,\n  file,\n}\n\nexport type UploadFileListCellProps = {\n  id: string\n\n  /**\n   * Uploaded file\n   */\n  uploadFile: UploadFile\n\n  /**\n   * Calls onDelete when clicking the delete button\n   */\n  onDelete: () => void\n\n  /**\n   * Text\n   */\n  loadingText: React.ReactNode\n  deleteButtonText: React.ReactNode\n}\n\nconst UploadFileListCell = ({\n  id,\n  uploadFile,\n  onDelete,\n  loadingText,\n  deleteButtonText,\n}: UploadFileListCellProps) => {\n  const { file, errorMessage, isLoading } = uploadFile\n  const hasWarning = errorMessage != null\n\n  const fileType = getFileTypeFromExtension(file)\n  const humanFileType = fileType.toUpperCase()\n\n  const imageUrl = URL.createObjectURL(file)\n  const cellRef = useRef<HTMLLIElement>()\n  const exists = useExistsHighlight(id, file)\n\n  const handleDisappearFocus = () => {\n    try {\n      const cellElement = cellRef.current\n      const focusElement = getPreviousSibling(\n        '.dnb-upload',\n        cellElement\n      ).querySelector(\n        '.dnb-upload__file-input-button'\n      ) as HTMLButtonElement\n      focusElement.focus()\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const onDeleteHandler = () => {\n    handleDisappearFocus()\n\n    onDelete()\n  }\n\n  return (\n    <li\n      className={classnames(\n        'dnb-upload__file-cell',\n        hasWarning && 'dnb-upload__file-cell--warning',\n        exists && 'dnb-upload__file-cell--highlight'\n      )}\n      ref={cellRef}\n    >\n      <div className=\"dnb-upload__file-cell__content\">\n        <div className=\"dnb-upload__file-cell__content__left\">\n          {getIcon()}\n          {getTitle()}\n        </div>\n        <div>\n          <Button\n            icon={TrashIcon}\n            variant=\"tertiary\"\n            onClick={onDeleteHandler}\n            icon_position=\"left\"\n          >\n            {deleteButtonText}\n          </Button>\n        </div>\n      </div>\n\n      {getWarning()}\n    </li>\n  )\n\n  function getIcon() {\n    if (isLoading) {\n      return <ProgressIndicator />\n    }\n\n    if (hasWarning) return <Icon icon={ExclamationIcon} />\n\n    let iconFileType = fileType\n\n    if (!iconFileType) {\n      const mimeParts = file.type.split('/')\n      iconFileType = images[mimeParts[0]] || images[mimeParts[1]]\n    }\n\n    if (!Object.prototype.hasOwnProperty.call(images, iconFileType)) {\n      iconFileType = 'file'\n    }\n\n    return <Icon icon={images[iconFileType]} />\n  }\n\n  function getTitle() {\n    return isLoading ? (\n      <div\n        className={classnames(\n          'dnb-upload__file-cell__text-container',\n          'dnb-upload__file-cell__text-container--loading'\n        )}\n      >\n        {loadingText}\n      </div>\n    ) : (\n      <div className=\"dnb-upload__file-cell__text-container\">\n        <a\n          target=\"_blank\"\n          href={imageUrl}\n          className={classnames(\n            'dnb-anchor',\n            'dnb-upload__file-cell__title'\n          )}\n          rel=\"noopener noreferrer\"\n        >\n          {file.name}\n        </a>\n        <P\n          className=\"dnb-upload__file-cell__subtitle\"\n          size=\"x-small\"\n          top=\"xx-small\"\n        >\n          {humanFileType}\n        </P>\n      </div>\n    )\n  }\n\n  function getWarning() {\n    return hasWarning ? (\n      <FormStatus top=\"small\" text={errorMessage} stretch />\n    ) : null\n  }\n}\n\nexport default UploadFileListCell\n\nfunction useExistsHighlight(id: string, file: File) {\n  const { internalFiles } = useUpload(id)\n  const [exists, updateExists] = React.useState(false)\n  const timerRef = React.useRef<NodeJS.Timer>()\n\n  const clearTimers = () => {\n    clearTimeout(timerRef.current)\n  }\n\n  React.useEffect(() => {\n    const exists = internalFiles.some(({ exists, file: f }) => {\n      return exists && f.name === file.name && f.size === file.size\n    })\n\n    if (exists) {\n      updateExists(true)\n      clearTimers()\n      timerRef.current = setTimeout(() => updateExists(false), 1500) // transition-duration in CSS\n    }\n\n    return clearTimers\n  }, [file, internalFiles])\n\n  return exists\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,IAAI,MAAM,uBAAuB;AACxC,OAAOC,UAAU,MAAM,6BAA6B;AACpD,OAAOC,iBAAiB,MAAM,qCAAqC;AACnE,OAAOC,CAAC,MAAM,kBAAkB;AAGhC,SACEC,KAAK,IAAIC,SAAS,EAClBC,kBAAkB,IAAIC,eAAe,EACrCC,eAAe,IAAIC,GAAG,EACtBC,eAAe,IAAIC,GAAG,EACtBC,eAAe,IAAIC,GAAG,EACtBC,eAAe,IAAIC,GAAG,EACtBC,eAAe,IAAIC,GAAG,EACtBC,eAAe,IAAIC,GAAG,EACtBC,WAAW,IAAIC,IAAI,QACd,aAAa;AAIpB,SAASC,kBAAkB,EAAEC,IAAI,QAAQ,+BAA+B;AACxE,OAAOC,SAAS,MAAM,aAAa;AACnC,SAASC,wBAAwB,QAAQ,gBAAgB;AAEzD,MAAMC,MAAM,GAAG;EACbjB,GAAG;EACHE,GAAG;EACHE,GAAG;EACHE,GAAG;EACHE,GAAG;EACHE,GAAG;EACHE;AACF,CAAC;AAsBD,MAAMM,kBAAkB,GAAGA,CAAC;EAC1BC,EAAE;EACFC,UAAU;EACVC,QAAQ;EACRC,WAAW;EACXC;AACuB,CAAC,KAAK;EAAA,IAAAC,IAAA,EAAAC,EAAA,EAAAC,WAAA;EAC7B,MAAM;IAAEd,IAAI;IAAEe,YAAY;IAAEC;EAAU,CAAC,GAAGR,UAAU;EACpD,MAAMS,UAAU,GAAGF,YAAY,IAAI,IAAI;EAEvC,MAAMG,QAAQ,GAAGd,wBAAwB,CAACJ,IAAI,CAAC;EAC/C,MAAMmB,aAAa,GAAGD,QAAQ,CAACE,WAAW,CAAC,CAAC;EAE5C,MAAMC,QAAQ,GAAGC,GAAG,CAACC,eAAe,CAACvB,IAAI,CAAC;EAC1C,MAAMwB,OAAO,GAAGhD,MAAM,CAAgB,CAAC;EACvC,MAAMiD,MAAM,GAAGC,kBAAkB,CAACnB,EAAE,EAAEP,IAAI,CAAC;EAE3C,MAAM2B,oBAAoB,GAAGA,CAAA,KAAM;IACjC,IAAI;MACF,MAAMC,WAAW,GAAGJ,OAAO,CAACK,OAAO;MACnC,MAAMC,YAAY,GAAG7B,kBAAkB,CACrC,aAAa,EACb2B,WACF,CAAC,CAACG,aAAa,CACb,gCACF,CAAsB;MACtBD,YAAY,CAACE,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC,OAAOC,CAAC,EAAE;MACV/B,IAAI,CAAC+B,CAAC,CAAC;IACT;EACF,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5BP,oBAAoB,CAAC,CAAC;IAEtBlB,QAAQ,CAAC,CAAC;EACZ,CAAC;EAED,OACElC,KAAA,CAAA4D,aAAA;IACEC,SAAS,EAAE3D,UAAU,CACnB,uBAAuB,EACvBwC,UAAU,IAAI,gCAAgC,EAC9CQ,MAAM,IAAI,kCACZ,CAAE;IACFY,GAAG,EAAEb;EAAQ,GAEbjD,KAAA,CAAA4D,aAAA;IAAKC,SAAS,EAAC;EAAgC,GAC7C7D,KAAA,CAAA4D,aAAA;IAAKC,SAAS,EAAC;EAAsC,GAClDE,OAAO,CAAC,CAAC,EACTC,QAAQ,CAAC,CACP,CAAC,EACNhE,KAAA,CAAA4D,aAAA,cACE5D,KAAA,CAAA4D,aAAA,CAACzD,MAAM;IACL8D,IAAI,EAAExD,SAAU;IAChByD,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAER,eAAgB;IACzBS,aAAa,EAAC;EAAM,GAEnBhC,gBACK,CACL,CACF,CAAC,EAELiC,UAAU,CAAC,CACV,CAAC;EAGP,SAASN,OAAOA,CAAA,EAAG;IACjB,IAAItB,SAAS,EAAE;MACb,OAAA6B,kBAAA,KAAAA,kBAAA,GAAOtE,KAAA,CAAA4D,aAAA,CAACtD,iBAAiB,MAAE,CAAC;IAC9B;IAEA,IAAIoC,UAAU,EAAE,OAAA6B,KAAA,KAAAA,KAAA,GAAOvE,KAAA,CAAA4D,aAAA,CAACxD,IAAI;MAAC6D,IAAI,EAAEtD;IAAgB,CAAE,CAAC;IAEtD,IAAI6D,YAAY,GAAG7B,QAAQ;IAE3B,IAAI,CAAC6B,YAAY,EAAE;MACjB,MAAMC,SAAS,GAAGhD,IAAI,CAACiD,IAAI,CAACC,KAAK,CAAC,GAAG,CAAC;MACtCH,YAAY,GAAG1C,MAAM,CAAC2C,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI3C,MAAM,CAAC2C,SAAS,CAAC,CAAC,CAAC,CAAC;IAC7D;IAEA,IAAI,CAACG,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACjD,MAAM,EAAE0C,YAAY,CAAC,EAAE;MAC/DA,YAAY,GAAG,MAAM;IACvB;IAEA,OAAOxE,KAAA,CAAA4D,aAAA,CAACxD,IAAI;MAAC6D,IAAI,EAAEnC,MAAM,CAAC0C,YAAY;IAAE,CAAE,CAAC;EAC7C;EAEA,SAASR,QAAQA,CAAA,EAAG;IAClB,OAAOvB,SAAS,GAAAJ,IAAA,KAAAA,IAAA,GACdrC,KAAA,CAAA4D,aAAA;MACEC,SAAS;IAGP,GAED1B,WACE,CAAC,IAENnC,KAAA,CAAA4D,aAAA;MAAKC,SAAS,EAAC;IAAuC,GACpD7D,KAAA,CAAA4D,aAAA;MACEoB,MAAM,EAAC,QAAQ;MACfC,IAAI,EAAEnC,QAAS;MACfe,SAAS,2CAGP;MACFqB,GAAG,EAAC;IAAqB,GAExBzD,IAAI,CAAC0D,IACL,CAAC,EAAA7C,EAAA,KAAAA,EAAA,GACJtC,KAAA,CAAA4D,aAAA,CAACrD,CAAC;MACAsD,SAAS,EAAC,iCAAiC;MAC3CuB,IAAI,EAAC,SAAS;MACdC,GAAG,EAAC;IAAU,GAEbzC,aACA,CAAC,CACD,CACN;EACH;EAEA,SAASyB,UAAUA,CAAA,EAAG;IACpB,OAAO3B,UAAU,GAAAH,WAAA,KAAAA,WAAA,GACfvC,KAAA,CAAA4D,aAAA,CAACvD,UAAU;MAACgF,GAAG,EAAC,OAAO;MAACC,IAAI,EAAE9C,YAAa;MAAC+C,OAAO;IAAA,CAAE,CAAC,IACpD,IAAI;EACV;AACF,CAAC;AAED,eAAexD,kBAAkB;AAEjC,SAASoB,kBAAkBA,CAACnB,EAAU,EAAEP,IAAU,EAAE;EAClD,MAAM;IAAE+D;EAAc,CAAC,GAAG5D,SAAS,CAACI,EAAE,CAAC;EACvC,MAAM,CAACkB,MAAM,EAAEuC,YAAY,CAAC,GAAGzF,KAAK,CAAC0F,QAAQ,CAAC,KAAK,CAAC;EACpD,MAAMC,QAAQ,GAAG3F,KAAK,CAACC,MAAM,CAAe,CAAC;EAE7C,MAAM2F,WAAW,GAAGA,CAAA,KAAM;IACxBC,YAAY,CAACF,QAAQ,CAACrC,OAAO,CAAC;EAChC,CAAC;EAEDtD,KAAK,CAAC8F,SAAS,CAAC,MAAM;IACpB,MAAM5C,MAAM,GAAGsC,aAAa,CAACO,IAAI,CAAC,CAAC;MAAE7C,MAAM;MAAEzB,IAAI,EAAEuE;IAAE,CAAC,KAAK;MACzD,OAAO9C,MAAM,IAAI8C,CAAC,CAACb,IAAI,KAAK1D,IAAI,CAAC0D,IAAI,IAAIa,CAAC,CAACZ,IAAI,KAAK3D,IAAI,CAAC2D,IAAI;IAC/D,CAAC,CAAC;IAEF,IAAIlC,MAAM,EAAE;MACVuC,YAAY,CAAC,IAAI,CAAC;MAClBG,WAAW,CAAC,CAAC;MACbD,QAAQ,CAACrC,OAAO,GAAG2C,UAAU,CAAC,MAAMR,YAAY,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IAChE;IAEA,OAAOG,WAAW;EACpB,CAAC,EAAE,CAACnE,IAAI,EAAE+D,aAAa,CAAC,CAAC;EAEzB,OAAOtC,MAAM;AACf"}
+{"version":3,"file":"UploadFileListCell.js","names":["React","useRef","classnames","Button","Icon","FormStatus","ProgressIndicator","P","trash","TrashIcon","exclamation_medium","ExclamationIcon","file_pdf_medium","pdf","file_xls_medium","xls","file_ppt_medium","ppt","file_csv_medium","csv","file_txt_medium","txt","file_xml_medium","xml","file_medium","file","getPreviousSibling","warn","useUpload","getFileTypeFromExtension","images","UploadFileListCell","id","uploadFile","onDelete","loadingText","deleteButtonText","_div","_P","_FormStatus","errorMessage","isLoading","hasWarning","fileType","humanFileType","toUpperCase","imageUrl","URL","createObjectURL","cellRef","exists","useExistsHighlight","handleDisappearFocus","cellElement","current","focusElement","querySelector","focus","e","onDeleteHandler","createElement","className","ref","getIcon","getTitle","icon","variant","onClick","icon_position","getWarning","_ProgressIndicator","_Icon","iconFileType","mimeParts","type","split","Object","prototype","hasOwnProperty","call","target","href","rel","name","size","top","text","stretch","internalFiles","updateExists","useState","timerRef","clearTimers","clearTimeout","useEffect","some","f","setTimeout"],"sources":["../../../../src/components/upload/UploadFileListCell.tsx"],"sourcesContent":["import React, { useRef } from 'react'\nimport classnames from 'classnames'\n\n// Components\nimport Button from '../button/Button'\nimport Icon from '../../components/Icon'\nimport FormStatus from '../../components/FormStatus'\nimport ProgressIndicator from '../../components/progress-indicator'\nimport P from '../../elements/P'\n\n// Icons\nimport {\n  trash as TrashIcon,\n  exclamation_medium as ExclamationIcon,\n  file_pdf_medium as pdf,\n  file_xls_medium as xls,\n  file_ppt_medium as ppt,\n  file_csv_medium as csv,\n  file_txt_medium as txt,\n  file_xml_medium as xml,\n  file_medium as file,\n} from '../../icons'\nimport { UploadFile } from './types'\n\n// Shared\nimport { getPreviousSibling, warn } from '../../shared/component-helper'\nimport useUpload from './useUpload'\nimport { getFileTypeFromExtension } from './UploadVerify'\n\nconst images = {\n  pdf,\n  xls,\n  ppt,\n  csv,\n  txt,\n  xml,\n  file,\n}\n\nexport type UploadFileListCellProps = {\n  id: string\n\n  /**\n   * Uploaded file\n   */\n  uploadFile: UploadFile\n\n  /**\n   * Calls onDelete when clicking the delete button\n   */\n  onDelete: () => void\n\n  /**\n   * Text\n   */\n  loadingText: React.ReactNode\n  deleteButtonText: React.ReactNode\n}\n\nconst UploadFileListCell = ({\n  id,\n  uploadFile,\n  onDelete,\n  loadingText,\n  deleteButtonText,\n}: UploadFileListCellProps) => {\n  const { file, errorMessage, isLoading } = uploadFile\n  const hasWarning = errorMessage != null\n\n  const fileType = getFileTypeFromExtension(file)\n  const humanFileType = fileType.toUpperCase()\n\n  const imageUrl = URL.createObjectURL(file)\n  const cellRef = useRef<HTMLLIElement>()\n  const exists = useExistsHighlight(id, file)\n\n  const handleDisappearFocus = () => {\n    try {\n      const cellElement = cellRef.current\n      const focusElement = getPreviousSibling(\n        '.dnb-upload',\n        cellElement\n      ).querySelector(\n        '.dnb-upload__file-input-button'\n      ) as HTMLButtonElement\n      focusElement.focus()\n    } catch (e) {\n      warn(e)\n    }\n  }\n\n  const onDeleteHandler = () => {\n    handleDisappearFocus()\n\n    onDelete()\n  }\n\n  return (\n    <li\n      className={classnames(\n        'dnb-upload__file-cell',\n        hasWarning && 'dnb-upload__file-cell--warning',\n        exists && 'dnb-upload__file-cell--highlight'\n      )}\n      ref={cellRef}\n    >\n      <div className=\"dnb-upload__file-cell__content\">\n        <div className=\"dnb-upload__file-cell__content__left\">\n          {getIcon()}\n          {getTitle()}\n        </div>\n        <div>\n          <Button\n            icon={TrashIcon}\n            variant=\"tertiary\"\n            onClick={onDeleteHandler}\n            icon_position=\"left\"\n          >\n            {deleteButtonText}\n          </Button>\n        </div>\n      </div>\n\n      {getWarning()}\n    </li>\n  )\n\n  function getIcon() {\n    if (isLoading) {\n      return <ProgressIndicator />\n    }\n\n    if (hasWarning) return <Icon icon={ExclamationIcon} />\n\n    let iconFileType = fileType\n\n    if (!iconFileType) {\n      const mimeParts = file.type.split('/')\n      iconFileType = images[mimeParts[0]] || images[mimeParts[1]]\n    }\n\n    if (!Object.prototype.hasOwnProperty.call(images, iconFileType)) {\n      iconFileType = 'file'\n    }\n\n    return <Icon icon={images[iconFileType]} />\n  }\n\n  function getTitle() {\n    return isLoading ? (\n      <div\n        className={classnames(\n          'dnb-upload__file-cell__text-container',\n          'dnb-upload__file-cell__text-container--loading'\n        )}\n      >\n        {loadingText}\n      </div>\n    ) : (\n      <div className=\"dnb-upload__file-cell__text-container\">\n        <a\n          target=\"_blank\"\n          href={imageUrl}\n          className={classnames(\n            'dnb-anchor',\n            'dnb-upload__file-cell__title'\n          )}\n          rel=\"noopener noreferrer\"\n        >\n          {file.name}\n        </a>\n        <P\n          className=\"dnb-upload__file-cell__subtitle\"\n          size=\"x-small\"\n          top=\"xx-small\"\n        >\n          {humanFileType}\n        </P>\n      </div>\n    )\n  }\n\n  function getWarning() {\n    return hasWarning ? (\n      <FormStatus top=\"small\" text={errorMessage} stretch />\n    ) : null\n  }\n}\n\nexport default UploadFileListCell\n\nfunction useExistsHighlight(id: string, file: File) {\n  const { internalFiles } = useUpload(id)\n  const [exists, updateExists] = React.useState(false)\n  const timerRef = React.useRef<NodeJS.Timer>()\n\n  const clearTimers = () => {\n    clearTimeout(timerRef.current)\n  }\n\n  React.useEffect(() => {\n    const exists = internalFiles.some(({ exists, file: f }) => {\n      return exists && f.name === file.name && f.size === file.size\n    })\n\n    if (exists) {\n      updateExists(true)\n      clearTimers()\n      timerRef.current = setTimeout(() => updateExists(false), 1500) // transition-duration in CSS\n    }\n\n    return clearTimers\n  }, [file, internalFiles])\n\n  return exists\n}\n"],"mappings":"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"}

package/es/elements/lists/Dl.d.ts

@@ -7,7 +7,7 @@ import { ElementProps } from '../Element';
 import type { SpacingProps } from '../../shared/types';
 export type DlProps = {
     /**
-     * Use "true" to horizontallly align both the term and the description
+     * Use "true" to horizontally align both the term and the description
      */
     direction?: 'vertical' | 'horizontal';
 };

package/es/elements/lists/Dl.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dl.js","names":["React","classnames","E","Dl","_ref","direction","props","_objectWithoutProperties","_excluded","className","createElement","_extends","as","skeleton","Item","_ref2","children","_excluded2","Fragment","_supportsSpacingProps"],"sources":["../../../../src/elements/lists/Dl.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type DlProps = {\n  /**\n   * Use \"true\" to horizontallly align both the term and the description\n   */\n  direction?: 'vertical' | 'horizontal'\n}\n\nexport type DlAllProps = DlProps &\n  React.AllHTMLAttributes<HTMLDListElement> &\n  ElementProps\n\nconst Dl = ({ direction, ...props }: DlAllProps) => {\n  if (direction) {\n    props.className = classnames(\n      props.className,\n      `dnb-dl__direction--${direction}`\n    )\n  }\n  return <E as=\"dl\" {...props} skeleton={false} />\n}\n\nDl.Item = ({\n  className,\n  children,\n  ...props\n}: React.AllHTMLAttributes<HTMLSpanElement> & SpacingProps) => {\n  return (\n    <>\n      {children}\n      <E\n        as=\"dd\"\n        aria-hidden\n        className={classnames(className, 'dnb-dl__item')}\n        {...props}\n      />\n    </>\n  )\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nDl._supportsSpacingProps = true\n\nexport default Dl\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAc5C,MAAMC,EAAE,GAAGC,IAAA,IAAyC;EAAA,IAAxC;MAAEC;IAAgC,CAAC,GAAAD,IAAA;IAAnBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC/B,IAAIH,SAAS,EAAE;IACbC,KAAK,CAACG,SAAS,GAAGR,UAAU,CAC1BK,KAAK,CAACG,SAAS,EACd,sBAAqBJ,SAAU,EAClC,CAAC;EACH;EACA,OAAOL,KAAA,CAAAU,aAAA,CAACR,CAAC,EAAAS,QAAA;IAACC,EAAE,EAAC;EAAI,GAAKN,KAAK;IAAEO,QAAQ,EAAE;EAAM,EAAE,CAAC;AAClD,CAAC;AAEDV,EAAE,CAACW,IAAI,GAAGC,KAAA,IAIqD;EAAA,IAJpD;MACTN,SAAS;MACTO;IAEuD,CAAC,GAAAD,KAAA;IADrDT,KAAK,GAAAC,wBAAA,CAAAQ,KAAA,EAAAE,UAAA;EAER,OACEjB,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAkB,QAAA,QACGF,QAAQ,EACThB,KAAA,CAAAU,aAAA,CAACR,CAAC,EAAAS,QAAA;IACAC,EAAE,EAAC,IAAI;IACP,mBAAW;IACXH,SAAS,EAAER,UAAU,CAACQ,SAAS,EAAE,cAAc;EAAE,GAC7CH,KAAK,CACV,CACD,CAAC;AAEP,CAAC;AAIDH,EAAE,CAACgB,qBAAqB,GAAG,IAAI;AAE/B,eAAehB,EAAE"}
+{"version":3,"file":"Dl.js","names":["React","classnames","E","Dl","_ref","direction","props","_objectWithoutProperties","_excluded","className","createElement","_extends","as","skeleton","Item","_ref2","children","_excluded2","Fragment","_supportsSpacingProps"],"sources":["../../../../src/elements/lists/Dl.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps } from '../Element'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type DlProps = {\n  /**\n   * Use \"true\" to horizontally align both the term and the description\n   */\n  direction?: 'vertical' | 'horizontal'\n}\n\nexport type DlAllProps = DlProps &\n  React.AllHTMLAttributes<HTMLDListElement> &\n  ElementProps\n\nconst Dl = ({ direction, ...props }: DlAllProps) => {\n  if (direction) {\n    props.className = classnames(\n      props.className,\n      `dnb-dl__direction--${direction}`\n    )\n  }\n  return <E as=\"dl\" {...props} skeleton={false} />\n}\n\nDl.Item = ({\n  className,\n  children,\n  ...props\n}: React.AllHTMLAttributes<HTMLSpanElement> & SpacingProps) => {\n  return (\n    <>\n      {children}\n      <E\n        as=\"dd\"\n        aria-hidden\n        className={classnames(className, 'dnb-dl__item')}\n        {...props}\n      />\n    </>\n  )\n}\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nDl._supportsSpacingProps = true\n\nexport default Dl\n"],"mappings":";;;;AAKA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,CAAC,MAAwB,YAAY;AAc5C,MAAMC,EAAE,GAAGC,IAAA,IAAyC;EAAA,IAAxC;MAAEC;IAAgC,CAAC,GAAAD,IAAA;IAAnBE,KAAK,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA;EAC/B,IAAIH,SAAS,EAAE;IACbC,KAAK,CAACG,SAAS,GAAGR,UAAU,CAC1BK,KAAK,CAACG,SAAS,EACd,sBAAqBJ,SAAU,EAClC,CAAC;EACH;EACA,OAAOL,KAAA,CAAAU,aAAA,CAACR,CAAC,EAAAS,QAAA;IAACC,EAAE,EAAC;EAAI,GAAKN,KAAK;IAAEO,QAAQ,EAAE;EAAM,EAAE,CAAC;AAClD,CAAC;AAEDV,EAAE,CAACW,IAAI,GAAGC,KAAA,IAIqD;EAAA,IAJpD;MACTN,SAAS;MACTO;IAEuD,CAAC,GAAAD,KAAA;IADrDT,KAAK,GAAAC,wBAAA,CAAAQ,KAAA,EAAAE,UAAA;EAER,OACEjB,KAAA,CAAAU,aAAA,CAAAV,KAAA,CAAAkB,QAAA,QACGF,QAAQ,EACThB,KAAA,CAAAU,aAAA,CAACR,CAAC,EAAAS,QAAA;IACAC,EAAE,EAAC,IAAI;IACP,mBAAW;IACXH,SAAS,EAAER,UAAU,CAACQ,SAAS,EAAE,cAAc;EAAE,GAC7CH,KAAK,CACV,CACD,CAAC;AAEP,CAAC;AAIDH,EAAE,CAACgB,qBAAqB,GAAG,IAAI;AAE/B,eAAehB,EAAE"}

package/es/elements/typography/style/dnb-typography.scss

@@ -122,7 +122,7 @@ sub {
   @include headingSize_medium();
 }
 
-// The rest of the Headings are nod defned by the Eufemia Typography
+// The rest of the Headings are not defined by the Eufemia Typography
 .dnb-h--basis {
   @include headingSize_basis();
 }

package/es/elements/typography/style/typography-mixins.scss

@@ -9,7 +9,7 @@
         // prettier-ignore
         $selectors: #{$selectors}, &;
         @at-root {
-          @include otherSelectos() {
+          @include otherSelectors() {
             // prettier-ignore
             $selectors: #{$selectors}, &;
 
@@ -56,7 +56,7 @@
   }
 }
 
-@mixin otherSelectos() {
+@mixin otherSelectors() {
   p,
   b,
   small,

package/es/extensions/forms/DataContext/At/At.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

package/es/extensions/forms/DataContext/At/At.js.map

@@ -1 +1 @@
-{"version":3,"file":"At.js","names":["React","useContext","useMemo","pointer","Context","At","props","path","iterate","children","dataContext","data","contextData","handlePathChange","contextHandlePathChange","has","get","undefined","changePath","value","Array","isArray","createElement","Fragment","map","element","i","Provider","key","_objectSpread","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/DataContext/At/At.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport pointer from 'json-pointer'\nimport type { ComponentProps } from '../../types'\nimport Context from '../Context'\n\nexport type Props = ComponentProps & {\n  /** JSON Pointer for where in the source dataset to point at in sub components */\n  path?: string\n  iterate?: boolean\n  children?: React.ReactNode\n}\n\nfunction At(props: Props) {\n  const { path = '/', iterate, children } = props\n  const dataContext = useContext(Context)\n  const { data: contextData, handlePathChange: contextHandlePathChange } =\n    dataContext\n\n  const data =\n    contextData && pointer.has(contextData, path)\n      ? pointer.get(contextData, path)\n      : undefined\n\n  const handlePathChange = useMemo(\n    () =>\n      contextHandlePathChange\n        ? (changePath, value) => {\n            contextHandlePathChange(`${path}${changePath}`, value)\n          }\n        : undefined,\n    [contextHandlePathChange, path]\n  )\n\n  if (iterate) {\n    if (!Array.isArray(data)) {\n      return null\n    }\n    return (\n      <>\n        {data.map((element, i) => {\n          const handlePathChange = contextHandlePathChange\n            ? (changePath, value) => {\n                contextHandlePathChange(`${path}/${i}${changePath}`, value)\n              }\n            : undefined\n\n          return (\n            <Context.Provider\n              key={`element${i}`}\n              value={{\n                ...dataContext,\n                data: element,\n                handlePathChange,\n              }}\n            >\n              {children}\n            </Context.Provider>\n          )\n        })}\n      </>\n    )\n  }\n\n  return (\n    <Context.Provider\n      value={{\n        ...dataContext,\n        data,\n        handlePathChange,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nAt._supportsSpacingProps = true\nexport default At\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,OAAO,MAAM,YAAY;AAShC,SAASC,EAAEA,CAACC,KAAY,EAAE;EACxB,MAAM;IAAEC,IAAI,GAAG,GAAG;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC/C,MAAMI,WAAW,GAAGT,UAAU,CAACG,OAAO,CAAC;EACvC,MAAM;IAAEO,IAAI,EAAEC,WAAW;IAAEC,gBAAgB,EAAEC;EAAwB,CAAC,GACpEJ,WAAW;EAEb,MAAMC,IAAI,GACRC,WAAW,IAAIT,OAAO,CAACY,GAAG,CAACH,WAAW,EAAEL,IAAI,CAAC,GACzCJ,OAAO,CAACa,GAAG,CAACJ,WAAW,EAAEL,IAAI,CAAC,GAC9BU,SAAS;EAEf,MAAMJ,gBAAgB,GAAGX,OAAO,CAC9B,MACEY,uBAAuB,GACnB,CAACI,UAAU,EAAEC,KAAK,KAAK;IACrBL,uBAAuB,CAAE,GAAEP,IAAK,GAAEW,UAAW,EAAC,EAAEC,KAAK,CAAC;EACxD,CAAC,GACDF,SAAS,EACf,CAACH,uBAAuB,EAAEP,IAAI,CAChC,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,IAAI,CAACY,KAAK,CAACC,OAAO,CAACV,IAAI,CAAC,EAAE;MACxB,OAAO,IAAI;IACb;IACA,OACEX,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACGZ,IAAI,CAACa,GAAG,CAAC,CAACC,OAAO,EAAEC,CAAC,KAAK;MACxB,MAAMb,gBAAgB,GAAGC,uBAAuB,GAC5C,CAACI,UAAU,EAAEC,KAAK,KAAK;QACrBL,uBAAuB,CAAE,GAAEP,IAAK,IAAGmB,CAAE,GAAER,UAAW,EAAC,EAAEC,KAAK,CAAC;MAC7D,CAAC,GACDF,SAAS;MAEb,OACEjB,KAAA,CAAAsB,aAAA,CAAClB,OAAO,CAACuB,QAAQ;QACfC,GAAG,EAAG,UAASF,CAAE,EAAE;QACnBP,KAAK,EAAAU,aAAA,CAAAA,aAAA,KACAnB,WAAW;UACdC,IAAI,EAAEc,OAAO;UACbZ;QAAgB;MAChB,GAEDJ,QACe,CAAC;IAEvB,CAAC,CACD,CAAC;EAEP;EAEA,OACET,KAAA,CAAAsB,aAAA,CAAClB,OAAO,CAACuB,QAAQ;IACfR,KAAK,EAAAU,aAAA,CAAAA,aAAA,KACAnB,WAAW;MACdC,IAAI;MACJE;IAAgB;EAChB,GAEDJ,QACe,CAAC;AAEvB;AAEAJ,EAAE,CAACyB,qBAAqB,GAAG,IAAI;AAC/B,eAAezB,EAAE"}
+{"version":3,"file":"At.js","names":["React","useContext","useMemo","pointer","Context","At","props","path","iterate","children","dataContext","data","contextData","handlePathChange","contextHandlePathChange","has","get","undefined","changePath","value","Array","isArray","createElement","Fragment","map","element","i","Provider","key","_objectSpread","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/DataContext/At/At.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport pointer from 'json-pointer'\nimport type { ComponentProps } from '../../types'\nimport Context from '../Context'\n\nexport type Props = ComponentProps & {\n  /** JSON Pointer for where in the source dataset to point at in sub components */\n  path?: string\n  iterate?: boolean\n  children?: React.ReactNode\n}\n\nfunction At(props: Props) {\n  const { path = '/', iterate, children } = props\n  const dataContext = useContext(Context)\n  const { data: contextData, handlePathChange: contextHandlePathChange } =\n    dataContext\n\n  const data =\n    contextData && pointer.has(contextData, path)\n      ? pointer.get(contextData, path)\n      : undefined\n\n  const handlePathChange = useMemo(\n    () =>\n      contextHandlePathChange\n        ? (changePath, value) => {\n            contextHandlePathChange(`${path}${changePath}`, value)\n          }\n        : undefined,\n    [contextHandlePathChange, path]\n  )\n\n  if (iterate) {\n    if (!Array.isArray(data)) {\n      return null\n    }\n    return (\n      <>\n        {data.map((element, i) => {\n          const handlePathChange = contextHandlePathChange\n            ? (changePath, value) => {\n                contextHandlePathChange(`${path}/${i}${changePath}`, value)\n              }\n            : undefined\n\n          return (\n            <Context.Provider\n              key={`element${i}`}\n              value={{\n                ...dataContext,\n                data: element,\n                handlePathChange,\n              }}\n            >\n              {children}\n            </Context.Provider>\n          )\n        })}\n      </>\n    )\n  }\n\n  return (\n    <Context.Provider\n      value={{\n        ...dataContext,\n        data,\n        handlePathChange,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\nAt._supportsSpacingProps = true\nexport default At\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,OAAO,MAAM,cAAc;AAElC,OAAOC,OAAO,MAAM,YAAY;AAShC,SAASC,EAAEA,CAACC,KAAY,EAAE;EACxB,MAAM;IAAEC,IAAI,GAAG,GAAG;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC/C,MAAMI,WAAW,GAAGT,UAAU,CAACG,OAAO,CAAC;EACvC,MAAM;IAAEO,IAAI,EAAEC,WAAW;IAAEC,gBAAgB,EAAEC;EAAwB,CAAC,GACpEJ,WAAW;EAEb,MAAMC,IAAI,GACRC,WAAW,IAAIT,OAAO,CAACY,GAAG,CAACH,WAAW,EAAEL,IAAI,CAAC,GACzCJ,OAAO,CAACa,GAAG,CAACJ,WAAW,EAAEL,IAAI,CAAC,GAC9BU,SAAS;EAEf,MAAMJ,gBAAgB,GAAGX,OAAO,CAC9B,MACEY,uBAAuB,GACnB,CAACI,UAAU,EAAEC,KAAK,KAAK;IACrBL,uBAAuB,CAAE,GAAEP,IAAK,GAAEW,UAAW,EAAC,EAAEC,KAAK,CAAC;EACxD,CAAC,GACDF,SAAS,EACf,CAACH,uBAAuB,EAAEP,IAAI,CAChC,CAAC;EAED,IAAIC,OAAO,EAAE;IACX,IAAI,CAACY,KAAK,CAACC,OAAO,CAACV,IAAI,CAAC,EAAE;MACxB,OAAO,IAAI;IACb;IACA,OACEX,KAAA,CAAAsB,aAAA,CAAAtB,KAAA,CAAAuB,QAAA,QACGZ,IAAI,CAACa,GAAG,CAAC,CAACC,OAAO,EAAEC,CAAC,KAAK;MACxB,MAAMb,gBAAgB,GAAGC,uBAAuB,GAC5C,CAACI,UAAU,EAAEC,KAAK,KAAK;QACrBL,uBAAuB,CAAE,GAAEP,IAAK,IAAGmB,CAAE,GAAER,UAAW,EAAC,EAAEC,KAAK,CAAC;MAC7D,CAAC,GACDF,SAAS;MAEb,OACEjB,KAAA,CAAAsB,aAAA,CAAClB,OAAO,CAACuB,QAAQ;QACfC,GAAG,EAAG,UAASF,CAAE,EAAE;QACnBP,KAAK,EAAAU,aAAA,CAAAA,aAAA,KACAnB,WAAW;UACdC,IAAI,EAAEc,OAAO;UACbZ;QAAgB;MAChB,GAEDJ,QACe,CAAC;IAEvB,CAAC,CACD,CAAC;EAEP;EAEA,OACET,KAAA,CAAAsB,aAAA,CAAClB,OAAO,CAACuB,QAAQ;IACfR,KAAK,EAAAU,aAAA,CAAAA,aAAA,KACAnB,WAAW;MACdC,IAAI;MACJE;IAAgB;EAChB,GAEDJ,QACe,CAAC;AAEvB;AAEAJ,EAAE,CAACyB,qBAAqB,GAAG,IAAI;AAC/B,eAAezB,EAAE"}

package/es/extensions/forms/DataContext/Provider/Provider.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["defaultData", "data", "schema", "onChange", "onPathChange", "onSubmit", "onSubmitRequest", "scrollTopOnSubmit", "sessionStorageId", "children"];
@@ -41,7 +43,7 @@ export default function Provider(_ref) {
         return JSON.parse(sessionDataJSON);
       }
     }
-    return data ?? defaultData;
+    return data !== null && data !== void 0 ? data : defaultData;
   }, [data, defaultData, sessionStorageId]);
   const ajvSchemaValidator = useMemo(() => schema ? ajv.compile(schema) : undefined, [schema]);
   const [internalData, setInternalData] = useState(initialData);
@@ -69,7 +71,8 @@ export default function Provider(_ref) {
     }
   }, [ajvSchemaValidator]);
   const validateBySchemaAndUpdateState = useCallback(data => {
-    errorsRef.current = validateBySchema(data) ?? {};
+    var _validateBySchema;
+    errorsRef.current = (_validateBySchema = validateBySchema(data)) !== null && _validateBySchema !== void 0 ? _validateBySchema : {};
   }, [validateBySchema]);
   const setPathWithError = useCallback((path, hasError) => {
     pathsWithErrorRef.current = hasError ? addListPath(pathsWithErrorRef.current, path) : removeListPath(pathsWithErrorRef.current, path);
@@ -79,7 +82,7 @@ export default function Provider(_ref) {
       return;
     }
     onPathChange === null || onPathChange === void 0 ? void 0 : onPathChange(path, value);
-    const newData = structuredClone(path === '/' ? value : internalData ?? (path.match(isArrayJsonPointer) ? [] : {}));
+    const newData = structuredClone(path === '/' ? value : internalData !== null && internalData !== void 0 ? internalData : path.match(isArrayJsonPointer) ? [] : {});
     if (path !== '/') {
       pointer.set(newData, path, value);
     }

package/es/extensions/forms/DataContext/Provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","names":["React","useEffect","useRef","useMemo","useCallback","useState","pointer","ajv","ajvErrorsToFormErrors","Context","structuredClone","addListPath","paths","path","includes","concat","removeListPath","filter","thisPath","isArrayJsonPointer","Provider","_ref","defaultData","data","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","sessionStorageId","children","rest","_objectWithoutProperties","_excluded","undefined","console","error","wasMounted","initialData","window","_window$sessionStorag","sessionDataJSON","sessionStorage","getItem","JSON","parse","ajvSchemaValidator","compile","internalData","setInternalData","mountedFieldPathsRef","errorsRef","showAllErrors","setShowAllErrors","pathsWithErrorRef","hasErrors","Boolean","current","find","mountedFieldPath","validateBySchema","errors","validateBySchemaAndUpdateState","setPathWithError","hasError","handlePathChange","value","newData","match","set","_window$sessionStorag2","setItem","stringify","handleMountField","handleUnMountField","handleSubmit","formElement","_formElement$reset","reset","call","removeItem","_window","scrollTo","top","behavior","createElement","_objectSpread","mountedFieldPaths"],"sources":["../../../../../../src/extensions/forms/DataContext/Provider/Provider.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  useState,\n} from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport { JSONSchema7 } from 'json-schema'\nimport ajv, { ajvErrorsToFormErrors } from '../../utils/ajv'\nimport { FormError } from '../../types'\nimport Context, { ContextState } from '../Context'\n\n/**\n * Deprecated, as it is supported my all mihor browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport interface Props<Data extends JsonObject> {\n  /** Default source data, only used if no other source is available, and not leading to updates if changed after mount */\n  defaultData?: Partial<Data>\n  /** Dynamic source data used as both initial data, and updates internal data if changed after mount */\n  data?: Partial<Data>\n  /** JSON Schema for validating the data, like during input or after attempting submit */\n  schema?: JSONSchema7\n  /** Change handler for the whole data set */\n  onChange?: (data: Data) => void\n  /** Change handler for each value  */\n  onPathChange?: (path: string, value: any) => void\n  /** Submit called, data was valid (if validation available) */\n  onSubmit?: (data: Data) => void\n  /** Submit was requested, but data was invalid */\n  onSubmitRequest?: () => void\n  scrollTopOnSubmit?: boolean\n  /** Key for caching the data in session storage */\n  sessionStorageId?: string\n  children: React.ReactNode\n}\n\ntype PathList = string[]\n\nfunction addListPath(paths: PathList, path: string): PathList {\n  return paths.includes(path) ? paths : paths.concat(path)\n}\n\nfunction removeListPath(paths: PathList, path: string): PathList {\n  return paths.filter((thisPath) => thisPath !== path)\n}\n\nconst isArrayJsonPointer = /^\\/\\d+(\\/|$)/\n\nexport default function Provider<Data extends JsonObject>({\n  defaultData,\n  data,\n  schema,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  children,\n  ...rest\n}: Props<Data>) {\n  // Prop error handling\n  if (data !== undefined && sessionStorageId !== undefined) {\n    console.error(\n      'Providing both data and sessionStorageId could lead to competing data sources. To provide default data to use only before anything is changed in the interface, use defaultData.'\n    )\n  }\n\n  // State\n  const wasMounted = useRef(false)\n  const initialData = useMemo(() => {\n    if (sessionStorageId && typeof window !== 'undefined') {\n      const sessionDataJSON =\n        window.sessionStorage?.getItem(sessionStorageId)\n      if (sessionDataJSON) {\n        return JSON.parse(sessionDataJSON)\n      }\n    }\n    return data ?? defaultData\n  }, [data, defaultData, sessionStorageId])\n  const ajvSchemaValidator = useMemo(\n    () => (schema ? ajv.compile(schema) : undefined),\n    [schema]\n  )\n  const [internalData, setInternalData] =\n    useState<Partial<Data>>(initialData)\n  const mountedFieldPathsRef = useRef<string[]>([])\n\n  // Errors from provider validation (the whole data set)\n  const errorsRef = useRef<Record<string, FormError>>({})\n  const [showAllErrors, setShowAllErrors] = useState<boolean>(false)\n  // Errors reported by fields, based on their direct validation rules\n  const pathsWithErrorRef = useRef<string[]>([])\n\n  const hasErrors = useCallback(\n    () =>\n      Boolean(\n        mountedFieldPathsRef.current.find(\n          (mountedFieldPath) =>\n            errorsRef.current[mountedFieldPath] !== undefined ||\n            pathsWithErrorRef.current.includes(mountedFieldPath)\n        )\n      ),\n    []\n  )\n\n  useEffect(() => {\n    if (!wasMounted.current) {\n      wasMounted.current = true\n      return\n    }\n    // When receivint the initial data, or receiving updated data by props, update the internal data (controlled state)\n    setInternalData(data)\n  }, [data])\n\n  const validateBySchema = useCallback(\n    (data: Partial<Data>): Record<string, Error> | undefined => {\n      if (!ajvSchemaValidator) {\n        // No schema-based validator. Assume data is valid.\n        return\n      }\n\n      if (!ajvSchemaValidator(data)) {\n        // Errors found\n        const errors = ajvErrorsToFormErrors(ajvSchemaValidator.errors)\n        return errors\n      } else {\n        return\n      }\n    },\n    [ajvSchemaValidator]\n  )\n\n  const validateBySchemaAndUpdateState = useCallback(\n    (data: Partial<Data>) => {\n      errorsRef.current = validateBySchema(data) ?? {}\n    },\n    [validateBySchema]\n  )\n\n  const setPathWithError = useCallback(\n    (path: string, hasError: boolean) => {\n      pathsWithErrorRef.current = hasError\n        ? addListPath(pathsWithErrorRef.current, path)\n        : removeListPath(pathsWithErrorRef.current, path)\n    },\n    []\n  )\n\n  const handlePathChange = useCallback(\n    (path, value) => {\n      if (!path) {\n        return\n      }\n      onPathChange?.(path, value)\n\n      // Update the data even if it contains errors. Submit/SubmitRequest will be called accordingly\n      const newData = structuredClone(\n        path === '/'\n          ? // When setting the root of the data, the whole data set should be the new value\n            value\n          : // For sub paths, use the the existing data set (or empty array/object), but modify it below (since pointer.set is not immutable)\n            internalData ?? (path.match(isArrayJsonPointer) ? [] : {})\n      )\n      if (path !== '/') {\n        pointer.set(newData as Data, path, value)\n      }\n\n      onChange?.(newData as Data)\n\n      if (sessionStorageId && typeof window !== 'undefined') {\n        window.sessionStorage?.setItem(\n          sessionStorageId,\n          JSON.stringify(newData)\n        )\n      }\n\n      validateBySchemaAndUpdateState(newData)\n\n      setInternalData(newData)\n\n      setShowAllErrors(false)\n    },\n    [internalData, onChange, onPathChange, validateBySchemaAndUpdateState]\n  )\n\n  // Mounted fields\n  const handleMountField = useCallback((path: string) => {\n    mountedFieldPathsRef.current = addListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  const handleUnMountField = useCallback((path: string) => {\n    mountedFieldPathsRef.current = removeListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  /**\n   * Request to submit the whole form\n   */\n  const handleSubmit = useCallback<ContextState['handleSubmit']>(\n    ({ formElement = null } = {}) => {\n      if (!hasErrors()) {\n        onSubmit?.(internalData as Data)\n\n        formElement?.reset?.()\n\n        if (typeof window !== 'undefined') {\n          if (sessionStorageId) {\n            window.sessionStorage.removeItem(sessionStorageId)\n          }\n\n          if (scrollTopOnSubmit) {\n            window?.scrollTo({ top: 0, behavior: 'smooth' })\n          }\n        }\n      } else {\n        setShowAllErrors(true)\n        onSubmitRequest?.()\n      }\n      return internalData\n    },\n    [internalData, scrollTopOnSubmit, hasErrors, onSubmit, onSubmitRequest]\n  )\n\n  useEffect(() => {\n    // Mount procedure\n    if (initialData) {\n      // Validate the initial data to know if the user can submit, and to show errors if inputs are requested to with props\n      validateBySchemaAndUpdateState(initialData)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return (\n    <Context.Provider\n      value={{\n        data: internalData,\n        ...rest,\n        handlePathChange,\n        handleSubmit,\n        errors: errorsRef.current,\n        showAllErrors,\n        setShowAllErrors,\n        mountedFieldPaths: mountedFieldPathsRef.current,\n        handleMountField,\n        handleUnMountField,\n        hasErrors,\n        setPathWithError,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IACVC,SAAS,EACTC,MAAM,EACNC,OAAO,EACPC,WAAW,EACXC,QAAQ,QACH,OAAO;AACd,OAAOC,OAAO,MAAsB,cAAc;AAElD,OAAOC,GAAG,IAAIC,qBAAqB,QAAQ,iBAAiB;AAE5D,OAAOC,OAAO,MAAwB,YAAY;AAMlD,OAAOC,eAAe,MAAM,yBAAyB;AAyBrD,SAASC,WAAWA,CAACC,KAAe,EAAEC,IAAY,EAAY;EAC5D,OAAOD,KAAK,CAACE,QAAQ,CAACD,IAAI,CAAC,GAAGD,KAAK,GAAGA,KAAK,CAACG,MAAM,CAACF,IAAI,CAAC;AAC1D;AAEA,SAASG,cAAcA,CAACJ,KAAe,EAAEC,IAAY,EAAY;EAC/D,OAAOD,KAAK,CAACK,MAAM,CAAEC,QAAQ,IAAKA,QAAQ,KAAKL,IAAI,CAAC;AACtD;AAEA,MAAMM,kBAAkB,GAAG,cAAc;AAEzC,eAAe,SAASC,QAAQA,CAAAC,IAAA,EAYhB;EAAA,IAZ0C;MACxDC,WAAW;MACXC,IAAI;MACJC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRC,eAAe;MACfC,iBAAiB;MACjBC,gBAAgB;MAChBC;IAEW,CAAC,GAAAV,IAAA;IADTW,IAAI,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAGP,IAAIX,IAAI,KAAKY,SAAS,IAAIL,gBAAgB,KAAKK,SAAS,EAAE;IACxDC,OAAO,CAACC,KAAK,CACX,kLACF,CAAC;EACH;EAGA,MAAMC,UAAU,GAAGpC,MAAM,CAAC,KAAK,CAAC;EAChC,MAAMqC,WAAW,GAAGpC,OAAO,CAAC,MAAM;IAChC,IAAI2B,gBAAgB,IAAI,OAAOU,MAAM,KAAK,WAAW,EAAE;MAAA,IAAAC,qBAAA;MACrD,MAAMC,eAAe,IAAAD,qBAAA,GACnBD,MAAM,CAACG,cAAc,cAAAF,qBAAA,uBAArBA,qBAAA,CAAuBG,OAAO,CAACd,gBAAgB,CAAC;MAClD,IAAIY,eAAe,EAAE;QACnB,OAAOG,IAAI,CAACC,KAAK,CAACJ,eAAe,CAAC;MACpC;IACF;IACA,OAAOnB,IAAI,IAAID,WAAW;EAC5B,CAAC,EAAE,CAACC,IAAI,EAAED,WAAW,EAAEQ,gBAAgB,CAAC,CAAC;EACzC,MAAMiB,kBAAkB,GAAG5C,OAAO,CAChC,MAAOqB,MAAM,GAAGjB,GAAG,CAACyC,OAAO,CAACxB,MAAM,CAAC,GAAGW,SAAU,EAChD,CAACX,MAAM,CACT,CAAC;EACD,MAAM,CAACyB,YAAY,EAAEC,eAAe,CAAC,GACnC7C,QAAQ,CAAgBkC,WAAW,CAAC;EACtC,MAAMY,oBAAoB,GAAGjD,MAAM,CAAW,EAAE,CAAC;EAGjD,MAAMkD,SAAS,GAAGlD,MAAM,CAA4B,CAAC,CAAC,CAAC;EACvD,MAAM,CAACmD,aAAa,EAAEC,gBAAgB,CAAC,GAAGjD,QAAQ,CAAU,KAAK,CAAC;EAElE,MAAMkD,iBAAiB,GAAGrD,MAAM,CAAW,EAAE,CAAC;EAE9C,MAAMsD,SAAS,GAAGpD,WAAW,CAC3B,MACEqD,OAAO,CACLN,oBAAoB,CAACO,OAAO,CAACC,IAAI,CAC9BC,gBAAgB,IACfR,SAAS,CAACM,OAAO,CAACE,gBAAgB,CAAC,KAAKzB,SAAS,IACjDoB,iBAAiB,CAACG,OAAO,CAAC5C,QAAQ,CAAC8C,gBAAgB,CACvD,CACF,CAAC,EACH,EACF,CAAC;EAED3D,SAAS,CAAC,MAAM;IACd,IAAI,CAACqC,UAAU,CAACoB,OAAO,EAAE;MACvBpB,UAAU,CAACoB,OAAO,GAAG,IAAI;MACzB;IACF;IAEAR,eAAe,CAAC3B,IAAI,CAAC;EACvB,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMsC,gBAAgB,GAAGzD,WAAW,CACjCmB,IAAmB,IAAwC;IAC1D,IAAI,CAACwB,kBAAkB,EAAE;MAEvB;IACF;IAEA,IAAI,CAACA,kBAAkB,CAACxB,IAAI,CAAC,EAAE;MAE7B,MAAMuC,MAAM,GAAGtD,qBAAqB,CAACuC,kBAAkB,CAACe,MAAM,CAAC;MAC/D,OAAOA,MAAM;IACf,CAAC,MAAM;MACL;IACF;EACF,CAAC,EACD,CAACf,kBAAkB,CACrB,CAAC;EAED,MAAMgB,8BAA8B,GAAG3D,WAAW,CAC/CmB,IAAmB,IAAK;IACvB6B,SAAS,CAACM,OAAO,GAAGG,gBAAgB,CAACtC,IAAI,CAAC,IAAI,CAAC,CAAC;EAClD,CAAC,EACD,CAACsC,gBAAgB,CACnB,CAAC;EAED,MAAMG,gBAAgB,GAAG5D,WAAW,CAClC,CAACS,IAAY,EAAEoD,QAAiB,KAAK;IACnCV,iBAAiB,CAACG,OAAO,GAAGO,QAAQ,GAChCtD,WAAW,CAAC4C,iBAAiB,CAACG,OAAO,EAAE7C,IAAI,CAAC,GAC5CG,cAAc,CAACuC,iBAAiB,CAACG,OAAO,EAAE7C,IAAI,CAAC;EACrD,CAAC,EACD,EACF,CAAC;EAED,MAAMqD,gBAAgB,GAAG9D,WAAW,CAClC,CAACS,IAAI,EAAEsD,KAAK,KAAK;IACf,IAAI,CAACtD,IAAI,EAAE;MACT;IACF;IACAa,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGb,IAAI,EAAEsD,KAAK,CAAC;IAG3B,MAAMC,OAAO,GAAG1D,eAAe,CAC7BG,IAAI,KAAK,GAAG,GAERsD,KAAK,GAELlB,YAAY,KAAKpC,IAAI,CAACwD,KAAK,CAAClD,kBAAkB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAC/D,CAAC;IACD,IAAIN,IAAI,KAAK,GAAG,EAAE;MAChBP,OAAO,CAACgE,GAAG,CAACF,OAAO,EAAUvD,IAAI,EAAEsD,KAAK,CAAC;IAC3C;IAEA1C,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAG2C,OAAe,CAAC;IAE3B,IAAItC,gBAAgB,IAAI,OAAOU,MAAM,KAAK,WAAW,EAAE;MAAA,IAAA+B,sBAAA;MACrD,CAAAA,sBAAA,GAAA/B,MAAM,CAACG,cAAc,cAAA4B,sBAAA,uBAArBA,sBAAA,CAAuBC,OAAO,CAC5B1C,gBAAgB,EAChBe,IAAI,CAAC4B,SAAS,CAACL,OAAO,CACxB,CAAC;IACH;IAEAL,8BAA8B,CAACK,OAAO,CAAC;IAEvClB,eAAe,CAACkB,OAAO,CAAC;IAExBd,gBAAgB,CAAC,KAAK,CAAC;EACzB,CAAC,EACD,CAACL,YAAY,EAAExB,QAAQ,EAAEC,YAAY,EAAEqC,8BAA8B,CACvE,CAAC;EAGD,MAAMW,gBAAgB,GAAGtE,WAAW,CAAES,IAAY,IAAK;IACrDsC,oBAAoB,CAACO,OAAO,GAAG/C,WAAW,CACxCwC,oBAAoB,CAACO,OAAO,EAC5B7C,IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM8D,kBAAkB,GAAGvE,WAAW,CAAES,IAAY,IAAK;IACvDsC,oBAAoB,CAACO,OAAO,GAAG1C,cAAc,CAC3CmC,oBAAoB,CAACO,OAAO,EAC5B7C,IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAKN,MAAM+D,YAAY,GAAGxE,WAAW,CAC9B,CAAC;IAAEyE,WAAW,GAAG;EAAK,CAAC,GAAG,CAAC,CAAC,KAAK;IAC/B,IAAI,CAACrB,SAAS,CAAC,CAAC,EAAE;MAAA,IAAAsB,kBAAA;MAChBnD,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGsB,YAAoB,CAAC;MAEhC4B,WAAW,aAAXA,WAAW,wBAAAC,kBAAA,GAAXD,WAAW,CAAEE,KAAK,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAAE,IAAA,CAAAH,WAAqB,CAAC;MAEtB,IAAI,OAAOrC,MAAM,KAAK,WAAW,EAAE;QACjC,IAAIV,gBAAgB,EAAE;UACpBU,MAAM,CAACG,cAAc,CAACsC,UAAU,CAACnD,gBAAgB,CAAC;QACpD;QAEA,IAAID,iBAAiB,EAAE;UAAA,IAAAqD,OAAA;UACrB,CAAAA,OAAA,GAAA1C,MAAM,cAAA0C,OAAA,uBAANA,OAAA,CAAQC,QAAQ,CAAC;YAAEC,GAAG,EAAE,CAAC;YAAEC,QAAQ,EAAE;UAAS,CAAC,CAAC;QAClD;MACF;IACF,CAAC,MAAM;MACL/B,gBAAgB,CAAC,IAAI,CAAC;MACtB1B,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAG,CAAC;IACrB;IACA,OAAOqB,YAAY;EACrB,CAAC,EACD,CAACA,YAAY,EAAEpB,iBAAiB,EAAE2B,SAAS,EAAE7B,QAAQ,EAAEC,eAAe,CACxE,CAAC;EAED3B,SAAS,CAAC,MAAM;IAEd,IAAIsC,WAAW,EAAE;MAEfwB,8BAA8B,CAACxB,WAAW,CAAC;IAC7C;EAEF,CAAC,EAAE,EAAE,CAAC;EAEN,OACEvC,KAAA,CAAAsF,aAAA,CAAC7E,OAAO,CAACW,QAAQ;IACf+C,KAAK,EAAAoB,aAAA,CAAAA,aAAA;MACHhE,IAAI,EAAE0B;IAAY,GACfjB,IAAI;MACPkC,gBAAgB;MAChBU,YAAY;MACZd,MAAM,EAAEV,SAAS,CAACM,OAAO;MACzBL,aAAa;MACbC,gBAAgB;MAChBkC,iBAAiB,EAAErC,oBAAoB,CAACO,OAAO;MAC/CgB,gBAAgB;MAChBC,kBAAkB;MAClBnB,SAAS;MACTQ;IAAgB;EAChB,GAEDjC,QACe,CAAC;AAEvB"}
+{"version":3,"file":"Provider.js","names":["React","useEffect","useRef","useMemo","useCallback","useState","pointer","ajv","ajvErrorsToFormErrors","Context","structuredClone","addListPath","paths","path","includes","concat","removeListPath","filter","thisPath","isArrayJsonPointer","Provider","_ref","defaultData","data","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","sessionStorageId","children","rest","_objectWithoutProperties","_excluded","undefined","console","error","wasMounted","initialData","window","_window$sessionStorag","sessionDataJSON","sessionStorage","getItem","JSON","parse","ajvSchemaValidator","compile","internalData","setInternalData","mountedFieldPathsRef","errorsRef","showAllErrors","setShowAllErrors","pathsWithErrorRef","hasErrors","Boolean","current","find","mountedFieldPath","validateBySchema","errors","validateBySchemaAndUpdateState","_validateBySchema","setPathWithError","hasError","handlePathChange","value","newData","match","set","_window$sessionStorag2","setItem","stringify","handleMountField","handleUnMountField","handleSubmit","formElement","_formElement$reset","reset","call","removeItem","_window","scrollTo","top","behavior","createElement","_objectSpread","mountedFieldPaths"],"sources":["../../../../../../src/extensions/forms/DataContext/Provider/Provider.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useRef,\n  useMemo,\n  useCallback,\n  useState,\n} from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport { JSONSchema7 } from 'json-schema'\nimport ajv, { ajvErrorsToFormErrors } from '../../utils/ajv'\nimport { FormError } from '../../types'\nimport Context, { ContextState } from '../Context'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport interface Props<Data extends JsonObject> {\n  /** Default source data, only used if no other source is available, and not leading to updates if changed after mount */\n  defaultData?: Partial<Data>\n  /** Dynamic source data used as both initial data, and updates internal data if changed after mount */\n  data?: Partial<Data>\n  /** JSON Schema for validating the data, like during input or after attempting submit */\n  schema?: JSONSchema7\n  /** Change handler for the whole data set */\n  onChange?: (data: Data) => void\n  /** Change handler for each value  */\n  onPathChange?: (path: string, value: any) => void\n  /** Submit called, data was valid (if validation available) */\n  onSubmit?: (data: Data) => void\n  /** Submit was requested, but data was invalid */\n  onSubmitRequest?: () => void\n  scrollTopOnSubmit?: boolean\n  /** Key for caching the data in session storage */\n  sessionStorageId?: string\n  children: React.ReactNode\n}\n\ntype PathList = string[]\n\nfunction addListPath(paths: PathList, path: string): PathList {\n  return paths.includes(path) ? paths : paths.concat(path)\n}\n\nfunction removeListPath(paths: PathList, path: string): PathList {\n  return paths.filter((thisPath) => thisPath !== path)\n}\n\nconst isArrayJsonPointer = /^\\/\\d+(\\/|$)/\n\nexport default function Provider<Data extends JsonObject>({\n  defaultData,\n  data,\n  schema,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  children,\n  ...rest\n}: Props<Data>) {\n  // Prop error handling\n  if (data !== undefined && sessionStorageId !== undefined) {\n    console.error(\n      'Providing both data and sessionStorageId could lead to competing data sources. To provide default data to use only before anything is changed in the interface, use defaultData.'\n    )\n  }\n\n  // State\n  const wasMounted = useRef(false)\n  const initialData = useMemo(() => {\n    if (sessionStorageId && typeof window !== 'undefined') {\n      const sessionDataJSON =\n        window.sessionStorage?.getItem(sessionStorageId)\n      if (sessionDataJSON) {\n        return JSON.parse(sessionDataJSON)\n      }\n    }\n    return data ?? defaultData\n  }, [data, defaultData, sessionStorageId])\n  const ajvSchemaValidator = useMemo(\n    () => (schema ? ajv.compile(schema) : undefined),\n    [schema]\n  )\n  const [internalData, setInternalData] =\n    useState<Partial<Data>>(initialData)\n  const mountedFieldPathsRef = useRef<string[]>([])\n\n  // Errors from provider validation (the whole data set)\n  const errorsRef = useRef<Record<string, FormError>>({})\n  const [showAllErrors, setShowAllErrors] = useState<boolean>(false)\n  // Errors reported by fields, based on their direct validation rules\n  const pathsWithErrorRef = useRef<string[]>([])\n\n  const hasErrors = useCallback(\n    () =>\n      Boolean(\n        mountedFieldPathsRef.current.find(\n          (mountedFieldPath) =>\n            errorsRef.current[mountedFieldPath] !== undefined ||\n            pathsWithErrorRef.current.includes(mountedFieldPath)\n        )\n      ),\n    []\n  )\n\n  useEffect(() => {\n    if (!wasMounted.current) {\n      wasMounted.current = true\n      return\n    }\n    // When receiving the initial data, or receiving updated data by props, update the internal data (controlled state)\n    setInternalData(data)\n  }, [data])\n\n  const validateBySchema = useCallback(\n    (data: Partial<Data>): Record<string, Error> | undefined => {\n      if (!ajvSchemaValidator) {\n        // No schema-based validator. Assume data is valid.\n        return\n      }\n\n      if (!ajvSchemaValidator(data)) {\n        // Errors found\n        const errors = ajvErrorsToFormErrors(ajvSchemaValidator.errors)\n        return errors\n      } else {\n        return\n      }\n    },\n    [ajvSchemaValidator]\n  )\n\n  const validateBySchemaAndUpdateState = useCallback(\n    (data: Partial<Data>) => {\n      errorsRef.current = validateBySchema(data) ?? {}\n    },\n    [validateBySchema]\n  )\n\n  const setPathWithError = useCallback(\n    (path: string, hasError: boolean) => {\n      pathsWithErrorRef.current = hasError\n        ? addListPath(pathsWithErrorRef.current, path)\n        : removeListPath(pathsWithErrorRef.current, path)\n    },\n    []\n  )\n\n  const handlePathChange = useCallback(\n    (path, value) => {\n      if (!path) {\n        return\n      }\n      onPathChange?.(path, value)\n\n      // Update the data even if it contains errors. Submit/SubmitRequest will be called accordingly\n      const newData = structuredClone(\n        path === '/'\n          ? // When setting the root of the data, the whole data set should be the new value\n            value\n          : // For sub paths, use the the existing data set (or empty array/object), but modify it below (since pointer.set is not immutable)\n            internalData ?? (path.match(isArrayJsonPointer) ? [] : {})\n      )\n      if (path !== '/') {\n        pointer.set(newData as Data, path, value)\n      }\n\n      onChange?.(newData as Data)\n\n      if (sessionStorageId && typeof window !== 'undefined') {\n        window.sessionStorage?.setItem(\n          sessionStorageId,\n          JSON.stringify(newData)\n        )\n      }\n\n      validateBySchemaAndUpdateState(newData)\n\n      setInternalData(newData)\n\n      setShowAllErrors(false)\n    },\n    [internalData, onChange, onPathChange, validateBySchemaAndUpdateState]\n  )\n\n  // Mounted fields\n  const handleMountField = useCallback((path: string) => {\n    mountedFieldPathsRef.current = addListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  const handleUnMountField = useCallback((path: string) => {\n    mountedFieldPathsRef.current = removeListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  /**\n   * Request to submit the whole form\n   */\n  const handleSubmit = useCallback<ContextState['handleSubmit']>(\n    ({ formElement = null } = {}) => {\n      if (!hasErrors()) {\n        onSubmit?.(internalData as Data)\n\n        formElement?.reset?.()\n\n        if (typeof window !== 'undefined') {\n          if (sessionStorageId) {\n            window.sessionStorage.removeItem(sessionStorageId)\n          }\n\n          if (scrollTopOnSubmit) {\n            window?.scrollTo({ top: 0, behavior: 'smooth' })\n          }\n        }\n      } else {\n        setShowAllErrors(true)\n        onSubmitRequest?.()\n      }\n      return internalData\n    },\n    [internalData, scrollTopOnSubmit, hasErrors, onSubmit, onSubmitRequest]\n  )\n\n  useEffect(() => {\n    // Mount procedure\n    if (initialData) {\n      // Validate the initial data to know if the user can submit, and to show errors if inputs are requested to with props\n      validateBySchemaAndUpdateState(initialData)\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return (\n    <Context.Provider\n      value={{\n        data: internalData,\n        ...rest,\n        handlePathChange,\n        handleSubmit,\n        errors: errorsRef.current,\n        showAllErrors,\n        setShowAllErrors,\n        mountedFieldPaths: mountedFieldPathsRef.current,\n        handleMountField,\n        handleUnMountField,\n        hasErrors,\n        setPathWithError,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":"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"}

package/es/extensions/forms/Field/ArraySelection/ArraySelection.js

@@ -40,15 +40,18 @@ function ArraySelection(props) {
     labelDescription,
     labelSecondary
   }, pickSpacingProps(props));
-  const options = useMemo(() => React.Children.toArray(children).filter(child => React.isValidElement(child) && child.type === Option).map(option => ({
-    title: option.props.title ?? option.props.children,
-    value: option.props.value,
-    handleSelect: () => {
-      const selected = option.props.value;
-      const newValue = value !== null && value !== void 0 && value.includes(selected) ? value.filter(value => value !== selected) : [...(value ?? []), selected];
-      handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValue.length === 0 ? emptyValue : newValue);
-    }
-  })), [children, value, emptyValue, handleChange]);
+  const options = useMemo(() => React.Children.toArray(children).filter(child => React.isValidElement(child) && child.type === Option).map(option => {
+    var _option$props$title;
+    return {
+      title: (_option$props$title = option.props.title) !== null && _option$props$title !== void 0 ? _option$props$title : option.props.children,
+      value: option.props.value,
+      handleSelect: () => {
+        const selected = option.props.value;
+        const newValue = value !== null && value !== void 0 && value.includes(selected) ? value.filter(value => value !== selected) : [...(value !== null && value !== void 0 ? value : []), selected];
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newValue.length === 0 ? emptyValue : newValue);
+      }
+    };
+  }), [children, value, emptyValue, handleChange]);
   switch (variant) {
     case 'button':
       return React.createElement(FieldBlock, fieldBlockProps, React.createElement(ButtonRow, null, options.map((option, i) => React.createElement(Button, {

package/es/extensions/forms/Field/ArraySelection/ArraySelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArraySelection.js","names":["React","useMemo","Checkbox","Button","ButtonRow","classnames","Option","FieldBlock","useDataValue","pickSpacingProps","ArraySelection","props","id","className","variant","layout","optionsLayout","label","labelDescription","labelSecondary","value","error","info","warning","disabled","emptyValue","handleChange","children","fieldBlockProps","_objectSpread","forId","contentClassName","options","Children","toArray","filter","child","isValidElement","type","map","option","title","handleSelect","selected","newValue","includes","length","createElement","i","key","text","on_click","undefined","status","checked","on_change","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { Checkbox, Button } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport classnames from 'classnames'\nimport Option from '../Option'\nimport FieldBlock from '../../FieldBlock'\nimport { useDataValue } from '../../hooks'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\n\ninterface IOption {\n  title: string\n  value: number | string\n  handleSelect: () => void\n}\n\nexport type Props = FieldProps<Array<string | number>> & {\n  children?: React.ReactNode\n  variant?: 'checkbox' | 'button'\n  optionsLayout?: 'horizontal' | 'vertical'\n}\n\nfunction ArraySelection(props: Props) {\n  const {\n    id,\n    className,\n    variant = 'checkbox',\n    layout = 'vertical',\n    optionsLayout = 'vertical',\n    label,\n    labelDescription,\n    labelSecondary,\n    value,\n    error,\n    info,\n    warning,\n    disabled,\n    emptyValue,\n    handleChange,\n    children,\n  } = useDataValue(props)\n\n  const fieldBlockProps = {\n    forId: id,\n    className: classnames(\n      'dnb-forms-field-array-selection',\n      `dnb-forms-field-array-selection--options-layout-${optionsLayout}`,\n      className\n    ),\n    contentClassName: 'dnb-forms-field-array-selection__options',\n    info,\n    warning,\n    error,\n    layout,\n    label,\n    labelDescription,\n    labelSecondary,\n    ...pickSpacingProps(props),\n  }\n\n  const options: IOption[] = useMemo(\n    () =>\n      React.Children.toArray(children)\n        .filter(\n          (child) => React.isValidElement(child) && child.type === Option\n        )\n        .map((option: React.ReactElement) => ({\n          title: option.props.title ?? option.props.children,\n          value: option.props.value,\n          handleSelect: () => {\n            const selected = option.props.value\n\n            const newValue = value?.includes(selected)\n              ? value.filter((value) => value !== selected)\n              : [...(value ?? []), selected]\n\n            handleChange?.(newValue.length === 0 ? emptyValue : newValue)\n          },\n        })),\n    [children, value, emptyValue, handleChange]\n  )\n\n  switch (variant) {\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ButtonRow>\n            {options.map((option, i) => (\n              <Button\n                key={`option-${i}-${option.value}`}\n                id={id}\n                text={option.title}\n                on_click={option.handleSelect}\n                variant={\n                  value?.includes(option.value) ? undefined : 'secondary'\n                }\n                status={error ? 'error' : undefined}\n                disabled={disabled}\n              />\n            ))}\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          {options.map((option, i) => (\n            <Checkbox\n              key={`option-${i}-${option.value}`}\n              className=\"dnb-forms-field-array-selection__checkbox\"\n              label={option.title}\n              checked={value?.includes(option.value)}\n              disabled={disabled}\n              on_change={option.handleSelect}\n            />\n          ))}\n        </FieldBlock>\n      )\n  }\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":"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"}
+{"version":3,"file":"ArraySelection.js","names":["React","useMemo","Checkbox","Button","ButtonRow","classnames","Option","FieldBlock","useDataValue","pickSpacingProps","ArraySelection","props","id","className","variant","layout","optionsLayout","label","labelDescription","labelSecondary","value","error","info","warning","disabled","emptyValue","handleChange","children","fieldBlockProps","_objectSpread","forId","contentClassName","options","Children","toArray","filter","child","isValidElement","type","map","option","_option$props$title","title","handleSelect","selected","newValue","includes","length","createElement","i","key","text","on_click","undefined","status","checked","on_change","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/ArraySelection/ArraySelection.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { Checkbox, Button } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport classnames from 'classnames'\nimport Option from '../Option'\nimport FieldBlock from '../../FieldBlock'\nimport { useDataValue } from '../../hooks'\nimport { FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\n\ninterface IOption {\n  title: string\n  value: number | string\n  handleSelect: () => void\n}\n\nexport type Props = FieldProps<Array<string | number>> & {\n  children?: React.ReactNode\n  variant?: 'checkbox' | 'button'\n  optionsLayout?: 'horizontal' | 'vertical'\n}\n\nfunction ArraySelection(props: Props) {\n  const {\n    id,\n    className,\n    variant = 'checkbox',\n    layout = 'vertical',\n    optionsLayout = 'vertical',\n    label,\n    labelDescription,\n    labelSecondary,\n    value,\n    error,\n    info,\n    warning,\n    disabled,\n    emptyValue,\n    handleChange,\n    children,\n  } = useDataValue(props)\n\n  const fieldBlockProps = {\n    forId: id,\n    className: classnames(\n      'dnb-forms-field-array-selection',\n      `dnb-forms-field-array-selection--options-layout-${optionsLayout}`,\n      className\n    ),\n    contentClassName: 'dnb-forms-field-array-selection__options',\n    info,\n    warning,\n    error,\n    layout,\n    label,\n    labelDescription,\n    labelSecondary,\n    ...pickSpacingProps(props),\n  }\n\n  const options: IOption[] = useMemo(\n    () =>\n      React.Children.toArray(children)\n        .filter(\n          (child) => React.isValidElement(child) && child.type === Option\n        )\n        .map((option: React.ReactElement) => ({\n          title: option.props.title ?? option.props.children,\n          value: option.props.value,\n          handleSelect: () => {\n            const selected = option.props.value\n\n            const newValue = value?.includes(selected)\n              ? value.filter((value) => value !== selected)\n              : [...(value ?? []), selected]\n\n            handleChange?.(newValue.length === 0 ? emptyValue : newValue)\n          },\n        })),\n    [children, value, emptyValue, handleChange]\n  )\n\n  switch (variant) {\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ButtonRow>\n            {options.map((option, i) => (\n              <Button\n                key={`option-${i}-${option.value}`}\n                id={id}\n                text={option.title}\n                on_click={option.handleSelect}\n                variant={\n                  value?.includes(option.value) ? undefined : 'secondary'\n                }\n                status={error ? 'error' : undefined}\n                disabled={disabled}\n              />\n            ))}\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          {options.map((option, i) => (\n            <Checkbox\n              key={`option-${i}-${option.value}`}\n              className=\"dnb-forms-field-array-selection__checkbox\"\n              label={option.title}\n              checked={value?.includes(option.value)}\n              disabled={disabled}\n              on_change={option.handleSelect}\n            />\n          ))}\n        </FieldBlock>\n      )\n  }\n}\n\nArraySelection._supportsSpacingProps = true\nexport default ArraySelection\n"],"mappings":"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"}

package/es/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -5,6 +7,7 @@ import React, { useContext } from 'react';
 import StringComponent from '../String';
 import SharedContext from '../../../../shared/Context';
 function BankAccountNumber(props) {
+  var _props$pattern, _props$label, _props$width;
   const sharedContext = useContext(SharedContext);
   const {
     validate = true,
@@ -12,14 +15,14 @@ function BankAccountNumber(props) {
   } = props;
   const stringComponentProps = _objectSpread(_objectSpread({}, props), {}, {
     className: 'dnb-forms-field-bank-account-number',
-    pattern: props.pattern ?? (validate ? '^[0-9]{11}$' : undefined),
-    label: props.label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberLabel),
+    pattern: (_props$pattern = props.pattern) !== null && _props$pattern !== void 0 ? _props$pattern : validate ? '^[0-9]{11}$' : undefined,
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberLabel,
     errorMessages: _objectSpread({
       required: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberErrorRequired,
       pattern: sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberErrorPattern
     }, props.errorMessages),
     mask: omitMask ? [/\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/, /\d/] : [/\d/, /\d/, /\d/, /\d/, ' ', /\d/, /\d/, ' ', /\d/, /\d/, /\d/, /\d/, /\d/],
-    width: props.width ?? 'medium'
+    width: (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : 'medium'
   });
   return React.createElement(StringComponent, stringComponentProps);
 }

package/es/extensions/forms/Field/BankAccountNumber/BankAccountNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountNumber.js","names":["React","useContext","StringComponent","SharedContext","BankAccountNumber","props","sharedContext","validate","omitMask","stringComponentProps","_objectSpread","className","pattern","undefined","label","translation","Forms","bankAccountNumberLabel","errorMessages","required","bankAccountNumberErrorRequired","bankAccountNumberErrorPattern","mask","width","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/BankAccountNumber/BankAccountNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringComponentProps & {\n  validate?: boolean\n  omitMask?: boolean\n}\n\nfunction BankAccountNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { validate = true, omitMask } = props\n\n  const stringComponentProps: Props = {\n    ...props,\n    className: 'dnb-forms-field-bank-account-number',\n    pattern: props.pattern ?? (validate ? '^[0-9]{11}$' : undefined),\n    label:\n      props.label ??\n      sharedContext?.translation.Forms.bankAccountNumberLabel,\n    errorMessages: {\n      required:\n        sharedContext?.translation.Forms.bankAccountNumberErrorRequired,\n      pattern:\n        sharedContext?.translation.Forms.bankAccountNumberErrorPattern,\n      ...props.errorMessages,\n    },\n    mask: omitMask\n      ? [/\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/]\n      : [\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          ' ',\n          /\\d/,\n          /\\d/,\n          ' ',\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n        ],\n    width: props.width ?? 'medium',\n  }\n\n  return <StringComponent {...stringComponentProps} />\n}\n\nBankAccountNumber._supportsSpacingProps = true\nexport default BankAccountNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AAOtD,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EACvC,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;IAAEI,QAAQ,GAAG,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE3C,MAAMI,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BL,KAAK;IACRM,SAAS,EAAE,qCAAqC;IAChDC,OAAO,EAAEP,KAAK,CAACO,OAAO,KAAKL,QAAQ,GAAG,aAAa,GAAGM,SAAS,CAAC;IAChEC,KAAK,EACHT,KAAK,CAACS,KAAK,KACXR,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACC,sBAAsB;IACzDC,aAAa,EAAAR,aAAA;MACXS,QAAQ,EACNb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACI,8BAA8B;MACjER,OAAO,EACLN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACK;IAA6B,GAC7DhB,KAAK,CAACa,aAAa,CACvB;IACDI,IAAI,EAAEd,QAAQ,GACV,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,GAClE,CACE,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;IACLe,KAAK,EAAElB,KAAK,CAACkB,KAAK,IAAI;EAAQ,EAC/B;EAED,OAAOvB,KAAA,CAAAwB,aAAA,CAACtB,eAAe,EAAKO,oBAAuB,CAAC;AACtD;AAEAL,iBAAiB,CAACqB,qBAAqB,GAAG,IAAI;AAC9C,eAAerB,iBAAiB"}
+{"version":3,"file":"BankAccountNumber.js","names":["React","useContext","StringComponent","SharedContext","BankAccountNumber","props","_props$pattern","_props$label","_props$width","sharedContext","validate","omitMask","stringComponentProps","_objectSpread","className","pattern","undefined","label","translation","Forms","bankAccountNumberLabel","errorMessages","required","bankAccountNumberErrorRequired","bankAccountNumberErrorPattern","mask","width","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/BankAccountNumber/BankAccountNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringComponent, { Props as StringComponentProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringComponentProps & {\n  validate?: boolean\n  omitMask?: boolean\n}\n\nfunction BankAccountNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { validate = true, omitMask } = props\n\n  const stringComponentProps: Props = {\n    ...props,\n    className: 'dnb-forms-field-bank-account-number',\n    pattern: props.pattern ?? (validate ? '^[0-9]{11}$' : undefined),\n    label:\n      props.label ??\n      sharedContext?.translation.Forms.bankAccountNumberLabel,\n    errorMessages: {\n      required:\n        sharedContext?.translation.Forms.bankAccountNumberErrorRequired,\n      pattern:\n        sharedContext?.translation.Forms.bankAccountNumberErrorPattern,\n      ...props.errorMessages,\n    },\n    mask: omitMask\n      ? [/\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/, /\\d/]\n      : [\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          ' ',\n          /\\d/,\n          /\\d/,\n          ' ',\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n          /\\d/,\n        ],\n    width: props.width ?? 'medium',\n  }\n\n  return <StringComponent {...stringComponentProps} />\n}\n\nBankAccountNumber._supportsSpacingProps = true\nexport default BankAccountNumber\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,eAAe,MAAyC,WAAW;AAC1E,OAAOC,aAAa,MAAM,4BAA4B;AAOtD,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EAAA,IAAAC,cAAA,EAAAC,YAAA,EAAAC,YAAA;EACvC,MAAMC,aAAa,GAAGR,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;IAAEO,QAAQ,GAAG,IAAI;IAAEC;EAAS,CAAC,GAAGN,KAAK;EAE3C,MAAMO,oBAA2B,GAAAC,aAAA,CAAAA,aAAA,KAC5BR,KAAK;IACRS,SAAS,EAAE,qCAAqC;IAChDC,OAAO,GAAAT,cAAA,GAAED,KAAK,CAACU,OAAO,cAAAT,cAAA,cAAAA,cAAA,GAAKI,QAAQ,GAAG,aAAa,GAAGM,SAAU;IAChEC,KAAK,GAAAV,YAAA,GACHF,KAAK,CAACY,KAAK,cAAAV,YAAA,cAAAA,YAAA,GACXE,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACC,sBAAsB;IACzDC,aAAa,EAAAR,aAAA;MACXS,QAAQ,EACNb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACI,8BAA8B;MACjER,OAAO,EACLN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACK;IAA6B,GAC7DnB,KAAK,CAACgB,aAAa,CACvB;IACDI,IAAI,EAAEd,QAAQ,GACV,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,GAClE,CACE,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,GAAG,EACH,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,CACL;IACLe,KAAK,GAAAlB,YAAA,GAAEH,KAAK,CAACqB,KAAK,cAAAlB,YAAA,cAAAA,YAAA,GAAI;EAAQ,EAC/B;EAED,OAAOR,KAAA,CAAA2B,aAAA,CAACzB,eAAe,EAAKU,oBAAuB,CAAC;AACtD;AAEAR,iBAAiB,CAACwB,qBAAqB,GAAG,IAAI;AAC9C,eAAexB,iBAAiB"}

package/es/extensions/forms/Field/Boolean/Boolean.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["trueText", "falseText"];
@@ -14,8 +16,8 @@ function BooleanComponent(props) {
   return React.createElement(Toggle, _extends({}, restProps, {
     valueOn: true,
     valueOff: false,
-    textOn: trueText ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes),
-    textOff: falseText ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo)
+    textOn: trueText !== null && trueText !== void 0 ? trueText : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes,
+    textOff: falseText !== null && falseText !== void 0 ? falseText : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo
   }));
 }
 BooleanComponent._supportsSpacingProps = true;

package/es/extensions/forms/Field/Boolean/Boolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.js","names":["React","useContext","Toggle","SharedContext","BooleanComponent","props","sharedContext","trueText","falseText","restProps","_objectWithoutProperties","_excluded","createElement","_extends","valueOn","valueOff","textOn","translation","Forms","booleanYes","textOff","booleanNo","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Boolean/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport Toggle, { Props as ToggleProps } from '../Toggle'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = Omit<\n  ToggleProps,\n  'valueOn' | 'valueOff' | 'textOn' | 'textOff'\n> & {\n  trueText?: string\n  falseText?: string\n}\n\nfunction BooleanComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { trueText, falseText, ...restProps } = props\n  return (\n    <Toggle\n      {...restProps}\n      valueOn={true}\n      valueOff={false}\n      textOn={trueText ?? sharedContext?.translation.Forms.booleanYes}\n      textOff={falseText ?? sharedContext?.translation.Forms.booleanNo}\n    />\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,MAAM,MAAgC,WAAW;AACxD,OAAOC,aAAa,MAAM,4BAA4B;AAUtD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;MAAEI,QAAQ;MAAEC;IAAwB,CAAC,GAAGH,KAAK;IAAnBI,SAAS,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EACnD,OACEX,KAAA,CAAAY,aAAA,CAACV,MAAM,EAAAW,QAAA,KACDJ,SAAS;IACbK,OAAO,EAAE,IAAK;IACdC,QAAQ,EAAE,KAAM;IAChBC,MAAM,EAAET,QAAQ,KAAID,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,WAAW,CAACC,KAAK,CAACC,UAAU,CAAC;IAChEC,OAAO,EAAEZ,SAAS,KAAIF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,WAAW,CAACC,KAAK,CAACG,SAAS;EAAC,EAClE,CAAC;AAEN;AAEAjB,gBAAgB,CAACkB,qBAAqB,GAAG,IAAI;AAC7C,eAAelB,gBAAgB"}
+{"version":3,"file":"Boolean.js","names":["React","useContext","Toggle","SharedContext","BooleanComponent","props","sharedContext","trueText","falseText","restProps","_objectWithoutProperties","_excluded","createElement","_extends","valueOn","valueOff","textOn","translation","Forms","booleanYes","textOff","booleanNo","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Boolean/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport Toggle, { Props as ToggleProps } from '../Toggle'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = Omit<\n  ToggleProps,\n  'valueOn' | 'valueOff' | 'textOn' | 'textOff'\n> & {\n  trueText?: string\n  falseText?: string\n}\n\nfunction BooleanComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { trueText, falseText, ...restProps } = props\n  return (\n    <Toggle\n      {...restProps}\n      valueOn={true}\n      valueOff={false}\n      textOn={trueText ?? sharedContext?.translation.Forms.booleanYes}\n      textOff={falseText ?? sharedContext?.translation.Forms.booleanNo}\n    />\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,MAAM,MAAgC,WAAW;AACxD,OAAOC,aAAa,MAAM,4BAA4B;AAUtD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,aAAa,GAAGL,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;MAAEI,QAAQ;MAAEC;IAAwB,CAAC,GAAGH,KAAK;IAAnBI,SAAS,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EACnD,OACEX,KAAA,CAAAY,aAAA,CAACV,MAAM,EAAAW,QAAA,KACDJ,SAAS;IACbK,OAAO,EAAE,IAAK;IACdC,QAAQ,EAAE,KAAM;IAChBC,MAAM,EAAET,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAID,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,WAAW,CAACC,KAAK,CAACC,UAAW;IAChEC,OAAO,EAAEZ,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEW,WAAW,CAACC,KAAK,CAACG;EAAU,EAClE,CAAC;AAEN;AAEAjB,gBAAgB,CAACkB,qBAAqB,GAAG,IAAI;AAC7C,eAAelB,gBAAgB"}

package/es/extensions/forms/Field/Currency/Currency.js

@@ -6,9 +6,10 @@ import React from 'react';
 import classnames from 'classnames';
 import NumberComponent from '../Number';
 function Currency(props) {
+  var _props$currency, _props$placeholder;
   const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
-    currency: props.currency ?? 'NOK',
-    placeholder: props.placeholder ?? 'kr'
+    currency: (_props$currency = props.currency) !== null && _props$currency !== void 0 ? _props$currency : 'NOK',
+    placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : 'kr'
   });
   return React.createElement(NumberComponent, _extends({}, preparedProps, {
     className: classnames('dnb-forms-field-currency', props.className)

package/es/extensions/forms/Field/Currency/Currency.js.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","names":["React","classnames","NumberComponent","Currency","props","preparedProps","_objectSpread","currency","placeholder","createElement","_extends","className","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Currency/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport NumberComponent from '../Number'\nimport type { FieldProps, FieldHelpProps } from '../../types'\n\nexport type Props = FieldHelpProps &\n  FieldProps<number, undefined> & {\n    currency?: string\n  }\n\nfunction Currency(props: Props) {\n  const preparedProps = {\n    ...props,\n    currency: props.currency ?? 'NOK',\n    placeholder: props.placeholder ?? 'kr',\n  }\n\n  return (\n    <NumberComponent\n      {...preparedProps}\n      className={classnames('dnb-forms-field-currency', props.className)}\n    />\n  )\n}\n\nCurrency._supportsSpacingProps = true\nexport default Currency\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,eAAe,MAAM,WAAW;AAQvC,SAASC,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAMC,aAAa,GAAAC,aAAA,CAAAA,aAAA,KACdF,KAAK;IACRG,QAAQ,EAAEH,KAAK,CAACG,QAAQ,IAAI,KAAK;IACjCC,WAAW,EAAEJ,KAAK,CAACI,WAAW,IAAI;EAAI,EACvC;EAED,OACER,KAAA,CAAAS,aAAA,CAACP,eAAe,EAAAQ,QAAA,KACVL,aAAa;IACjBM,SAAS,EAAEV,UAAU,CAAC,0BAA0B,EAAEG,KAAK,CAACO,SAAS;EAAE,EACpE,CAAC;AAEN;AAEAR,QAAQ,CAACS,qBAAqB,GAAG,IAAI;AACrC,eAAeT,QAAQ"}
+{"version":3,"file":"Currency.js","names":["React","classnames","NumberComponent","Currency","props","_props$currency","_props$placeholder","preparedProps","_objectSpread","currency","placeholder","createElement","_extends","className","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Currency/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport NumberComponent from '../Number'\nimport type { FieldProps, FieldHelpProps } from '../../types'\n\nexport type Props = FieldHelpProps &\n  FieldProps<number, undefined> & {\n    currency?: string\n  }\n\nfunction Currency(props: Props) {\n  const preparedProps = {\n    ...props,\n    currency: props.currency ?? 'NOK',\n    placeholder: props.placeholder ?? 'kr',\n  }\n\n  return (\n    <NumberComponent\n      {...preparedProps}\n      className={classnames('dnb-forms-field-currency', props.className)}\n    />\n  )\n}\n\nCurrency._supportsSpacingProps = true\nexport default Currency\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,eAAe,MAAM,WAAW;AAQvC,SAASC,QAAQA,CAACC,KAAY,EAAE;EAAA,IAAAC,eAAA,EAAAC,kBAAA;EAC9B,MAAMC,aAAa,GAAAC,aAAA,CAAAA,aAAA,KACdJ,KAAK;IACRK,QAAQ,GAAAJ,eAAA,GAAED,KAAK,CAACK,QAAQ,cAAAJ,eAAA,cAAAA,eAAA,GAAI,KAAK;IACjCK,WAAW,GAAAJ,kBAAA,GAAEF,KAAK,CAACM,WAAW,cAAAJ,kBAAA,cAAAA,kBAAA,GAAI;EAAI,EACvC;EAED,OACEN,KAAA,CAAAW,aAAA,CAACT,eAAe,EAAAU,QAAA,KACVL,aAAa;IACjBM,SAAS,EAAEZ,UAAU,CAAC,0BAA0B,EAAEG,KAAK,CAACS,SAAS;EAAE,EACpE,CAAC;AAEN;AAEAV,QAAQ,CAACW,qBAAqB,GAAG,IAAI;AACrC,eAAeX,QAAQ"}

package/es/extensions/forms/Field/Date/Date.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -29,7 +31,7 @@ function DateComponent(props) {
   } = useDataValue(preparedProps);
   return React.createElement(DatePicker, _extends({
     className: className,
-    label: label ?? (sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.dateLabel),
+    label: label !== null && label !== void 0 ? label : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.dateLabel,
     label_direction: "vertical",
     date: value,
     status: error === null || error === void 0 ? void 0 : error.message,