@digigov/ui 2.0.0-7d9a8d86 → 2.0.0-85c27c19

package/app/Modal/auto.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/auto.tsx"],
-  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport Modal, { ModalContainerProps } from '@digigov/ui/app/Modal';\nimport { ModalId, UseModalReturn, useModal } from '@digigov/ui/app/Modal/hooks';\n\nexport const ModalContext = React.createContext<UseModalReturn | null>(null);\n\nexport interface ModalAutoProps extends ModalContainerProps {\n  id: string;\n  clickOutside?: boolean;\n  closeOnEscape?: boolean;\n}\n\nexport const ModalProvider = ({ children }: { children: React.ReactNode }) => {\n  const modal = useModal();\n  return (\n    <ModalContext.Provider value={modal}>{children}</ModalContext.Provider>\n  );\n};\n\nexport const useModalContext = (): UseModalReturn | null => {\n  const context = useContext(ModalContext);\n  if (context === null) {\n    throw new Error('useModalContext must be used within an ModalProvider');\n  }\n  return context;\n};\n\nexport const ModalAuto = React.forwardRef<HTMLDivElement, ModalAutoProps>(\n  function ModalAuto({\n    id,\n    clickOutside = false,\n    closeOnEscape = false,\n    ...props\n  }) {\n    const context = useModalContext();\n    if (!context) {\n      throw new Error('ModalAuto must be used within an ModalProvider');\n    }\n    const { registerModal } = context;\n    return (\n      <Modal {...registerModal(id, { clickOutside, closeOnEscape })} {...props}>\n        {props.children}\n      </Modal>\n    );\n  }\n);\n\nexport interface ModalButtonAutoProps extends ButtonProps {\n  modal: ModalId;\n  open?: boolean;\n  close?: boolean;\n}\n\nexport const ModalButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ModalButtonAutoProps\n>(function ModalButtonAuto(\n  {\n    modal: forModal,\n    open,\n    close,\n    variant = 'button',\n    color = 'primary',\n    ...props\n  },\n  ref\n) {\n  const context = useModalContext();\n  if (!context) {\n    throw new Error('ModalButtonAuto must be used within an ModalProvider');\n  }\n  const { registerAction } = context;\n  return (\n    <Button\n      ref={ref}\n      {...registerAction(forModal, open ? 'open' : 'close', { variant, color })}\n      {...props}\n    />\n  );\n});\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AAEO,MAAM,eAAe,MAAM,cAAqC;AAQhE,MAAM,gBAAgB,CAAC,CAAE,cAA8C;AAC5E,QAAM,QAAQ;AACd,SACE,oCAAC,aAAa,UAAd;AAAA,IAAuB,OAAO;AAAA,KAAQ;AAAA;AAInC,MAAM,kBAAkB,MAA6B;AAC1D,QAAM,UAAU,WAAW;AAC3B,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM;AAAA;AAElB,SAAO;AAAA;AAGF,MAAM,YAAY,MAAM,WAC7B,oBAAmB;AAAA,EACjB;AAAA,EACA,eAAe;AAAA,EACf,gBAAgB;AAAA,KACb;AAAA,GACF;AACD,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM;AAAA;AAElB,QAAM,CAAE,iBAAkB;AAC1B,SACE,oCAAC,OAAD;AAAA,OAAW,cAAc,IAAI,CAAE,cAAc;AAAA,OAAsB;AAAA,KAChE,MAAM;AAAA;AAYR,MAAM,kBAAkB,MAAM,WAGnC,0BACA;AAAA,EACE,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,QAAQ;AAAA,KACL;AAAA,GAEL,KACA;AACA,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM;AAAA;AAElB,QAAM,CAAE,kBAAmB;AAC3B,SACE,oCAAC,QAAD;AAAA,IACE;AAAA,OACI,eAAe,UAAU,OAAO,SAAS,SAAS,CAAE,SAAS;AAAA,OAC7D;AAAA;AAAA;",
-  "names": []
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { Button, ButtonProps } from '@digigov/react-core/Button';\nimport { ModalContainerProps } from '@digigov/react-core/ModalContainer';\nimport { ModalId, UseModalReturn, useModal } from '@digigov/ui/app/Modal/hooks';\nimport Modal from '@digigov/ui/app/Modal/Modal';\n\nexport const ModalContext = React.createContext<UseModalReturn | null>(null);\n\nexport interface ModalAutoProps extends ModalContainerProps {\n  id: string;\n  clickOutside?: boolean;\n  closeOnEscape?: boolean;\n}\n\nexport const ModalProvider = ({ children }: { children: React.ReactNode }) => {\n  const modal = useModal();\n  return (\n    <ModalContext.Provider value={modal}>{children}</ModalContext.Provider>\n  );\n};\n\nexport const useModalContext = (): UseModalReturn | null => {\n  const context = useContext(ModalContext);\n  if (context === null) {\n    throw new Error('useModalContext must be used within an ModalProvider');\n  }\n  return context;\n};\n\nexport const ModalAuto = React.forwardRef<HTMLDivElement, ModalAutoProps>(\n  function ModalAuto(\n    { id, clickOutside = false, closeOnEscape = false, ...props },\n    ref\n  ) {\n    const context = useModalContext();\n    if (!context) {\n      throw new Error('ModalAuto must be used within an ModalProvider');\n    }\n    const { registerModal } = context;\n    return (\n      <Modal\n        {...registerModal(id, { clickOutside, closeOnEscape })}\n        {...props}\n        ref={ref}\n      >\n        {props.children}\n      </Modal>\n    );\n  }\n);\n\nexport interface ModalButtonAutoProps extends ButtonProps {\n  modal: ModalId;\n  open?: boolean;\n  close?: boolean;\n}\n\nexport const ModalButtonAuto = React.forwardRef<\n  HTMLButtonElement,\n  ModalButtonAutoProps\n>(function ModalButtonAuto(\n  { modal: forModal, open, variant = 'button', color = 'primary', ...props },\n  ref\n) {\n  const context = useModalContext();\n  if (!context) {\n    throw new Error('ModalButtonAuto must be used within an ModalProvider');\n  }\n  const { registerAction } = context;\n  return (\n    <Button\n      ref={ref}\n      {...registerAction(forModal, open ? 'open' : 'close', { variant, color })}\n      {...props}\n    />\n  );\n});\n"],
+  "mappings": "AAAA,OAAO,SAAS,kBAAkB;AAClC,SAAS,cAA2B;AAEpC,SAAkC,gBAAgB;AAClD,OAAO,WAAW;AAEX,MAAM,eAAe,MAAM,cAAqC,IAAI;AAQpE,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAqC;AAC5E,QAAM,QAAQ,SAAS;AACvB,SACE,oCAAC,aAAa,UAAb,EAAsB,OAAO,SAAQ,QAAS;AAEnD;AAEO,MAAM,kBAAkB,MAA6B;AAC1D,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,MAAM,YAAY,MAAM;AAAA,EAC7B,SAASA,WACP,EAAE,IAAI,eAAe,OAAO,gBAAgB,OAAO,GAAG,MAAM,GAC5D,KACA;AACA,UAAM,UAAU,gBAAgB;AAChC,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,gDAAgD;AAAA,IAClE;AACA,UAAM,EAAE,cAAc,IAAI;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG,cAAc,IAAI,EAAE,cAAc,cAAc,CAAC;AAAA,QACpD,GAAG;AAAA,QACJ;AAAA;AAAA,MAEC,MAAM;AAAA,IACT;AAAA,EAEJ;AACF;AAQO,MAAM,kBAAkB,MAAM,WAGnC,SAASC,iBACT,EAAE,OAAO,UAAU,MAAM,UAAU,UAAU,QAAQ,WAAW,GAAG,MAAM,GACzE,KACA;AACA,QAAM,UAAU,gBAAgB;AAChC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,QAAM,EAAE,eAAe,IAAI;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACC,GAAG,eAAe,UAAU,OAAO,SAAS,SAAS,EAAE,SAAS,MAAM,CAAC;AAAA,MACvE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;",
+  "names": ["ModalAuto", "ModalButtonAuto"]
 }

package/app/Modal/hooks/index.js

@@ -1,48 +1,58 @@
-import React, {useState, useRef, useCallback} from "react";
+import React, { useState, useRef, useCallback } from "react";
 const useModal = () => {
   const [currentOpen, setCurrentOpen] = useState(null);
-  const modalsRef = useRef(new Map());
-  const buttonsRef = useRef(new Map());
+  const modalsRef = useRef(
+    /* @__PURE__ */ new Map()
+  );
+  const buttonsRef = useRef(
+    /* @__PURE__ */ new Map()
+  );
   const open = useCallback((id) => {
     setCurrentOpen(id);
   }, []);
   const close = useCallback(() => {
     setCurrentOpen(null);
   }, []);
-  const registerModal = useCallback((id, options) => {
-    const modalId = `modal-${id}`;
-    if (!modalsRef.current.get(id)?.current) {
-      modalsRef.current.set(id, React.createRef());
-      if (options?.clickOutside && currentOpen === id) {
-        const handleOutsideClick = (event) => {
-          const modalContainer = document.getElementById(modalId);
-          if (modalContainer === event.target) {
-            close();
-          }
-        };
-        window.addEventListener("mousedown", handleOutsideClick);
+  const registerModal = useCallback(
+    (id, options) => {
+      const modalId = `modal-${id}`;
+      if (!modalsRef.current.get(id)?.current) {
+        modalsRef.current.set(id, React.createRef());
+        if (options?.clickOutside && currentOpen === id) {
+          const handleOutsideClick = (event) => {
+            const modalContainer = document.getElementById(modalId);
+            if (modalContainer === event.target) {
+              close();
+            }
+          };
+          window.addEventListener("mousedown", handleOutsideClick);
+        }
       }
-    }
-    return {
-      open: currentOpen === id,
-      role: "dialog",
-      id: modalId,
-      onEscape: options?.closeOnEscape ? close : null,
-      "aria-modal": true,
-      "aria-labelledby": `modal-heading-${id}`,
-      ref: modalsRef.current.get(id)
-    };
-  }, [currentOpen]);
-  const registerAction = useCallback((id, type, options) => {
-    if (!buttonsRef.current.has(id)) {
-      buttonsRef.current.set(id, React.createRef());
-    }
-    return {
-      onClick: () => type === "open" ? open(id) : close(),
-      ref: buttonsRef.current.get(id),
-      ...options
-    };
-  }, [currentOpen]);
+      return {
+        open: currentOpen === id,
+        role: "dialog",
+        id: modalId,
+        onEscape: options?.closeOnEscape ? close : null,
+        "aria-modal": true,
+        "aria-labelledby": `modal-heading-${id}`,
+        ref: modalsRef.current.get(id)
+      };
+    },
+    [currentOpen]
+  );
+  const registerAction = useCallback(
+    (id, type, options) => {
+      if (!buttonsRef.current.has(id)) {
+        buttonsRef.current.set(id, React.createRef());
+      }
+      return {
+        onClick: () => type === "open" ? open(id) : close(),
+        ref: buttonsRef.current.get(id),
+        ...options
+      };
+    },
+    [currentOpen]
+  );
   return {
     open,
     close,

package/app/Modal/hooks.js.map

@@ -2,6 +2,6 @@
   "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;AAmCO,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,kBAAkB,SAAyB;AAC/D,QAAM,YAAY,OAChB,IAAI;AAEN,QAAM,aAAa,OACjB,IAAI;AAEN,QAAM,OAAO,YAAY,CAAC,OAAgB;AACxC,mBAAe;AAAA,KACd;AAEH,QAAM,QAAQ,YAAY,MAAM;AAC9B,mBAAe;AAAA,KACd;AAEH,QAAM,gBAAgB,YACpB,CAAC,IAAI,YAAY;AACf,UAAM,UAAU,SAAS;AACzB,QAAI,CAAC,UAAU,QAAQ,IAAI,KAAK,SAAS;AACvC,gBAAU,QAAQ,IAAI,IAAI,MAAM;AAChC,UAAI,SAAS,gBAAgB,gBAAgB,IAAI;AAC/C,cAAM,qBAAqB,CAAC,UAAsB;AAChD,gBAAM,iBAAiB,SAAS,eAAe;AAC/C,cAAI,mBAAmB,MAAM,QAAQ;AACnC;AAAA;AAAA;AAGJ,eAAO,iBAAiB,aAAa;AAAA;AAAA;AAGzC,WAAO;AAAA,MACL,MAAM,gBAAgB;AAAA,MACtB,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,UAAU,SAAS,gBAAgB,QAAQ;AAAA,MAC3C,cAAc;AAAA,MACd,mBAAmB,iBAAiB;AAAA,MACpC,KAAK,UAAU,QAAQ,IAAI;AAAA;AAAA,KAG/B,CAAC;AAGH,QAAM,iBAAiB,YACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,QAAI,CAAC,WAAW,QAAQ,IAAI,KAAK;AAC/B,iBAAW,QAAQ,IAAI,IAAI,MAAM;AAAA;AAEnC,WAAO;AAAA,MACL,SAAS,MAAO,SAAS,SAAS,KAAK,MAAM;AAAA,MAC7C,KAAK,WAAW,QAAQ,IAAI;AAAA,SACzB;AAAA;AAAA,KAGP,CAAC;AAGH,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "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;",
   "names": []
 }

package/app/Modal/index.d.ts

@@ -5,11 +5,6 @@ export * from '@digigov/react-core/ModalAction';
 export * from '@digigov/ui/app/Modal/hooks';
 export * from '@digigov/ui/app/Modal/hooks';
 export * from '@digigov/ui/app/Modal/auto';
-import React from 'react';
-import { ModalContainerProps } from '@digigov/react-core/ModalContainer';
-export interface ModalProps extends ModalContainerProps {
-    onEscape?: () => void;
-}
-export declare const Modal: React.ForwardRefExoticComponent<Pick<ModalProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "onEscape"> & React.RefAttributes<HTMLDivElement>>;
-export declare const ModalBase: React.ForwardRefExoticComponent<Pick<ModalProps, "children" | "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "open" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "dense" | "onEscape"> & React.RefAttributes<HTMLDivElement>>;
+export * from '@digigov/ui/app/Modal/Modal';
+import Modal from '@digigov/ui/app/Modal/Modal';
 export default Modal;

package/app/Modal/index.js

@@ -5,54 +5,10 @@ export * from "@digigov/react-core/ModalAction";
 export * from "@digigov/ui/app/Modal/hooks";
 export * from "@digigov/ui/app/Modal/hooks";
 export * from "@digigov/ui/app/Modal/auto";
-import React, {useCallback, useEffect, useRef} from "react";
-import ModalContainer from "@digigov/react-core/ModalContainer";
-import useKeypress from "@digigov/ui/utils/hooks/useKeypress";
-const Modal = React.forwardRef(function Modal2({...props}) {
-  if (props.open) {
-    return /* @__PURE__ */ React.createElement(ModalBase, {
-      ...props
-    });
-  } else {
-    return null;
-  }
-});
-const ModalBase = React.forwardRef(function ModalBase2({open, children, onEscape, ...props}, ref) {
-  const firstModalElement = useRef();
-  const lastModalElement = useRef();
-  const handleFocus = useCallback(() => {
-    firstModalElement.current.focus();
-  }, []);
-  useKeypress("Escape", onEscape);
-  useEffect(() => {
-    const lastModalElementInstance = lastModalElement.current;
-    handleFocus();
-    lastModalElementInstance.addEventListener("focus", handleFocus);
-    return () => {
-      lastModalElementInstance.removeEventListener("focus", handleFocus);
-    };
-  }, []);
-  return /* @__PURE__ */ React.createElement(ModalContainer, {
-    open,
-    role: "dialog",
-    ref,
-    "aria-hidden": "false",
-    "aria-modal": "true",
-    ...props
-  }, /* @__PURE__ */ React.createElement("span", {
-    tabIndex: -1,
-    ref: firstModalElement,
-    "aria-hidden": "true"
-  }), open && children, /* @__PURE__ */ React.createElement("span", {
-    tabIndex: 0,
-    ref: lastModalElement,
-    "aria-hidden": "true"
-  }));
-});
+export * from "@digigov/ui/app/Modal/Modal";
+import Modal from "@digigov/ui/app/Modal/Modal";
 var Modal_default = Modal;
 export {
-  Modal,
-  ModalBase,
   Modal_default as default
 };
 //# sourceMappingURL=index.js.map

package/app/Modal/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/Modal/index.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/ModalContainer';\nexport * from '@digigov/react-core/ModalHeading';\nexport * from '@digigov/react-core/ModalContent';\nexport * from '@digigov/react-core/ModalAction';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/auto';\n\nimport 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 }) {\n    if (props.open) {\n      return <ModalBase {...props} />;\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() as React.MutableRefObject<\n      HTMLSpanElement\n    >;\n    const lastModalElement = useRef() as React.MutableRefObject<\n      HTMLSpanElement\n    >;\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;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAGA;AAMO,MAAM,QAAQ,MAAM,WACzB,gBAAe,IAAK,QAAS;AAC3B,MAAI,MAAM,MAAM;AACd,WAAO,oCAAC,WAAD;AAAA,SAAe;AAAA;AAAA,SACjB;AACL,WAAO;AAAA;AAAA;AAKN,MAAM,YAAY,MAAM,WAC7B,oBAAmB,CAAE,MAAM,UAAU,aAAa,QAAS,KAAK;AAC9D,QAAM,oBAAoB;AAG1B,QAAM,mBAAmB;AAGzB,QAAM,cAAc,YAAY,MAAM;AACpC,sBAAkB,QAAQ;AAAA,KACzB;AACH,cAAY,UAAU;AACtB,YAAU,MAAM;AACd,UAAM,2BAA2B,iBAAiB;AAClD;AACA,6BAAyB,iBAAiB,SAAS;AACnD,WAAO,MAAM;AACX,+BAAyB,oBAAoB,SAAS;AAAA;AAAA,KAEvD;AACH,SACE,oCAAC,gBAAD;AAAA,IACE;AAAA,IACA,MAAK;AAAA,IACL;AAAA,IACA,eAAY;AAAA,IACZ,cAAW;AAAA,OACP;AAAA,KAEJ,oCAAC,QAAD;AAAA,IAAM,UAAU;AAAA,IAAI,KAAK;AAAA,IAAmB,eAAY;AAAA,MACvD,QAAQ,UACT,oCAAC,QAAD;AAAA,IAAM,UAAU;AAAA,IAAG,KAAK;AAAA,IAAkB,eAAY;AAAA;AAAA;AAM9D,IAAO,gBAAQ;",
+  "sourcesContent": ["export * from '@digigov/react-core/ModalContainer';\nexport * from '@digigov/react-core/ModalHeading';\nexport * from '@digigov/react-core/ModalContent';\nexport * from '@digigov/react-core/ModalAction';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/hooks';\nexport * from '@digigov/ui/app/Modal/auto';\n\nexport * from '@digigov/ui/app/Modal/Modal';\nimport Modal from '@digigov/ui/app/Modal/Modal';\nexport default Modal;\n"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,OAAO,WAAW;AAClB,IAAO,gBAAQ;",
   "names": []
 }

package/app/Modal/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/app/Modal/interaction.test.d.ts

@@ -0,0 +1 @@
+export {};

package/app/NotFound/NotFound.stories/index.js

@@ -4,8 +4,9 @@ var NotFound_stories_default = {
   component: NotFound,
   displayName: "NotFound"
 };
-export * from "@digigov/ui/app/NotFound/__stories__/Default";
+import { Default } from "@digigov/ui/app/NotFound/__stories__/Default";
 export {
+  Default,
   NotFound_stories_default as default
 };
 //# sourceMappingURL=NotFound.stories.js.map

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

@@ -4,5 +4,5 @@ declare namespace _default {
     export let displayName: string;
 }
 export default _default;
-export * from "@digigov/ui/app/NotFound/__stories__/Default";
+export { Default } from "@digigov/ui/app/NotFound/__stories__/Default";
 import NotFound from '@digigov/ui/app/NotFound';

package/app/NotFound/NotFound.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/app/NotFound/NotFound.stories.js"],
-  "sourcesContent": ["import NotFound from '@digigov/ui/app/NotFound';\nexport default {\n  title: 'Digigov UI/app/NotFound',\n  component: NotFound,\n  displayName: 'NotFound',\n};\nexport * from '@digigov/ui/app/NotFound/__stories__/Default';\n"],
-  "mappings": "AAAA;AACA,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AAAA;AAEf;",
+  "sourcesContent": ["import NotFound from '@digigov/ui/app/NotFound';\nexport default {\n  title: 'Digigov UI/app/NotFound',\n  component: NotFound,\n  displayName: 'NotFound',\n};\nexport { Default } from '@digigov/ui/app/NotFound/__stories__/Default';\n"],
+  "mappings": "AAAA,OAAO,cAAc;AACrB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,aAAa;AACf;AACA,SAAS,eAAe;",
   "names": []
 }

package/app/NotFound/__stories__/Default/index.js

@@ -1,5 +1,5 @@
 import React from "react";
-import {NotFound} from "@digigov/ui/app/NotFound";
+import { NotFound } from "@digigov/ui/app/NotFound";
 const Default = () => /* @__PURE__ */ React.createElement(NotFound, null);
 var Default_default = Default;
 export {

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare const Default: () => JSX.Element;
+import React from 'react';
+export declare const Default: () => React.JSX.Element;
 export default Default;

package/app/NotFound/__stories__/Default.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/app/NotFound/__stories__/Default.tsx"],
   "sourcesContent": ["import React from 'react';\nimport { NotFound } from '@digigov/ui/app/NotFound';\n\nexport const Default = () => <NotFound />;\n\nexport default Default;\n"],
-  "mappings": "AAAA;AACA;AAEO,MAAM,UAAU,MAAM,oCAAC,UAAD;AAE7B,IAAO,kBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAElB,MAAM,UAAU,MAAM,oCAAC,cAAS;AAEvC,IAAO,kBAAQ;",
   "names": []
 }

package/app/NotFound/index.js

@@ -2,9 +2,9 @@ import React from "react";
 import PageTitleContainer from "@digigov/react-core/PageTitleContainer";
 import PageTitleHeading from "@digigov/react-core/PageTitleHeading";
 import Paragraph from "@digigov/react-core/Paragraph";
-import {useTranslation} from "@digigov/ui/i18n";
+import { useTranslation } from "@digigov/ui/i18n";
 const NotFound = () => {
-  const {t} = useTranslation();
+  const { t } = useTranslation();
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PageTitleContainer, null, /* @__PURE__ */ React.createElement(PageTitleHeading, null, t("notfound.page_not_found"))), /* @__PURE__ */ React.createElement(Paragraph, null, t("notfound.wrong_key_address")), /* @__PURE__ */ React.createElement(Paragraph, null, t("notfound.wrong_cp_address")), /* @__PURE__ */ React.createElement(Paragraph, null, t("notfound.service_contact")));
 };
 var NotFound_default = NotFound;

package/app/NotFound/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/app/NotFound/index.tsx"],
   "sourcesContent": ["import React from 'react';\nimport PageTitleContainer from '@digigov/react-core/PageTitleContainer';\nimport PageTitleHeading from '@digigov/react-core/PageTitleHeading';\nimport Paragraph from '@digigov/react-core/Paragraph';\nimport { useTranslation } from '@digigov/ui/i18n';\n\nexport const NotFound: React.FC = () => {\n  const { t } = useTranslation();\n  return (\n    <>\n      <PageTitleContainer>\n        <PageTitleHeading>{t('notfound.page_not_found')}</PageTitleHeading>\n      </PageTitleContainer>\n      <Paragraph>{t('notfound.wrong_key_address')}</Paragraph>\n      <Paragraph>{t('notfound.wrong_cp_address')}</Paragraph>\n      <Paragraph>{t('notfound.service_contact')}</Paragraph>\n    </>\n  );\n};\n\nexport default NotFound;\n"],
-  "mappings": "AAAA;AACA;AACA;AACA;AACA;AAEO,MAAM,WAAqB,MAAM;AACtC,QAAM,CAAE,KAAM;AACd,SACE,0DACE,oCAAC,oBAAD,MACE,oCAAC,kBAAD,MAAmB,EAAE,8BAEvB,oCAAC,WAAD,MAAY,EAAE,gCACd,oCAAC,WAAD,MAAY,EAAE,+BACd,oCAAC,WAAD,MAAY,EAAE;AAAA;AAKpB,IAAO,mBAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,OAAO,wBAAwB;AAC/B,OAAO,sBAAsB;AAC7B,OAAO,eAAe;AACtB,SAAS,sBAAsB;AAExB,MAAM,WAAqB,MAAM;AACtC,QAAM,EAAE,EAAE,IAAI,eAAe;AAC7B,SACE,0DACE,oCAAC,0BACC,oCAAC,wBAAkB,EAAE,yBAAyB,CAAE,CAClD,GACA,oCAAC,iBAAW,EAAE,4BAA4B,CAAE,GAC5C,oCAAC,iBAAW,EAAE,2BAA2B,CAAE,GAC3C,oCAAC,iBAAW,EAAE,0BAA0B,CAAE,CAC5C;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/app/NotFound/index.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -66,180 +66,245 @@ function rgxMapper(browser, ua, arrays) {
 const browserRegexes = [
   [
     /\b(?:crmo|crios)\/([\w.]+)/i
+    // Chrome for Android/iOS
   ],
   [VERSION, [NAME, "Chrome"]],
   [
     /edg(?:e|ios|a)?\/([\w.]+)/i
+    // Microsoft Edge
   ],
   [VERSION, [NAME, "Edge"]],
   [
+    // Presto based
     /(opera mini)\/([-\w.]+)/i,
+    // Opera Mini
     /(opera [mobiletab]{3,6})\b.+version\/([-\w.]+)/i,
+    // Opera Mobi/Tablet
     /(opera)(?:.+version\/|[/ ]+)([\w.]+)/i
+    // Opera
   ],
   [NAME, VERSION],
   [
     /opios[/ ]+([\w.]+)/i
+    // Opera mini on iphone >= 8.0
   ],
   [VERSION, [NAME, OPERA + " Mini"]],
   [
     /\bopr\/([\w.]+)/i
+    // Opera Webkit
   ],
   [VERSION, [NAME, OPERA]],
   [
+    // Mixed
     /(kindle)\/([\w.]+)/i,
+    // Kindle
     /(lunascape|maxthon|netfront|jasmine|blazer)[/ ]?([\w.]*)/i,
+    // Lunascape/Maxthon/Netfront/Jasmine/Blazer
+    // Trident based
     /(avant |iemobile|slim)(?:browser)?[/ ]?([\w.]*)/i,
+    // Avant/IEMobile/SlimBrowser
     /(ba?idubrowser)[/ ]?([\w.]+)/i,
+    // Baidu Browser
     /(?:ms|\()(ie) ([\w.]+)/i,
+    // Internet Explorer
+    // Webkit/KHTML based                                               // Flock/RockMelt/Midori/Epiphany/Silk/Skyfire/Bolt/Iron/Iridium/PhantomJS/Bowser/QupZilla/Falkon
     /(flock|rockmelt|midori|epiphany|silk|skyfire|ovibrowser|bolt|iron|vivaldi|iridium|phantomjs|bowser|quark|qupzilla|falkon|rekonq|puffin|brave|whale|qqbrowserlite|qq)\/([-\w.]+)/i,
+    // Rekonq/Puffin/Brave/Whale/QQBrowserLite/QQ, aka ShouQ
     /(weibo)__([\d.]+)/i
+    // Weibo
   ],
   [NAME, VERSION],
   [
     /(?:\buc? ?browser|(?:juc.+)ucweb)[/ ]?([\w.]+)/i
+    // UCBrowser
   ],
   [VERSION, [NAME, "UC" + BROWSER]],
   [
     /\bqbcore\/([\w.]+)/i
+    // WeChat Desktop for Windows Built-in Browser
   ],
   [VERSION, [NAME, "WeChat(Win) Desktop"]],
   [
     /micromessenger\/([\w.]+)/i
+    // WeChat
   ],
   [VERSION, [NAME, "WeChat"]],
   [
     /konqueror\/([\w.]+)/i
+    // Konqueror
   ],
   [VERSION, [NAME, "Konqueror"]],
   [
     /trident.+rv[: ]([\w.]{1,9})\b.+like gecko/i
+    // IE11
   ],
   [VERSION, [NAME, "IE"]],
   [
     /yabrowser\/([\w.]+)/i
+    // Yandex
   ],
   [VERSION, [NAME, "Yandex"]],
   [
     /(avast|avg)\/([\w.]+)/i
+    // Avast/AVG Secure Browser
   ],
   [[NAME, /(.+)/, "$1 Secure " + BROWSER], VERSION],
   [
     /\bfocus\/([\w.]+)/i
+    // Firefox Focus
   ],
   [VERSION, [NAME, FIREFOX + " Focus"]],
   [
     /\bopt\/([\w.]+)/i
+    // Opera Touch
   ],
   [VERSION, [NAME, OPERA + " Touch"]],
   [
     /coc_coc\w+\/([\w.]+)/i
+    // Coc Coc Browser
   ],
   [VERSION, [NAME, "Coc Coc"]],
   [
     /dolfin\/([\w.]+)/i
+    // Dolphin
   ],
   [VERSION, [NAME, "Dolphin"]],
   [
     /coast\/([\w.]+)/i
+    // Opera Coast
   ],
   [VERSION, [NAME, OPERA + " Coast"]],
   [
     /miuibrowser\/([\w.]+)/i
+    // MIUI Browser
   ],
   [VERSION, [NAME, "MIUI " + BROWSER]],
   [
     /fxios\/([-\w.]+)/i
+    // Firefox for iOS
   ],
   [VERSION, [NAME, FIREFOX]],
   [
     /\bqihu|(qi?ho?o?|360)browser/i
+    // 360
   ],
   [[NAME, "360 " + BROWSER]],
   [/(oculus|samsung|sailfish)browser\/([\w.]+)/i],
   [[NAME, /(.+)/, "$1 " + BROWSER], VERSION],
   [
+    // Oculus/Samsung/Sailfish Browser
     /(comodo_dragon)\/([\w.]+)/i
+    // Comodo Dragon
   ],
   [[NAME, /_/g, " "], VERSION],
   [
     /(electron)\/([\w.]+) safari/i,
+    // Electron-based App
     /(tesla)(?: qtcarbrowser|\/(20\d\d\.[-\w.]+))/i,
+    // Tesla
     /m?(qqbrowser|baiduboxapp|2345Explorer)[/ ]?([\w.]+)/i
+    // QQBrowser/Baidu App/2345 Browser
   ],
   [NAME, VERSION],
   [
     /(metasr)[/ ]?([\w.]+)/i,
+    // SouGouBrowser
     /(lbbrowser)/i
+    // LieBao Browser
   ],
   [NAME],
   [
+    // WebView
     /((?:fban\/fbios|fb_iab\/fb4a)(?!.+fbav)|;fbav\/([\w.]+);)/i
+    // Facebook App for iOS & Android
   ],
   [[NAME, "Facebook"], VERSION],
   [
     /safari (line)\/([\w.]+)/i,
+    // Line App for iOS
     /\b(line)\/([\w.]+)\/iab/i,
+    // Line App for Android
     /(chromium|instagram)[/ ]([-\w.]+)/i
+    // Chromium/Instagram
   ],
   [NAME, VERSION],
   [
     /\bgsa\/([\w.]+) .*safari\//i
+    // Google Search Appliance on iOS
   ],
   [VERSION, [NAME, "GSA"]],
   [
     /headlesschrome(?:\/([\w.]+)| )/i
+    // Chrome Headless
   ],
   [VERSION, [NAME, CHROME + " Headless"]],
   [
     / wv\).+(chrome)\/([\w.]+)/i
+    // Chrome WebView
   ],
   [[NAME, CHROME + " WebView"], VERSION],
   [
     /droid.+ version\/([\w.]+)\b.+(?:mobile safari|safari)/i
+    // Android Browser
   ],
   [VERSION, [NAME, "Android " + BROWSER]],
   [
     /(chrome|omniweb|arora|[tizenoka]{5} ?browser)\/v?([\w.]+)/i
+    // Chrome/OmniWeb/Arora/Tizen/Nokia
   ],
   [NAME, VERSION],
   [
     /version\/([\w.]+) .*mobile\/\w+ (safari)/i
+    // Mobile Safari
   ],
   [VERSION, [NAME, "Mobile Safari"]],
   [
     /version\/([\w.]+) .*(mobile ?safari|safari)/i
+    // Safari & Safari Mobile
   ],
   [VERSION, NAME],
   [
     /webkit.+?(mobile ?safari|safari)(\/[\w.]+)/i
+    // Safari < 3.0
   ],
   [NAME, [VERSION, strMapper, oldSafariMap]],
   [/(webkit|khtml)\/([\w.]+)/i],
   [NAME, VERSION],
   [
+    // Gecko based
     /(navigator|netscape\d?)\/([-\w.]+)/i
+    // Netscape
   ],
   [[NAME, "Netscape"], VERSION],
   [
     /mobile vr; rv:([\w.]+)\).+firefox/i
+    // Firefox Reality
   ],
   [VERSION, [NAME, FIREFOX + " Reality"]],
   [
     /ekiohf.+(flow)\/([\w.]+)/i,
+    // Flow
     /(swiftfox)/i,
+    // Swiftfox
     /(icedragon|iceweasel|camino|chimera|fennec|maemo browser|minimo|conkeror|klar)[/ ]?([\w.+]+)/i,
+    // IceDragon/Iceweasel/Camino/Chimera/Fennec/Maemo/Minimo/Conkeror/Klar
     /(seamonkey|k-meleon|icecat|iceape|firebird|phoenix|palemoon|basilisk|waterfox)\/([-\w.]+)$/i,
+    // Firefox/SeaMonkey/K-Meleon/IceCat/IceApe/Firebird/Phoenix
     /(firefox)\/([\w.]+)/i,
+    // Other Firefox-based
     /(mozilla)\/([\w.]+) .+rv:.+gecko\/\d+/i,
+    // Mozilla
+    // Other
     /(polaris|lynx|dillo|icab|doris|amaya|w3m|netsurf|sleipnir|obigo|mosaic|(?:go|ice|up)[. ]?browser)[-/ ]?v?([\w.]+)/i,
+    // Polaris/Lynx/Dillo/iCab/Doris/Amaya/w3m/NetSurf/Sleipnir/Obigo/Mosaic/Go/ICE/UP.Browser
     /(links) \(([\w.]+)/i
+    // Links
   ],
   [NAME, VERSION]
 ];
 const _ua = typeof window !== UNDEF_TYPE && window.navigator && window.navigator.userAgent ? window.navigator.userAgent : EMPTY;
 function evaluateBrowserVersion() {
-  const browser = {name: "", version: ""};
+  const browser = { name: "", version: "" };
   rgxMapper(browser, _ua, browserRegexes);
   browser.version = majorize(browser.version);
   return browser;