@dnb/eufemia 10.12.0 → 10.13.0

package/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":"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"}
+{"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/components/upload/UploadContext.js

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

package/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/components/upload/UploadFileInput.js

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

package/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/components/upload/UploadFileListCell.js

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

package/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","_ref","_div","_P","_FormStatus","id","uploadFile","onDelete","loadingText","deleteButtonText","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","_ref2","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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"}
+{"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","_ref","_div","_P","_FormStatus","id","uploadFile","onDelete","loadingText","deleteButtonText","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","_ref2","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/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/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/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/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/components/accordion/Accordion.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";

package/es/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["React","useContext","useState","useEffect","useRef","classnames","makeUniqueId","findElementInChildren","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","AccordionGroup","AccordionHeader","AccordionContent","AccordionContext","AccordionProviderContext","Context","AccordionStore","Store","rememberWarning","accordionDefaultProps","Accordion","_ref","variant","icon_size","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","context","group","id","current","store","previousExpanded","setPreviousExpanded","expanded","setExpanded","getInitialExpandedState","undefined","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","window","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","params","onChange","_window2","_window2$__dnbAccordi","event","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","skeleton","translation","className","class","_className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","_excluded2","mainParams","onClick","extendedPropsForContext","accordionContext","Provider","value","cur","type","_AccordionHeader","defaultProps","Group","expandedId","setExpandedId","instanceIDs","storedData","getData","currentIDs","includes","fallbackId","instance","push","_extends","Header","Content","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  HTMLProps,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  findElementInChildren,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n  | IconIcon\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      /**\n       * If set to `true` the accordion will be expanded as its initial state.\n       */\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n  SpacingProps & {\n    /**\n     * A title as a string or React element. It will be used as the button text.\n     */\n    title?: React.ReactNode\n    description?: React.ReactNode\n    /**\n     * If set to `true` the accordion will be expanded as its initial state.\n     */\n    expanded?: boolean\n    /**\n     * If set to `true`, the open and close animation will be omitted.\n     */\n    no_animation?: boolean\n    /**\n     * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that&#39;s mainly a technical aspect to consider.\n     */\n    expanded_ssr?: boolean\n    /**\n     */\n    prerender?: boolean\n    /**\n     * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don&#39;t have control of storing the temporary state during an interaction.\n     */\n    prevent_rerender?: boolean\n    /**\n     * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n     */\n    prevent_rerender_conditional?: boolean\n    /**\n     * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n     */\n    remember_state?: boolean\n    /**\n     * Send along a custom React Ref for `.dnb-accordion__content`.\n     */\n    contentRef?: React.MutableRefObject<unknown>\n    /**\n     * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n     */\n    flush_remembered_state?: boolean\n    /**\n     * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n     */\n    single_container?: boolean\n    /**\n     * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n     */\n    variant?: AccordionVariant\n    /**\n     * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n     */\n    left_component?: React.ReactNode\n    /**\n     * If set to `true`, the accordion button will be disabled (dimmed).\n     */\n    disabled?: boolean\n    /**\n     * If set to `true`, an overlaying skeleton with animation will be shown.\n     */\n    skeleton?: SkeletonShow\n    /**\n     * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n     */\n    id?: string\n    group?: string\n    /**\n     * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n     */\n    element?: React.ReactNode\n    /**\n     * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n     */\n    heading?: AccordionHeading\n    /**\n     * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n     */\n    heading_level?: HeadingLevel\n    /**\n     * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n     */\n    icon?: AccordionIcon\n    /**\n     * Will set the placement of the icon. Defaults to `left`.\n     */\n    icon_position?: AccordionIconPosition\n    /**\n     * Define a different icon size. Defaults to `medium` (1.5rem).\n     */\n    icon_size?: IconSize\n    attributes?: AccordionAttributes\n    class?: string\n    className?: string\n    children?: React.ReactNode\n    /**\n     * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n     */\n    on_change?: (...args: any[]) => any\n    on_state_update?: (...args: any[]) => any\n  }\n\nfunction Accordion({\n  variant = 'outlined',\n  icon_size = 'medium',\n  ...restOfProps\n}: AccordionProps) {\n  const props = { variant, icon_size, ...restOfProps }\n\n  const context = useContext(AccordionProviderContext)\n\n  const group = props.group || context?.group\n  const id = useRef(props.id || makeUniqueId()).current\n\n  const store = new Store({ id: props.id, group })\n\n  // States ordered last here to make sure that the getInitialExpandedState have access to the store\n  const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n  const [expanded, setExpanded] = useState<boolean>(\n    getInitialExpandedState()\n  )\n\n  // replacement for getDerivedStateFromProps\n  if (props.expanded !== previousExpanded) {\n    setExpanded(props.expanded !== undefined ? props.expanded : false)\n    setPreviousExpanded(props.expanded)\n  }\n\n  const thisInstance = {\n    _id: id,\n    context,\n    handleDisabledClick,\n    callOnChange,\n    callOnChangeHandler,\n    close,\n    setExpandedState,\n    state: { expanded, group },\n    props,\n    store,\n  }\n\n  // Constructor\n  useEffect(() => {\n    if (group && typeof window !== 'undefined') {\n      window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n      window['__dnbAccordion'][group] =\n        window['__dnbAccordion'][group] || new AccordionStore(group)\n\n      window['__dnbAccordion'][group].addInstance(thisInstance)\n    }\n\n    if (context && typeof context?.onInit === 'function') {\n      context.onInit(thisInstance)\n    }\n\n    return () => {\n      if (group && typeof window !== 'undefined') {\n        window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n      }\n    }\n  }, [])\n\n  // componentDidUpdate\n  useEffect(() => {\n    if (context.flush_remembered_state) {\n      store.flush()\n      setExpanded(props.expanded)\n    }\n\n    if (context?.expanded_id && context.expanded_id === props.id) {\n      setExpanded(true)\n    }\n  }, [context.flush_remembered_state, context.expanded_id])\n\n  // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n  // That happens when if we put this logic in a useEffect that runs after the inital expanded state is set\n  // Since useEffect runs after every render\n  function getInitialExpandedState() {\n    if (props.expanded_ssr || context?.expanded_ssr) {\n      return typeof window === 'undefined'\n    }\n\n    if (props.remember_state || context.remember_state) {\n      const storedExpanded = store.getState()\n\n      if (props.expanded && storedExpanded === false) {\n        return false\n      }\n\n      if (storedExpanded) {\n        return true\n      }\n    }\n\n    return props.expanded !== undefined\n      ? props.expanded\n      : context?.expanded !== undefined\n      ? context.expanded\n      : false\n  }\n\n  function setExpandedState(expanded: boolean) {\n    setExpanded(expanded)\n  }\n\n  function close() {\n    changeOpened(false)\n  }\n\n  function changeOpened(expanded: boolean) {\n    setExpanded(expanded)\n\n    // check if a event exists, because, then it's a user click\n    if (props.remember_state || context.remember_state) {\n      store.saveState(expanded)\n    }\n  }\n\n  function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n    e.preventDefault()\n    return false\n  }\n\n  function callOnChangeHandler(...params: any[]) {\n    callOnChange(...params)\n    if (context?.onChange) {\n      context?.onChange(...params)\n    }\n    if (group && typeof window !== 'undefined') {\n      window?.['__dnbAccordion'][group]?.onChange(...params)\n    }\n  }\n\n  function callOnChange(...params: any[]) {\n    const { expanded, event } = params[0]\n\n    changeOpened(expanded)\n\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      expanded,\n      event,\n    })\n  }\n\n  return (\n    <Context.Consumer>\n      {(globalContext) => (\n        <AccordionContext.Consumer>\n          {(nestedContext) => {\n            // use only the props from context, who are available here anyway\n            let expandedState = expanded\n\n            const extendedProps = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              context, // group context\n              nestedContext as Record<string, unknown>, // internal context\n              { skeleton: globalContext?.skeleton },\n              globalContext.Accordion, // global context\n              globalContext.translation.Accordion\n            )\n\n            if (expandedState === undefined && globalContext.Accordion) {\n              if (globalContext.Accordion.expanded) {\n                expandedState = extendedProps.expanded\n              }\n            }\n\n            const {\n              variant,\n              className,\n              class: _className,\n              prerender,\n              prevent_rerender,\n              prevent_rerender_conditional,\n              single_container,\n              remember_state,\n              disabled,\n              skeleton,\n              no_animation,\n              expanded_ssr: _expanded_ssr, // eslint-disable-line\n              children,\n\n              id: _id, // eslint-disable-line\n              group: _group, // eslint-disable-line\n              // expanded: _expanded, // eslint-disable-line\n\n              title, // eslint-disable-line\n              description, // eslint-disable-line\n              left_component, // eslint-disable-line\n              icon, // eslint-disable-line\n              icon_position, // eslint-disable-line\n              icon_size, // eslint-disable-line\n              on_change, // eslint-disable-line\n              on_state_update, // eslint-disable-line\n\n              contentRef, // eslint-disable-line\n\n              ...restOfExtendedProps\n            } = extendedProps\n\n            const mainParams = {\n              id,\n              className: classnames(\n                'dnb-accordion',\n                expandedState && 'dnb-accordion--expanded',\n                variant && `dnb-accordion__variant--${variant}`,\n                prerender && 'dnb-accordion--prerender',\n                createSpacingClasses(extendedProps),\n                className,\n                _className\n              ),\n            } as HTMLProps<HTMLDivElement>\n\n            if (disabled) {\n              mainParams.onClick = handleDisabledClick\n            }\n\n            // to remove spacing props\n            validateDOMAttributes(props, restOfExtendedProps)\n\n            const extendedPropsForContext = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              { expanded, group },\n              context\n            )\n\n            const accordionContext = {\n              ...extendedPropsForContext,\n              id,\n              expanded: expandedState,\n              prerender: prerender,\n              prevent_rerender: prevent_rerender,\n              prevent_rerender_conditional: prevent_rerender_conditional,\n              single_container: single_container,\n              remember_state: remember_state,\n              disabled: disabled,\n              skeleton: skeleton,\n              no_animation: no_animation,\n              callOnChange: callOnChangeHandler,\n            }\n\n            return (\n              <AccordionContext.Provider value={accordionContext}>\n                <div {...mainParams}>\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionHeader\n                  ) ? null : (\n                    <AccordionHeader />\n                  )}\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionContent\n                  ) ? (\n                    children\n                  ) : (\n                    <AccordionContent>{children}</AccordionContent>\n                  )}\n                </div>\n              </AccordionContext.Provider>\n            )\n          }}\n        </AccordionContext.Consumer>\n      )}\n    </Context.Consumer>\n  )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expaned: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n  allow_close_all?: boolean\n  expanded_id?: string\n}\n\nconst Group = (props: GroupProps) => {\n  if (props.remember_state && !props.id) {\n    rememberWarning('accordion group')\n  }\n\n  const [expandedId, setExpandedId] = useState<string | null>(null)\n\n  const instanceIDs = useRef<string[]>([])\n\n  const group = props?.id\n    ? props.id\n    : !props.group\n    ? '#' + makeUniqueId()\n    : undefined\n\n  const store = new Store({ group })\n\n  // Set stored expanded_id on mount\n  useEffect(() => {\n    const storedData = store.getData()\n    const currentIDs = instanceIDs?.current\n\n    if (!storedData?.id) {\n      return\n    }\n\n    if (currentIDs.includes(storedData?.id)) {\n      return\n    }\n\n    // 1. get the fallback id\n    const fallbackId = currentIDs[0]\n\n    if (!fallbackId) {\n      return\n    }\n\n    // 2. set the fallback ids\n    setExpandedId(fallbackId)\n  }, [])\n\n  // Store and reset fallback id\n  useEffect(() => {\n    if (!expandedId) {\n      return\n    }\n\n    // 3. save the fallback id\n    store.saveState(true, expandedId)\n\n    // 4. and reset the fallback id\n    setExpandedId(null)\n  }, [expandedId])\n\n  function onInit(instance) {\n    if (\n      instance.props.id &&\n      !instanceIDs.current.includes(instance.props.id)\n    ) {\n      instanceIDs.current.push(instance.props.id)\n    }\n  }\n\n  return (\n    <AccordionGroup\n      onInit={onInit}\n      {...props}\n      group={group}\n      expanded_id={expandedId || props.expanded_id}\n    />\n  )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n  return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n  return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["React","useContext","useState","useEffect","useRef","classnames","makeUniqueId","findElementInChildren","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","AccordionGroup","AccordionHeader","AccordionContent","AccordionContext","AccordionProviderContext","Context","AccordionStore","Store","rememberWarning","accordionDefaultProps","Accordion","_ref","variant","icon_size","restOfProps","_objectWithoutProperties","_excluded","props","_objectSpread","context","group","id","current","store","previousExpanded","setPreviousExpanded","expanded","setExpanded","getInitialExpandedState","undefined","thisInstance","_id","handleDisabledClick","callOnChange","callOnChangeHandler","close","setExpandedState","state","window","addInstance","onInit","_window","_window$__dnbAccordio","removeInstance","flush_remembered_state","flush","expanded_id","expanded_ssr","remember_state","storedExpanded","getState","changeOpened","saveState","e","preventDefault","params","onChange","_window2","_window2$__dnbAccordi","event","createElement","Consumer","globalContext","nestedContext","expandedState","extendedProps","skeleton","translation","className","class","_className","prerender","prevent_rerender","prevent_rerender_conditional","single_container","disabled","no_animation","_expanded_ssr","children","_group","title","description","left_component","icon","icon_position","on_change","on_state_update","contentRef","restOfExtendedProps","_excluded2","mainParams","onClick","extendedPropsForContext","accordionContext","Provider","value","cur","type","_AccordionHeader","defaultProps","Group","expandedId","setExpandedId","instanceIDs","storedData","getData","currentIDs","includes","fallbackId","instance","push","_extends","Header","Content","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, {\n  useContext,\n  useState,\n  useEffect,\n  useRef,\n  HTMLProps,\n} from 'react'\n\nimport classnames from 'classnames'\nimport {\n  makeUniqueId,\n  findElementInChildren,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport type { ButtonIconPosition } from '../Button'\nimport type { HeadingLevel } from '../Heading'\nimport type { IconIcon, IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { SpacingProps } from '../space/types'\n\nimport AccordionGroup from './AccordionGroup'\nimport AccordionHeader from './AccordionHeader'\nimport AccordionContent from './AccordionContent'\nimport AccordionContext from './AccordionContext'\nimport AccordionProviderContext from './AccordionProviderContext'\nimport Context from '../../shared/Context'\n\nimport { AccordionStore, Store, rememberWarning } from './AccordionStore'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionVariant = 'plain' | 'default' | 'outlined' | 'filled'\n\nexport type AccordionHeading = boolean | React.ReactNode\n\nexport type AccordionIcon =\n  | IconIcon\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      /**\n       * If set to `true` the accordion will be expanded as its initial state.\n       */\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionAttributes = string | Record<string, unknown>\n\nexport type AccordionIconPosition = ButtonIconPosition\n\nexport type AccordionProps = Omit<React.HTMLProps<HTMLElement>, 'ref'> &\n  SpacingProps & {\n    /**\n     * A title as a string or React element. It will be used as the button text.\n     */\n    title?: React.ReactNode\n    description?: React.ReactNode\n    /**\n     * If set to `true` the accordion will be expanded as its initial state.\n     */\n    expanded?: boolean\n    /**\n     * If set to `true`, the open and close animation will be omitted.\n     */\n    no_animation?: boolean\n    /**\n     * If set to `true` the accordion will be expanded during SSR. Can be potentially useful for SEO, although it will disturb client hydration, where React expects the same state. But that&#39;s mainly a technical aspect to consider.\n     */\n    expanded_ssr?: boolean\n    /**\n     */\n    prerender?: boolean\n    /**\n     * If set to `true` the accordion component will not re-render its content – can be useful for widgets you don&#39;t have control of storing the temporary state during an interaction.\n     */\n    prevent_rerender?: boolean\n    /**\n     * Use this prop together with `prevent_rerender` – and if it is to `true`, the accordion component will re-render if the children are a new React element and does not match the previous one anymore.\n     */\n    prevent_rerender_conditional?: boolean\n    /**\n     * If set to `true`, it will remember a changed state initiated by the user. It requires a unique `id`. It will store the sate in the local storage.\n     */\n    remember_state?: boolean\n    /**\n     * Send along a custom React Ref for `.dnb-accordion__content`.\n     */\n    contentRef?: React.MutableRefObject<unknown>\n    /**\n     * If set to `true`, the saved (remembered) will be removed and the initial component state will be used and set.\n     */\n    flush_remembered_state?: boolean\n    /**\n     * If set to `true`, a group of accordions will be wrapped to sidebar looking menu for medium and larger screens.\n     */\n    single_container?: boolean\n    /**\n     * Defines the used styling. As of now, only `outlined` is available. Use `plain` for no styles. It defaults to `outlined`.\n     */\n    variant?: AccordionVariant\n    /**\n     * Will add a React element on the left side of the `title`, inside `AccordionHeaderContainer`.\n     */\n    left_component?: React.ReactNode\n    /**\n     * If set to `true`, the accordion button will be disabled (dimmed).\n     */\n    disabled?: boolean\n    /**\n     * If set to `true`, an overlaying skeleton with animation will be shown.\n     */\n    skeleton?: SkeletonShow\n    /**\n     * A unique `id` that will be used on the button element. If you use `remember_state`, an id is required.\n     */\n    id?: string\n    group?: string\n    /**\n     * Gives you the option to replace the used `button` element. Provide a React element, including a string (HTML element). Defaults to a `div` with all the needed accessibility features included.\n     */\n    element?: React.ReactNode\n    /**\n     * If set to `true`, level 2 (h2) will be used. You can provide your own HTML heading (`h3`), or provide a `heading_level` property.\n     */\n    heading?: AccordionHeading\n    /**\n     * If `heading` is set to `true`, you can provide a numeric value to define a different heading level. Defaults to `2`.\n     */\n    heading_level?: HeadingLevel\n    /**\n     * Will replace the `chevron` icon. The icon will still rotate (by CSS). You can use an object to use two different icons, one for the closed state and one for the expanded state `{ closed, expanded }`.\n     */\n    icon?: AccordionIcon\n    /**\n     * Will set the placement of the icon. Defaults to `left`.\n     */\n    icon_position?: AccordionIconPosition\n    /**\n     * Define a different icon size. Defaults to `medium` (1.5rem).\n     */\n    icon_size?: IconSize\n    attributes?: AccordionAttributes\n    class?: string\n    className?: string\n    children?: React.ReactNode\n    /**\n     * Will be called by user click interaction. Returns an object with a boolean state `expanded` inside `{ expanded, id, event, ...event }`.\n     */\n    on_change?: (...args: any[]) => any\n    on_state_update?: (...args: any[]) => any\n  }\n\nfunction Accordion({\n  variant = 'outlined',\n  icon_size = 'medium',\n  ...restOfProps\n}: AccordionProps) {\n  const props = { variant, icon_size, ...restOfProps }\n\n  const context = useContext(AccordionProviderContext)\n\n  const group = props.group || context?.group\n  const id = useRef(props.id || makeUniqueId()).current\n\n  const store = new Store({ id: props.id, group })\n\n  // States ordered last here to make sure that the getInitialExpandedState have access to the store\n  const [previousExpanded, setPreviousExpanded] = useState(props.expanded)\n  const [expanded, setExpanded] = useState<boolean>(\n    getInitialExpandedState()\n  )\n\n  // replacement for getDerivedStateFromProps\n  if (props.expanded !== previousExpanded) {\n    setExpanded(props.expanded !== undefined ? props.expanded : false)\n    setPreviousExpanded(props.expanded)\n  }\n\n  const thisInstance = {\n    _id: id,\n    context,\n    handleDisabledClick,\n    callOnChange,\n    callOnChangeHandler,\n    close,\n    setExpandedState,\n    state: { expanded, group },\n    props,\n    store,\n  }\n\n  // Constructor\n  useEffect(() => {\n    if (group && typeof window !== 'undefined') {\n      window['__dnbAccordion'] = window['__dnbAccordion'] || {}\n      window['__dnbAccordion'][group] =\n        window['__dnbAccordion'][group] || new AccordionStore(group)\n\n      window['__dnbAccordion'][group].addInstance(thisInstance)\n    }\n\n    if (context && typeof context?.onInit === 'function') {\n      context.onInit(thisInstance)\n    }\n\n    return () => {\n      if (group && typeof window !== 'undefined') {\n        window?.['__dnbAccordion'][group]?.removeInstance(thisInstance)\n      }\n    }\n  }, [])\n\n  // componentDidUpdate\n  useEffect(() => {\n    if (context.flush_remembered_state) {\n      store.flush()\n      setExpanded(props.expanded)\n    }\n\n    if (context?.expanded_id && context.expanded_id === props.id) {\n      setExpanded(true)\n    }\n  }, [context.flush_remembered_state, context.expanded_id])\n\n  // Gets the initial expanded sate, to prevent the opening and closing of Accordion\n  // That happens when if we put this logic in a useEffect that runs after the initial expanded state is set\n  // Since useEffect runs after every render\n  function getInitialExpandedState() {\n    if (props.expanded_ssr || context?.expanded_ssr) {\n      return typeof window === 'undefined'\n    }\n\n    if (props.remember_state || context.remember_state) {\n      const storedExpanded = store.getState()\n\n      if (props.expanded && storedExpanded === false) {\n        return false\n      }\n\n      if (storedExpanded) {\n        return true\n      }\n    }\n\n    return props.expanded !== undefined\n      ? props.expanded\n      : context?.expanded !== undefined\n      ? context.expanded\n      : false\n  }\n\n  function setExpandedState(expanded: boolean) {\n    setExpanded(expanded)\n  }\n\n  function close() {\n    changeOpened(false)\n  }\n\n  function changeOpened(expanded: boolean) {\n    setExpanded(expanded)\n\n    // check if a event exists, because, then it's a user click\n    if (props.remember_state || context.remember_state) {\n      store.saveState(expanded)\n    }\n  }\n\n  function handleDisabledClick(e: React.MouseEvent<HTMLElement>) {\n    e.preventDefault()\n    return false\n  }\n\n  function callOnChangeHandler(...params: any[]) {\n    callOnChange(...params)\n    if (context?.onChange) {\n      context?.onChange(...params)\n    }\n    if (group && typeof window !== 'undefined') {\n      window?.['__dnbAccordion'][group]?.onChange(...params)\n    }\n  }\n\n  function callOnChange(...params: any[]) {\n    const { expanded, event } = params[0]\n\n    changeOpened(expanded)\n\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      expanded,\n      event,\n    })\n  }\n\n  return (\n    <Context.Consumer>\n      {(globalContext) => (\n        <AccordionContext.Consumer>\n          {(nestedContext) => {\n            // use only the props from context, who are available here anyway\n            let expandedState = expanded\n\n            const extendedProps = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              context, // group context\n              nestedContext as Record<string, unknown>, // internal context\n              { skeleton: globalContext?.skeleton },\n              globalContext.Accordion, // global context\n              globalContext.translation.Accordion\n            )\n\n            if (expandedState === undefined && globalContext.Accordion) {\n              if (globalContext.Accordion.expanded) {\n                expandedState = extendedProps.expanded\n              }\n            }\n\n            const {\n              variant,\n              className,\n              class: _className,\n              prerender,\n              prevent_rerender,\n              prevent_rerender_conditional,\n              single_container,\n              remember_state,\n              disabled,\n              skeleton,\n              no_animation,\n              expanded_ssr: _expanded_ssr, // eslint-disable-line\n              children,\n\n              id: _id, // eslint-disable-line\n              group: _group, // eslint-disable-line\n              // expanded: _expanded, // eslint-disable-line\n\n              title, // eslint-disable-line\n              description, // eslint-disable-line\n              left_component, // eslint-disable-line\n              icon, // eslint-disable-line\n              icon_position, // eslint-disable-line\n              icon_size, // eslint-disable-line\n              on_change, // eslint-disable-line\n              on_state_update, // eslint-disable-line\n\n              contentRef, // eslint-disable-line\n\n              ...restOfExtendedProps\n            } = extendedProps\n\n            const mainParams = {\n              id,\n              className: classnames(\n                'dnb-accordion',\n                expandedState && 'dnb-accordion--expanded',\n                variant && `dnb-accordion__variant--${variant}`,\n                prerender && 'dnb-accordion--prerender',\n                createSpacingClasses(extendedProps),\n                className,\n                _className\n              ),\n            } as HTMLProps<HTMLDivElement>\n\n            if (disabled) {\n              mainParams.onClick = handleDisabledClick\n            }\n\n            // to remove spacing props\n            validateDOMAttributes(props, restOfExtendedProps)\n\n            const extendedPropsForContext = extendPropsWithContext(\n              props,\n              accordionDefaultProps,\n              { expanded, group },\n              context\n            )\n\n            const accordionContext = {\n              ...extendedPropsForContext,\n              id,\n              expanded: expandedState,\n              prerender: prerender,\n              prevent_rerender: prevent_rerender,\n              prevent_rerender_conditional: prevent_rerender_conditional,\n              single_container: single_container,\n              remember_state: remember_state,\n              disabled: disabled,\n              skeleton: skeleton,\n              no_animation: no_animation,\n              callOnChange: callOnChangeHandler,\n            }\n\n            return (\n              <AccordionContext.Provider value={accordionContext}>\n                <div {...mainParams}>\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionHeader\n                  ) ? null : (\n                    <AccordionHeader />\n                  )}\n                  {findElementInChildren(\n                    children,\n                    (cur) => cur.type === AccordionContent\n                  ) ? (\n                    children\n                  ) : (\n                    <AccordionContent>{children}</AccordionContent>\n                  )}\n                </div>\n              </AccordionContext.Provider>\n            )\n          }}\n        </AccordionContext.Consumer>\n      )}\n    </Context.Consumer>\n  )\n}\n// TEMPORARY SOLUTION (defaultProps will be deprecated at one point). Needs to replacement with default prop parameters for example \"({expanded: null})\"\n// Only solved this way to prevent tests from failing, for when expanded is undefined instead of null\nAccordion.defaultProps = accordionDefaultProps\n\nexport type GroupProps = AccordionProps & {\n  allow_close_all?: boolean\n  expanded_id?: string\n}\n\nconst Group = (props: GroupProps) => {\n  if (props.remember_state && !props.id) {\n    rememberWarning('accordion group')\n  }\n\n  const [expandedId, setExpandedId] = useState<string | null>(null)\n\n  const instanceIDs = useRef<string[]>([])\n\n  const group = props?.id\n    ? props.id\n    : !props.group\n    ? '#' + makeUniqueId()\n    : undefined\n\n  const store = new Store({ group })\n\n  // Set stored expanded_id on mount\n  useEffect(() => {\n    const storedData = store.getData()\n    const currentIDs = instanceIDs?.current\n\n    if (!storedData?.id) {\n      return\n    }\n\n    if (currentIDs.includes(storedData?.id)) {\n      return\n    }\n\n    // 1. get the fallback id\n    const fallbackId = currentIDs[0]\n\n    if (!fallbackId) {\n      return\n    }\n\n    // 2. set the fallback ids\n    setExpandedId(fallbackId)\n  }, [])\n\n  // Store and reset fallback id\n  useEffect(() => {\n    if (!expandedId) {\n      return\n    }\n\n    // 3. save the fallback id\n    store.saveState(true, expandedId)\n\n    // 4. and reset the fallback id\n    setExpandedId(null)\n  }, [expandedId])\n\n  function onInit(instance) {\n    if (\n      instance.props.id &&\n      !instanceIDs.current.includes(instance.props.id)\n    ) {\n      instanceIDs.current.push(instance.props.id)\n    }\n  }\n\n  return (\n    <AccordionGroup\n      onInit={onInit}\n      {...props}\n      group={group}\n      expanded_id={expandedId || props.expanded_id}\n    />\n  )\n}\n\nAccordion.Provider = AccordionGroup\nAccordion.Header = AccordionHeader\nAccordion.Content = AccordionContent\n\nAccordion.Group = Group\n\nGroup.Store = (group: string, id: string = null) => {\n  return new Store({ group, id })\n}\n\nAccordion.Store = (id: string) => {\n  return new Store({ id })\n}\n\nAccordion._supportsSpacingProps = true\n\nexport default Accordion\n"],"mappings":"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"}

package/es/components/accordion/AccordionGroup.js

@@ -1,3 +1,5 @@
+"use client";
+
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";

package/es/components/accordion/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.js","names":["React","useContext","classnames","isTrue","makeUniqueId","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","Context","AccordionGroupContext","accordionDefaultProps","AccordionGroup","props","context","id","thisInstance","_id","onChangeHandler","event","expanded","extendedProps","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","class","_className","children","restOfExtendedProps","_objectWithoutProperties","_excluded","classes","params","_objectSpread","contextForProvider","onChange","createElement","Provider","value","_extends","role","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React, { useContext } from 'react'\n\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nimport type { GroupProps } from './Accordion'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionGroupProps = React.HTMLProps<HTMLElement> &\n  GroupProps & {\n    onInit?: (...args: any[]) => any\n  }\n\nconst AccordionGroup = (props: AccordionGroupProps) => {\n  const context = useContext(Context)\n  const id = props.id || makeUniqueId()\n\n  const thisInstance = {\n    _id: id,\n    props,\n    context,\n    onChangeHandler,\n  }\n\n  function onChangeHandler(event) {\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      id: event.id,\n      expanded: event.expanded,\n      event,\n    })\n  }\n\n  // use only the props from context, who are available here anyway\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionDefaultProps,\n    context.Accordion,\n    context.getTranslation(props).Accordion\n  )\n\n  const {\n    expanded, // eslint-disable-line\n    expanded_id, // eslint-disable-line\n    prerender, // eslint-disable-line\n    prevent_rerender, // eslint-disable-line\n    single_container, // eslint-disable-line\n    contentRef, // eslint-disable-line\n    allow_close_all, // eslint-disable-line\n    remember_state, // eslint-disable-line\n    flush_remembered_state, // eslint-disable-line\n    disabled, // eslint-disable-line\n    group, // eslint-disable-line\n    onInit, // eslint-disable-line\n    className,\n    class: _className,\n\n    id: _id, // eslint-disable-line\n    children, // eslint-disable-line\n\n    ...restOfExtendedProps\n  } = extendedProps\n\n  const classes = classnames(\n    'dnb-accordion-group',\n    isTrue(single_container) && 'dnb-accordion-group--single-container',\n    createSpacingClasses(extendedProps),\n    className,\n    _className\n  )\n\n  const params = {\n    ...restOfExtendedProps,\n  }\n\n  // also used for code markup simulation\n  validateDOMAttributes(props, params)\n\n  if (!extendedProps?.group && isTrue(props.single_container)) {\n    extendedProps.group = makeUniqueId()\n  }\n\n  const contextForProvider = {\n    ...extendedProps,\n    id,\n    onChange: onChangeHandler,\n  }\n\n  return (\n    <AccordionGroupContext.Provider value={contextForProvider}>\n      <div className={classes}>\n        <span\n          id={id}\n          className=\"dnb-accordion-group__shell\"\n          role=\"group\"\n          {...params}\n        >\n          <span className=\"dnb-accordion-group__children\">{children}</span>\n        </span>\n      </div>\n    </AccordionGroupContext.Provider>\n  )\n}\n\nAccordionGroup._supportsSpacingProps = true\n\nexport default AccordionGroup\n"],"mappings":";;;;;;AAKA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,YAAY,EACZC,sBAAsB,EACtBC,qBAAqB,EACrBC,0BAA0B,QACrB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,qBAAqB,MAAM,4BAA4B;AAG9D,SAASC,qBAAqB,QAAQ,gBAAgB;AAOtD,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACrD,MAAMC,OAAO,GAAGb,UAAU,CAACQ,OAAO,CAAC;EACnC,MAAMM,EAAE,GAAGF,KAAK,CAACE,EAAE,IAAIX,YAAY,CAAC,CAAC;EAErC,MAAMY,YAAY,GAAG;IACnBC,GAAG,EAAEF,EAAE;IACPF,KAAK;IACLC,OAAO;IACPI;EACF,CAAC;EAED,SAASA,eAAeA,CAACC,KAAK,EAAE;IAC9BZ,0BAA0B,CAACS,YAAY,EAAE,WAAW,EAAE;MACpDD,EAAE,EAAEI,KAAK,CAACJ,EAAE;MACZK,QAAQ,EAAED,KAAK,CAACC,QAAQ;MACxBD;IACF,CAAC,CAAC;EACJ;EAGA,MAAME,aAAa,GAAGhB,sBAAsB,CAC1CQ,KAAK,EACLF,qBAAqB,EACrBG,OAAO,CAACQ,SAAS,EACjBR,OAAO,CAACS,cAAc,CAACV,KAAK,CAAC,CAACS,SAChC,CAAC;EAED,MAAM;MACJF,QAAQ;MACRI,WAAW;MACXC,SAAS;MACTC,gBAAgB;MAChBC,gBAAgB;MAChBC,UAAU;MACVC,eAAe;MACfC,cAAc;MACdC,sBAAsB;MACtBC,QAAQ;MACRC,KAAK;MACLC,MAAM;MACNC,SAAS;MACTC,KAAK,EAAEC,UAAU;MAEjBtB,EAAE,EAAEE,GAAG;MACPqB;IAGF,CAAC,GAAGjB,aAAa;IADZkB,mBAAmB,GAAAC,wBAAA,CACpBnB,aAAa,EAAAoB,SAAA;EAEjB,MAAMC,OAAO,GAAGxC,UAAU,CACxB,qBAAqB,EAErBM,oBAAoB,CAACa,aAAa,CAAC,EACnCc,SAAS,EACTE,UAAU,EAHVlC,MAAM,CAACwB,gBAAgB,CAAC,IAAI,uCAI9B,CAAC;EAED,MAAMgB,MAAM,GAAAC,aAAA,KACPL,mBAAmB,CACvB;EAGDjC,qBAAqB,CAACO,KAAK,EAAE8B,MAAM,CAAC;EAEpC,IAAI,EAACtB,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEY,KAAK,KAAI9B,MAAM,CAACU,KAAK,CAACc,gBAAgB,CAAC,EAAE;IAC3DN,aAAa,CAACY,KAAK,GAAG7B,YAAY,CAAC,CAAC;EACtC;EAEA,MAAMyC,kBAAkB,GAAAD,aAAA,CAAAA,aAAA,KACnBvB,aAAa;IAChBN,EAAE;IACF+B,QAAQ,EAAE5B;EAAe,EAC1B;EAED,OACElB,KAAA,CAAA+C,aAAA,CAACrC,qBAAqB,CAACsC,QAAQ;IAACC,KAAK,EAAEJ;EAAmB,GACxD7C,KAAA,CAAA+C,aAAA;IAAKZ,SAAS,EAAEO;EAAQ,GACtB1C,KAAA,CAAA+C,aAAA,SAAAG,QAAA;IACEnC,EAAE,EAAEA,EAAG;IACPoB,SAAS,EAAC,4BAA4B;IACtCgB,IAAI,EAAC;EAAO,GACRR,MAAM,GAEV3C,KAAA,CAAA+C,aAAA;IAAMZ,SAAS,EAAC;EAA+B,GAAEG,QAAe,CAC5D,CACH,CACyB,CAAC;AAErC,CAAC;AAED1B,cAAc,CAACwC,qBAAqB,GAAG,IAAI;AAE3C,eAAexC,cAAc"}
+{"version":3,"file":"AccordionGroup.js","names":["React","useContext","classnames","isTrue","makeUniqueId","extendPropsWithContext","validateDOMAttributes","dispatchCustomElementEvent","createSpacingClasses","Context","AccordionGroupContext","accordionDefaultProps","AccordionGroup","props","context","id","thisInstance","_id","onChangeHandler","event","expanded","extendedProps","Accordion","getTranslation","expanded_id","prerender","prevent_rerender","single_container","contentRef","allow_close_all","remember_state","flush_remembered_state","disabled","group","onInit","className","class","_className","children","restOfExtendedProps","_objectWithoutProperties","_excluded","classes","params","_objectSpread","contextForProvider","onChange","createElement","Provider","value","_extends","role","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/AccordionGroup.tsx"],"sourcesContent":["/**\n * Web AccordionGroup Component\n *\n */\n\nimport React, { useContext } from 'react'\n\nimport classnames from 'classnames'\nimport {\n  isTrue,\n  makeUniqueId,\n  extendPropsWithContext,\n  validateDOMAttributes,\n  dispatchCustomElementEvent,\n} from '../../shared/component-helper'\nimport { createSpacingClasses } from '../space/SpacingHelper'\n\nimport Context from '../../shared/Context'\nimport AccordionGroupContext from './AccordionProviderContext'\n\nimport type { GroupProps } from './Accordion'\nimport { accordionDefaultProps } from './defaultProps'\n\nexport type AccordionGroupProps = React.HTMLProps<HTMLElement> &\n  GroupProps & {\n    onInit?: (...args: any[]) => any\n  }\n\nconst AccordionGroup = (props: AccordionGroupProps) => {\n  const context = useContext(Context)\n  const id = props.id || makeUniqueId()\n\n  const thisInstance = {\n    _id: id,\n    props,\n    context,\n    onChangeHandler,\n  }\n\n  function onChangeHandler(event) {\n    dispatchCustomElementEvent(thisInstance, 'on_change', {\n      id: event.id,\n      expanded: event.expanded,\n      event,\n    })\n  }\n\n  // use only the props from context, who are available here anyway\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionDefaultProps,\n    context.Accordion,\n    context.getTranslation(props).Accordion\n  )\n\n  const {\n    expanded, // eslint-disable-line\n    expanded_id, // eslint-disable-line\n    prerender, // eslint-disable-line\n    prevent_rerender, // eslint-disable-line\n    single_container, // eslint-disable-line\n    contentRef, // eslint-disable-line\n    allow_close_all, // eslint-disable-line\n    remember_state, // eslint-disable-line\n    flush_remembered_state, // eslint-disable-line\n    disabled, // eslint-disable-line\n    group, // eslint-disable-line\n    onInit, // eslint-disable-line\n    className,\n    class: _className,\n\n    id: _id, // eslint-disable-line\n    children, // eslint-disable-line\n\n    ...restOfExtendedProps\n  } = extendedProps\n\n  const classes = classnames(\n    'dnb-accordion-group',\n    isTrue(single_container) && 'dnb-accordion-group--single-container',\n    createSpacingClasses(extendedProps),\n    className,\n    _className\n  )\n\n  const params = {\n    ...restOfExtendedProps,\n  }\n\n  // also used for code markup simulation\n  validateDOMAttributes(props, params)\n\n  if (!extendedProps?.group && isTrue(props.single_container)) {\n    extendedProps.group = makeUniqueId()\n  }\n\n  const contextForProvider = {\n    ...extendedProps,\n    id,\n    onChange: onChangeHandler,\n  }\n\n  return (\n    <AccordionGroupContext.Provider value={contextForProvider}>\n      <div className={classes}>\n        <span\n          id={id}\n          className=\"dnb-accordion-group__shell\"\n          role=\"group\"\n          {...params}\n        >\n          <span className=\"dnb-accordion-group__children\">{children}</span>\n        </span>\n      </div>\n    </AccordionGroupContext.Provider>\n  )\n}\n\nAccordionGroup._supportsSpacingProps = true\n\nexport default AccordionGroup\n"],"mappings":";;;;;;;;AAKA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,MAAM,EACNC,YAAY,EACZC,sBAAsB,EACtBC,qBAAqB,EACrBC,0BAA0B,QACrB,+BAA+B;AACtC,SAASC,oBAAoB,QAAQ,wBAAwB;AAE7D,OAAOC,OAAO,MAAM,sBAAsB;AAC1C,OAAOC,qBAAqB,MAAM,4BAA4B;AAG9D,SAASC,qBAAqB,QAAQ,gBAAgB;AAOtD,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EACrD,MAAMC,OAAO,GAAGb,UAAU,CAACQ,OAAO,CAAC;EACnC,MAAMM,EAAE,GAAGF,KAAK,CAACE,EAAE,IAAIX,YAAY,CAAC,CAAC;EAErC,MAAMY,YAAY,GAAG;IACnBC,GAAG,EAAEF,EAAE;IACPF,KAAK;IACLC,OAAO;IACPI;EACF,CAAC;EAED,SAASA,eAAeA,CAACC,KAAK,EAAE;IAC9BZ,0BAA0B,CAACS,YAAY,EAAE,WAAW,EAAE;MACpDD,EAAE,EAAEI,KAAK,CAACJ,EAAE;MACZK,QAAQ,EAAED,KAAK,CAACC,QAAQ;MACxBD;IACF,CAAC,CAAC;EACJ;EAGA,MAAME,aAAa,GAAGhB,sBAAsB,CAC1CQ,KAAK,EACLF,qBAAqB,EACrBG,OAAO,CAACQ,SAAS,EACjBR,OAAO,CAACS,cAAc,CAACV,KAAK,CAAC,CAACS,SAChC,CAAC;EAED,MAAM;MACJF,QAAQ;MACRI,WAAW;MACXC,SAAS;MACTC,gBAAgB;MAChBC,gBAAgB;MAChBC,UAAU;MACVC,eAAe;MACfC,cAAc;MACdC,sBAAsB;MACtBC,QAAQ;MACRC,KAAK;MACLC,MAAM;MACNC,SAAS;MACTC,KAAK,EAAEC,UAAU;MAEjBtB,EAAE,EAAEE,GAAG;MACPqB;IAGF,CAAC,GAAGjB,aAAa;IADZkB,mBAAmB,GAAAC,wBAAA,CACpBnB,aAAa,EAAAoB,SAAA;EAEjB,MAAMC,OAAO,GAAGxC,UAAU,CACxB,qBAAqB,EAErBM,oBAAoB,CAACa,aAAa,CAAC,EACnCc,SAAS,EACTE,UAAU,EAHVlC,MAAM,CAACwB,gBAAgB,CAAC,IAAI,uCAI9B,CAAC;EAED,MAAMgB,MAAM,GAAAC,aAAA,KACPL,mBAAmB,CACvB;EAGDjC,qBAAqB,CAACO,KAAK,EAAE8B,MAAM,CAAC;EAEpC,IAAI,EAACtB,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEY,KAAK,KAAI9B,MAAM,CAACU,KAAK,CAACc,gBAAgB,CAAC,EAAE;IAC3DN,aAAa,CAACY,KAAK,GAAG7B,YAAY,CAAC,CAAC;EACtC;EAEA,MAAMyC,kBAAkB,GAAAD,aAAA,CAAAA,aAAA,KACnBvB,aAAa;IAChBN,EAAE;IACF+B,QAAQ,EAAE5B;EAAe,EAC1B;EAED,OACElB,KAAA,CAAA+C,aAAA,CAACrC,qBAAqB,CAACsC,QAAQ;IAACC,KAAK,EAAEJ;EAAmB,GACxD7C,KAAA,CAAA+C,aAAA;IAAKZ,SAAS,EAAEO;EAAQ,GACtB1C,KAAA,CAAA+C,aAAA,SAAAG,QAAA;IACEnC,EAAE,EAAEA,EAAG;IACPoB,SAAS,EAAC,4BAA4B;IACtCgB,IAAI,EAAC;EAAO,GACRR,MAAM,GAEV3C,KAAA,CAAA+C,aAAA;IAAMZ,SAAS,EAAC;EAA+B,GAAEG,QAAe,CAC5D,CACH,CACyB,CAAC;AAErC,CAAC;AAED1B,cAAc,CAACwC,qBAAqB,GAAG,IAAI;AAE3C,eAAexC,cAAc"}

package/es/components/accordion/AccordionHeader.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 = ["children"],
@@ -9,7 +11,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useContext, useState } from 'react';
 import { validateDOMAttributes, extendPropsWithContext } from '../../shared/component-helper';
-import { useTheme } from '../../shared';
 import IconPrimary from '../icon-primary/IconPrimary';
 import classnames from 'classnames';
 import AccordionContext from './AccordionContext';
@@ -48,21 +49,11 @@ function AccordionHeaderIcon({
   size = 'medium',
   icon_position
 }) {
-  var _icon2;
-  const theme = useTheme();
-  let animateIcon = true;
-  if (!icon && (theme === null || theme === void 0 ? void 0 : theme.name) === 'sbanken') {
-    animateIcon = false;
-    icon = {
-      expanded: 'subtract-medium',
-      closed: 'add-medium'
-    };
-  }
   return React.createElement("span", {
-    className: classnames('dnb-accordion__header__icon', !animateIcon && 'dnb-accordion__header__icon--no-animation', icon_position && `dnb-accordion__header__icon--${icon_position}`)
+    className: 'dnb-accordion__header__icon' + (icon_position ? ` dnb-accordion__header__icon--${icon_position}` : "")
   }, React.createElement(IconPrimary, {
     size: size,
-    icon: icon && typeof icon === 'object' && 'expanded' in icon && typeof ((_icon2 = icon) === null || _icon2 === void 0 ? void 0 : _icon2.expanded) !== 'undefined' ? icon[expanded ? 'expanded' : 'closed'] : icon || 'chevron-down',
+    icon: icon && typeof icon === 'object' && 'expanded' in icon && typeof (icon === null || icon === void 0 ? void 0 : icon.expanded) !== 'undefined' ? icon[expanded ? 'expanded' : 'closed'] : icon || 'chevron-down',
     "aria-hidden": true
   }));
 }
@@ -77,7 +68,7 @@ export const AccordionHeader = _ref4 => {
   const props = _objectSpread({
     icon_size: icon_size_default
   }, restOfProps);
-  const [isHoverring, setIsHovering] = useState(false);
+  const [isHovering, setIsHovering] = useState(false);
   const [hasClicked, setHasClicked] = useState(false);
   const context = useContext(AccordionContext);
   function onKeyDownHandler(event) {
@@ -211,7 +202,7 @@ export const AccordionHeader = _ref4 => {
     'aria-expanded': context.expanded,
     role: 'button',
     tabIndex: 0,
-    className: classnames('dnb-accordion__header', createSkeletonClass('font', skeleton, context), createSpacingClasses(rest), className, icon_position && `dnb-accordion__header--icon-${icon_position}`, isHoverring && hasClicked && 'dnb-accordion--hover', !canClick() && 'dnb-accordion__header--prevent-click', description && 'dnb-accordion__header--description', no_animation && 'dnb-accordion__header--no-animation'),
+    className: classnames('dnb-accordion__header', createSkeletonClass('font', skeleton, context), createSpacingClasses(rest), className, icon_position && `dnb-accordion__header--icon-${icon_position}`, isHovering && hasClicked && 'dnb-accordion--hover', !canClick() && 'dnb-accordion__header--prevent-click', description && 'dnb-accordion__header--description', no_animation && 'dnb-accordion__header--no-animation'),
     disabled
   }, rest);
   if (disabled || skeleton) {

package/es/components/accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","names":["React","useContext","useState","validateDOMAttributes","extendPropsWithContext","useTheme","IconPrimary","classnames","AccordionContext","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","AccordionHeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","className","AccordionHeaderDescription","_ref2","_excluded2","AccordionHeaderContainer","_ref3","_excluded3","AccordionHeaderIcon","icon","expanded","size","icon_position","_icon2","theme","animateIcon","name","closed","accordionHeaderDefaultProps","icon_size","AccordionHeader","_ref4","icon_size_default","restOfProps","_excluded4","props","_objectSpread","isHoverring","setIsHovering","hasClicked","setHasClicked","context","onKeyDownHandler","event","keyPressed","key","preventDefault","onClickHandler","id","group","canClick","callOnChange","onMouseOverHandler","onMouseOutHandler","allow_close_all","extendedProps","left_component","title","description","element","heading","heading_level","disabled","skeleton","no_animation","_left_component","_expanded","_title","_description","_icon","_icon_size","_disabled","_excluded5","defaultParts","Array","isArray","filter","cur","isValidElement","removeParts","forEach","part","find","c","type","push","index","findIndex","splice","partsToRender","wrapperParts","wrapperComp","undefined","iconIndex","headerParams","role","tabIndex","onClick","onKeyDown","onMouseOver","onMouseOut","Element","String","Number","Container","Icon","Title","Description","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/AccordionHeader.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, { HTMLProps, useContext, useState } from 'react'\nimport type { SpacingProps } from '../space/types'\n\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { useTheme } from '../../shared'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport classnames from 'classnames'\nimport AccordionContext from './AccordionContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport type { HeadingLevel } from '../Heading'\nimport type { IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { AccordionIcon, AccordionIconPosition } from './Accordion'\n\nexport type AccordionHeaderTitleProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderTitle({\n  children = null,\n  ...rest\n}: AccordionHeaderTitleProps) {\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__title',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport type AccordionHeaderDescriptionProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderDescription({\n  children = null,\n  ...rest\n}: AccordionHeaderDescriptionProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__description',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nexport type AccordionHeaderContainerProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderContainer({\n  children = null,\n  ...rest\n}: AccordionHeaderContainerProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__container',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\ntype AccordionHeaderIconIcon =\n  | React.ReactNode\n  | ((...args: any[]) => React.ReactNode)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n      expanded?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n    }\n\nexport type AccordionHeaderIconProps = {\n  icon?: AccordionHeaderIconIcon\n  size?: IconSize\n  expanded?: boolean\n  icon_position?: AccordionIconPosition\n}\n\nfunction AccordionHeaderIcon({\n  icon,\n  expanded,\n  size = 'medium',\n  icon_position,\n}: AccordionHeaderIconProps) {\n  const theme = useTheme()\n  let animateIcon = true\n  if (!icon && theme?.name === 'sbanken') {\n    animateIcon = false\n    icon = {\n      expanded: 'subtract-medium',\n      closed: 'add-medium',\n    }\n  }\n\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__icon',\n        !animateIcon && 'dnb-accordion__header__icon--no-animation',\n        icon_position && `dnb-accordion__header__icon--${icon_position}`\n      )}\n    >\n      <IconPrimary\n        size={size}\n        // There has to be a better way than to do so much casting\n        icon={\n          icon &&\n          typeof icon === 'object' &&\n          'expanded' in icon &&\n          typeof icon?.expanded !== 'undefined'\n            ? icon[expanded ? 'expanded' : 'closed']\n            : (icon as React.ReactNode | ((...args: any[]) => any)) ||\n              'chevron-down'\n        }\n        aria-hidden\n      />\n    </span>\n  )\n}\n\nexport type AccordionHeaderTitle =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderDescription =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderLeftComponent =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderElement =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderHeading =\n  | boolean\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderIcon =\n  | React.ReactNode\n  | ((...args: any[]) => any)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionHeaderProps = React.HTMLProps<HTMLElement> &\n  SpacingProps & {\n    title?: AccordionHeaderTitle\n    expanded?: boolean\n    description?: AccordionHeaderDescription\n    left_component?: AccordionHeaderLeftComponent\n    element?: AccordionHeaderElement\n    heading?: AccordionHeaderHeading\n    heading_level?: HeadingLevel\n    icon?: AccordionIcon\n    icon_position?: AccordionIconPosition\n    icon_size?: IconSize\n    disabled?: boolean\n    skeleton?: SkeletonShow\n    no_animation?: boolean\n    className?: string\n    children?: string | React.ReactNode | ((...args: any[]) => any)\n  }\n\nconst accordionHeaderDefaultProps = {\n  icon_size: 'medium',\n}\n\nexport const AccordionHeader = ({\n  icon_size: icon_size_default = 'medium',\n  ...restOfProps\n}: AccordionHeaderProps) => {\n  const props = { icon_size: icon_size_default, ...restOfProps }\n\n  const [isHoverring, setIsHovering] = useState<boolean>(false)\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n\n  const context = useContext(AccordionContext)\n\n  function onKeyDownHandler(event: React.KeyboardEvent<HTMLElement>) {\n    const keyPressed = event.key\n\n    if (keyPressed === 'Enter' || keyPressed === ' ') {\n      event.preventDefault()\n      onClickHandler(event)\n    }\n  }\n\n  function onClickHandler(\n    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>\n  ) {\n    const { id, group } = context\n\n    if (canClick()) {\n      const expanded = !context.expanded\n      context.callOnChange({ id, group, expanded, event })\n\n      setHasClicked(true)\n    }\n  }\n\n  function onMouseOverHandler() {\n    setIsHovering(true)\n  }\n\n  function onMouseOutHandler() {\n    setIsHovering(false)\n    setHasClicked(false)\n  }\n\n  function canClick() {\n    const { expanded, allow_close_all, group } = context\n    return !group || (group && !expanded) || allow_close_all\n  }\n\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionHeaderDefaultProps,\n    context as Record<string, unknown>\n  )\n\n  const {\n    id,\n\n    // 1. these props should be the same as ...\n    left_component,\n    expanded, // eslint-disable-line\n    title,\n    description,\n    element,\n    heading,\n    heading_level,\n    icon,\n    icon_size,\n    disabled,\n    skeleton,\n    no_animation,\n  } = extendedProps\n\n  let { icon_position } = extendedProps\n\n  const {\n    children,\n    className,\n\n    // 2. ... these\n    left_component: _left_component, // eslint-disable-line\n    expanded: _expanded, // eslint-disable-line\n    title: _title, // eslint-disable-line\n    description: _description, // eslint-disable-line\n    icon: _icon, // eslint-disable-line\n    icon_size: _icon_size, // eslint-disable-line\n    disabled: _disabled, // eslint-disable-line\n\n    ...rest\n  } = props\n\n  const defaultParts = [\n    <AccordionHeaderIcon\n      key=\"icon\"\n      icon={icon}\n      size={icon_size}\n      expanded={context.expanded}\n      icon_position={icon_position}\n    />,\n    <AccordionHeaderContainer key=\"container\">\n      {left_component as React.ReactNode}\n    </AccordionHeaderContainer>,\n    <AccordionHeaderTitle key=\"title\">\n      {title ||\n        (Array.isArray(children)\n          ? children.filter((cur) => !React.isValidElement(cur))\n          : children)}\n    </AccordionHeaderTitle>,\n    <AccordionHeaderDescription key=\"description\">\n      {description as React.ReactNode}\n    </AccordionHeaderDescription>,\n  ]\n\n  if (Array.isArray(children)) {\n    const removeParts = []\n    children.forEach((cur) => {\n      if (React.isValidElement(cur)) {\n        const part = defaultParts.find((c) => c.type === cur.type)\n        if (part) {\n          removeParts.push(part)\n        }\n\n        // if (cur.type === AccordionHeaderTitle) {\n        //   defaultParts.unshift(cur)\n        // } else {\n        //   defaultParts.push(cur)\n        // }\n\n        defaultParts.push(cur)\n      }\n    })\n    removeParts.forEach((part) => {\n      const index = defaultParts.findIndex((c) => c === part)\n      if (index > -1) {\n        defaultParts.splice(index, 1)\n      }\n    })\n  }\n\n  const partsToRender = []\n  const wrapperParts = []\n  const wrapperComp = (\n    <span className=\"dnb-accordion__header__wrapper\" key=\"wrapper\">\n      {wrapperParts}\n    </span>\n  )\n\n  defaultParts.forEach((part) => {\n    if (\n      React.isValidElement(part) &&\n      (part.type === AccordionHeaderTitle ||\n        part.type === AccordionHeaderDescription)\n    ) {\n      wrapperParts.push(part)\n      if (partsToRender.findIndex((c) => c === wrapperComp) === -1) {\n        partsToRender.push(wrapperComp)\n      }\n    } else {\n      partsToRender.push(part)\n    }\n  })\n\n  // position the icon to the right, if the element is not in the beginning\n  if (icon_position === undefined) {\n    const iconIndex = partsToRender.findIndex(\n      (c) => c.type === AccordionHeaderIcon\n    )\n    // because of the container at the beginning, we use 1\n    if (iconIndex > 1) {\n      icon_position = 'right'\n    }\n\n    if (left_component) {\n      icon_position = 'right'\n    }\n  }\n\n  const headerParams = {\n    id: `${id}-header`,\n    'aria-controls': `${id}-content`,\n    'aria-expanded': context.expanded,\n    role: 'button',\n    tabIndex: 0,\n    className: classnames(\n      'dnb-accordion__header',\n      icon_position && `dnb-accordion__header--icon-${icon_position}`,\n      isHoverring && hasClicked && 'dnb-accordion--hover',\n      !canClick() && 'dnb-accordion__header--prevent-click',\n      description && 'dnb-accordion__header--description',\n      no_animation && 'dnb-accordion__header--no-animation',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(rest),\n      className\n    ),\n    disabled,\n    ...rest,\n  } satisfies HTMLProps<HTMLElement>\n\n  if (disabled || skeleton) {\n    headerParams.tabIndex = -1\n    headerParams.disabled = true\n    headerParams['aria-disabled'] = true\n  } else {\n    headerParams.onClick = onClickHandler\n    headerParams.onKeyDown = onKeyDownHandler\n    headerParams.onMouseOver = onMouseOverHandler\n    headerParams.onMouseOut = onMouseOutHandler\n  }\n\n  skeletonDOMAttributes(headerParams, skeleton, context)\n\n  validateDOMAttributes(props, headerParams)\n\n  let Element = 'div'\n\n  // (String(heading) === 'true' || String(heading) === '1') extracted from isTrue function\n  if (heading && (String(heading) === 'true' || String(heading) === '1')) {\n    headerParams.role = 'heading'\n    headerParams['aria-level'] = heading_level ? Number(heading_level) : 2\n  } else if (heading) {\n    headerParams.role = null\n    Element = heading as string\n  } else if (element) {\n    headerParams.role = null\n    Element = element as string\n  }\n\n  return <Element {...headerParams}>{partsToRender}</Element>\n}\n\nAccordionHeader.Container = AccordionHeaderContainer\nAccordionHeader.Icon = AccordionHeaderIcon\nAccordionHeader.Title = AccordionHeaderTitle\nAccordionHeader.Description = AccordionHeaderDescription\n\nAccordionHeader._supportsSpacingProps = true\n\nexport default AccordionHeader\n"],"mappings":"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"}
+{"version":3,"file":"AccordionHeader.js","names":["React","useContext","useState","validateDOMAttributes","extendPropsWithContext","IconPrimary","classnames","AccordionContext","createSpacingClasses","skeletonDOMAttributes","createSkeletonClass","AccordionHeaderTitle","_ref","children","rest","_objectWithoutProperties","_excluded","createElement","className","AccordionHeaderDescription","_ref2","_excluded2","AccordionHeaderContainer","_ref3","_excluded3","AccordionHeaderIcon","icon","expanded","size","icon_position","accordionHeaderDefaultProps","icon_size","AccordionHeader","_ref4","icon_size_default","restOfProps","_excluded4","props","_objectSpread","isHovering","setIsHovering","hasClicked","setHasClicked","context","onKeyDownHandler","event","keyPressed","key","preventDefault","onClickHandler","id","group","canClick","callOnChange","onMouseOverHandler","onMouseOutHandler","allow_close_all","extendedProps","left_component","title","description","element","heading","heading_level","disabled","skeleton","no_animation","_left_component","_expanded","_title","_description","_icon","_icon_size","_disabled","_excluded5","defaultParts","Array","isArray","filter","cur","isValidElement","removeParts","forEach","part","find","c","type","push","index","findIndex","splice","partsToRender","wrapperParts","wrapperComp","undefined","iconIndex","headerParams","role","tabIndex","onClick","onKeyDown","onMouseOver","onMouseOut","Element","String","Number","Container","Icon","Title","Description","_supportsSpacingProps"],"sources":["../../../../src/components/accordion/AccordionHeader.tsx"],"sourcesContent":["/**\n * Web Accordion Component\n *\n */\n\nimport React, { HTMLProps, useContext, useState } from 'react'\nimport type { SpacingProps } from '../space/types'\n\nimport {\n  validateDOMAttributes,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport classnames from 'classnames'\nimport AccordionContext from './AccordionContext'\nimport { createSpacingClasses } from '../space/SpacingHelper'\nimport {\n  skeletonDOMAttributes,\n  createSkeletonClass,\n} from '../skeleton/SkeletonHelper'\n\nimport type { HeadingLevel } from '../Heading'\nimport type { IconSize } from '../Icon'\nimport type { SkeletonShow } from '../Skeleton'\nimport type { AccordionIcon, AccordionIconPosition } from './Accordion'\n\nexport type AccordionHeaderTitleProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderTitle({\n  children = null,\n  ...rest\n}: AccordionHeaderTitleProps) {\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__title',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  )\n}\n\nexport type AccordionHeaderDescriptionProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderDescription({\n  children = null,\n  ...rest\n}: AccordionHeaderDescriptionProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__description',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\nexport type AccordionHeaderContainerProps = SpacingProps & {\n  children?: React.ReactNode\n}\n\nfunction AccordionHeaderContainer({\n  children = null,\n  ...rest\n}: AccordionHeaderContainerProps) {\n  return children ? (\n    <span\n      className={classnames(\n        'dnb-accordion__header__container',\n        createSpacingClasses(rest)\n      )}\n    >\n      {children}\n    </span>\n  ) : null\n}\n\ntype AccordionHeaderIconIcon =\n  | React.ReactNode\n  | ((...args: any[]) => React.ReactNode)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n      expanded?: React.ReactNode | ((...args: any[]) => React.ReactNode)\n    }\n\nexport type AccordionHeaderIconProps = {\n  icon?: AccordionHeaderIconIcon\n  size?: IconSize\n  expanded?: boolean\n  icon_position?: AccordionIconPosition\n}\n\nfunction AccordionHeaderIcon({\n  icon,\n  expanded,\n  size = 'medium',\n  icon_position,\n}: AccordionHeaderIconProps) {\n  return (\n    <span\n      className={classnames(\n        'dnb-accordion__header__icon',\n        icon_position && `dnb-accordion__header__icon--${icon_position}`\n      )}\n    >\n      <IconPrimary\n        size={size}\n        // There has to be a better way than to do so much casting\n        icon={\n          icon &&\n          typeof icon === 'object' &&\n          'expanded' in icon &&\n          typeof icon?.expanded !== 'undefined'\n            ? icon[expanded ? 'expanded' : 'closed']\n            : (icon as React.ReactNode | ((...args: any[]) => any)) ||\n              'chevron-down'\n        }\n        aria-hidden\n      />\n    </span>\n  )\n}\n\nexport type AccordionHeaderTitle =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderDescription =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderLeftComponent =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderElement =\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderHeading =\n  | boolean\n  | string\n  | React.ReactNode\n  | ((...args: any[]) => any)\nexport type AccordionHeaderIcon =\n  | React.ReactNode\n  | ((...args: any[]) => any)\n  | {\n      closed?: React.ReactNode | ((...args: any[]) => any)\n      expanded?: React.ReactNode | ((...args: any[]) => any)\n    }\n\nexport type AccordionHeaderProps = React.HTMLProps<HTMLElement> &\n  SpacingProps & {\n    title?: AccordionHeaderTitle\n    expanded?: boolean\n    description?: AccordionHeaderDescription\n    left_component?: AccordionHeaderLeftComponent\n    element?: AccordionHeaderElement\n    heading?: AccordionHeaderHeading\n    heading_level?: HeadingLevel\n    icon?: AccordionIcon\n    icon_position?: AccordionIconPosition\n    icon_size?: IconSize\n    disabled?: boolean\n    skeleton?: SkeletonShow\n    no_animation?: boolean\n    className?: string\n    children?: string | React.ReactNode | ((...args: any[]) => any)\n  }\n\nconst accordionHeaderDefaultProps = {\n  icon_size: 'medium',\n}\n\nexport const AccordionHeader = ({\n  icon_size: icon_size_default = 'medium',\n  ...restOfProps\n}: AccordionHeaderProps) => {\n  const props = { icon_size: icon_size_default, ...restOfProps }\n\n  const [isHovering, setIsHovering] = useState<boolean>(false)\n  const [hasClicked, setHasClicked] = useState<boolean>(false)\n\n  const context = useContext(AccordionContext)\n\n  function onKeyDownHandler(event: React.KeyboardEvent<HTMLElement>) {\n    const keyPressed = event.key\n\n    if (keyPressed === 'Enter' || keyPressed === ' ') {\n      event.preventDefault()\n      onClickHandler(event)\n    }\n  }\n\n  function onClickHandler(\n    event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>\n  ) {\n    const { id, group } = context\n\n    if (canClick()) {\n      const expanded = !context.expanded\n      context.callOnChange({ id, group, expanded, event })\n\n      setHasClicked(true)\n    }\n  }\n\n  function onMouseOverHandler() {\n    setIsHovering(true)\n  }\n\n  function onMouseOutHandler() {\n    setIsHovering(false)\n    setHasClicked(false)\n  }\n\n  function canClick() {\n    const { expanded, allow_close_all, group } = context\n    return !group || (group && !expanded) || allow_close_all\n  }\n\n  const extendedProps = extendPropsWithContext(\n    props,\n    accordionHeaderDefaultProps,\n    context as Record<string, unknown>\n  )\n\n  const {\n    id,\n\n    // 1. these props should be the same as ...\n    left_component,\n    expanded, // eslint-disable-line\n    title,\n    description,\n    element,\n    heading,\n    heading_level,\n    icon,\n    icon_size,\n    disabled,\n    skeleton,\n    no_animation,\n  } = extendedProps\n\n  let { icon_position } = extendedProps\n\n  const {\n    children,\n    className,\n\n    // 2. ... these\n    left_component: _left_component, // eslint-disable-line\n    expanded: _expanded, // eslint-disable-line\n    title: _title, // eslint-disable-line\n    description: _description, // eslint-disable-line\n    icon: _icon, // eslint-disable-line\n    icon_size: _icon_size, // eslint-disable-line\n    disabled: _disabled, // eslint-disable-line\n\n    ...rest\n  } = props\n\n  const defaultParts = [\n    <AccordionHeaderIcon\n      key=\"icon\"\n      icon={icon}\n      size={icon_size}\n      expanded={context.expanded}\n      icon_position={icon_position}\n    />,\n    <AccordionHeaderContainer key=\"container\">\n      {left_component as React.ReactNode}\n    </AccordionHeaderContainer>,\n    <AccordionHeaderTitle key=\"title\">\n      {title ||\n        (Array.isArray(children)\n          ? children.filter((cur) => !React.isValidElement(cur))\n          : children)}\n    </AccordionHeaderTitle>,\n    <AccordionHeaderDescription key=\"description\">\n      {description as React.ReactNode}\n    </AccordionHeaderDescription>,\n  ]\n\n  if (Array.isArray(children)) {\n    const removeParts = []\n    children.forEach((cur) => {\n      if (React.isValidElement(cur)) {\n        const part = defaultParts.find((c) => c.type === cur.type)\n        if (part) {\n          removeParts.push(part)\n        }\n\n        // if (cur.type === AccordionHeaderTitle) {\n        //   defaultParts.unshift(cur)\n        // } else {\n        //   defaultParts.push(cur)\n        // }\n\n        defaultParts.push(cur)\n      }\n    })\n    removeParts.forEach((part) => {\n      const index = defaultParts.findIndex((c) => c === part)\n      if (index > -1) {\n        defaultParts.splice(index, 1)\n      }\n    })\n  }\n\n  const partsToRender = []\n  const wrapperParts = []\n  const wrapperComp = (\n    <span className=\"dnb-accordion__header__wrapper\" key=\"wrapper\">\n      {wrapperParts}\n    </span>\n  )\n\n  defaultParts.forEach((part) => {\n    if (\n      React.isValidElement(part) &&\n      (part.type === AccordionHeaderTitle ||\n        part.type === AccordionHeaderDescription)\n    ) {\n      wrapperParts.push(part)\n      if (partsToRender.findIndex((c) => c === wrapperComp) === -1) {\n        partsToRender.push(wrapperComp)\n      }\n    } else {\n      partsToRender.push(part)\n    }\n  })\n\n  // position the icon to the right, if the element is not in the beginning\n  if (icon_position === undefined) {\n    const iconIndex = partsToRender.findIndex(\n      (c) => c.type === AccordionHeaderIcon\n    )\n    // because of the container at the beginning, we use 1\n    if (iconIndex > 1) {\n      icon_position = 'right'\n    }\n\n    if (left_component) {\n      icon_position = 'right'\n    }\n  }\n\n  const headerParams = {\n    id: `${id}-header`,\n    'aria-controls': `${id}-content`,\n    'aria-expanded': context.expanded,\n    role: 'button',\n    tabIndex: 0,\n    className: classnames(\n      'dnb-accordion__header',\n      icon_position && `dnb-accordion__header--icon-${icon_position}`,\n      isHovering && hasClicked && 'dnb-accordion--hover',\n      !canClick() && 'dnb-accordion__header--prevent-click',\n      description && 'dnb-accordion__header--description',\n      no_animation && 'dnb-accordion__header--no-animation',\n      createSkeletonClass('font', skeleton, context),\n      createSpacingClasses(rest),\n      className\n    ),\n    disabled,\n    ...rest,\n  } satisfies HTMLProps<HTMLElement>\n\n  if (disabled || skeleton) {\n    headerParams.tabIndex = -1\n    headerParams.disabled = true\n    headerParams['aria-disabled'] = true\n  } else {\n    headerParams.onClick = onClickHandler\n    headerParams.onKeyDown = onKeyDownHandler\n    headerParams.onMouseOver = onMouseOverHandler\n    headerParams.onMouseOut = onMouseOutHandler\n  }\n\n  skeletonDOMAttributes(headerParams, skeleton, context)\n\n  validateDOMAttributes(props, headerParams)\n\n  let Element = 'div'\n\n  // (String(heading) === 'true' || String(heading) === '1') extracted from isTrue function\n  if (heading && (String(heading) === 'true' || String(heading) === '1')) {\n    headerParams.role = 'heading'\n    headerParams['aria-level'] = heading_level ? Number(heading_level) : 2\n  } else if (heading) {\n    headerParams.role = null\n    Element = heading as string\n  } else if (element) {\n    headerParams.role = null\n    Element = element as string\n  }\n\n  return <Element {...headerParams}>{partsToRender}</Element>\n}\n\nAccordionHeader.Container = AccordionHeaderContainer\nAccordionHeader.Icon = AccordionHeaderIcon\nAccordionHeader.Title = AccordionHeaderTitle\nAccordionHeader.Description = AccordionHeaderDescription\n\nAccordionHeader._supportsSpacingProps = true\n\nexport default AccordionHeader\n"],"mappings":"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"}