@anoki/fse-ui 1.10.1-RC2.11 → 1.10.1-RC2.13

package/dist/index.es10.js

@@ -1,9 +1,9 @@
 import { j as f } from "./index.es247.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es248.js";
-import { createSpacingClasses as g } from "./index.es249.js";
-import { createColorClasses as j } from "./index.es251.js";
-import { createTypographyClasses as u } from "./index.es252.js";
+import { clsx as y } from "./index.es249.js";
+import { createSpacingClasses as g } from "./index.es280.js";
+import { createColorClasses as j } from "./index.es279.js";
+import { createTypographyClasses as u } from "./index.es282.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es100.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es247.js";
 import './styles/typography.css';import './components/ui/link/Link.css';/* empty css            */
 /* empty css            */
-import { clsx as m } from "./index.es248.js";
+import { clsx as m } from "./index.es249.js";
 function x({
   title: o,
   src: e,

package/dist/index.es102.js

@@ -2,8 +2,8 @@ import { j as e } from "./index.es247.js";
 import './components/ui/CardFile/CardFile.css';/* empty css            */
 import { Button as x } from "./index.es28.js";
 import { ArrowLink as m } from "./index.es43.js";
-import { clsx as a } from "./index.es248.js";
-import { F as c } from "./index.es377.js";
+import { clsx as a } from "./index.es249.js";
+import { F as c } from "./index.es406.js";
 import { File as h } from "./index.es188.js";
 import { Download as j } from "./index.es193.js";
 import { Link as w } from "./index.es100.js";

package/dist/index.es104.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es247.js";
-import { clsx as m } from "./index.es248.js";
+import { clsx as m } from "./index.es249.js";
 import './components/ui/ChangeProfileModal/ChangeProfileModal.css';/* empty css            */
-import { ChangeProfileModalContent as d } from "./index.es380.js";
+import { ChangeProfileModalContent as d } from "./index.es409.js";
 import { ModalsHeader as c } from "./index.es106.js";
 import { BaseModal as f } from "./index.es45.js";
 import { Button as p } from "./index.es28.js";

package/dist/index.es105.js

@@ -1,10 +1,10 @@
 import { j as a } from "./index.es247.js";
 import { BaseModal as i } from "./index.es45.js";
-import { clsx as s } from "./index.es248.js";
+import { clsx as s } from "./index.es249.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es382.js";
-import { AddNewModalContent as p } from "./index.es383.js";
-import { AddNewModalFooter as n } from "./index.es384.js";
+import { AddNewModalHeader as l } from "./index.es411.js";
+import { AddNewModalContent as p } from "./index.es412.js";
+import { AddNewModalFooter as n } from "./index.es413.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es106.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es247.js";
 import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es298.js";
+import { Title as o, Close as l } from "./index.es328.js";
 import { Button as i } from "./index.es28.js";
 import { Close as m } from "./index.es163.js";
 const h = ({

package/dist/index.es107.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es247.js";
-import { clsx as m } from "./index.es248.js";
+import { clsx as m } from "./index.es249.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const x = ({
   label: t,

package/dist/index.es109.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es247.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as g } from "react";
-import { Root as b, Indicator as N } from "./index.es280.js";
+import { Root as b, Indicator as N } from "./index.es310.js";
 import { Row as r } from "./index.es9.js";
 import { CheckIcon as C } from "./index.es215.js";
 import { Col as s } from "./index.es10.js";

package/dist/index.es11.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es247.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es248.js";
+import { clsx as r } from "./index.es249.js";
 import { useState as x } from "react";
 import { Button as d } from "./index.es28.js";
 import { SearchIcon as h } from "./index.es224.js";

package/dist/index.es111.js

@@ -1,11 +1,11 @@
 import { j as s } from "./index.es247.js";
 import E, { useState as I, useEffect as f, useCallback as S } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as T } from "./index.es255.js";
-import { clsx as u } from "./index.es248.js";
+import { useMediaQueryV2 as T } from "./index.es285.js";
+import { clsx as u } from "./index.es249.js";
 import { Row as C } from "./index.es9.js";
 import { ArrowDown as H } from "./index.es160.js";
-import { ScrollArea as R } from "./index.es389.js";
+import { ScrollArea as R } from "./index.es418.js";
 const O = ({
   title: h = "Indice",
   headings: r,

package/dist/index.es112.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es247.js";
-import { clsx as m } from "./index.es248.js";
+import { clsx as m } from "./index.es249.js";
 import { useState as p, useRef as x, useEffect as w } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
 import { Close as S } from "./index.es163.js";

package/dist/index.es113.js

@@ -1,105 +1,110 @@
-import { j as o } from "./index.es247.js";
-import { clsx as p } from "./index.es248.js";
-import { useState as f, useRef as w, useEffect as h } from "react";
+import { j as s } from "./index.es247.js";
+import { clsx as x } from "./index.es249.js";
+import { useState as h, useRef as y, useId as F, useEffect as b } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
-import { Close as D } from "./index.es163.js";
-import { Button as O } from "./index.es28.js";
+import { Close as O } from "./index.es163.js";
+import { Button as S } from "./index.es28.js";
 import { Col as W } from "./index.es10.js";
 const Q = ({
-  size: b = "large",
-  items: j = [],
-  className: v,
-  selectedGroupCode: i,
-  setSelectedGroupCode: C,
-  placeholder: N = "",
-  btnText: k = "Cerca",
-  onSearch: x
+  size: N = "large",
+  items: C = [],
+  className: E,
+  selectedGroupCode: d,
+  setSelectedGroupCode: k,
+  placeholder: g = "",
+  btnText: L = "Cerca",
+  onSearch: u
 }) => {
-  const [s, c] = f(!1), [l, a] = f(""), [r, d] = f(i), u = w(null), m = w(null), g = j.filter((e) => e.labels.it.toLowerCase().includes(l.toLowerCase()));
-  h(() => {
-    d(i);
-  }, [i]), h(() => {
-    const e = (t) => {
-      u.current && !u.current.contains(t.target) && c(!1);
+  const [t, n] = h(!1), [a, p] = h(""), [l, c] = h(d), m = y(null), w = y(null), f = F(), j = `${f}-listbox`, I = g || "Codice esenzione", v = C.filter((e) => e.labels.it.toLowerCase().includes(a.toLowerCase()));
+  b(() => {
+    c(d);
+  }, [d]), b(() => {
+    const e = (o) => {
+      m.current && !m.current.contains(o.target) && n(!1);
     };
-    return s ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
+    return t ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
-  }, [s]), h(() => {
-    s && (a(""), m.current && m.current.focus());
-  }, [s]);
-  const E = (e) => {
-    s && a(e.target.value);
-  }, y = () => {
-    c(!s);
-  }, L = (e) => {
-    e.stopPropagation(), d(null), a("");
-  }, S = () => {
-    C(r), x && x(r);
-  }, I = !s && r ? r.labels.it : l, R = r !== null || l.length > 0, z = (e, t) => {
-    if (!t || t.trim() === "")
-      return /* @__PURE__ */ o.jsxs("span", { style: { color: "black", fontSize: "0.85rem" }, children: [
-        " ",
-        e,
-        " "
-      ] });
-    const n = e.toLowerCase().indexOf(t.toLowerCase());
-    if (n === -1) return e;
-    const B = e.slice(0, n), M = e.slice(n, n + t.length), T = e.slice(n + t.length);
-    return /* @__PURE__ */ o.jsxs("span", { style: { color: "black", fontSize: "0.85rem" }, children: [
-      B,
-      /* @__PURE__ */ o.jsx("span", { style: { fontSize: "0.85rem" }, className: "text-primary fw-bold", children: M }),
-      T
+  }, [t]), b(() => {
+    var e;
+    t && (p(""), (e = w.current) == null || e.focus());
+  }, [t]);
+  const z = !t && l ? l.labels.it : a, R = l !== null || a.length > 0, D = (e, o) => {
+    const r = { color: "black", fontSize: "0.85rem" };
+    if (!o || o.trim() === "")
+      return /* @__PURE__ */ s.jsx("span", { style: r, children: e });
+    const i = e.toLowerCase().indexOf(o.toLowerCase());
+    if (i === -1) return /* @__PURE__ */ s.jsx("span", { style: r, children: e });
+    const T = e.slice(0, i), M = e.slice(i, i + o.length), B = e.slice(i + o.length);
+    return /* @__PURE__ */ s.jsxs("span", { style: r, children: [
+      T,
+      /* @__PURE__ */ s.jsx("span", { style: { fontSize: "0.85rem" }, className: "text-primary fw-bold", children: M }),
+      B
     ] });
   };
-  return /* @__PURE__ */ o.jsxs(
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ref: u,
-      className: p(
+      ref: m,
+      className: x(
         "ui-related-dropdown-group-code",
         "br-x4 bg-border-secondary w-full",
-        v
+        E
       ),
-      style: b === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
+      style: N === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: "ui-input-container-group-code", children: [
-          /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ s.jsxs("div", { className: "ui-input-container-group-code", children: [
+          /* @__PURE__ */ s.jsx("label", { className: "visually-hidden", htmlFor: f, children: I }),
+          /* @__PURE__ */ s.jsx(
             "input",
             {
-              ref: m,
-              className: p(
+              ref: w,
+              id: f,
+              type: "text",
+              className: x(
                 "ui-related-dropdown-input-group-code",
                 "bg-white fs-6 br-x4 w-full pl-x24",
-                { active: s }
+                { active: t }
               ),
-              value: I,
-              onChange: E,
-              placeholder: N,
-              onClick: y
+              value: z,
+              onChange: (e) => {
+                t && p(e.target.value);
+              },
+              placeholder: g,
+              onClick: () => n((e) => !e),
+              autoComplete: "search",
+              "aria-haspopup": "listbox",
+              "aria-expanded": t,
+              "aria-controls": j
             }
           ),
-          R && /* @__PURE__ */ o.jsx(
-            "div",
+          R && /* @__PURE__ */ s.jsx(
+            "button",
             {
+              type: "button",
               className: "ui-close-button-group-code",
-              onClick: L,
-              children: /* @__PURE__ */ o.jsx(D, { width: 20 })
+              onClick: (e) => {
+                e.stopPropagation(), c(null), p("");
+              },
+              "aria-label": "Cancella filtro del codice esenzione",
+              children: /* @__PURE__ */ s.jsx("span", { "aria-hidden": "true", children: /* @__PURE__ */ s.jsx(O, { width: 20 }) })
             }
           ),
-          /* @__PURE__ */ o.jsx("div", { className: "ui-div-btn-group-code", children: /* @__PURE__ */ o.jsx(
-            O,
+          /* @__PURE__ */ s.jsx("div", { className: "ui-div-btn-group-code", children: /* @__PURE__ */ s.jsx(
+            S,
             {
-              className: p(
+              className: x(
                 "ui-btn-search-group-code",
                 "bg-primary text-white fs-7 fw-semibold br-x4"
               ),
-              onClick: S,
-              children: k
+              onClick: () => {
+                k(l), u == null || u(l);
+              },
+              children: L
             }
           ) })
         ] }),
-        s && /* @__PURE__ */ o.jsx("div", { className: "ui-related-dropdown-options-group-code", children: /* @__PURE__ */ o.jsx("div", { className: "px-x24 shadow w-full", children: /* @__PURE__ */ o.jsx(
+        t && /* @__PURE__ */ s.jsx("div", { className: "ui-related-dropdown-options-group-code", children: /* @__PURE__ */ s.jsx("div", { className: "px-x24 shadow w-full", children: /* @__PURE__ */ s.jsx(
           W,
           {
             gap: "x4",
@@ -107,17 +112,37 @@ const Q = ({
             fs: "custom",
             fw: "regular",
             className: "ui-options-list-group-code fw-regular",
-            children: g.length > 0 ? g.map((e, t) => /* @__PURE__ */ o.jsx(
+            role: "listbox",
+            "aria-label": "Risultati ricerca codice esenzione",
+            id: j,
+            children: v.length > 0 ? v.map((e, o) => {
+              const r = (l == null ? void 0 : l.code) === e.code;
+              return /* @__PURE__ */ s.jsx(
+                "div",
+                {
+                  className: "ui-option-item-group-code",
+                  role: "option",
+                  tabIndex: 0,
+                  "aria-selected": r,
+                  onClick: () => {
+                    c(e), n(!1);
+                  },
+                  onKeyDown: (i) => {
+                    (i.key === "Enter" || i.key === " ") && (i.preventDefault(), c(e), n(!1));
+                  },
+                  children: D(e.labels.it, a)
+                },
+                e.code || o
+              );
+            }) : /* @__PURE__ */ s.jsx(
               "div",
               {
-                className: "ui-option-item-group-code",
-                onClick: () => {
-                  d(e), c(!1);
-                },
-                children: z(e.labels.it, l)
-              },
-              e.code || t
-            )) : /* @__PURE__ */ o.jsx("div", { className: "ui-option-item-group-code no-results-group-code", children: /* @__PURE__ */ o.jsx("span", { style: { color: "gray" }, children: "Nessun risultato trovato" }) })
+                className: "ui-option-item-group-code no-results-group-code",
+                role: "status",
+                "aria-live": "polite",
+                children: /* @__PURE__ */ s.jsx("span", { style: { color: "gray" }, children: "Nessun risultato trovato" })
+              }
+            )
           }
         ) }) })
       ]

package/dist/index.es113.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es113.js","sources":["../src/components/ui/GroupCodeExemptionFilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport \"./GroupCodeExemptionFilterDropDown.scss\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type FinancialClassCode = {\r\n  code: string;\r\n  codingScheme: string;\r\n  labels: {\r\n    it: string;\r\n    en?: string;\r\n  };\r\n};\r\n\r\ntype GroupCodeExemptionDropDownProps = {\r\n  size?: \"small\" | \"large\";\r\n  items: FinancialClassCode[];\r\n  className?: string;\r\n  selectedGroupCode: FinancialClassCode | null;\r\n  setSelectedGroupCode: (groupCode: FinancialClassCode | null) => void;\r\n  placeholder?: string;\r\n  btnText?: string;\r\n  onSearch?: (groupCode: FinancialClassCode | null) => void;\r\n};\r\n\r\nexport const GroupCodeExemptionFilterDropDown = ({\r\n  size = \"large\",\r\n  items = [],\r\n  className,\r\n  selectedGroupCode,\r\n  setSelectedGroupCode,\r\n  placeholder = \"\",\r\n  btnText = \"Cerca\",\r\n  onSearch,\r\n}: GroupCodeExemptionDropDownProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const [tempSelectedCode, setTempSelectedCode] =\r\n    useState<FinancialClassCode | null>(selectedGroupCode);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const filteredItems = items.filter((groupCode) => {\r\n    return groupCode.labels.it.toLowerCase().includes(searchTerm.toLowerCase());\r\n  });\r\n\r\n  useEffect(() => {\r\n    setTempSelectedCode(selectedGroupCode);\r\n  }, [selectedGroupCode]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (isExpanded) {\r\n      setSearchTerm(\"\");\r\n      if (inputRef.current) {\r\n        inputRef.current.focus();\r\n      }\r\n    }\r\n  }, [isExpanded]);\r\n\r\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (isExpanded) {\r\n      setSearchTerm(e.target.value);\r\n    }\r\n  };\r\n\r\n  const handleInputClick = () => {\r\n    setIsExpanded(!isExpanded);\r\n  };\r\n\r\n  const handleClearClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n    setTempSelectedCode(null);\r\n    setSearchTerm(\"\");\r\n  };\r\n\r\n  const handleSearchButtonClick = () => {\r\n    setSelectedGroupCode(tempSelectedCode);\r\n\r\n    if (onSearch) {\r\n      onSearch(tempSelectedCode);\r\n    }\r\n  };\r\n\r\n  const displayValue =\r\n    !isExpanded && tempSelectedCode ? tempSelectedCode.labels.it : searchTerm;\r\n\r\n  const showCloseButton = tempSelectedCode !== null || searchTerm.length > 0;\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    if (!query || query.trim() === \"\")\r\n      return (\r\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\r\n      );\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return text;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\r\n        {beforeMatch}\r\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\r\n          {match}\r\n        </span>\r\n        {afterMatch}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={clsx(\r\n        \"ui-related-dropdown-group-code\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n      )}\r\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\r\n    >\r\n      <div className=\"ui-input-container-group-code\">\r\n        <input\r\n          ref={inputRef}\r\n          className={clsx(\r\n            \"ui-related-dropdown-input-group-code\",\r\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\r\n            { active: isExpanded },\r\n          )}\r\n          value={displayValue}\r\n          onChange={handleInputChange}\r\n          placeholder={placeholder}\r\n          onClick={handleInputClick}\r\n        />\r\n\r\n        {showCloseButton && (\r\n          <div\r\n            className=\"ui-close-button-group-code\"\r\n            onClick={handleClearClick}\r\n          >\r\n            <Close width={20} />\r\n          </div>\r\n        )}\r\n\r\n        <div className=\"ui-div-btn-group-code\">\r\n          <Button\r\n            className={clsx(\r\n              \"ui-btn-search-group-code\",\r\n              \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n            )}\r\n            onClick={handleSearchButtonClick}\r\n          >\r\n            {btnText}\r\n          </Button>\r\n        </div>\r\n      </div>\r\n\r\n      {isExpanded && (\r\n        <div className=\"ui-related-dropdown-options-group-code\">\r\n          <div className=\"px-x24 shadow w-full\">\r\n            <Col\r\n              gap={\"x4\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-options-list-group-code fw-regular\"}\r\n            >\r\n              {filteredItems.length > 0 ? (\r\n                filteredItems.map((groupCode, index) => {\r\n                  return (\r\n                    <div\r\n                      className=\"ui-option-item-group-code\"\r\n                      key={groupCode.code || index}\r\n                      onClick={() => {\r\n                        setTempSelectedCode(groupCode);\r\n                        setIsExpanded(false);\r\n                      }}\r\n                    >\r\n                      {highlightMatch(groupCode.labels.it, searchTerm)}\r\n                    </div>\r\n                  );\r\n                })\r\n              ) : (\r\n                <div className=\"ui-option-item-group-code no-results-group-code\">\r\n                  <span style={{ color: \"gray\" }}>\r\n                    Nessun risultato trovato\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["GroupCodeExemptionFilterDropDown","size","items","className","selectedGroupCode","setSelectedGroupCode","placeholder","btnText","onSearch","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","tempSelectedCode","setTempSelectedCode","dropdownRef","useRef","inputRef","filteredItems","groupCode","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","handleSearchButtonClick","displayValue","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","Button","Col"],"mappings":"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"}
+{"version":3,"file":"index.es113.js","sources":["../src/components/ui/GroupCodeExemptionFilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { useEffect, useId, useRef, useState } from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport \"./GroupCodeExemptionFilterDropDown.scss\";\r\nimport { Close } from \"@/icons\";\r\n\r\nexport type FinancialClassCode = {\r\n  code: string;\r\n  codingScheme: string;\r\n  labels: {\r\n    it: string;\r\n    en?: string;\r\n  };\r\n};\r\n\r\ntype GroupCodeExemptionDropDownProps = {\r\n  size?: \"small\" | \"large\";\r\n  items: FinancialClassCode[];\r\n  className?: string;\r\n  selectedGroupCode: FinancialClassCode | null;\r\n  setSelectedGroupCode: (groupCode: FinancialClassCode | null) => void;\r\n  placeholder?: string;\r\n  btnText?: string;\r\n  onSearch?: (groupCode: FinancialClassCode | null) => void;\r\n};\r\n\r\nexport const GroupCodeExemptionFilterDropDown = ({\r\n  size = \"large\",\r\n  items = [],\r\n  className,\r\n  selectedGroupCode,\r\n  setSelectedGroupCode,\r\n  placeholder = \"\",\r\n  btnText = \"Cerca\",\r\n  onSearch,\r\n}: GroupCodeExemptionDropDownProps) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const [searchTerm, setSearchTerm] = useState(\"\");\r\n  const [tempSelectedCode, setTempSelectedCode] =\r\n    useState<FinancialClassCode | null>(selectedGroupCode);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const inputId = useId();\r\n  const listboxId = `${inputId}-listbox`;\r\n  const labelText = placeholder || \"Codice esenzione\";\r\n\r\n  const filteredItems = items.filter((groupCode) => {\r\n    return groupCode.labels.it.toLowerCase().includes(searchTerm.toLowerCase());\r\n  });\r\n\r\n  useEffect(() => {\r\n    setTempSelectedCode(selectedGroupCode);\r\n  }, [selectedGroupCode]);\r\n\r\n  useEffect(() => {\r\n    const handleClickOutside = (event: MouseEvent) => {\r\n      if (\r\n        dropdownRef.current &&\r\n        !dropdownRef.current.contains(event.target as Node)\r\n      ) {\r\n        setIsExpanded(false);\r\n      }\r\n    };\r\n\r\n    if (isExpanded) {\r\n      document.addEventListener(\"mousedown\", handleClickOutside);\r\n    } else {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    }\r\n\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleClickOutside);\r\n    };\r\n  }, [isExpanded]);\r\n\r\n  useEffect(() => {\r\n    if (isExpanded) {\r\n      setSearchTerm(\"\");\r\n      inputRef.current?.focus();\r\n    }\r\n  }, [isExpanded]);\r\n\r\n  const displayValue =\r\n    !isExpanded && tempSelectedCode ? tempSelectedCode.labels.it : searchTerm;\r\n\r\n  const showCloseButton = tempSelectedCode !== null || searchTerm.length > 0;\r\n\r\n  const highlightMatch = (text: string, query: string) => {\r\n    const baseStyle = { color: \"black\", fontSize: \"0.85rem\" };\r\n\r\n    if (!query || query.trim() === \"\") {\r\n      return <span style={baseStyle}>{text}</span>;\r\n    }\r\n\r\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\r\n    if (index === -1) return <span style={baseStyle}>{text}</span>;\r\n\r\n    const beforeMatch = text.slice(0, index);\r\n    const match = text.slice(index, index + query.length);\r\n    const afterMatch = text.slice(index + query.length);\r\n\r\n    return (\r\n      <span style={baseStyle}>\r\n        {beforeMatch}\r\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\r\n          {match}\r\n        </span>\r\n        {afterMatch}\r\n      </span>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={clsx(\r\n        \"ui-related-dropdown-group-code\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n      )}\r\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\r\n    >\r\n      <div className=\"ui-input-container-group-code\">\r\n        <label className=\"visually-hidden\" htmlFor={inputId}>\r\n          {labelText}\r\n        </label>\r\n        <input\r\n          ref={inputRef}\r\n          id={inputId}\r\n          type=\"text\"\r\n          className={clsx(\r\n            \"ui-related-dropdown-input-group-code\",\r\n            \"bg-white fs-6 br-x4 w-full pl-x24\",\r\n            { active: isExpanded },\r\n          )}\r\n          value={displayValue}\r\n          onChange={(event) => {\r\n            if (isExpanded) {\r\n              setSearchTerm(event.target.value);\r\n            }\r\n          }}\r\n          placeholder={placeholder}\r\n          onClick={() => setIsExpanded((prev) => !prev)}\r\n          autoComplete=\"search\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded={isExpanded}\r\n          aria-controls={listboxId}\r\n        />\r\n\r\n        {showCloseButton && (\r\n          <button\r\n            type=\"button\"\r\n            className=\"ui-close-button-group-code\"\r\n            onClick={(event) => {\r\n              event.stopPropagation();\r\n              setTempSelectedCode(null);\r\n              setSearchTerm(\"\");\r\n            }}\r\n            aria-label=\"Cancella filtro del codice esenzione\"\r\n          >\r\n            <span aria-hidden=\"true\">\r\n              <Close width={20} />\r\n            </span>\r\n          </button>\r\n        )}\r\n\r\n        <div className=\"ui-div-btn-group-code\">\r\n          <Button\r\n            className={clsx(\r\n              \"ui-btn-search-group-code\",\r\n              \"bg-primary text-white fs-7 fw-semibold br-x4\",\r\n            )}\r\n            onClick={() => {\r\n              setSelectedGroupCode(tempSelectedCode);\r\n              onSearch?.(tempSelectedCode);\r\n            }}\r\n          >\r\n            {btnText}\r\n          </Button>\r\n        </div>\r\n      </div>\r\n\r\n      {isExpanded && (\r\n        <div className=\"ui-related-dropdown-options-group-code\">\r\n          <div className=\"px-x24 shadow w-full\">\r\n            <Col\r\n              gap={\"x4\"}\r\n              text={\"primary\"}\r\n              fs={\"custom\"}\r\n              fw={\"regular\"}\r\n              className={\"ui-options-list-group-code fw-regular\"}\r\n              role=\"listbox\"\r\n              aria-label=\"Risultati ricerca codice esenzione\"\r\n              id={listboxId}\r\n            >\r\n              {filteredItems.length > 0 ? (\r\n                filteredItems.map((groupCode, index) => {\r\n                  const isSelected =\r\n                    tempSelectedCode?.code === groupCode.code;\r\n\r\n                  return (\r\n                    <div\r\n                      className=\"ui-option-item-group-code\"\r\n                      key={groupCode.code || index}\r\n                      role=\"option\"\r\n                      tabIndex={0}\r\n                      aria-selected={isSelected}\r\n                      onClick={() => {\r\n                        setTempSelectedCode(groupCode);\r\n                        setIsExpanded(false);\r\n                      }}\r\n                      onKeyDown={(event) => {\r\n                        if (event.key === \"Enter\" || event.key === \" \") {\r\n                          event.preventDefault();\r\n                          setTempSelectedCode(groupCode);\r\n                          setIsExpanded(false);\r\n                        }\r\n                      }}\r\n                    >\r\n                      {highlightMatch(groupCode.labels.it, searchTerm)}\r\n                    </div>\r\n                  );\r\n                })\r\n              ) : (\r\n                <div\r\n                  className=\"ui-option-item-group-code no-results-group-code\"\r\n                  role=\"status\"\r\n                  aria-live=\"polite\"\r\n                >\r\n                  <span style={{ color: \"gray\" }}>\r\n                    Nessun risultato trovato\r\n                  </span>\r\n                </div>\r\n              )}\r\n            </Col>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["GroupCodeExemptionFilterDropDown","size","items","className","selectedGroupCode","setSelectedGroupCode","placeholder","btnText","onSearch","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","tempSelectedCode","setTempSelectedCode","dropdownRef","useRef","inputRef","inputId","useId","listboxId","labelText","filteredItems","groupCode","useEffect","handleClickOutside","event","_a","displayValue","showCloseButton","highlightMatch","text","query","baseStyle","jsx","index","beforeMatch","match","afterMatch","jsxs","clsx","prev","Close","Button","Col","isSelected"],"mappings":"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"}

package/dist/index.es114.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es247.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es248.js";
+import { clsx as l } from "./index.es249.js";
 import { Section as r } from "./index.es55.js";
 import { Col as c } from "./index.es10.js";
 var m = /* @__PURE__ */ ((s) => (s.LIGHT = "light", s.EVIDENCE = "evidence", s.DEFAULT = "default", s))(m || {});

package/dist/index.es115.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es247.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es248.js";
+import { clsx as a } from "./index.es249.js";
 import { Col as r } from "./index.es10.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/index.es117.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es247.js";
 import { useState as c } from "react";
-import { StepItem as f } from "./index.es395.js";
+import { StepItem as f } from "./index.es424.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import S from "./index.es397.js";
+import S from "./index.es426.js";
 const h = ({
   steps: s,
   mainTitle: l,

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es247.js";
 import { useState as i } from "react";
-import { StepItemGenericAccordion as m } from "./index.es398.js";
+import { StepItemGenericAccordion as m } from "./index.es427.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 const x = ({
   mainTitle: c,

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es247.js";
 import { useRef as l, useState as x, useEffect as E } from "react";
-import { clsx as g } from "./index.es248.js";
+import { clsx as g } from "./index.es249.js";
 import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
 const N = ({
   isOpen: o = !1,

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es247.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es248.js";
+import { clsx as l } from "./index.es249.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es255.js";
+import { useMediaQuery as N } from "./index.es285.js";
 import { Close as I } from "./index.es163.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es28.js";

package/dist/index.es121.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es247.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as o } from "./index.es43.js";
-import { Image as _ } from "./index.es403.js";
+import { Image as _ } from "./index.es432.js";
 var m = /* @__PURE__ */ ((e) => (e.WITH_TOPIC_DATE = "withTopicDate", e.NO_TOPIC_DATE = "noTopicDate", e))(m || {});
 const p = ({
   variant: e = "withTopicDate",

package/dist/index.es123.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es247.js";
-import { Swiper as t, SwiperSlide as o } from "./index.es405.js";
-import c from "./index.es406.js";
-import n from "./index.es407.js";
+import { Swiper as t, SwiperSlide as o } from "./index.es264.js";
+import c from "./index.es265.js";
+import n from "./index.es266.js";
 import './components/ui/Carousel/Carousel.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */

package/dist/index.es124.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es247.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as l } from "./index.es248.js";
+import { clsx as l } from "./index.es249.js";
 import { useState as p, useRef as u, useEffect as d } from "react";
 import { ShareLink as f } from "./index.es209.js";
 import { Meta as h } from "./index.es221.js";

package/dist/index.es125.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es247.js";
 import m from "./index.es228.js";
 import "./index.es3.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */
-import { d as s } from "./index.es414.js";
+import { d as s } from "./index.es437.js";
 import { ArrowLink as h } from "./index.es43.js";
 import { Link as x } from "./index.es100.js";
 import { ExternalLink as j } from "./index.es161.js";

package/dist/index.es126.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es247.js";
-import { clsx as a } from "./index.es248.js";
+import { clsx as a } from "./index.es249.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { DoctorModalContent as i } from "./index.es309.js";
-import { DoctorModalFooter as n } from "./index.es310.js";
+import { DoctorModalContent as i } from "./index.es339.js";
+import { DoctorModalFooter as n } from "./index.es340.js";
 import { BaseModal as l } from "./index.es45.js";
 const o = ({
   open: r,

package/dist/index.es127.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es247.js";
-import { clsx as x } from "./index.es248.js";
+import { clsx as x } from "./index.es249.js";
 import { useState as w, useRef as g, useEffect as j, useMemo as R } from "react";
 import './components/ui/DeclarantsSelect/DeclarantsSelect.css';/* empty css            */
 import { Close as z } from "./index.es163.js";

package/dist/index.es128.js

@@ -1,8 +1,8 @@
 import { j as m } from "./index.es247.js";
-import { clsx as s } from "./index.es248.js";
+import { clsx as s } from "./index.es249.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { CreateReservationModalFooter as i } from "./index.es418.js";
-import { CreateReservationModalContent as n } from "./index.es419.js";
+import { CreateReservationModalFooter as i } from "./index.es441.js";
+import { CreateReservationModalContent as n } from "./index.es442.js";
 import { BaseModal as p } from "./index.es45.js";
 const o = ({
   open: r,

package/dist/index.es129.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es247.js";
-import { clsx as e } from "./index.es248.js";
+import { clsx as e } from "./index.es249.js";
 import './components/ui/InfoSectionCard/InfoSectionCard.css';/* empty css            */
 import { Col as s } from "./index.es10.js";
 const d = ({ title: o, children: t }) => /* @__PURE__ */ r.jsx("label", { className: e("shadow  br-x4 ui-radio-card-container"), children: /* @__PURE__ */ r.jsxs(s, { style: { width: "100%" }, children: [

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es247.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es248.js";
+import { clsx as n } from "./index.es249.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es163.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es130.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es247.js";
-import { clsx as j } from "./index.es248.js";
+import { clsx as j } from "./index.es249.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
 import { CreditCard as f } from "./index.es225.js";
 import { EditPencil as b } from "./index.es204.js";

package/dist/index.es131.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es247.js";
-import { clsx as c } from "./index.es248.js";
+import { clsx as c } from "./index.es249.js";
 import { ArrowLink as f } from "./index.es43.js";
 import './components/ui/FeaturedCard/FeaturedCard.css';/* empty css            */
 var x = /* @__PURE__ */ ((e) => (e.LANDSCAPE = "landscape", e.SQUARE = "square", e))(x || {});

package/dist/index.es132.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es247.js";
 import './styles/typography.css';import './components/ui/Feedback/Feedback.css';/* empty css            */
-import { Rating as M } from "./index.es424.js";
-import { Questions as y } from "./index.es425.js";
+import { Rating as M } from "./index.es447.js";
+import { Questions as y } from "./index.es448.js";
 import { useState as o, useEffect as z } from "react";
-import { CardComponent as B } from "./index.es426.js";
+import { CardComponent as B } from "./index.es449.js";
 /* empty css            */
 function U({
   question: f,

package/dist/index.es133.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es247.js";
 import './components/ui/CardFaqCTA/CardFaqCTA.css';/* empty css            */
-import { CtaCardIcon as d } from "./index.es428.js";
+import { CtaCardIcon as d } from "./index.es451.js";
 var C = /* @__PURE__ */ ((r) => (r.FAQ = "FAQ", r.CTA = "CTA", r.CTAICON = "CTAICON", r))(C || {});
 const h = ({
   type: r = "Evento",