@digigov/ui 2.0.0-6452adf3 → 2.0.0-66d7c5e2

package/app/Masthead/Masthead.stories.d.ts

@@ -4,11 +4,40 @@ declare namespace _default {
     export let link: string;
     export let defaultWidth: string;
     export { Masthead as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let color: string;
+        let showHint: boolean;
+    }
+    namespace argTypes {
+        export namespace color_1 {
+            namespace control {
+                let type: string;
+            }
+            let options: string[];
+        }
+        export { color_1 as color };
+        export namespace showHint_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { showHint_1 as showHint };
+    }
+    namespace parameters {
+        namespace controls {
+            let exclude: string[];
+        }
+    }
+}
 export { Default } from "@digigov/ui/app/Masthead/__stories__/Default";
 export { Secondary } from "@digigov/ui/app/Masthead/__stories__/Secondary";
 export { WithLogo } from "@digigov/ui/app/Masthead/__stories__/WithLogo";
 export { WithElements } from "@digigov/ui/app/Masthead/__stories__/WithElements";
-import Masthead from '@digigov/ui/app/Masthead';
+import { Masthead } from '@digigov/ui/app/Masthead';
+import React from 'react';

package/app/Masthead/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/Masthead/__stories__/Secondary.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Secondary: () => React.JSX.Element;
+export declare const Secondary: (_: any) => React.JSX.Element;
 export default Secondary;

package/app/Masthead/__stories__/WithElements.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithElements: () => React.JSX.Element;
+export declare const WithElements: (_: any) => React.JSX.Element;
 export default WithElements;

package/app/Masthead/__stories__/WithLogo.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithLogo: () => React.JSX.Element;
+export declare const WithLogo: (_: any) => React.JSX.Element;
 export default WithLogo;

package/app/Modal/Modal.stories.d.ts

@@ -3,13 +3,34 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Modal as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;
+export namespace WithControls {
+    function render(args: any): React.JSX.Element;
+    namespace args {
+        let dense: boolean;
+        let gaps: boolean;
+    }
+    namespace argsTypes {
+        export namespace dense_1 {
+            let control: string;
+        }
+        export { dense_1 as dense };
+        export namespace gaps_1 {
+            let control_1: string;
+            export { control_1 as control };
+        }
+        export { gaps_1 as gaps };
+    }
+}
 export { Default } from "@digigov/ui/app/Modal/__stories__/Default";
 export { AlertDialog } from "@digigov/ui/app/Modal/__stories__/AlertDialog";
 export { Dense } from "@digigov/ui/app/Modal/__stories__/Dense";
 export { WithHooks } from "@digigov/ui/app/Modal/__stories__/WithHooks";
 export { Auto } from "@digigov/ui/app/Modal/__stories__/Auto";
 export { WithoutModalGaps } from "@digigov/ui/app/Modal/__stories__/WithoutModalGaps";
-import Modal from '@digigov/ui/app/Modal';
+import { Modal } from '@digigov/ui/app/Modal';
+import React from 'react';

package/app/Modal/__stories__/AlertDialog.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const AlertDialog: () => React.JSX.Element;
+export declare const AlertDialog: (_: any) => React.JSX.Element;
 export default AlertDialog;

package/app/Modal/__stories__/Auto.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Auto: () => React.JSX.Element;
+export declare const Auto: (_: any) => React.JSX.Element;
 export default Auto;

package/app/Modal/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/Modal/__stories__/Dense.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Dense: () => React.JSX.Element;
+export declare const Dense: (_: any) => React.JSX.Element;
 export default Dense;

package/app/Modal/__stories__/WithHooks.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithHooks: () => React.JSX.Element;
+export declare const WithHooks: (_: any) => React.JSX.Element;
 export default WithHooks;

package/app/Modal/__stories__/WithoutModalGaps.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const WithoutModalGaps: () => React.JSX.Element;
+export declare const WithoutModalGaps: (_: any) => React.JSX.Element;
 export default WithoutModalGaps;

package/app/Modal/hooks/index.js

@@ -1,12 +1,8 @@
 import React, { useState, useRef, useCallback } from "react";
 const useModal = () => {
   const [currentOpen, setCurrentOpen] = useState(null);
-  const modalsRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
-  const buttonsRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
+  const modalsRef = useRef(/* @__PURE__ */ new Map());
+  const buttonsRef = useRef(/* @__PURE__ */ new Map());
   const open = useCallback((id) => {
     setCurrentOpen(id);
   }, []);

package/app/Modal/hooks.d.ts

@@ -13,14 +13,14 @@ export interface UseModalReturn {
         id: string;
         'aria-modal': boolean;
         'aria-labelledby': string;
-        ref?: React.RefObject<HTMLDivElement>;
+        ref?: React.RefObject<HTMLDivElement | null>;
     };
     registerAction: (id: ModalId, type: 'open' | 'close', options?: {
         variant?: string;
         color?: string;
     }) => {
         onClick: () => void;
-        ref?: React.RefObject<HTMLButtonElement>;
+        ref?: React.RefObject<HTMLButtonElement | null>;
     };
 }
 export declare const useModal: () => UseModalReturn;

package/app/Modal/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/hooks.ts"],
-  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<Map<ModalId, React.RefObject<HTMLDivElement>>>(\n    new Map()\n  );\n  const buttonsRef = useRef<Map<ModalId, React.RefObject<HTMLButtonElement>>>(\n    new Map()\n  );\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
-  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAyB,IAAI;AACnE,QAAM,YAAY;AAAA,IAChB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,aAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,OAAO,YAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,QAC9B,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import React, { useState, useRef, useCallback } from 'react';\n\nexport type ModalId = string | number;\n\nexport interface UseModalReturn {\n  open: (id: ModalId) => void;\n  close: () => void;\n  currentOpen: ModalId | null;\n  registerModal: (\n    id: ModalId,\n    options?: {\n      clickOutside?: boolean;\n      closeOnEscape?: boolean;\n    }\n  ) => {\n    open: boolean;\n    role: string;\n    id: string;\n    'aria-modal': boolean;\n    'aria-labelledby': string;\n    ref?: React.RefObject<HTMLDivElement | null>;\n  };\n  registerAction: (\n    id: ModalId,\n    type: 'open' | 'close',\n    options?: {\n      variant?: string;\n      color?: string;\n    }\n  ) => {\n    onClick: () => void;\n    ref?: React.RefObject<HTMLButtonElement | null>;\n  };\n}\n\nexport const useModal = (): UseModalReturn => {\n  const [currentOpen, setCurrentOpen] = useState<ModalId | null>(null);\n  const modalsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLDivElement | null>>\n  >(new Map());\n  const buttonsRef = useRef<\n    Map<ModalId, React.RefObject<HTMLButtonElement | null>>\n  >(new Map());\n  const open = useCallback((id: ModalId) => {\n    setCurrentOpen(id);\n  }, []);\n\n  const close = useCallback(() => {\n    setCurrentOpen(null);\n  }, []);\n\n  const registerModal = useCallback(\n    (id, options) => {\n      const modalId = `modal-${id}`;\n      if (!modalsRef.current.get(id)?.current) {\n        modalsRef.current.set(id, React.createRef());\n        if (options?.clickOutside && currentOpen === id) {\n          const handleOutsideClick = (event: MouseEvent) => {\n            const modalContainer = document.getElementById(modalId);\n            if (modalContainer === event.target) {\n              close();\n            }\n          };\n          window.addEventListener('mousedown', handleOutsideClick);\n        }\n      }\n      return {\n        open: currentOpen === id,\n        role: 'dialog',\n        id: modalId,\n        onEscape: options?.closeOnEscape ? close : null,\n        'aria-modal': true,\n        'aria-labelledby': `modal-heading-${id}`,\n        ref: modalsRef.current.get(id as string),\n      };\n    },\n    [currentOpen]\n  );\n\n  const registerAction = useCallback(\n    (id: ModalId, type: 'open' | 'close', options) => {\n      if (!buttonsRef.current.has(id)) {\n        buttonsRef.current.set(id, React.createRef());\n      }\n      return {\n        onClick: () => (type === 'open' ? open(id) : close()),\n        ref: buttonsRef.current.get(id),\n        ...options,\n      };\n    },\n    [currentOpen]\n  );\n\n  return {\n    open,\n    close,\n    currentOpen,\n    registerAction,\n    registerModal,\n  };\n};\n"],
+  "mappings": "AAAA,OAAO,SAAS,UAAU,QAAQ,mBAAmB;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAyB,IAAI;AACnE,QAAM,YAAY,OAEhB,oBAAI,IAAI,CAAC;AACX,QAAM,aAAa,OAEjB,oBAAI,IAAI,CAAC;AACX,QAAM,OAAO,YAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAC3C,YAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,gBAAM,qBAAqB,CAAC,UAAsB;AAChD,kBAAM,iBAAiB,SAAS,eAAe,OAAO;AACtD,gBAAI,mBAAmB,MAAM,QAAQ;AACnC,oBAAM;AAAA,YACR;AAAA,UACF;AACA,iBAAO,iBAAiB,aAAa,kBAAkB;AAAA,QACzD;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,gBAAgB;AAAA,QACtB,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,QAC3C,cAAc;AAAA,QACd,mBAAmB,iBAAiB,EAAE;AAAA,QACtC,KAAK,UAAU,QAAQ,IAAI,EAAY;AAAA,MACzC;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,QAAM,iBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,MAAM,UAAU,CAAC;AAAA,MAC9C;AACA,aAAO;AAAA,QACL,SAAS,MAAO,SAAS,SAAS,KAAK,EAAE,IAAI,MAAM;AAAA,QACnD,KAAK,WAAW,QAAQ,IAAI,EAAE;AAAA,QAC9B,GAAG;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/app/Modal/index.web/index.js

@@ -12,18 +12,18 @@ const Modal = React.forwardRef(
 );
 const ModalBase = React.forwardRef(
   function ModalBase2({ open, children, onEscape, ...props }, ref) {
-    const firstModalElement = useRef();
-    const lastModalElement = useRef();
+    const firstModalElement = useRef(null);
+    const lastModalElement = useRef(null);
     const handleFocus = useCallback(() => {
-      firstModalElement.current.focus();
+      firstModalElement.current?.focus();
     }, []);
     useKeypress("Escape", onEscape);
     useEffect(() => {
       const lastModalElementInstance = lastModalElement.current;
       handleFocus();
-      lastModalElementInstance.addEventListener("focus", handleFocus);
+      lastModalElementInstance?.addEventListener("focus", handleFocus);
       return () => {
-        lastModalElementInstance.removeEventListener("focus", handleFocus);
+        lastModalElementInstance?.removeEventListener("focus", handleFocus);
       };
     }, []);
     return /* @__PURE__ */ React.createElement(

package/app/Modal/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/index.web.tsx"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\nimport ModalContainer, {\n  ModalContainerProps,\n} from '@digigov/react-core/ModalContainer';\nimport useKeypress from '@digigov/ui/utils/hooks/useKeypress';\n\nexport interface ModalProps extends ModalContainerProps {\n  onEscape?: () => void;\n}\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n  function Modal({ ...props }, ref) {\n    if (props.open) {\n      return <ModalBase {...props} ref={ref} />;\n    } else {\n      return null;\n    }\n  }\n);\n\nexport const ModalBase = React.forwardRef<HTMLDivElement, ModalProps>(\n  function ModalBase({ open, children, onEscape, ...props }, ref) {\n    const firstModalElement =\n      useRef() as React.MutableRefObject<HTMLSpanElement>;\n    const lastModalElement =\n      useRef() as React.MutableRefObject<HTMLSpanElement>;\n    const handleFocus = useCallback(() => {\n      firstModalElement.current.focus();\n    }, []);\n    useKeypress('Escape', onEscape);\n    useEffect(() => {\n      const lastModalElementInstance = lastModalElement.current;\n      handleFocus();\n      lastModalElementInstance.addEventListener('focus', handleFocus);\n      return () => {\n        lastModalElementInstance.removeEventListener('focus', handleFocus);\n      };\n    }, []);\n    return (\n      <ModalContainer\n        open={open}\n        role=\"dialog\"\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-modal=\"true\"\n        {...props}\n      >\n        <span tabIndex={-1} ref={firstModalElement} aria-hidden=\"true\" />\n        {open && children}\n        <span tabIndex={0} ref={lastModalElement} aria-hidden=\"true\" />\n      </ModalContainer>\n    );\n  }\n);\n\nexport default Modal;\n"],
-  "mappings": "AAAA,OAAO,SAAS,aAAa,WAAW,cAAc;AACtD,OAAO,oBAEA;AACP,OAAO,iBAAiB;AAMjB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,oCAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,oBACJ,OAAO;AACT,UAAM,mBACJ,OAAO;AACT,UAAM,cAAc,YAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,gBAAY,UAAU,QAAQ;AAC9B,cAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,+BAAyB,iBAAiB,SAAS,WAAW;AAC9D,aAAO,MAAM;AACX,iCAAyB,oBAAoB,SAAS,WAAW;AAAA,MACnE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,oCAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,oCAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef } from 'react';\nimport ModalContainer, {\n  ModalContainerProps,\n} from '@digigov/react-core/ModalContainer';\nimport useKeypress from '@digigov/ui/utils/hooks/useKeypress';\n\nexport interface ModalProps extends ModalContainerProps {\n  onEscape?: () => void;\n}\n\nexport const Modal = React.forwardRef<HTMLDivElement, ModalProps>(\n  function Modal({ ...props }, ref) {\n    if (props.open) {\n      return <ModalBase {...props} ref={ref} />;\n    } else {\n      return null;\n    }\n  }\n);\n\nexport const ModalBase = React.forwardRef<HTMLDivElement, ModalProps>(\n  function ModalBase({ open, children, onEscape, ...props }, ref) {\n    const firstModalElement = useRef<HTMLSpanElement>(null);\n    const lastModalElement = useRef<HTMLSpanElement>(null);\n    const handleFocus = useCallback(() => {\n      firstModalElement.current?.focus();\n    }, []);\n    useKeypress('Escape', onEscape);\n    useEffect(() => {\n      const lastModalElementInstance = lastModalElement.current;\n      handleFocus();\n      lastModalElementInstance?.addEventListener('focus', handleFocus);\n      return () => {\n        lastModalElementInstance?.removeEventListener('focus', handleFocus);\n      };\n    }, []);\n    return (\n      <ModalContainer\n        open={open}\n        role=\"dialog\"\n        ref={ref}\n        aria-hidden=\"false\"\n        aria-modal=\"true\"\n        {...props}\n      >\n        <span tabIndex={-1} ref={firstModalElement} aria-hidden=\"true\" />\n        {open && children}\n        <span tabIndex={0} ref={lastModalElement} aria-hidden=\"true\" />\n      </ModalContainer>\n    );\n  }\n);\n\nexport default Modal;\n"],
+  "mappings": "AAAA,OAAO,SAAS,aAAa,WAAW,cAAc;AACtD,OAAO,oBAEA;AACP,OAAO,iBAAiB;AAMjB,MAAM,QAAQ,MAAM;AAAA,EACzB,SAASA,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,oCAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASC,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,oBAAoB,OAAwB,IAAI;AACtD,UAAM,mBAAmB,OAAwB,IAAI;AACrD,UAAM,cAAc,YAAY,MAAM;AACpC,wBAAkB,SAAS,MAAM;AAAA,IACnC,GAAG,CAAC,CAAC;AACL,gBAAY,UAAU,QAAQ;AAC9B,cAAU,MAAM;AACd,YAAM,2BAA2B,iBAAiB;AAClD,kBAAY;AACZ,gCAA0B,iBAAiB,SAAS,WAAW;AAC/D,aAAO,MAAM;AACX,kCAA0B,oBAAoB,SAAS,WAAW;AAAA,MACpE;AAAA,IACF,GAAG,CAAC,CAAC;AACL,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,oCAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,oCAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["Modal", "ModalBase"]
 }

package/app/NotFound/NotFound.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { NotFound as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/app/NotFound/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion/index.js

@@ -13,8 +13,8 @@ const oldSafariMap = {
 function strMapper(str, map) {
   for (const i in map) {
     if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {
-      for (let j = 0; j < map[i].length; j++) {
-        if (map[i][j].includes(str)) {
+      for (const j in map[i]) {
+        if (j.includes(str)) {
           return i === UNKNOWN ? void 0 : i;
         }
       }

package/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion.ts"],
-  "sourcesContent": ["//copied from https://github.com/faisalman/ua-parser-js/blob/master/src/ua-parser.js\n\nconst EMPTY = '',\n  UNKNOWN = '?',\n  FUNC_TYPE = 'function',\n  UNDEF_TYPE = 'undefined',\n  OBJ_TYPE = 'object',\n  STR_TYPE = 'string',\n  NAME = 'name',\n  VERSION = 'version';\n\nconst BROWSER = 'Browser',\n  CHROME = 'Chrome',\n  FIREFOX = 'Firefox',\n  OPERA = 'Opera';\n\nconst oldSafariMap = {\n  '1.0': '/8',\n  '1.2': '/1',\n  '1.3': '/3',\n  '2.0': '/412',\n  '2.0.2': '/416',\n  '2.0.3': '/417',\n  '2.0.4': '/419',\n  '?': '/',\n};\n\nfunction strMapper(str, map) {\n  for (const i in map) {\n    // check if current value is array\n    if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {\n      for (let j = 0; j < map[i].length; j++) {\n        if (map[i][j].includes(str)) {\n          return i === UNKNOWN ? undefined : i;\n        }\n      }\n    } else if (map[i].includes(str)) {\n      return i === UNKNOWN ? undefined : i;\n    }\n  }\n  return str;\n}\nfunction majorize(version) {\n  return typeof version === STR_TYPE\n    ? version.replace(/[^\\d.]/g, EMPTY).split('.')[0]\n    : undefined;\n}\n\nfunction rgxMapper(browser, ua, arrays) {\n  let i = 0,\n    j,\n    k,\n    p,\n    q,\n    matches,\n    match;\n\n  // loop through all regexes maps\n  while (i < arrays.length && !matches) {\n    const regex = arrays[i], // even sequence (0,2,4,..)\n      props = arrays[i + 1]; // odd sequence (1,3,5,..)\n    j = k = 0;\n\n    // try matching uastring with regexes\n    while (j < regex.length && !matches) {\n      matches = regex[j++].exec(ua);\n\n      if (matches) {\n        for (p = 0; p < props.length; p++) {\n          match = matches[++k];\n          q = props[p];\n          // check if given property is actually array\n          if (typeof q === OBJ_TYPE && q.length > 0) {\n            if (q.length == 2) {\n              if (typeof q[1] == FUNC_TYPE) {\n                // assign modified match\n                browser[q[0]] = q[1].call(browser, match);\n              } else {\n                // assign given value, ignore regex match\n                browser[q[0]] = q[1];\n              }\n            } else if (q.length == 3) {\n              // check whether function or regex\n              if (typeof q[1] === FUNC_TYPE && !(q[1].exec && q[1].test)) {\n                // call function (usually string mapper)\n                browser[q[0]] = match\n                  ? q[1].call(browser, match, q[2])\n                  : undefined;\n              } else {\n                // sanitize match using given regex\n                browser[q[0]] = match ? match.replace(q[1], q[2]) : undefined;\n              }\n            } else if (q.length == 4) {\n              browser[q[0]] = match\n                ? q[3].call(browser, match.replace(q[1], q[2]))\n                : undefined;\n            }\n          } else {\n            browser[q] = match ? match : undefined;\n          }\n        }\n      }\n    }\n    i += 2;\n  }\n}\n\nconst browserRegexes = [\n  [\n    /\\b(?:crmo|crios)\\/([\\w.]+)/i, // Chrome for Android/iOS\n  ],\n  [VERSION, [NAME, 'Chrome']],\n  [\n    /edg(?:e|ios|a)?\\/([\\w.]+)/i, // Microsoft Edge\n  ],\n  [VERSION, [NAME, 'Edge']],\n  [\n    // Presto based\n    /(opera mini)\\/([-\\w.]+)/i, // Opera Mini\n    /(opera [mobiletab]{3,6})\\b.+version\\/([-\\w.]+)/i, // Opera Mobi/Tablet\n    /(opera)(?:.+version\\/|[/ ]+)([\\w.]+)/i, // Opera\n  ],\n  [NAME, VERSION],\n  [\n    /opios[/ ]+([\\w.]+)/i, // Opera mini on iphone >= 8.0\n  ],\n  [VERSION, [NAME, OPERA + ' Mini']],\n  [\n    /\\bopr\\/([\\w.]+)/i, // Opera Webkit\n  ],\n  [VERSION, [NAME, OPERA]],\n  [\n    // Mixed\n    /(kindle)\\/([\\w.]+)/i, // Kindle\n    /(lunascape|maxthon|netfront|jasmine|blazer)[/ ]?([\\w.]*)/i, // Lunascape/Maxthon/Netfront/Jasmine/Blazer\n    // Trident based\n    /(avant |iemobile|slim)(?:browser)?[/ ]?([\\w.]*)/i, // Avant/IEMobile/SlimBrowser\n    /(ba?idubrowser)[/ ]?([\\w.]+)/i, // Baidu Browser\n    /(?:ms|\\()(ie) ([\\w.]+)/i, // Internet Explorer\n\n    // Webkit/KHTML based                                               // Flock/RockMelt/Midori/Epiphany/Silk/Skyfire/Bolt/Iron/Iridium/PhantomJS/Bowser/QupZilla/Falkon\n    /(flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark|qupzilla|falkon|rekonq|puffin|brave|whale|qqbrowserlite|qq)\\/([-\\w.]+)/i,\n    // Rekonq/Puffin/Brave/Whale/QQBrowserLite/QQ, aka ShouQ\n    /(weibo)__([\\d.]+)/i, // Weibo\n  ],\n  [NAME, VERSION],\n  [\n    /(?:\\buc? ?browser|(?:juc.+)ucweb)[/ ]?([\\w.]+)/i, // UCBrowser\n  ],\n  [VERSION, [NAME, 'UC' + BROWSER]],\n  [\n    /\\bqbcore\\/([\\w.]+)/i, // WeChat Desktop for Windows Built-in Browser\n  ],\n  [VERSION, [NAME, 'WeChat(Win) Desktop']],\n  [\n    /micromessenger\\/([\\w.]+)/i, // WeChat\n  ],\n  [VERSION, [NAME, 'WeChat']],\n  [\n    /konqueror\\/([\\w.]+)/i, // Konqueror\n  ],\n  [VERSION, [NAME, 'Konqueror']],\n  [\n    /trident.+rv[: ]([\\w.]{1,9})\\b.+like gecko/i, // IE11\n  ],\n  [VERSION, [NAME, 'IE']],\n  [\n    /yabrowser\\/([\\w.]+)/i, // Yandex\n  ],\n  [VERSION, [NAME, 'Yandex']],\n  [\n    /(avast|avg)\\/([\\w.]+)/i, // Avast/AVG Secure Browser\n  ],\n  [[NAME, /(.+)/, '$1 Secure ' + BROWSER], VERSION],\n  [\n    /\\bfocus\\/([\\w.]+)/i, // Firefox Focus\n  ],\n  [VERSION, [NAME, FIREFOX + ' Focus']],\n  [\n    /\\bopt\\/([\\w.]+)/i, // Opera Touch\n  ],\n  [VERSION, [NAME, OPERA + ' Touch']],\n  [\n    /coc_coc\\w+\\/([\\w.]+)/i, // Coc Coc Browser\n  ],\n  [VERSION, [NAME, 'Coc Coc']],\n  [\n    /dolfin\\/([\\w.]+)/i, // Dolphin\n  ],\n  [VERSION, [NAME, 'Dolphin']],\n  [\n    /coast\\/([\\w.]+)/i, // Opera Coast\n  ],\n  [VERSION, [NAME, OPERA + ' Coast']],\n  [\n    /miuibrowser\\/([\\w.]+)/i, // MIUI Browser\n  ],\n  [VERSION, [NAME, 'MIUI ' + BROWSER]],\n  [\n    /fxios\\/([-\\w.]+)/i, // Firefox for iOS\n  ],\n  [VERSION, [NAME, FIREFOX]],\n  [\n    /\\bqihu|(qi?ho?o?|360)browser/i, // 360\n  ],\n  [[NAME, '360 ' + BROWSER]],\n  [/(oculus|samsung|sailfish)browser\\/([\\w.]+)/i],\n  [[NAME, /(.+)/, '$1 ' + BROWSER], VERSION],\n  [\n    // Oculus/Samsung/Sailfish Browser\n    /(comodo_dragon)\\/([\\w.]+)/i, // Comodo Dragon\n  ],\n  [[NAME, /_/g, ' '], VERSION],\n  [\n    /(electron)\\/([\\w.]+) safari/i, // Electron-based App\n    /(tesla)(?: qtcarbrowser|\\/(20\\d\\d\\.[-\\w.]+))/i, // Tesla\n    /m?(qqbrowser|baiduboxapp|2345Explorer)[/ ]?([\\w.]+)/i, // QQBrowser/Baidu App/2345 Browser\n  ],\n  [NAME, VERSION],\n  [\n    /(metasr)[/ ]?([\\w.]+)/i, // SouGouBrowser\n    /(lbbrowser)/i, // LieBao Browser\n  ],\n  [NAME],\n  [\n    // WebView\n    /((?:fban\\/fbios|fb_iab\\/fb4a)(?!.+fbav)|;fbav\\/([\\w.]+);)/i, // Facebook App for iOS & Android\n  ],\n  [[NAME, 'Facebook'], VERSION],\n  [\n    /safari (line)\\/([\\w.]+)/i, // Line App for iOS\n    /\\b(line)\\/([\\w.]+)\\/iab/i, // Line App for Android\n    /(chromium|instagram)[/ ]([-\\w.]+)/i, // Chromium/Instagram\n  ],\n  [NAME, VERSION],\n  [\n    /\\bgsa\\/([\\w.]+) .*safari\\//i, // Google Search Appliance on iOS\n  ],\n  [VERSION, [NAME, 'GSA']],\n  [\n    /headlesschrome(?:\\/([\\w.]+)| )/i, // Chrome Headless\n  ],\n  [VERSION, [NAME, CHROME + ' Headless']],\n  [\n    / wv\\).+(chrome)\\/([\\w.]+)/i, // Chrome WebView\n  ],\n  [[NAME, CHROME + ' WebView'], VERSION],\n  [\n    /droid.+ version\\/([\\w.]+)\\b.+(?:mobile safari|safari)/i, // Android Browser\n  ],\n  [VERSION, [NAME, 'Android ' + BROWSER]],\n  [\n    /(chrome|omniweb|arora|[tizenoka]{5} ?browser)\\/v?([\\w.]+)/i, // Chrome/OmniWeb/Arora/Tizen/Nokia\n  ],\n  [NAME, VERSION],\n  [\n    /version\\/([\\w.]+) .*mobile\\/\\w+ (safari)/i, // Mobile Safari\n  ],\n  [VERSION, [NAME, 'Mobile Safari']],\n  [\n    /version\\/([\\w.]+) .*(mobile ?safari|safari)/i, // Safari & Safari Mobile\n  ],\n  [VERSION, NAME],\n  [\n    /webkit.+?(mobile ?safari|safari)(\\/[\\w.]+)/i, // Safari < 3.0\n  ],\n  [NAME, [VERSION, strMapper, oldSafariMap]],\n  [/(webkit|khtml)\\/([\\w.]+)/i],\n  [NAME, VERSION],\n  [\n    // Gecko based\n    /(navigator|netscape\\d?)\\/([-\\w.]+)/i, // Netscape\n  ],\n  [[NAME, 'Netscape'], VERSION],\n  [\n    /mobile vr; rv:([\\w.]+)\\).+firefox/i, // Firefox Reality\n  ],\n  [VERSION, [NAME, FIREFOX + ' Reality']],\n  [\n    /ekiohf.+(flow)\\/([\\w.]+)/i, // Flow\n    /(swiftfox)/i, // Swiftfox\n    /(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror|klar)[/ ]?([\\w.+]+)/i,\n    // IceDragon/Iceweasel/Camino/Chimera/Fennec/Maemo/Minimo/Conkeror/Klar\n    /(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\\/([-\\w.]+)$/i,\n    // Firefox/SeaMonkey/K-Meleon/IceCat/IceApe/Firebird/Phoenix\n    /(firefox)\\/([\\w.]+)/i, // Other Firefox-based\n    /(mozilla)\\/([\\w.]+) .+rv:.+gecko\\/\\d+/i, // Mozilla\n\n    // Other\n    /(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir|obigo|mosaic|(?:go|ice|up)[. ]?browser)[-/ ]?v?([\\w.]+)/i,\n    // Polaris/Lynx/Dillo/iCab/Doris/Amaya/w3m/NetSurf/Sleipnir/Obigo/Mosaic/Go/ICE/UP.Browser\n    /(links) \\(([\\w.]+)/i, // Links\n  ],\n  [NAME, VERSION],\n];\n\nconst _ua =\n  typeof window !== UNDEF_TYPE && window.navigator && window.navigator.userAgent\n    ? window.navigator.userAgent\n    : EMPTY;\n\ninterface Browser {\n  name?: string;\n  version?: string;\n}\n\nexport function evaluateBrowserVersion(): Browser {\n  const browser: Browser = { name: '', version: '' };\n  rgxMapper(browser, _ua, browserRegexes);\n  browser.version = majorize(browser.version);\n  return browser;\n}\n\ntype Mobile = RegExpMatchArray | null;\n\nexport const isMobile = {\n  Android: function (): Mobile {\n    return navigator.userAgent.match(/Android/i);\n  },\n  BlackBerry: function (): Mobile {\n    return navigator.userAgent.match(/BlackBerry/i);\n  },\n  iOS: function (): Mobile {\n    return navigator.userAgent.match(/iPhone|iPad|iPod/i);\n  },\n  Opera: function (): Mobile {\n    return navigator.userAgent.match(/Opera Mini/i);\n  },\n  Windows: function (): Mobile {\n    return (\n      navigator.userAgent.match(/IEMobile/i) ||\n      navigator.userAgent.match(/WPDesktop/i)\n    );\n  },\n  any: function (): Mobile {\n    return (\n      isMobile.Android() ||\n      isMobile.BlackBerry() ||\n      isMobile.iOS() ||\n      isMobile.Opera() ||\n      isMobile.Windows()\n    );\n  },\n};\n\nexport default evaluateBrowserVersion;\n"],
-  "mappings": "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",
+  "sourcesContent": ["//copied from https://github.com/faisalman/ua-parser-js/blob/master/src/ua-parser.js\n\nconst EMPTY = '',\n  UNKNOWN = '?',\n  FUNC_TYPE = 'function',\n  UNDEF_TYPE = 'undefined',\n  OBJ_TYPE = 'object',\n  STR_TYPE = 'string',\n  NAME = 'name',\n  VERSION = 'version';\n\nconst BROWSER = 'Browser',\n  CHROME = 'Chrome',\n  FIREFOX = 'Firefox',\n  OPERA = 'Opera';\n\nconst oldSafariMap = {\n  '1.0': '/8',\n  '1.2': '/1',\n  '1.3': '/3',\n  '2.0': '/412',\n  '2.0.2': '/416',\n  '2.0.3': '/417',\n  '2.0.4': '/419',\n  '?': '/',\n};\n\nfunction strMapper(str, map) {\n  for (const i in map) {\n    // check if current value is array\n    if (typeof map[i] === OBJ_TYPE && map[i].length > 0) {\n      for (const j in map[i]) {\n        if (j.includes(str)) {\n          return i === UNKNOWN ? undefined : i;\n        }\n      }\n    } else if (map[i].includes(str)) {\n      return i === UNKNOWN ? undefined : i;\n    }\n  }\n  return str;\n}\nfunction majorize(version) {\n  return typeof version === STR_TYPE\n    ? version.replace(/[^\\d.]/g, EMPTY).split('.')[0]\n    : undefined;\n}\n\nfunction rgxMapper(browser, ua, arrays) {\n  let i = 0,\n    j,\n    k,\n    p,\n    q,\n    matches,\n    match;\n\n  // loop through all regexes maps\n  while (i < arrays.length && !matches) {\n    const regex = arrays[i], // even sequence (0,2,4,..)\n      props = arrays[i + 1]; // odd sequence (1,3,5,..)\n    j = k = 0;\n\n    // try matching uastring with regexes\n    while (j < regex.length && !matches) {\n      matches = regex[j++].exec(ua);\n\n      if (matches) {\n        for (p = 0; p < props.length; p++) {\n          match = matches[++k];\n          q = props[p];\n          // check if given property is actually array\n          if (typeof q === OBJ_TYPE && q.length > 0) {\n            if (q.length == 2) {\n              if (typeof q[1] == FUNC_TYPE) {\n                // assign modified match\n                browser[q[0]] = q[1].call(browser, match);\n              } else {\n                // assign given value, ignore regex match\n                browser[q[0]] = q[1];\n              }\n            } else if (q.length == 3) {\n              // check whether function or regex\n              if (typeof q[1] === FUNC_TYPE && !(q[1].exec && q[1].test)) {\n                // call function (usually string mapper)\n                browser[q[0]] = match\n                  ? q[1].call(browser, match, q[2])\n                  : undefined;\n              } else {\n                // sanitize match using given regex\n                browser[q[0]] = match ? match.replace(q[1], q[2]) : undefined;\n              }\n            } else if (q.length == 4) {\n              browser[q[0]] = match\n                ? q[3].call(browser, match.replace(q[1], q[2]))\n                : undefined;\n            }\n          } else {\n            browser[q] = match ? match : undefined;\n          }\n        }\n      }\n    }\n    i += 2;\n  }\n}\n\nconst browserRegexes = [\n  [\n    /\\b(?:crmo|crios)\\/([\\w.]+)/i, // Chrome for Android/iOS\n  ],\n  [VERSION, [NAME, 'Chrome']],\n  [\n    /edg(?:e|ios|a)?\\/([\\w.]+)/i, // Microsoft Edge\n  ],\n  [VERSION, [NAME, 'Edge']],\n  [\n    // Presto based\n    /(opera mini)\\/([-\\w.]+)/i, // Opera Mini\n    /(opera [mobiletab]{3,6})\\b.+version\\/([-\\w.]+)/i, // Opera Mobi/Tablet\n    /(opera)(?:.+version\\/|[/ ]+)([\\w.]+)/i, // Opera\n  ],\n  [NAME, VERSION],\n  [\n    /opios[/ ]+([\\w.]+)/i, // Opera mini on iphone >= 8.0\n  ],\n  [VERSION, [NAME, OPERA + ' Mini']],\n  [\n    /\\bopr\\/([\\w.]+)/i, // Opera Webkit\n  ],\n  [VERSION, [NAME, OPERA]],\n  [\n    // Mixed\n    /(kindle)\\/([\\w.]+)/i, // Kindle\n    /(lunascape|maxthon|netfront|jasmine|blazer)[/ ]?([\\w.]*)/i, // Lunascape/Maxthon/Netfront/Jasmine/Blazer\n    // Trident based\n    /(avant |iemobile|slim)(?:browser)?[/ ]?([\\w.]*)/i, // Avant/IEMobile/SlimBrowser\n    /(ba?idubrowser)[/ ]?([\\w.]+)/i, // Baidu Browser\n    /(?:ms|\\()(ie) ([\\w.]+)/i, // Internet Explorer\n\n    // Webkit/KHTML based                                               // Flock/RockMelt/Midori/Epiphany/Silk/Skyfire/Bolt/Iron/Iridium/PhantomJS/Bowser/QupZilla/Falkon\n    /(flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark|qupzilla|falkon|rekonq|puffin|brave|whale|qqbrowserlite|qq)\\/([-\\w.]+)/i,\n    // Rekonq/Puffin/Brave/Whale/QQBrowserLite/QQ, aka ShouQ\n    /(weibo)__([\\d.]+)/i, // Weibo\n  ],\n  [NAME, VERSION],\n  [\n    /(?:\\buc? ?browser|(?:juc.+)ucweb)[/ ]?([\\w.]+)/i, // UCBrowser\n  ],\n  [VERSION, [NAME, 'UC' + BROWSER]],\n  [\n    /\\bqbcore\\/([\\w.]+)/i, // WeChat Desktop for Windows Built-in Browser\n  ],\n  [VERSION, [NAME, 'WeChat(Win) Desktop']],\n  [\n    /micromessenger\\/([\\w.]+)/i, // WeChat\n  ],\n  [VERSION, [NAME, 'WeChat']],\n  [\n    /konqueror\\/([\\w.]+)/i, // Konqueror\n  ],\n  [VERSION, [NAME, 'Konqueror']],\n  [\n    /trident.+rv[: ]([\\w.]{1,9})\\b.+like gecko/i, // IE11\n  ],\n  [VERSION, [NAME, 'IE']],\n  [\n    /yabrowser\\/([\\w.]+)/i, // Yandex\n  ],\n  [VERSION, [NAME, 'Yandex']],\n  [\n    /(avast|avg)\\/([\\w.]+)/i, // Avast/AVG Secure Browser\n  ],\n  [[NAME, /(.+)/, '$1 Secure ' + BROWSER], VERSION],\n  [\n    /\\bfocus\\/([\\w.]+)/i, // Firefox Focus\n  ],\n  [VERSION, [NAME, FIREFOX + ' Focus']],\n  [\n    /\\bopt\\/([\\w.]+)/i, // Opera Touch\n  ],\n  [VERSION, [NAME, OPERA + ' Touch']],\n  [\n    /coc_coc\\w+\\/([\\w.]+)/i, // Coc Coc Browser\n  ],\n  [VERSION, [NAME, 'Coc Coc']],\n  [\n    /dolfin\\/([\\w.]+)/i, // Dolphin\n  ],\n  [VERSION, [NAME, 'Dolphin']],\n  [\n    /coast\\/([\\w.]+)/i, // Opera Coast\n  ],\n  [VERSION, [NAME, OPERA + ' Coast']],\n  [\n    /miuibrowser\\/([\\w.]+)/i, // MIUI Browser\n  ],\n  [VERSION, [NAME, 'MIUI ' + BROWSER]],\n  [\n    /fxios\\/([-\\w.]+)/i, // Firefox for iOS\n  ],\n  [VERSION, [NAME, FIREFOX]],\n  [\n    /\\bqihu|(qi?ho?o?|360)browser/i, // 360\n  ],\n  [[NAME, '360 ' + BROWSER]],\n  [/(oculus|samsung|sailfish)browser\\/([\\w.]+)/i],\n  [[NAME, /(.+)/, '$1 ' + BROWSER], VERSION],\n  [\n    // Oculus/Samsung/Sailfish Browser\n    /(comodo_dragon)\\/([\\w.]+)/i, // Comodo Dragon\n  ],\n  [[NAME, /_/g, ' '], VERSION],\n  [\n    /(electron)\\/([\\w.]+) safari/i, // Electron-based App\n    /(tesla)(?: qtcarbrowser|\\/(20\\d\\d\\.[-\\w.]+))/i, // Tesla\n    /m?(qqbrowser|baiduboxapp|2345Explorer)[/ ]?([\\w.]+)/i, // QQBrowser/Baidu App/2345 Browser\n  ],\n  [NAME, VERSION],\n  [\n    /(metasr)[/ ]?([\\w.]+)/i, // SouGouBrowser\n    /(lbbrowser)/i, // LieBao Browser\n  ],\n  [NAME],\n  [\n    // WebView\n    /((?:fban\\/fbios|fb_iab\\/fb4a)(?!.+fbav)|;fbav\\/([\\w.]+);)/i, // Facebook App for iOS & Android\n  ],\n  [[NAME, 'Facebook'], VERSION],\n  [\n    /safari (line)\\/([\\w.]+)/i, // Line App for iOS\n    /\\b(line)\\/([\\w.]+)\\/iab/i, // Line App for Android\n    /(chromium|instagram)[/ ]([-\\w.]+)/i, // Chromium/Instagram\n  ],\n  [NAME, VERSION],\n  [\n    /\\bgsa\\/([\\w.]+) .*safari\\//i, // Google Search Appliance on iOS\n  ],\n  [VERSION, [NAME, 'GSA']],\n  [\n    /headlesschrome(?:\\/([\\w.]+)| )/i, // Chrome Headless\n  ],\n  [VERSION, [NAME, CHROME + ' Headless']],\n  [\n    / wv\\).+(chrome)\\/([\\w.]+)/i, // Chrome WebView\n  ],\n  [[NAME, CHROME + ' WebView'], VERSION],\n  [\n    /droid.+ version\\/([\\w.]+)\\b.+(?:mobile safari|safari)/i, // Android Browser\n  ],\n  [VERSION, [NAME, 'Android ' + BROWSER]],\n  [\n    /(chrome|omniweb|arora|[tizenoka]{5} ?browser)\\/v?([\\w.]+)/i, // Chrome/OmniWeb/Arora/Tizen/Nokia\n  ],\n  [NAME, VERSION],\n  [\n    /version\\/([\\w.]+) .*mobile\\/\\w+ (safari)/i, // Mobile Safari\n  ],\n  [VERSION, [NAME, 'Mobile Safari']],\n  [\n    /version\\/([\\w.]+) .*(mobile ?safari|safari)/i, // Safari & Safari Mobile\n  ],\n  [VERSION, NAME],\n  [\n    /webkit.+?(mobile ?safari|safari)(\\/[\\w.]+)/i, // Safari < 3.0\n  ],\n  [NAME, [VERSION, strMapper, oldSafariMap]],\n  [/(webkit|khtml)\\/([\\w.]+)/i],\n  [NAME, VERSION],\n  [\n    // Gecko based\n    /(navigator|netscape\\d?)\\/([-\\w.]+)/i, // Netscape\n  ],\n  [[NAME, 'Netscape'], VERSION],\n  [\n    /mobile vr; rv:([\\w.]+)\\).+firefox/i, // Firefox Reality\n  ],\n  [VERSION, [NAME, FIREFOX + ' Reality']],\n  [\n    /ekiohf.+(flow)\\/([\\w.]+)/i, // Flow\n    /(swiftfox)/i, // Swiftfox\n    /(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror|klar)[/ ]?([\\w.+]+)/i,\n    // IceDragon/Iceweasel/Camino/Chimera/Fennec/Maemo/Minimo/Conkeror/Klar\n    /(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\\/([-\\w.]+)$/i,\n    // Firefox/SeaMonkey/K-Meleon/IceCat/IceApe/Firebird/Phoenix\n    /(firefox)\\/([\\w.]+)/i, // Other Firefox-based\n    /(mozilla)\\/([\\w.]+) .+rv:.+gecko\\/\\d+/i, // Mozilla\n\n    // Other\n    /(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir|obigo|mosaic|(?:go|ice|up)[. ]?browser)[-/ ]?v?([\\w.]+)/i,\n    // Polaris/Lynx/Dillo/iCab/Doris/Amaya/w3m/NetSurf/Sleipnir/Obigo/Mosaic/Go/ICE/UP.Browser\n    /(links) \\(([\\w.]+)/i, // Links\n  ],\n  [NAME, VERSION],\n];\n\nconst _ua =\n  typeof window !== UNDEF_TYPE && window.navigator && window.navigator.userAgent\n    ? window.navigator.userAgent\n    : EMPTY;\n\ninterface Browser {\n  name?: string;\n  version?: string;\n}\n\nexport function evaluateBrowserVersion(): Browser {\n  const browser: Browser = { name: '', version: '' };\n  rgxMapper(browser, _ua, browserRegexes);\n  browser.version = majorize(browser.version);\n  return browser;\n}\n\ntype Mobile = RegExpMatchArray | null;\n\nexport const isMobile = {\n  Android: function (): Mobile {\n    return navigator.userAgent.match(/Android/i);\n  },\n  BlackBerry: function (): Mobile {\n    return navigator.userAgent.match(/BlackBerry/i);\n  },\n  iOS: function (): Mobile {\n    return navigator.userAgent.match(/iPhone|iPad|iPod/i);\n  },\n  Opera: function (): Mobile {\n    return navigator.userAgent.match(/Opera Mini/i);\n  },\n  Windows: function (): Mobile {\n    return (\n      navigator.userAgent.match(/IEMobile/i) ||\n      navigator.userAgent.match(/WPDesktop/i)\n    );\n  },\n  any: function (): Mobile {\n    return (\n      isMobile.Android() ||\n      isMobile.BlackBerry() ||\n      isMobile.iOS() ||\n      isMobile.Opera() ||\n      isMobile.Windows()\n    );\n  },\n};\n\nexport default evaluateBrowserVersion;\n"],
+  "mappings": "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",
   "names": []
 }

package/app/OutdatedBrowserBanner/index.d.ts

@@ -1,2 +1,3 @@
+import { type JSX } from 'react';
 export default function OutdatedBrowserBanner(): JSX.Element;
 export * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';

package/app/OutdatedBrowserBanner/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/OutdatedBrowserBanner/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { isMobile } from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';\nimport useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\nimport { WarningText } from '@digigov/ui/feedback/WarningText';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Link from '@digigov/ui/navigation/Link';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport default function OutdatedBrowserBanner(): JSX.Element {\n  const mob = isMobile;\n  const [shouldUpdate, updateLink] = useOutdatedBrowserCheck();\n  const { t } = useTranslation();\n  return (\n    <WarningText>\n      {shouldUpdate ? (\n        <>\n          {mob.any() ? (\n            <>\n              <Paragraph>{t('outdated.mobile')}</Paragraph>\n            </>\n          ) : (\n            <>\n              <Paragraph>\n                {t('outdated.web')}\n                <Link href={updateLink} target=\"_blank\">\n                  {updateLink}{' '}\n                </Link>\n              </Paragraph>\n            </>\n          )}\n        </>\n      ) : (\n        <></>\n      )}\n    </WarningText>\n  );\n}\n\nexport * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AACzB,OAAO,6BAA6B;AACpC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,OAAO,UAAU;AACjB,OAAO,eAAe;AAEP,SAAR,wBAAsD;AAC3D,QAAM,MAAM;AACZ,QAAM,CAAC,cAAc,UAAU,IAAI,wBAAwB;AAC3D,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,oCAAC,mBACE,eACC,0DACG,IAAI,IAAI,IACP,0DACE,oCAAC,iBAAW,EAAE,iBAAiB,CAAE,CACnC,IAEA,0DACE,oCAAC,iBACE,EAAE,cAAc,GACjB,oCAAC,QAAK,MAAM,YAAY,QAAO,YAC5B,YAAY,GACf,CACF,CACF,CAEJ,IAEA,wDAAE,CAEN;AAEJ;AAEA,cAAc;",
+  "sourcesContent": ["import React, { type JSX } from 'react';\nimport { isMobile } from '@digigov/ui/app/OutdatedBrowserBanner/hooks/evaluateBrowserVersion';\nimport useOutdatedBrowserCheck from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\nimport { WarningText } from '@digigov/ui/feedback/WarningText';\nimport { useTranslation } from '@digigov/ui/i18n';\nimport Link from '@digigov/ui/navigation/Link';\nimport Paragraph from '@digigov/ui/typography/Paragraph';\n\nexport default function OutdatedBrowserBanner(): JSX.Element {\n  const mob = isMobile;\n  const [shouldUpdate, updateLink] = useOutdatedBrowserCheck();\n  const { t } = useTranslation();\n  return (\n    <WarningText>\n      {shouldUpdate ? (\n        <>\n          {mob.any() ? (\n            <>\n              <Paragraph>{t('outdated.mobile')}</Paragraph>\n            </>\n          ) : (\n            <>\n              <Paragraph>\n                {t('outdated.web')}\n                <Link href={updateLink} target=\"_blank\">\n                  {updateLink}{' '}\n                </Link>\n              </Paragraph>\n            </>\n          )}\n        </>\n      ) : (\n        <></>\n      )}\n    </WarningText>\n  );\n}\n\nexport * from '@digigov/ui/app/OutdatedBrowserBanner/hooks/useOutdatedBrowserCheck';\n"],
+  "mappings": "AAAA,OAAO,WAAyB;AAChC,SAAS,gBAAgB;AACzB,OAAO,6BAA6B;AACpC,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,OAAO,UAAU;AACjB,OAAO,eAAe;AAEP,SAAR,wBAAsD;AAC3D,QAAM,MAAM;AACZ,QAAM,CAAC,cAAc,UAAU,IAAI,wBAAwB;AAC3D,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,oCAAC,mBACE,eACC,0DACG,IAAI,IAAI,IACP,0DACE,oCAAC,iBAAW,EAAE,iBAAiB,CAAE,CACnC,IAEA,0DACE,oCAAC,iBACE,EAAE,cAAc,GACjB,oCAAC,QAAK,MAAM,YAAY,QAAO,YAC5B,YAAY,GACf,CACF,CACF,CAEJ,IAEA,wDAAE,CAEN;AAEJ;AAEA,cAAc;",
   "names": []
 }

package/app/Panel/Panel.stories.d.ts

@@ -3,6 +3,8 @@ declare namespace _default {
     export let description: string;
     export let link: string;
     export { Panel as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/app/Panel/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/PhaseBannerHeader/PhaseBannerHeader.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { PhaseBannerHeader as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/app/PhaseBannerHeader/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/PhaseBannerHeader/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 type DivElementAttributes = JSX.IntrinsicElements['div'];
 export interface PhaseBannerHeaderProps extends DivElementAttributes {
     tag?: string;

package/app/PhaseBannerHeader/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/PhaseBannerHeader/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport HeaderContent from '@digigov/react-core/HeaderContent';\nimport PhaseBanner from '@digigov/react-core/PhaseBanner';\nimport PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';\nimport PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\nimport PhaseBannerText from '@digigov/react-core/PhaseBannerText';\n\ntype DivElementAttributes = JSX.IntrinsicElements['div'];\nexport interface PhaseBannerHeaderProps extends DivElementAttributes {\n  tag?: string;\n  text?: string;\n}\n\nexport const PhaseBannerHeader = React.forwardRef<\n  HTMLDivElement,\n  PhaseBannerHeaderProps\n>(function PhaseBannerHeader({ text, tag, ...props }, ref) {\n  return (\n    <PhaseBannerHeaderContainer {...props} ref={ref}>\n      <HeaderContent>\n        <PhaseBanner>\n          <PhaseBannerTag>{tag}</PhaseBannerTag>\n          <PhaseBannerText>{text}</PhaseBannerText>\n        </PhaseBanner>\n      </HeaderContent>\n    </PhaseBannerHeaderContainer>\n  );\n});\n\nexport default PhaseBannerHeader;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,mBAAmB;AAC1B,OAAO,iBAAiB;AACxB,OAAO,gCAAgC;AACvC,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAQrB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBAAkB,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK;AACzD,SACE,oCAAC,8BAA4B,GAAG,OAAO,OACrC,oCAAC,qBACC,oCAAC,mBACC,oCAAC,sBAAgB,GAAI,GACrB,oCAAC,uBAAiB,IAAK,CACzB,CACF,CACF;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
+  "sourcesContent": ["import React, { type JSX } from 'react';\nimport HeaderContent from '@digigov/react-core/HeaderContent';\nimport PhaseBanner from '@digigov/react-core/PhaseBanner';\nimport PhaseBannerHeaderContainer from '@digigov/react-core/PhaseBannerHeaderContainer';\nimport PhaseBannerTag from '@digigov/react-core/PhaseBannerTag';\nimport PhaseBannerText from '@digigov/react-core/PhaseBannerText';\n\ntype DivElementAttributes = JSX.IntrinsicElements['div'];\nexport interface PhaseBannerHeaderProps extends DivElementAttributes {\n  tag?: string;\n  text?: string;\n}\n\nexport const PhaseBannerHeader = React.forwardRef<\n  HTMLDivElement,\n  PhaseBannerHeaderProps\n>(function PhaseBannerHeader({ text, tag, ...props }, ref) {\n  return (\n    <PhaseBannerHeaderContainer {...props} ref={ref}>\n      <HeaderContent>\n        <PhaseBanner>\n          <PhaseBannerTag>{tag}</PhaseBannerTag>\n          <PhaseBannerText>{text}</PhaseBannerText>\n        </PhaseBanner>\n      </HeaderContent>\n    </PhaseBannerHeaderContainer>\n  );\n});\n\nexport default PhaseBannerHeader;\n"],
+  "mappings": "AAAA,OAAO,WAAyB;AAChC,OAAO,mBAAmB;AAC1B,OAAO,iBAAiB;AACxB,OAAO,gCAAgC;AACvC,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAQrB,MAAM,oBAAoB,MAAM,WAGrC,SAASA,mBAAkB,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK;AACzD,SACE,oCAAC,8BAA4B,GAAG,OAAO,OACrC,oCAAC,qBACC,oCAAC,mBACC,oCAAC,sBAAgB,GAAI,GACrB,oCAAC,uBAAiB,IAAK,CACzB,CACF,CACF;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
   "names": ["PhaseBannerHeader"]
 }

package/app/QrCodeScanner/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/QrCodeScanner/index.js

@@ -25,7 +25,7 @@ In order to be safe, you can:
       if (dataType === "url") {
         try {
           new URL(data);
-        } catch (e) {
+        } catch {
           return onError(
             new Error(
               "@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`"

package/app/QrCodeScanner/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/QrCodeScanner/index.tsx"],
-  "sourcesContent": ["import React from 'react';\n\n// @ts-ignore\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n  style?: React.CSSProperties;\n  dataType?: 'url' | 'text';\n  legacyMode?: boolean;\n  validate?: (...args) => boolean;\n  onScan: (...args) => void;\n  onError: (err: any, data: any) => void;\n  onLoad?: (...args) => void;\n  onImageLoad?: (...args) => void;\n  delay?: number;\n  facingMode?: 'user' | 'environment';\n  showViewFinder?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n *    that receives the *raw* scanned data and returns a boolean type. (eg. check\n *    if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n *    and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n  children,\n  validate,\n  onScan,\n  onError,\n  dataType = 'url',\n  legacyMode = false,\n  ...props\n}) => {\n  if (dataType === 'text') {\n    console.warn(\n      `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n    );\n  }\n  const handleOnScan = (data) => {\n    if (data) {\n      if (dataType === 'url') {\n        try {\n          new URL(data);\n        } catch (e) {\n          return onError(\n            new Error(\n              '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n            ),\n            data\n          );\n        }\n      }\n      // run a validator function provided by the application code\n      if (validate && !validate(data)) {\n        return onError(\n          new Error('Custom QR Code payload validation failed'),\n          data\n        );\n      }\n      // proceed with application defined callback function\n      onScan(data);\n    }\n  };\n  return (\n    <>\n      <QrReader\n        delay={100}\n        onError={onError}\n        onScan={handleOnScan}\n        legacyMode={legacyMode}\n        {...props}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default QrCodeScanner;\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAGlB,MAAM,WAAW,MAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,SAAS,GAAG;AACV,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
+  "sourcesContent": ["import React from 'react';\n\n// @ts-ignore\nconst QrReader = React.lazy(() => import('@uides/react-qr-reader'));\n\nexport interface QrCodeScannerProps {\n  style?: React.CSSProperties;\n  dataType?: 'url' | 'text';\n  legacyMode?: boolean;\n  validate?: (...args) => boolean;\n  onScan: (...args) => void;\n  onError: (err: any, data: any) => void;\n  onLoad?: (...args) => void;\n  onImageLoad?: (...args) => void;\n  delay?: number;\n  facingMode?: 'user' | 'environment';\n  showViewFinder?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * QRCodeScanner assumes that the data provided inside the QR code image,\n * are a HTTP link, thus it uses the `encodeURI` function to escape\n * all scanned data that will be forwarded to the `onScan` function\n *\n * When a QR code is scanned, before we run the `onScan` callback function,\n * we do the following:\n *\n * 1. Run a validator function provided in the props of QrCodeScanner component\n *    that receives the *raw* scanned data and returns a boolean type. (eg. check\n *    if it's a gov.gr subdomain, or that it matches the current domain)\n * 2. If the validator returns `true`, then construct a URL object from the data provided\n *    and check if the protocol is `https` and the `origin` is the same as the origin of this page\n * 2. Automatically fallback to the `onError` callback function, if the validation or url check fail\n * 3. Finally, run `onScan` callback function with the scanned data encoded as a URI.\n *\n */\n\nexport const QrCodeScanner: React.FC<QrCodeScannerProps> = ({\n  children,\n  validate,\n  onScan,\n  onError,\n  dataType = 'url',\n  legacyMode = false,\n  ...props\n}) => {\n  if (dataType === 'text') {\n    console.warn(\n      `Security Warning! The \\`text\\` dataType could be used to inject XSS code to your application database or user DOM.\n\nIn order to be safe, you can:\n1. Use a sanitizer function inside the \\`onScan\\` callback function that makes sure the data is not posing a threat to your app\n2. Contact @digigov-ui for any further details and feature requests.\n3. Read more about xss https://owasp.org/www-community/attacks/xss/\n`\n    );\n  }\n  const handleOnScan = (data) => {\n    if (data) {\n      if (dataType === 'url') {\n        try {\n          new URL(data);\n        } catch {\n          return onError(\n            new Error(\n              '@digigov-ui XSS Validation failed: qr code payload should follow the pattern `https://dilosi.services.gov.gr/show/:reference_code`'\n            ),\n            data\n          );\n        }\n      }\n      // run a validator function provided by the application code\n      if (validate && !validate(data)) {\n        return onError(\n          new Error('Custom QR Code payload validation failed'),\n          data\n        );\n      }\n      // proceed with application defined callback function\n      onScan(data);\n    }\n  };\n  return (\n    <>\n      <QrReader\n        delay={100}\n        onError={onError}\n        onScan={handleOnScan}\n        legacyMode={legacyMode}\n        {...props}\n      />\n      {children}\n    </>\n  );\n};\n\nexport default QrCodeScanner;\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAGlB,MAAM,WAAW,MAAM,KAAK,MAAM,OAAO,wBAAwB,CAAC;AAoC3D,MAAM,gBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,aAAa;AAAA,EACb,GAAG;AACL,MAAM;AACJ,MAAI,aAAa,QAAQ;AACvB,YAAQ;AAAA,MACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOF;AAAA,EACF;AACA,QAAM,eAAe,CAAC,SAAS;AAC7B,QAAI,MAAM;AACR,UAAI,aAAa,OAAO;AACtB,YAAI;AACF,cAAI,IAAI,IAAI;AAAA,QACd,QAAQ;AACN,iBAAO;AAAA,YACL,IAAI;AAAA,cACF;AAAA,YACF;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAEA,UAAI,YAAY,CAAC,SAAS,IAAI,GAAG;AAC/B,eAAO;AAAA,UACL,IAAI,MAAM,0CAA0C;AAAA,UACpD;AAAA,QACF;AAAA,MACF;AAEA,aAAO,IAAI;AAAA,IACb;AAAA,EACF;AACA,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACC,GAAG;AAAA;AAAA,EACN,GACC,QACH;AAEJ;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/app/QrCodeViewer/QRCode.stories.d.ts

@@ -1,6 +1,8 @@
 declare namespace _default {
     export let title: string;
     export { QrCodeViewer as component };
+    export let tags: string[];
+    export { doc as markdown };
     export let displayName: string;
 }
 export default _default;

package/app/QrCodeViewer/__stories__/Custom.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Custom: () => React.JSX.Element;
+export declare const Custom: (_: any) => React.JSX.Element;
 export default Custom;

package/app/QrCodeViewer/__stories__/Default.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-export declare const Default: () => React.JSX.Element;
+export declare const Default: (_: any) => React.JSX.Element;
 export default Default;

package/app/QrCodeViewer/index.js

@@ -14,7 +14,7 @@ const DEFAULT_INCLUDEMARGIN = false;
 const SUPPORTS_PATH2D = function() {
   try {
     new Path2D().addPath(new Path2D());
-  } catch (e) {
+  } catch {
     return false;
   }
   return true;

package/app/QrCodeViewer/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/QrCodeViewer/index.tsx"],
-  "sourcesContent": ["import React, { useRef, useEffect, useState } from 'react';\nimport qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';\nimport { QRPropsCanvas } from '@digigov/ui/app/QrCodeViewer/types';\nimport {\n  generatePath,\n  excavateModules,\n  getImageSettings,\n  MARGIN_SIZE,\n} from '@digigov/ui/app/QrCodeViewer/utils';\n\nconst DEFAULT_SIZE = 128;\nconst DEFAULT_LEVEL = 'L';\nconst DEFAULT_BGCOLOR = '#FFFFFF';\nconst DEFAULT_FGCOLOR = '#000000';\nconst DEFAULT_INCLUDEMARGIN = false;\n\nconst SUPPORTS_PATH2D = (function () {\n  try {\n    new Path2D().addPath(new Path2D());\n  } catch (e) {\n    return false;\n  }\n  return true;\n})();\nconst ERROR_LEVEL_MAP: { [index: string]: qrcodegen.QrCode.Ecc } = {\n  L: qrcodegen.QrCode.Ecc.LOW,\n  M: qrcodegen.QrCode.Ecc.MEDIUM,\n  Q: qrcodegen.QrCode.Ecc.QUARTILE,\n  H: qrcodegen.QrCode.Ecc.HIGH,\n};\nconst QrCodeViewerCanvas = React.forwardRef(function QrCodeViewerCanvas(\n  props: QRPropsCanvas,\n  ref: any\n) {\n  const {\n    value,\n    size = DEFAULT_SIZE,\n    level = DEFAULT_LEVEL,\n    bgColor = DEFAULT_BGCOLOR,\n    fgColor = DEFAULT_FGCOLOR,\n    includeMargin = DEFAULT_INCLUDEMARGIN,\n    style,\n    imageSettings,\n    ...otherProps\n  } = props;\n  const imgSrc = imageSettings?.src;\n  const _canvasRef = useRef<HTMLCanvasElement>(null);\n  const _canvas = ref || _canvasRef;\n  const _image = useRef<HTMLImageElement>(null);\n  // We're just using this state to trigger rerenders when images load. We\n  // Don't actually read the value anywhere. A smarter use of useEffect would\n  // depend on this value.\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const [isImgLoaded, setIsImageLoaded] = useState(false);\n\n  useEffect(() => {\n    // Always update the canvas. It's cheap enough and we want to be correct\n    // with the current state.\n    if (_canvas.current !== null) {\n      const canvas = _canvas.current;\n\n      const ctx = canvas.getContext('2d');\n      if (!ctx) {\n        return;\n      }\n\n      let cells = qrcodegen.QrCode.encodeText(\n        value,\n        ERROR_LEVEL_MAP[level]\n      ).getModules();\n\n      const margin = includeMargin ? MARGIN_SIZE : 0;\n      const numCells = cells.length + margin * 2;\n      const calculatedImageSettings = getImageSettings(\n        cells,\n        size,\n        includeMargin,\n        imageSettings\n      );\n\n      const image = _image.current;\n      const haveImageToRender =\n        calculatedImageSettings != null &&\n        image !== null &&\n        image.complete &&\n        image.naturalHeight !== 0 &&\n        image.naturalWidth !== 0;\n\n      if (haveImageToRender && calculatedImageSettings) {\n        if (calculatedImageSettings.excavation != null) {\n          cells = excavateModules(cells, calculatedImageSettings.excavation);\n        }\n      }\n\n      // We're going to scale this so that the number of drawable units\n      // matches the number of cells. This avoids rounding issues, but does\n      // result in some potentially unwanted single pixel issues between\n      // blocks, only in environments that don't support Path2D.\n      const pixelRatio = window.devicePixelRatio || 1;\n      canvas.height = canvas.width = size * pixelRatio;\n      const scale = (size / numCells) * pixelRatio;\n      ctx.scale(scale, scale);\n\n      // Draw solid background, only paint dark modules.\n      ctx.fillStyle = bgColor;\n      ctx.fillRect(0, 0, numCells, numCells);\n\n      ctx.fillStyle = fgColor;\n      if (SUPPORTS_PATH2D) {\n        // $FlowFixMe: Path2D c'tor doesn't support args yet.\n        ctx.fill(new Path2D(generatePath(cells, margin)));\n      } else {\n        cells.forEach(function (row, rdx) {\n          row.forEach(function (cell, cdx) {\n            if (cell) {\n              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);\n            }\n          });\n        });\n      }\n\n      if (haveImageToRender && calculatedImageSettings) {\n        if (image instanceof HTMLImageElement) {\n          ctx.drawImage(\n            image,\n            calculatedImageSettings.x + margin,\n            calculatedImageSettings.y + margin,\n            calculatedImageSettings.w,\n            calculatedImageSettings.h\n          );\n        }\n      }\n    }\n  });\n\n  // Ensure we mark image loaded as false here so we trigger updating the\n  // canvas in our other effect.\n  useEffect(() => {\n    setIsImageLoaded(false);\n  }, [imgSrc, isImgLoaded]);\n\n  const canvasStyle = { height: size, width: size, ...style };\n  let img;\n  if (imgSrc != null) {\n    img = (\n      <img\n        src={imgSrc}\n        key={imgSrc}\n        style={{ display: 'none' }}\n        onLoad={() => {\n          setIsImageLoaded(true);\n        }}\n        ref={_image}\n      />\n    );\n  }\n  return (\n    <>\n      <canvas\n        style={canvasStyle}\n        height={size}\n        width={size}\n        ref={_canvas}\n        {...otherProps}\n      />\n      {img}\n    </>\n  );\n});\n\nexport interface QrCodeViewerProps extends QRPropsCanvas {}\n\nexport const QrCodeViewer = React.forwardRef(function QrCodeViewer(\n  props: QrCodeViewerProps,\n  ref\n) {\n  return <QrCodeViewerCanvas {...props} ref={ref} />;\n});\n\nexport default QrCodeViewer;"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useRef, useEffect, useState } from 'react';\nimport qrcodegen from '@digigov/ui/app/QrCodeViewer/qrcodegen';\nimport { QRPropsCanvas } from '@digigov/ui/app/QrCodeViewer/types';\nimport {\n  generatePath,\n  excavateModules,\n  getImageSettings,\n  MARGIN_SIZE,\n} from '@digigov/ui/app/QrCodeViewer/utils';\n\nconst DEFAULT_SIZE = 128;\nconst DEFAULT_LEVEL = 'L';\nconst DEFAULT_BGCOLOR = '#FFFFFF';\nconst DEFAULT_FGCOLOR = '#000000';\nconst DEFAULT_INCLUDEMARGIN = false;\n\nconst SUPPORTS_PATH2D = (function () {\n  try {\n    new Path2D().addPath(new Path2D());\n  } catch {\n    return false;\n  }\n  return true;\n})();\nconst ERROR_LEVEL_MAP: Record<string, qrcodegen.QrCode.Ecc> = {\n  L: qrcodegen.QrCode.Ecc.LOW,\n  M: qrcodegen.QrCode.Ecc.MEDIUM,\n  Q: qrcodegen.QrCode.Ecc.QUARTILE,\n  H: qrcodegen.QrCode.Ecc.HIGH,\n};\nconst QrCodeViewerCanvas = React.forwardRef(function QrCodeViewerCanvas(\n  props: QRPropsCanvas,\n  ref: any\n) {\n  const {\n    value,\n    size = DEFAULT_SIZE,\n    level = DEFAULT_LEVEL,\n    bgColor = DEFAULT_BGCOLOR,\n    fgColor = DEFAULT_FGCOLOR,\n    includeMargin = DEFAULT_INCLUDEMARGIN,\n    style,\n    imageSettings,\n    ...otherProps\n  } = props;\n  const imgSrc = imageSettings?.src;\n  const _canvasRef = useRef<HTMLCanvasElement>(null);\n  const _canvas = ref || _canvasRef;\n  const _image = useRef<HTMLImageElement>(null);\n  // We're just using this state to trigger rerenders when images load. We\n  // Don't actually read the value anywhere. A smarter use of useEffect would\n  // depend on this value.\n\n  const [isImgLoaded, setIsImageLoaded] = useState(false);\n\n  useEffect(() => {\n    // Always update the canvas. It's cheap enough and we want to be correct\n    // with the current state.\n    if (_canvas.current !== null) {\n      const canvas = _canvas.current;\n\n      const ctx = canvas.getContext('2d');\n      if (!ctx) {\n        return;\n      }\n\n      let cells = qrcodegen.QrCode.encodeText(\n        value,\n        ERROR_LEVEL_MAP[level]\n      ).getModules();\n\n      const margin = includeMargin ? MARGIN_SIZE : 0;\n      const numCells = cells.length + margin * 2;\n      const calculatedImageSettings = getImageSettings(\n        cells,\n        size,\n        includeMargin,\n        imageSettings\n      );\n\n      const image = _image.current;\n      const haveImageToRender =\n        calculatedImageSettings != null &&\n        image !== null &&\n        image.complete &&\n        image.naturalHeight !== 0 &&\n        image.naturalWidth !== 0;\n\n      if (haveImageToRender && calculatedImageSettings) {\n        if (calculatedImageSettings.excavation != null) {\n          cells = excavateModules(cells, calculatedImageSettings.excavation);\n        }\n      }\n\n      // We're going to scale this so that the number of drawable units\n      // matches the number of cells. This avoids rounding issues, but does\n      // result in some potentially unwanted single pixel issues between\n      // blocks, only in environments that don't support Path2D.\n      const pixelRatio = window.devicePixelRatio || 1;\n      canvas.height = canvas.width = size * pixelRatio;\n      const scale = (size / numCells) * pixelRatio;\n      ctx.scale(scale, scale);\n\n      // Draw solid background, only paint dark modules.\n      ctx.fillStyle = bgColor;\n      ctx.fillRect(0, 0, numCells, numCells);\n\n      ctx.fillStyle = fgColor;\n      if (SUPPORTS_PATH2D) {\n        // $FlowFixMe: Path2D c'tor doesn't support args yet.\n        ctx.fill(new Path2D(generatePath(cells, margin)));\n      } else {\n        cells.forEach(function (row, rdx) {\n          row.forEach(function (cell, cdx) {\n            if (cell) {\n              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);\n            }\n          });\n        });\n      }\n\n      if (haveImageToRender && calculatedImageSettings) {\n        if (image instanceof HTMLImageElement) {\n          ctx.drawImage(\n            image,\n            calculatedImageSettings.x + margin,\n            calculatedImageSettings.y + margin,\n            calculatedImageSettings.w,\n            calculatedImageSettings.h\n          );\n        }\n      }\n    }\n  });\n\n  // Ensure we mark image loaded as false here so we trigger updating the\n  // canvas in our other effect.\n  useEffect(() => {\n    setIsImageLoaded(false);\n  }, [imgSrc, isImgLoaded]);\n\n  const canvasStyle = { height: size, width: size, ...style };\n  let img;\n  if (imgSrc != null) {\n    img = (\n      <img\n        src={imgSrc}\n        key={imgSrc}\n        style={{ display: 'none' }}\n        onLoad={() => {\n          setIsImageLoaded(true);\n        }}\n        ref={_image}\n      />\n    );\n  }\n  return (\n    <>\n      <canvas\n        style={canvasStyle}\n        height={size}\n        width={size}\n        ref={_canvas}\n        {...otherProps}\n      />\n      {img}\n    </>\n  );\n});\n\nexport interface QrCodeViewerProps extends QRPropsCanvas {}\n\nexport const QrCodeViewer = React.forwardRef(function QrCodeViewer(\n  props: QrCodeViewerProps,\n  ref\n) {\n  return <QrCodeViewerCanvas {...props} ref={ref} />;\n});\n\nexport default QrCodeViewer;\n"],
+  "mappings": "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",
   "names": ["QrCodeViewerCanvas", "QrCodeViewer"]
 }