@digigov/ui 2.0.0-76ec20a0 → 2.0.0-7d765d3c

package/cjs/app/Loader/index.web/index.js

@@ -1,7 +1,13 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -11,12 +17,37 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_web_exports = {};
+__export(index_web_exports, {
+  CircularProgress: () => CircularProgress,
+  default: () => index_web_default
+});
 module.exports = __toCommonJS(index_web_exports);
-__reExport(index_web_exports, require("@digigov/react-core/CircularProgress"), module.exports);
+var import_react = __toESM(require("react"));
+__reExport(index_web_exports, require("@digigov/react-core/CircularProgressBase"), module.exports);
+var import_CircularProgressBase = __toESM(require("@digigov/react-core/CircularProgressBase"));
+var import_useNotificationArea = require("@digigov/ui/app/hooks/useNotificationArea");
+const CircularProgress = import_react.default.forwardRef(function CircularProgress2({
+  loadingText = "\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...",
+  loadingFinishedText = "\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.",
+  ...props
+}, ref) {
+  (0, import_useNotificationArea.useNotificationArea)(loadingText, loadingFinishedText);
+  return /* @__PURE__ */ import_react.default.createElement(import_CircularProgressBase.default, { ref, ...props });
+});
+var index_web_default = CircularProgress;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("@digigov/react-core/CircularProgress")
+  CircularProgress,
+  ...require("@digigov/react-core/CircularProgressBase")
 });
 //# sourceMappingURL=index.web.js.map

package/cjs/app/Loader/index.web.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/app/Loader/index.web.tsx"],
-  "sourcesContent": ["export * from '@digigov/react-core/CircularProgress';\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,iDAAd;",
-  "names": []
+  "sourcesContent": ["import React from 'react';\nexport * from '@digigov/react-core/CircularProgressBase';\nimport CircularProgressBase, {\n  CircularProgressBaseProps,\n} from '@digigov/react-core/CircularProgressBase';\nimport { useNotificationArea } from '@digigov/ui/app/hooks/useNotificationArea';\n\nexport interface CircularProgressProps extends CircularProgressBaseProps {\n  /**\n   * loadingText prop is optional\n   * Text for screen readers when loading starts\n   * @default \"\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...\"\n   */\n  loadingText?: string;\n  /**\n   * loadingFinishedText prop is optional\n   * Text for screen readers when loading finishes\n   * @default \"\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.\"\n   */\n  loadingFinishedText?: string;\n}\n\nexport const CircularProgress = React.forwardRef<\n  SVGElement,\n  CircularProgressProps\n>(function CircularProgress(\n  {\n    loadingText = '\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...',\n    loadingFinishedText = '\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.',\n    ...props\n  },\n  ref\n) {\n  useNotificationArea(loadingText, loadingFinishedText);\n\n  return <CircularProgressBase ref={ref} {...props} />;\n});\n\nexport default CircularProgress;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,8BAAc,qDADd;AAEA,kCAEO;AACP,iCAAoC;AAiB7B,MAAM,mBAAmB,aAAAA,QAAM,WAGpC,SAASC,kBACT;AAAA,EACE,cAAc;AAAA,EACd,sBAAsB;AAAA,EACtB,GAAG;AACL,GACA,KACA;AACA,sDAAoB,aAAa,mBAAmB;AAEpD,SAAO,6BAAAD,QAAA,cAAC,4BAAAE,SAAA,EAAqB,KAAW,GAAG,OAAO;AACpD,CAAC;AAED,IAAO,oBAAQ;",
+  "names": ["React", "CircularProgress", "CircularProgressBase"]
 }

package/cjs/app/Modal/hooks/index.js

@@ -33,12 +33,8 @@ module.exports = __toCommonJS(hooks_exports);
 var import_react = __toESM(require("react"));
 const useModal = () => {
   const [currentOpen, setCurrentOpen] = (0, import_react.useState)(null);
-  const modalsRef = (0, import_react.useRef)(
-    /* @__PURE__ */ new Map()
-  );
-  const buttonsRef = (0, import_react.useRef)(
-    /* @__PURE__ */ new Map()
-  );
+  const modalsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  const buttonsRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
   const open = (0, import_react.useCallback)((id) => {
     setCurrentOpen(id);
   }, []);

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAyB,IAAI;AACnE,QAAM,gBAAY;AAAA,IAChB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,iBAAa;AAAA,IACjB,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,WAAO,0BAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ,0BAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,aAAAA,QAAM,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,qBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,aAAAA,QAAM,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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqD;AAmC9C,MAAM,WAAW,MAAsB;AAC5C,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAyB,IAAI;AACnE,QAAM,gBAAY,qBAEhB,oBAAI,IAAI,CAAC;AACX,QAAM,iBAAa,qBAEjB,oBAAI,IAAI,CAAC;AACX,QAAM,WAAO,0BAAY,CAAC,OAAgB;AACxC,mBAAe,EAAE;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,QAAM,YAAQ,0BAAY,MAAM;AAC9B,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAgB;AAAA,IACpB,CAAC,IAAI,YAAY;AACf,YAAM,UAAU,SAAS,EAAE;AAC3B,UAAI,CAAC,UAAU,QAAQ,IAAI,EAAE,GAAG,SAAS;AACvC,kBAAU,QAAQ,IAAI,IAAI,aAAAA,QAAM,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,qBAAiB;AAAA,IACrB,CAAC,IAAa,MAAwB,YAAY;AAChD,UAAI,CAAC,WAAW,QAAQ,IAAI,EAAE,GAAG;AAC/B,mBAAW,QAAQ,IAAI,IAAI,aAAAA,QAAM,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": ["React"]
 }

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

@@ -46,18 +46,18 @@ const Modal = import_react.default.forwardRef(
 );
 const ModalBase = import_react.default.forwardRef(
   function ModalBase2({ open, children, onEscape, ...props }, ref) {
-    const firstModalElement = (0, import_react.useRef)();
-    const lastModalElement = (0, import_react.useRef)();
+    const firstModalElement = (0, import_react.useRef)(null);
+    const lastModalElement = (0, import_react.useRef)(null);
     const handleFocus = (0, import_react.useCallback)(() => {
-      firstModalElement.current.focus();
+      firstModalElement.current?.focus();
     }, []);
     (0, import_useKeypress.default)("Escape", onEscape);
     (0, import_react.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__ */ import_react.default.createElement(

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,4BAEO;AACP,yBAAwB;AAMjB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,6BAAAD,QAAA,cAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASE,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,wBACJ,qBAAO;AACT,UAAM,uBACJ,qBAAO;AACT,UAAM,kBAAc,0BAAY,MAAM;AACpC,wBAAkB,QAAQ,MAAM;AAAA,IAClC,GAAG,CAAC,CAAC;AACL,2BAAAC,SAAY,UAAU,QAAQ;AAC9B,gCAAU,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,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,6BAAAJ,QAAA,cAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,6BAAAA,QAAA,cAAC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsD;AACtD,4BAEO;AACP,yBAAwB;AAMjB,MAAM,QAAQ,aAAAA,QAAM;AAAA,EACzB,SAASC,OAAM,EAAE,GAAG,MAAM,GAAG,KAAK;AAChC,QAAI,MAAM,MAAM;AACd,aAAO,6BAAAD,QAAA,cAAC,aAAW,GAAG,OAAO,KAAU;AAAA,IACzC,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF;AACF;AAEO,MAAM,YAAY,aAAAA,QAAM;AAAA,EAC7B,SAASE,WAAU,EAAE,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9D,UAAM,wBAAoB,qBAAwB,IAAI;AACtD,UAAM,uBAAmB,qBAAwB,IAAI;AACrD,UAAM,kBAAc,0BAAY,MAAM;AACpC,wBAAkB,SAAS,MAAM;AAAA,IACnC,GAAG,CAAC,CAAC;AACL,2BAAAC,SAAY,UAAU,QAAQ;AAC9B,gCAAU,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,6BAAAH,QAAA;AAAA,MAAC,sBAAAI;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,eAAY;AAAA,QACZ,cAAW;AAAA,QACV,GAAG;AAAA;AAAA,MAEJ,6BAAAJ,QAAA,cAAC,UAAK,UAAU,IAAI,KAAK,mBAAmB,eAAY,QAAO;AAAA,MAC9D,QAAQ;AAAA,MACT,6BAAAA,QAAA,cAAC,UAAK,UAAU,GAAG,KAAK,kBAAkB,eAAY,QAAO;AAAA,IAC/D;AAAA,EAEJ;AACF;AAEA,IAAO,oBAAQ;",
   "names": ["React", "Modal", "ModalBase", "useKeypress", "ModalContainer"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,oCAAyB;AACzB,qCAAoC;AACpC,yBAA4B;AAC5B,kBAA+B;AAC/B,kBAAiB;AACjB,uBAAsB;AAgCtB,0CAAc,gFAtCd;AAQe,SAAR,wBAAsD;AAC3D,QAAM,MAAM;AACZ,QAAM,CAAC,cAAc,UAAU,QAAI,+BAAAA,SAAwB;AAC3D,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,SACE,6BAAAC,QAAA,cAAC,sCACE,eACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,IAAI,IAAI,IACP,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,MAAW,EAAE,iBAAiB,CAAE,CACnC,IAEA,6BAAAD,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,MACE,EAAE,cAAc,GACjB,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAM,YAAY,QAAO,YAC5B,YAAY,GACf,CACF,CACF,CAEJ,IAEA,6BAAAF,QAAA,2BAAAA,QAAA,cAAE,CAEN;AAEJ;",
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,oCAAyB;AACzB,qCAAoC;AACpC,yBAA4B;AAC5B,kBAA+B;AAC/B,kBAAiB;AACjB,uBAAsB;AAgCtB,0CAAc,gFAtCd;AAQe,SAAR,wBAAsD;AAC3D,QAAM,MAAM;AACZ,QAAM,CAAC,cAAc,UAAU,QAAI,+BAAAA,SAAwB;AAC3D,QAAM,EAAE,EAAE,QAAI,4BAAe;AAC7B,SACE,6BAAAC,QAAA,cAAC,sCACE,eACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,IAAI,IAAI,IACP,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,MAAW,EAAE,iBAAiB,CAAE,CACnC,IAEA,6BAAAD,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,iBAAAC,SAAA,MACE,EAAE,cAAc,GACjB,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,MAAM,YAAY,QAAO,YAC5B,YAAY,GACf,CACF,CACF,CAEJ,IAEA,6BAAAF,QAAA,2BAAAA,QAAA,cAAE,CAEN;AAEJ;",
   "names": ["useOutdatedBrowserCheck", "React", "Paragraph", "Link"]
 }

package/cjs/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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,2BAA0B;AAC1B,yBAAwB;AACxB,wCAAuC;AACvC,4BAA2B;AAC3B,6BAA4B;AAQrB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBAAkB,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK;AACzD,SACE,6BAAAD,QAAA,cAAC,kCAAAE,SAAA,EAA4B,GAAG,OAAO,OACrC,6BAAAF,QAAA,cAAC,qBAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,mBAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,sBAAAK,SAAA,MAAgB,GAAI,GACrB,6BAAAL,QAAA,cAAC,uBAAAM,SAAA,MAAiB,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,2BAA0B;AAC1B,yBAAwB;AACxB,wCAAuC;AACvC,4BAA2B;AAC3B,6BAA4B;AAQrB,MAAM,oBAAoB,aAAAA,QAAM,WAGrC,SAASC,mBAAkB,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,KAAK;AACzD,SACE,6BAAAD,QAAA,cAAC,kCAAAE,SAAA,EAA4B,GAAG,OAAO,OACrC,6BAAAF,QAAA,cAAC,qBAAAG,SAAA,MACC,6BAAAH,QAAA,cAAC,mBAAAI,SAAA,MACC,6BAAAJ,QAAA,cAAC,sBAAAK,SAAA,MAAgB,GAAI,GACrB,6BAAAL,QAAA,cAAC,uBAAAM,SAAA,MAAiB,IAAK,CACzB,CACF,CACF;AAEJ,CAAC;AAED,IAAO,4BAAQ;",
   "names": ["React", "PhaseBannerHeader", "PhaseBannerHeaderContainer", "HeaderContent", "PhaseBanner", "PhaseBannerTag", "PhaseBannerText"]
 }

package/cjs/app/hooks/useNotificationArea/index.js

@@ -0,0 +1,99 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useNotificationArea_exports = {};
+__export(useNotificationArea_exports, {
+  useNotificationArea: () => useNotificationArea
+});
+module.exports = __toCommonJS(useNotificationArea_exports);
+var import_react = require("react");
+const notificationAreaId = "loader-notification-area";
+const activeSpinnersAttr = "data-active-spinners";
+function generateUniqueId() {
+  return `spinner-${Math.random().toString(36).substring(2, 9)}`;
+}
+const getOrCreateNotificationArea = () => {
+  let element = document.getElementById(notificationAreaId);
+  if (!element) {
+    element = document.createElement("div");
+    element.id = notificationAreaId;
+    element.setAttribute("role", "status");
+    element.setAttribute("aria-live", "polite");
+    element.className = "ds-visually-hidden";
+    document.body.appendChild(element);
+  }
+  return element;
+};
+const useNotificationArea = (loadingText = "\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...", finishedText = "\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.") => {
+  const spinnerId = (0, import_react.useRef)(generateUniqueId());
+  const notificationRef = (0, import_react.useRef)(null);
+  const getActiveIds = (0, import_react.useCallback)(() => {
+    const current = notificationRef.current;
+    const value = current?.getAttribute(activeSpinnersAttr) || "";
+    return value.split(",").filter(Boolean);
+  }, [notificationRef]);
+  const setActiveSpinnerId = (0, import_react.useCallback)(() => {
+    const current = notificationRef.current;
+    if (current) {
+      const ids = new Set(getActiveIds());
+      ids.add(spinnerId.current);
+      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(","));
+    }
+  }, [notificationRef, getActiveIds, spinnerId]);
+  const unsetActiveSpinnerId = (0, import_react.useCallback)(() => {
+    const current = notificationRef.current;
+    if (current) {
+      const ids = getActiveIds().filter((id) => id !== spinnerId.current);
+      current.setAttribute(activeSpinnersAttr, ids.join(","));
+    }
+  }, [notificationRef, getActiveIds, spinnerId]);
+  const setTextContent = (text) => {
+    if (notificationRef.current) {
+      notificationRef.current.textContent = text;
+    }
+  };
+  (0, import_react.useEffect)(() => {
+    if (typeof document === "undefined") return;
+    notificationRef.current = getOrCreateNotificationArea();
+    setActiveSpinnerId();
+    setTextContent(loadingText);
+    return () => {
+      unsetActiveSpinnerId();
+      if (getActiveIds().length === 0) {
+        setTextContent(finishedText);
+        setTimeout(() => {
+          const el = notificationRef.current;
+          if (el && getActiveIds().length === 0) {
+            el.removeAttribute(activeSpinnersAttr);
+            el.textContent = "";
+          }
+        }, 1e3);
+      }
+    };
+  }, [
+    loadingText,
+    finishedText,
+    setActiveSpinnerId,
+    unsetActiveSpinnerId,
+    getActiveIds
+  ]);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNotificationArea
+});
+//# sourceMappingURL=useNotificationArea.js.map

package/cjs/app/hooks/useNotificationArea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/app/hooks/useNotificationArea.tsx"],
+  "sourcesContent": ["import { useCallback, useEffect, useRef } from 'react';\n\n// Unique ID for the aria-live notification area element.\nconst notificationAreaId = 'loader-notification-area';\n// Custom attribute to track active spinners\nconst activeSpinnersAttr = 'data-active-spinners';\n\n// Generates a random unique ID for each spinner instance.\nfunction generateUniqueId() {\n  return `spinner-${Math.random().toString(36).substring(2, 9)}`;\n}\n\n// Finds or creates the notification area element in the DOM.\nconst getOrCreateNotificationArea = (): HTMLElement => {\n  let element = document.getElementById(notificationAreaId);\n\n  // Create and append it to the DOM.\n  if (!element) {\n    element = document.createElement('div');\n    element.id = notificationAreaId;\n    element.setAttribute('role', 'status');\n    element.setAttribute('aria-live', 'polite');\n    element.className = 'ds-visually-hidden';\n    document.body.appendChild(element);\n  }\n\n  return element;\n};\n\nexport const useNotificationArea = (\n  loadingText = '\u0393\u03AF\u03BD\u03B5\u03C4\u03B1\u03B9 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7...',\n  finishedText = '\u0397 \u03C6\u03CC\u03C1\u03C4\u03C9\u03C3\u03B7 \u03BF\u03BB\u03BF\u03BA\u03BB\u03B7\u03C1\u03CE\u03B8\u03B7\u03BA\u03B5.'\n) => {\n  // Unique ID for this spinner.\n  const spinnerId = useRef(generateUniqueId());\n  // Reference to the notification area DOM element.\n  const notificationRef = useRef<HTMLElement | null>(null);\n\n  // Returns an array of active spinner IDs.\n  const getActiveIds = useCallback(() => {\n    const current = notificationRef.current;\n    const value = current?.getAttribute(activeSpinnersAttr) || '';\n    return value.split(',').filter(Boolean);\n  }, [notificationRef]);\n\n  // Adds this spinner's ID to the active list.\n  const setActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = new Set(getActiveIds());\n      ids.add(spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, Array.from(ids).join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Removes this spinner's ID from the active list.\n  const unsetActiveSpinnerId = useCallback(() => {\n    const current = notificationRef.current;\n    if (current) {\n      const ids = getActiveIds().filter((id) => id !== spinnerId.current);\n      current.setAttribute(activeSpinnersAttr, ids.join(','));\n    }\n  }, [notificationRef, getActiveIds, spinnerId]);\n\n  // Updates the text content of the aria-live region.\n  const setTextContent = (text: string) => {\n    if (notificationRef.current) {\n      notificationRef.current.textContent = text;\n    }\n  };\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    // Set up notification area and mark this spinner as active.\n    notificationRef.current = getOrCreateNotificationArea();\n    setActiveSpinnerId();\n    setTextContent(loadingText);\n\n    // Cleanup when component unmounts.\n    return () => {\n      unsetActiveSpinnerId();\n\n      // If no active spinners remain, announce \"finished\" and clear the text.\n      if (getActiveIds().length === 0) {\n        setTextContent(finishedText);\n\n        // Give screen readers a chance to announce \"finished\" before clearing.\n        setTimeout(() => {\n          const el = notificationRef.current;\n          if (el && getActiveIds().length === 0) {\n            el.removeAttribute(activeSpinnersAttr);\n            el.textContent = '';\n          }\n        }, 1000);\n      }\n    };\n  }, [\n    loadingText,\n    finishedText,\n    setActiveSpinnerId,\n    unsetActiveSpinnerId,\n    getActiveIds,\n  ]);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA+C;AAG/C,MAAM,qBAAqB;AAE3B,MAAM,qBAAqB;AAG3B,SAAS,mBAAmB;AAC1B,SAAO,WAAW,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,GAAG,CAAC,CAAC;AAC9D;AAGA,MAAM,8BAA8B,MAAmB;AACrD,MAAI,UAAU,SAAS,eAAe,kBAAkB;AAGxD,MAAI,CAAC,SAAS;AACZ,cAAU,SAAS,cAAc,KAAK;AACtC,YAAQ,KAAK;AACb,YAAQ,aAAa,QAAQ,QAAQ;AACrC,YAAQ,aAAa,aAAa,QAAQ;AAC1C,YAAQ,YAAY;AACpB,aAAS,KAAK,YAAY,OAAO;AAAA,EACnC;AAEA,SAAO;AACT;AAEO,MAAM,sBAAsB,CACjC,cAAc,4FACd,eAAe,kIACZ;AAEH,QAAM,gBAAY,qBAAO,iBAAiB,CAAC;AAE3C,QAAM,sBAAkB,qBAA2B,IAAI;AAGvD,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,UAAU,gBAAgB;AAChC,UAAM,QAAQ,SAAS,aAAa,kBAAkB,KAAK;AAC3D,WAAO,MAAM,MAAM,GAAG,EAAE,OAAO,OAAO;AAAA,EACxC,GAAG,CAAC,eAAe,CAAC;AAGpB,QAAM,yBAAqB,0BAAY,MAAM;AAC3C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,IAAI,IAAI,aAAa,CAAC;AAClC,UAAI,IAAI,UAAU,OAAO;AACzB,cAAQ,aAAa,oBAAoB,MAAM,KAAK,GAAG,EAAE,KAAK,GAAG,CAAC;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,2BAAuB,0BAAY,MAAM;AAC7C,UAAM,UAAU,gBAAgB;AAChC,QAAI,SAAS;AACX,YAAM,MAAM,aAAa,EAAE,OAAO,CAAC,OAAO,OAAO,UAAU,OAAO;AAClE,cAAQ,aAAa,oBAAoB,IAAI,KAAK,GAAG,CAAC;AAAA,IACxD;AAAA,EACF,GAAG,CAAC,iBAAiB,cAAc,SAAS,CAAC;AAG7C,QAAM,iBAAiB,CAAC,SAAiB;AACvC,QAAI,gBAAgB,SAAS;AAC3B,sBAAgB,QAAQ,cAAc;AAAA,IACxC;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,QAAI,OAAO,aAAa,YAAa;AAGrC,oBAAgB,UAAU,4BAA4B;AACtD,uBAAmB;AACnB,mBAAe,WAAW;AAG1B,WAAO,MAAM;AACX,2BAAqB;AAGrB,UAAI,aAAa,EAAE,WAAW,GAAG;AAC/B,uBAAe,YAAY;AAG3B,mBAAW,MAAM;AACf,gBAAM,KAAK,gBAAgB;AAC3B,cAAI,MAAM,aAAa,EAAE,WAAW,GAAG;AACrC,eAAG,gBAAgB,kBAAkB;AACrC,eAAG,cAAc;AAAA,UACnB;AAAA,QACF,GAAG,GAAI;AAAA,MACT;AAAA,IACF;AAAA,EACF,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/cjs/content/Accordion/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/Accordion/hooks.ts"],
-  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type AccordionItemId = string | number;\n\nexport interface UseAccordionProps {\n  defaultOpen?: AccordionItemId;\n  singleOpen?: boolean;\n}\nexport interface UseAccordionSectionProps {\n  ref: React.RefObject<HTMLDetailsElement>;\n  open: boolean;\n  onToggle: (\n    e: React.MouseEvent | React.SyntheticEvent<HTMLElement, Event> | Event\n  ) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  role: string;\n  // tabIndex: number;\n  'aria-expanded': boolean | undefined;\n}\n\nexport interface UseAccordionReturn {\n  section: (id: AccordionItemId) => UseAccordionSectionProps;\n  open: (id: AccordionItemId) => void;\n  close: (id: AccordionItemId) => void;\n  openAll: () => void;\n  closeAll: () => void;\n  onOpen: (id: AccordionItemId) => void;\n  hasOpen: boolean;\n  currentOpen?: AccordionItemId | AccordionItemId[] | null;\n}\n\nexport const useAccordion = ({\n  defaultOpen,\n  singleOpen = false,\n}: UseAccordionProps = {}): UseAccordionReturn => {\n  const sectionsRef = useRef<\n    Map<AccordionItemId, React.RefObject<HTMLDetailsElement>>\n  >(new Map());\n  const [current, setCurrentOpen] = useState(\n    defaultOpen ? { [defaultOpen]: true } : {}\n  );\n  const getCurrentOpen = (): AccordionItemId | AccordionItemId[] | null => {\n    const openSections: AccordionItemId[] = [];\n    sectionsRef.current.forEach((ref, id) => {\n      if (ref.current?.open) {\n        openSections.push(id);\n      }\n    });\n\n    if (singleOpen) {\n      return openSections[0] || null;\n    }\n    return openSections.length ? openSections : null;\n  };\n\n  const open = (id: AccordionItemId) => {\n    sectionsRef?.current?.get(id)?.current?.setAttribute('open', '');\n  };\n\n  const close = (id: AccordionItemId) => {\n    sectionsRef.current.get(id)?.current?.removeAttribute('open');\n  };\n\n  const openAll = () => {\n    if (singleOpen) {\n      throw new Error('Cannot open all sections when singleOpen is true');\n    }\n    sectionsRef.current.forEach((ref) => ref.current?.setAttribute('open', ''));\n  };\n\n  const closeAll = () => {\n    sectionsRef.current.forEach((ref) => ref.current?.removeAttribute('open'));\n  };\n\n  const navigateTo = useCallback(\n    (direction: 'next' | 'previous') => {\n      const activeElement = document.activeElement;\n      if (!activeElement) return;\n      const focusableElements = Array.from(\n        document.querySelectorAll('summary')\n      );\n      const currentIndex = focusableElements.indexOf(\n        activeElement as HTMLElement\n      );\n      let nextIndex;\n      if (direction === 'next') {\n        nextIndex =\n          currentIndex >= 0 ? currentIndex + 1 : focusableElements.length - 1;\n      } else if (direction === 'previous') {\n        nextIndex =\n          currentIndex <= focusableElements.length - 1 ? currentIndex - 1 : 0;\n      }\n      const nextElement = focusableElements[nextIndex];\n      if (nextElement) {\n        nextElement.focus();\n      }\n    },\n    [current]\n  );\n\n  const section = useCallback(\n    (id: AccordionItemId) => {\n      if (!sectionsRef.current.has(id)) {\n        sectionsRef.current.set(id, React.createRef());\n      }\n      const ref = sectionsRef.current.get(\n        id\n      ) as React.RefObject<HTMLDetailsElement>;\n\n      const onToggle = (e) => {\n        if (singleOpen && e.target?.open) {\n          sectionsRef.current.forEach((sectionRef, sectionId) => {\n            if (sectionId === id) {\n              setCurrentOpen({ ...current, [id]: e.target?.open });\n            }\n            if (sectionId !== id && sectionRef.current?.hasAttribute('open')) {\n              sectionRef.current?.removeAttribute('open');\n            }\n          });\n        } else {\n          setCurrentOpen({ ...current, [id]: e.target?.open });\n        }\n      };\n\n      const onKeyDown = (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('next');\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('previous');\n            break;\n          case 'Enter':\n            e.preventDefault(); // Prevent form submission if needed\n            if (ref?.current?.hasAttribute('open')) {\n              close(id);\n            } else {\n              open(id);\n            }\n            break;\n        }\n      };\n\n      return {\n        ref,\n        open: ref?.current?.hasAttribute('open') || false,\n        onToggle,\n        onKeyDown,\n        role: 'button',\n        'aria-expanded': ref?.current?.hasAttribute('open'),\n      };\n    },\n    [current]\n  );\n  const hasOpen = useCallback(() => {\n    return getCurrentOpen() !== null;\n  }, []);\n  useEffect(() => {\n    if (defaultOpen) {\n      if (Array.isArray(defaultOpen)) {\n        defaultOpen.forEach((id) => open(id));\n      } else {\n        open(defaultOpen);\n      }\n    }\n  }, [defaultOpen]);\n  return {\n    section,\n    open,\n    close,\n    hasOpen: hasOpen(),\n    openAll,\n    closeAll,\n    onOpen: open,\n    currentOpen: Object.keys(current).length ? getCurrentOpen() : null,\n  };\n};\n\nexport default useAccordion;\n"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useRef, useState } from 'react';\n\nexport type AccordionItemId = string | number;\n\nexport interface UseAccordionProps {\n  defaultOpen?: AccordionItemId;\n  singleOpen?: boolean;\n}\nexport interface UseAccordionSectionProps {\n  ref: React.RefObject<HTMLDetailsElement>;\n  open: boolean;\n  onToggle: (\n    e: React.MouseEvent | React.SyntheticEvent<HTMLElement, Event> | Event\n  ) => void;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  role: string;\n  // tabIndex: number;\n  'aria-expanded': boolean | undefined;\n}\n\nexport interface UseAccordionReturn {\n  section: (id: AccordionItemId) => UseAccordionSectionProps;\n  open: (id: AccordionItemId) => void;\n  close: (id: AccordionItemId) => void;\n  openAll: () => void;\n  closeAll: () => void;\n  onOpen: (id: AccordionItemId) => void;\n  hasOpen: boolean;\n  currentOpen?: AccordionItemId | AccordionItemId[] | null;\n}\n\nexport const useAccordion = ({\n  defaultOpen,\n  singleOpen = false,\n}: UseAccordionProps = {}): UseAccordionReturn => {\n  const sectionsRef = useRef<\n    Map<AccordionItemId, React.RefObject<HTMLDetailsElement | null>>\n  >(new Map());\n  const [current, setCurrentOpen] = useState(\n    defaultOpen ? { [defaultOpen]: true } : {}\n  );\n  const getCurrentOpen = (): AccordionItemId | AccordionItemId[] | null => {\n    const openSections: AccordionItemId[] = [];\n    sectionsRef.current.forEach((ref, id) => {\n      if (ref.current?.open) {\n        openSections.push(id);\n      }\n    });\n\n    if (singleOpen) {\n      return openSections[0] || null;\n    }\n    return openSections.length ? openSections : null;\n  };\n\n  const open = (id: AccordionItemId) => {\n    sectionsRef?.current?.get(id)?.current?.setAttribute('open', '');\n  };\n\n  const close = (id: AccordionItemId) => {\n    sectionsRef.current.get(id)?.current?.removeAttribute('open');\n  };\n\n  const openAll = () => {\n    if (singleOpen) {\n      throw new Error('Cannot open all sections when singleOpen is true');\n    }\n    sectionsRef.current.forEach((ref) => ref.current?.setAttribute('open', ''));\n  };\n\n  const closeAll = () => {\n    sectionsRef.current.forEach((ref) => ref.current?.removeAttribute('open'));\n  };\n\n  const navigateTo = useCallback(\n    (direction: 'next' | 'previous') => {\n      const activeElement = document.activeElement;\n      if (!activeElement) return;\n      const focusableElements = Array.from(\n        document.querySelectorAll('summary')\n      );\n      const currentIndex = focusableElements.indexOf(\n        activeElement as HTMLElement\n      );\n      let nextIndex;\n      if (direction === 'next') {\n        nextIndex =\n          currentIndex >= 0 ? currentIndex + 1 : focusableElements.length - 1;\n      } else if (direction === 'previous') {\n        nextIndex =\n          currentIndex <= focusableElements.length - 1 ? currentIndex - 1 : 0;\n      }\n      const nextElement = focusableElements[nextIndex];\n      if (nextElement) {\n        nextElement.focus();\n      }\n    },\n    [current]\n  );\n\n  const section = useCallback(\n    (id: AccordionItemId) => {\n      if (!sectionsRef.current.has(id)) {\n        sectionsRef.current.set(id, React.createRef());\n      }\n      const ref = sectionsRef.current.get(\n        id\n      ) as React.RefObject<HTMLDetailsElement>;\n\n      const onToggle = (e) => {\n        if (singleOpen && e.target?.open) {\n          sectionsRef.current.forEach((sectionRef, sectionId) => {\n            if (sectionId === id) {\n              setCurrentOpen({ ...current, [id]: e.target?.open });\n            }\n            if (sectionId !== id && sectionRef.current?.hasAttribute('open')) {\n              sectionRef.current?.removeAttribute('open');\n            }\n          });\n        } else {\n          setCurrentOpen({ ...current, [id]: e.target?.open });\n        }\n      };\n\n      const onKeyDown = (e: React.KeyboardEvent) => {\n        switch (e.key) {\n          case 'ArrowDown':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('next');\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); // Prevent scrolling if needed\n            navigateTo('previous');\n            break;\n          case 'Enter':\n            e.preventDefault(); // Prevent form submission if needed\n            if (ref?.current?.hasAttribute('open')) {\n              close(id);\n            } else {\n              open(id);\n            }\n            break;\n        }\n      };\n\n      return {\n        ref,\n        open: ref?.current?.hasAttribute('open') || false,\n        onToggle,\n        onKeyDown,\n        role: 'button',\n        'aria-expanded': ref?.current?.hasAttribute('open'),\n      };\n    },\n    [current]\n  );\n  const hasOpen = useCallback(() => {\n    return getCurrentOpen() !== null;\n  }, []);\n  useEffect(() => {\n    if (defaultOpen) {\n      if (Array.isArray(defaultOpen)) {\n        defaultOpen.forEach((id) => open(id));\n      } else {\n        open(defaultOpen);\n      }\n    }\n  }, [defaultOpen]);\n  return {\n    section,\n    open,\n    close,\n    hasOpen: hasOpen(),\n    openAll,\n    closeAll,\n    onOpen: open,\n    currentOpen: Object.keys(current).length ? getCurrentOpen() : null,\n  };\n};\n\nexport default useAccordion;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgE;AA+BzD,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA,aAAa;AACf,IAAuB,CAAC,MAA0B;AAChD,QAAM,kBAAc,qBAElB,oBAAI,IAAI,CAAC;AACX,QAAM,CAAC,SAAS,cAAc,QAAI;AAAA,IAChC,cAAc,EAAE,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC;AAAA,EAC3C;AACA,QAAM,iBAAiB,MAAkD;AACvE,UAAM,eAAkC,CAAC;AACzC,gBAAY,QAAQ,QAAQ,CAAC,KAAK,OAAO;AACvC,UAAI,IAAI,SAAS,MAAM;AACrB,qBAAa,KAAK,EAAE;AAAA,MACtB;AAAA,IACF,CAAC;AAED,QAAI,YAAY;AACd,aAAO,aAAa,CAAC,KAAK;AAAA,IAC5B;AACA,WAAO,aAAa,SAAS,eAAe;AAAA,EAC9C;AAEA,QAAM,OAAO,CAAC,OAAwB;AACpC,iBAAa,SAAS,IAAI,EAAE,GAAG,SAAS,aAAa,QAAQ,EAAE;AAAA,EACjE;AAEA,QAAM,QAAQ,CAAC,OAAwB;AACrC,gBAAY,QAAQ,IAAI,EAAE,GAAG,SAAS,gBAAgB,MAAM;AAAA,EAC9D;AAEA,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AACd,YAAM,IAAI,MAAM,kDAAkD;AAAA,IACpE;AACA,gBAAY,QAAQ,QAAQ,CAAC,QAAQ,IAAI,SAAS,aAAa,QAAQ,EAAE,CAAC;AAAA,EAC5E;AAEA,QAAM,WAAW,MAAM;AACrB,gBAAY,QAAQ,QAAQ,CAAC,QAAQ,IAAI,SAAS,gBAAgB,MAAM,CAAC;AAAA,EAC3E;AAEA,QAAM,iBAAa;AAAA,IACjB,CAAC,cAAmC;AAClC,YAAM,gBAAgB,SAAS;AAC/B,UAAI,CAAC,cAAe;AACpB,YAAM,oBAAoB,MAAM;AAAA,QAC9B,SAAS,iBAAiB,SAAS;AAAA,MACrC;AACA,YAAM,eAAe,kBAAkB;AAAA,QACrC;AAAA,MACF;AACA,UAAI;AACJ,UAAI,cAAc,QAAQ;AACxB,oBACE,gBAAgB,IAAI,eAAe,IAAI,kBAAkB,SAAS;AAAA,MACtE,WAAW,cAAc,YAAY;AACnC,oBACE,gBAAgB,kBAAkB,SAAS,IAAI,eAAe,IAAI;AAAA,MACtE;AACA,YAAM,cAAc,kBAAkB,SAAS;AAC/C,UAAI,aAAa;AACf,oBAAY,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,cAAU;AAAA,IACd,CAAC,OAAwB;AACvB,UAAI,CAAC,YAAY,QAAQ,IAAI,EAAE,GAAG;AAChC,oBAAY,QAAQ,IAAI,IAAI,aAAAA,QAAM,UAAU,CAAC;AAAA,MAC/C;AACA,YAAM,MAAM,YAAY,QAAQ;AAAA,QAC9B;AAAA,MACF;AAEA,YAAM,WAAW,CAAC,MAAM;AACtB,YAAI,cAAc,EAAE,QAAQ,MAAM;AAChC,sBAAY,QAAQ,QAAQ,CAAC,YAAY,cAAc;AACrD,gBAAI,cAAc,IAAI;AACpB,6BAAe,EAAE,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,KAAK,CAAC;AAAA,YACrD;AACA,gBAAI,cAAc,MAAM,WAAW,SAAS,aAAa,MAAM,GAAG;AAChE,yBAAW,SAAS,gBAAgB,MAAM;AAAA,YAC5C;AAAA,UACF,CAAC;AAAA,QACH,OAAO;AACL,yBAAe,EAAE,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,QAAQ,KAAK,CAAC;AAAA,QACrD;AAAA,MACF;AAEA,YAAM,YAAY,CAAC,MAA2B;AAC5C,gBAAQ,EAAE,KAAK;AAAA,UACb,KAAK;AACH,cAAE,eAAe;AACjB,uBAAW,MAAM;AACjB;AAAA,UACF,KAAK;AACH,cAAE,eAAe;AACjB,uBAAW,UAAU;AACrB;AAAA,UACF,KAAK;AACH,cAAE,eAAe;AACjB,gBAAI,KAAK,SAAS,aAAa,MAAM,GAAG;AACtC,oBAAM,EAAE;AAAA,YACV,OAAO;AACL,mBAAK,EAAE;AAAA,YACT;AACA;AAAA,QACJ;AAAA,MACF;AAEA,aAAO;AAAA,QACL;AAAA,QACA,MAAM,KAAK,SAAS,aAAa,MAAM,KAAK;AAAA,QAC5C;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QACN,iBAAiB,KAAK,SAAS,aAAa,MAAM;AAAA,MACpD;AAAA,IACF;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AACA,QAAM,cAAU,0BAAY,MAAM;AAChC,WAAO,eAAe,MAAM;AAAA,EAC9B,GAAG,CAAC,CAAC;AACL,8BAAU,MAAM;AACd,QAAI,aAAa;AACf,UAAI,MAAM,QAAQ,WAAW,GAAG;AAC9B,oBAAY,QAAQ,CAAC,OAAO,KAAK,EAAE,CAAC;AAAA,MACtC,OAAO;AACL,aAAK,WAAW;AAAA,MAClB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAChB,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,QAAQ;AAAA,IACjB;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR,aAAa,OAAO,KAAK,OAAO,EAAE,SAAS,eAAe,IAAI;AAAA,EAChE;AACF;AAEA,IAAO,gBAAQ;",
   "names": ["React"]
 }

package/cjs/form/AutoComplete/Status/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/form/AutoComplete/Status/index.tsx"],
-  "sourcesContent": ["import React, { Component } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ninterface StatusProps {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n}\n\ninterface StateProps {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n}\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { Component, type JSX } from 'react';\nimport AutoCompleteStatus from '@digigov/react-core/AutoCompleteStatus';\nimport AutoCompleteStatusContainer from '@digigov/react-core/AutoCompleteStatusContainer';\n\nconst debounce = function (\n  func: () => void,\n  wait: number,\n  immediate?: boolean\n) {\n  let timeout;\n  return function (...args) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const context = this;\n    const later = function () {\n      timeout = null;\n      if (!immediate) func.apply(context, args);\n    };\n    const callNow = immediate && !timeout;\n    clearTimeout(timeout);\n    timeout = setTimeout(later, wait);\n    if (callNow) func.apply(context, args);\n    return timeout;\n  };\n};\nconst statusDebounceMillis = 1400;\n\ninterface StatusProps {\n  id: string;\n  length: number;\n  queryLength: number;\n  minQueryLength?: number;\n  selectedOption: string;\n  selectedOptionIndex: number;\n  validChoiceMade: boolean;\n  isInFocus: boolean;\n  tQueryTooShort?: (x: number) => string;\n  tNoResults?: () => string;\n  tSelectedOption: (x: string, y: number, z: number) => string;\n  tResults?: (x: number, y: string) => string;\n}\n\ninterface StateProps {\n  bump: boolean;\n  debounced: boolean;\n  silenced: boolean;\n}\n\nexport default class Status extends Component<StatusProps, StateProps> {\n  static defaultProps = {\n    tQueryTooShort: (minQueryLength: number): string =>\n      `Type in ${minQueryLength} or more characters for results`,\n    tNoResults: (): string => 'No search results',\n    tSelectedOption: (\n      selectedOption: string,\n      length: number,\n      index: number\n    ): string => `${selectedOption} ${index + 1} of ${length} is highlighted`,\n    tResults: (length: number, contentSelectedOption: string): string => {\n      const words = {\n        result: length === 1 ? 'result' : 'results',\n        is: length === 1 ? 'is' : 'are',\n      };\n\n      return `${length} ${words.result} ${words.is} available. ${contentSelectedOption}`;\n    },\n  };\n\n  state = {\n    bump: false,\n    debounced: false,\n    silenced: false,\n  };\n  debounceStatusUpdate: () => void;\n  lastDebounceCall: any;\n  componentWillUnmount(): void {\n    clearTimeout(this.lastDebounceCall);\n  }\n  UNSAFE_componentWillMount() {\n    // eslint-disable-next-line @typescript-eslint/no-this-alias\n    const that = this;\n    this.debounceStatusUpdate = debounce(function () {\n      if (!that.state.debounced) {\n        const shouldSilence =\n          !that.props.isInFocus || that.props.validChoiceMade;\n        that.setState(({ bump }) => ({\n          bump: !bump,\n          debounced: true,\n          silenced: shouldSilence,\n        }));\n      }\n    }, statusDebounceMillis);\n  }\n\n  UNSAFE_componentWillReceiveProps() {\n    this.setState({ debounced: false });\n  }\n\n  render(): JSX.Element {\n    const {\n      id,\n      length,\n      queryLength,\n      minQueryLength,\n      selectedOption,\n      selectedOptionIndex,\n      tQueryTooShort,\n      tNoResults,\n      tSelectedOption,\n      tResults,\n    } = this.props;\n    const { bump, debounced, silenced } = this.state;\n\n    const queryTooShort = queryLength < (minQueryLength as number);\n    const noResults = length === 0;\n\n    const contentSelectedOption = selectedOption\n      ? tSelectedOption(selectedOption, length, selectedOptionIndex)\n      : '';\n\n    let content;\n    if (queryTooShort) {\n      content = tQueryTooShort?.(minQueryLength as number);\n    } else if (noResults) {\n      content = tNoResults?.();\n    } else {\n      content = tResults?.(length, contentSelectedOption);\n    }\n\n    this.lastDebounceCall = this.debounceStatusUpdate();\n\n    return (\n      <AutoCompleteStatusContainer>\n        <AutoCompleteStatus id={id + '__status--A'}>\n          {!silenced && debounced && bump ? content : ' '}\n        </AutoCompleteStatus>\n        <AutoCompleteStatus id={id + '__status--B'}>\n          {!silenced && debounced && !bump ? content : ' '}\n        </AutoCompleteStatus>\n      </AutoCompleteStatusContainer>\n    );\n  }\n}\n\nexport { AutoCompleteStatusContainer, AutoCompleteStatus };\n"],
+  "mappings": "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",
   "names": ["AutoCompleteStatus", "AutoCompleteStatusContainer", "React"]
 }

package/cjs/form/AutoComplete/index.js

@@ -31,7 +31,6 @@ __export(AutoComplete_exports, {
   AutoCompleteAssistiveHint: () => import_AutoCompleteAssistiveHint.AutoCompleteAssistiveHint,
   AutoCompleteContainer: () => import_AutoCompleteContainer.AutoCompleteContainer,
   AutoCompleteInputBase: () => import_AutoCompleteInputBase.AutoCompleteInputBase,
-  AutoCompleteInputTypeahead: () => import_AutoCompleteInputTypeahead.AutoCompleteInputTypeahead,
   AutoCompleteMultipleInput: () => import_AutoCompleteMultipleInput.AutoCompleteMultipleInput,
   AutoCompleteMultipleInputContainer: () => import_AutoCompleteMultipleInputContainer.AutoCompleteMultipleInputContainer,
   AutoCompleteResultList: () => import_AutoCompleteResultList.AutoCompleteResultList,
@@ -43,7 +42,6 @@ var import_react = __toESM(require("react"));
 var import_AutoCompleteAssistiveHint = require("@digigov/react-core/AutoCompleteAssistiveHint");
 var import_AutoCompleteContainer = require("@digigov/react-core/AutoCompleteContainer");
 var import_AutoCompleteInputBase = require("@digigov/react-core/AutoCompleteInputBase");
-var import_AutoCompleteInputTypeahead = require("@digigov/react-core/AutoCompleteInputTypeahead");
 var import_AutoCompleteMultipleInput = require("@digigov/react-core/AutoCompleteMultipleInput");
 var import_AutoCompleteMultipleInputContainer = require("@digigov/react-core/AutoCompleteMultipleInputContainer");
 var import_AutoCompleteResultList = require("@digigov/react-core/AutoCompleteResultList");
@@ -105,6 +103,7 @@ class AutoComplete extends import_react.Component {
       minLength: 0,
       name: "ds-input-autocomplete",
       placeholder: "",
+      hint: false,
       onConfirm: () => {
         return;
       },
@@ -158,12 +157,13 @@ class AutoComplete extends import_react.Component {
   }
   handleComponentBlur(newState) {
     const { options, query, selected } = this.state;
-    let newQuery;
-    if (this.props.confirmOnBlur) {
-      newQuery = newState?.query || query;
-      this.props.onConfirm?.(options[selected]);
-    } else {
-      newQuery = query;
+    const { confirmOnBlur, autoselect, onConfirm } = this.props;
+    let newQuery = query;
+    if (confirmOnBlur || autoselect) {
+      newQuery = newState?.query ?? query;
+    }
+    if (confirmOnBlur) {
+      onConfirm?.(options[selected]);
     }
     this.setState({
       focused: null,
@@ -179,6 +179,7 @@ class AutoComplete extends import_react.Component {
     });
   }
   handleAutoCompleteBlur(event, index) {
+    const { autoselect } = this.props;
     const { focused, options, query, selected } = this.state;
     let focusingOutsideComponent = false;
     if (event.relatedTarget === null) {
@@ -193,17 +194,26 @@ class AutoComplete extends import_react.Component {
       focusingAnotherOption = focused !== index && focused !== -1;
     }
     const blurComponent = focusingOutsideComponent && !(focusingAnotherOption || focusingInput || focusingButtonArrow);
-    if (blurComponent) {
+    if (blurComponent && !autoselect) {
       const newQuery = (0, import_utils.isIosDevice)() ? query : this.templateInputValue(options[selected]);
       this.handleComponentBlur({
         menuOpen: false,
         query: newQuery
       });
     }
+    if (blurComponent && autoselect) {
+      const selectedOption = this.templateInputValue(
+        options[selected]
+      );
+      const newQuery = (0, import_utils.isIosDevice)() ? query : selectedOption?.toLowerCase().includes(query.toLowerCase()) ? selectedOption : query;
+      this.handleComponentBlur({
+        menuOpen: false,
+        query: newQuery
+      });
+    }
   }
   handleInputChange(event) {
     const { source, minLength } = this.props;
-    const autoselect = this.hasAutoselect();
     const query = event.target.value;
     const queryEmpty = query.length === 0;
     this.setState({
@@ -216,7 +226,7 @@ class AutoComplete extends import_react.Component {
       this.setState({
         menuOpen: optionsAvailable,
         options,
-        selected: autoselect && optionsAvailable ? 0 : -1,
+        selected: -1,
         validChoiceMade: false
       });
     });
@@ -257,6 +267,7 @@ class AutoComplete extends import_react.Component {
         hovered: index
       });
     }
+    this.handleOptionFocus(index);
   }
   handleOptionClickMultiple(index) {
     const selectedOption = this.state.options[index];
@@ -383,11 +394,13 @@ class AutoComplete extends import_react.Component {
       case "enter":
         this.handleEnter(event);
         break;
-      case "escape":
+      case "escape": {
         this.handleComponentBlur({
-          query: this.state.query
+          query: this.state.query,
+          menuOpen: false
         });
         break;
+      }
       case "backspace":
         if (this.props.multiple) {
           if (this.state.query.length === 0 && this.state.selectedValues.length > 0) {
@@ -428,6 +441,7 @@ class AutoComplete extends import_react.Component {
       name,
       placeholder,
       required,
+      hint,
       tNoResults,
       tStatusQueryTooShort,
       tStatusNoResults,
@@ -458,7 +472,7 @@ class AutoComplete extends import_react.Component {
     const menuIsVisible = menuOpen || showNoOptionsFound;
     const selectedOptionText = this.templateInputValue(options[selected]);
     const optionBeginsWithQuery = selectedOptionText && selectedOptionText.toLowerCase().indexOf(query.toLowerCase()) === 0;
-    const hintValue = optionBeginsWithQuery && autoselect ? query + selectedOptionText.substr(query.length) : "";
+    const hintValue = optionBeginsWithQuery && (autoselect || hint) ? query + selectedOptionText.substr(query.length) : "";
     const assistiveHintID = id + "__assistiveHint";
     const ariaDescribedProp = ariaHint ? {
       "aria-describedby": assistiveHintID
@@ -541,7 +555,7 @@ class AutoComplete extends import_react.Component {
         tSelectedOption: tStatusSelectedOption,
         tResults: tStatusResults
       }
-    ), hintValue && (placeholder === "" || !placeholder) && /* @__PURE__ */ import_react.default.createElement(import_AutoCompleteInputTypeahead.AutoCompleteInputTypeahead, { value: hintValue }), multiple ? /* @__PURE__ */ import_react.default.createElement(
+    ), multiple && !autoselect ? /* @__PURE__ */ import_react.default.createElement(
       import_AutoCompleteMultipleInputContainer.AutoCompleteMultipleInputContainer,
       {
         isFocused: componentIsFocused,
@@ -589,7 +603,7 @@ class AutoComplete extends import_react.Component {
           onChange: this.handleInputChange,
           onFocus: this.handleInputFocus,
           name,
-          placeholder,
+          placeholder: hintValue || placeholder,
           ref: (inputElement) => {
             this.elementReferences[-1] = inputElement;
           },
@@ -613,7 +627,7 @@ class AutoComplete extends import_react.Component {
                 this.setState({
                   menuOpen: optionsAvailable,
                   options: options2,
-                  selected: autoselect && optionsAvailable ? 0 : -1,
+                  selected: -1,
                   validChoiceMade: false
                 });
               });
@@ -656,7 +670,7 @@ class AutoComplete extends import_react.Component {
         onChange: this.handleInputChange,
         onFocus: this.handleInputFocus,
         name,
-        placeholder,
+        placeholder: hintValue || placeholder,
         ref: (inputElement) => {
           this.elementReferences[-1] = inputElement;
         },
@@ -683,7 +697,6 @@ class AutoComplete extends import_react.Component {
   AutoCompleteAssistiveHint,
   AutoCompleteContainer,
   AutoCompleteInputBase,
-  AutoCompleteInputTypeahead,
   AutoCompleteMultipleInput,
   AutoCompleteMultipleInputContainer,
   AutoCompleteResultList,