@anoki/fse-ui 2.4.0-RC4 → 2.4.0-RC5

package/dist/index.es121.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es279.js";
-import { clsx as o } from "./index.es281.js";
+import { clsx as o } from "./index.es282.js";
 import { ActionIconText as f } from "./index.es18.js";
 import './components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css';/* empty css            */
 import { Info as x } from "./index.es233.js";

package/dist/index.es122.js

@@ -1,11 +1,11 @@
 import { j as e } from "./index.es279.js";
-import { clsx as u } from "./index.es281.js";
+import { clsx as u } from "./index.es282.js";
 import { useState as h } from "react";
 import { ArrowLink as j } from "./index.es26.js";
 import { Button as b } from "./index.es34.js";
 import { Col as w } from "./index.es64.js";
 import './components/ui/OperatorCardDocument/OperatorCardDocument.css';/* empty css            */
-import { F as N } from "./index.es334.js";
+import { F as N } from "./index.es300.js";
 import { Row as k } from "./index.es130.js";
 import { Divider as v } from "./index.es77.js";
 import { Download as g } from "./index.es214.js";

package/dist/index.es123.js

@@ -2,8 +2,8 @@ import { j as e } from "./index.es279.js";
 import { useState as k } from "react";
 import { Row as c } from "./index.es130.js";
 import { Col as o } from "./index.es64.js";
-import { clsx as A } from "./index.es281.js";
-import { F as p } from "./index.es334.js";
+import { clsx as A } from "./index.es282.js";
+import { F as p } from "./index.es300.js";
 import { ActionIconText as y } from "./index.es18.js";
 import { Download as E } from "./index.es214.js";
 import { ArrowRight as I } from "./index.es187.js";

package/dist/index.es126.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es279.js";
 import './components/ui/ProgressBar/ProgressBar.css';/* empty css            */
-import { clsx as o } from "./index.es281.js";
+import { clsx as o } from "./index.es282.js";
 import { Button as n } from "./index.es34.js";
 import { Close as t } from "./index.es204.js";
 const u = ({

package/dist/index.es127.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es279.js";
-import { clsx as c } from "./index.es281.js";
+import { clsx as c } from "./index.es282.js";
 import './components/ui/RadioCard/RadioCard.css';/* empty css            */
 import { Col as t } from "./index.es64.js";
 const h = ({

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es279.js";
 import { CreditCard as c } from "./index.es207.js";
-import { clsx as w } from "./index.es281.js";
+import { clsx as w } from "./index.es282.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
 import { Col as s } from "./index.es64.js";
 import { Row as r } from "./index.es130.js";

package/dist/index.es130.js

@@ -1,9 +1,9 @@
 import { j as x } from "./index.es279.js";
 import { useMemo as y } from "react";
-import { clsx as g } from "./index.es281.js";
-import { createSpacingClasses as j } from "./index.es400.js";
-import { createColorClasses as u } from "./index.es314.js";
-import { createTypographyClasses as h } from "./index.es401.js";
+import { clsx as g } from "./index.es282.js";
+import { createSpacingClasses as j } from "./index.es376.js";
+import { createColorClasses as u } from "./index.es320.js";
+import { createTypographyClasses as h } from "./index.es377.js";
 const E = ({
   as: o,
   className: r,

package/dist/index.es131.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es279.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es281.js";
+import { clsx as r } from "./index.es282.js";
 import { useState as x } from "react";
 import { Button as d } from "./index.es34.js";
 import { SearchIcon as h } from "./index.es252.js";

package/dist/index.es132.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es279.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es281.js";
+import { clsx as n } from "./index.es282.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es204.js";
 import { Col as N } from "./index.es64.js";

package/dist/index.es133.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es279.js";
 import { useState as C, useId as G } from "react";
-import { clsx as m } from "./index.es281.js";
+import { clsx as m } from "./index.es282.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es321.js";
+import { useMediaQuery as Q } from "./index.es287.js";
 import { Close as S } from "./index.es204.js";
 import { Col as A } from "./index.es64.js";
 import { Button as D } from "./index.es34.js";

package/dist/index.es134.js

@@ -1,76 +1,78 @@
-import { j as e } from "./index.es279.js";
+import { j as s } from "./index.es279.js";
 import './components/ui/SearchGenericV2/SearchGenericV2.css';/* empty css            */
-import { clsx as x } from "./index.es281.js";
-import { useState as L, useCallback as M, useMemo as f, Fragment as C } from "react";
+import { clsx as p } from "./index.es282.js";
+import { useState as L, useCallback as O, useMemo as x, Fragment as y } from "react";
 import { Spinner as D } from "./index.es256.js";
 import { Close as E } from "./index.es204.js";
-import { Col as O } from "./index.es64.js";
-import { Button as P } from "./index.es34.js";
-function U(g) {
+import { Col as P } from "./index.es64.js";
+import { Button as R } from "./index.es34.js";
+function W(g) {
   const {
-    btnText: S,
-    helperText: k = "Cosa vuoi approfondire?",
+    btnText: k,
+    helperText: T = "Cosa vuoi approfondire?",
     value: a,
     loading: c,
-    items: u,
-    emptyLabel: F = "Nessun risultato disponibile",
-    minCharsToShow: m = 3,
-    setValue: I,
-    setSelectedElement: T,
-    className: z,
-    dimensionStrategy: B = "fixed"
-  } = g, n = "mode" in g && g.mode === "flat" ? "flat" : "categorized", [w, d] = L(!1), v = (s) => {
-    I(s.target.value);
-  }, N = (s) => {
-    T(s), d(!1);
-  }, _ = M((s, l) => {
-    if (!l) return s;
-    const h = s.toLowerCase(), i = l.toLowerCase(), t = [];
+    items: m,
+    emptyLabel: S = "Nessun risultato disponibile",
+    minCharsToShow: d = 3,
+    setValue: F,
+    setSelectedElement: I,
+    className: B,
+    dimensionStrategy: M = "fixed",
+    closeMenuOnButtonClick: z = !1
+  } = g, n = "mode" in g && g.mode === "flat" ? "flat" : "categorized", [w, u] = L(!1), v = (e) => {
+    F(e.target.value);
+  }, N = (e) => {
+    I(e), u(!1);
+  }, _ = O((e, t) => {
+    if (!t) return e;
+    const h = e.toLowerCase(), i = t.toLowerCase(), l = [];
     let o = 0, r = h.indexOf(i);
     for (; r !== -1; )
-      r > o && t.push(s.slice(o, r)), t.push(
-        /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: s.slice(r, r + l.length) }, r)
-      ), o = r + l.length, r = h.indexOf(i, o);
-    return o < s.length && t.push(s.slice(o)), t.length > 0 ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t }) : s;
-  }, []), p = f(
-    () => n === "flat" ? u : [],
-    [n, u]
-  ), j = f(
-    () => n === "categorized" ? u : [],
-    [n, u]
-  ), b = f(() => n === "flat" ? p.length === 0 : j.every((s) => s.items.length === 0), [n, p, j]), y = f(() => !w || a.length < m ? !1 : !(c && b), [w, a.length, m, c, b]);
-  return /* @__PURE__ */ e.jsxs(
+      r > o && l.push(e.slice(o, r)), l.push(
+        /* @__PURE__ */ s.jsx("span", { className: "text-primary fw-bold", children: e.slice(r, r + t.length) }, r)
+      ), o = r + t.length, r = h.indexOf(i, o);
+    return o < e.length && l.push(e.slice(o)), l.length > 0 ? /* @__PURE__ */ s.jsx(s.Fragment, { children: l }) : e;
+  }, []), f = x(
+    () => n === "flat" ? m : [],
+    [n, m]
+  ), j = x(
+    () => n === "categorized" ? m : [],
+    [n, m]
+  ), b = x(() => n === "flat" ? f.length === 0 : j.every((e) => e.items.length === 0), [n, f, j]), C = x(() => !w || a.length < d ? !1 : !(c && b), [w, a.length, d, c, b]);
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
-      className: x(
+      className: p(
         "ui-search-v2",
         "br-x4 bg-border-secondary w-full",
-        z,
-        { "ui-search-v2--auto": B === "auto" }
+        B,
+        { "ui-search-v2--auto": M === "auto" }
       ),
-      onBlur: () => {
-        setTimeout(() => d(!1), 150);
+      onBlur: (e) => {
+        e.relatedTarget && e.currentTarget.contains(e.relatedTarget) || setTimeout(() => u(!1), 150);
       },
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "position-relative w-full", children: [
-          /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ s.jsxs("div", { className: "position-relative w-full", children: [
+          /* @__PURE__ */ s.jsx(
             "input",
             {
               type: "search",
-              className: x(
+              className: p(
                 "ui-search-v2__input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",
-                a && a.length >= m && "has-clear-icon"
+                a && a.length >= d && "has-clear-icon"
               ),
-              placeholder: k,
+              placeholder: T,
               "aria-label": "Barra di ricerca",
               value: a,
               onChange: v,
-              onFocus: () => d(!0)
+              onFocus: () => u(!0),
+              onClick: () => u(!0)
             }
           ),
-          c && /* @__PURE__ */ e.jsx(D, { className: "ui-search-v2__spinner" }),
-          a && a.length >= m && !c && /* @__PURE__ */ e.jsx(
+          c && /* @__PURE__ */ s.jsx(D, { className: "ui-search-v2__spinner" }),
+          a && a.length >= d && !c && /* @__PURE__ */ s.jsx(
             E,
             {
               className: "ui-search-v2__clear",
@@ -80,67 +82,67 @@ function U(g) {
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ s.jsx(
           "div",
           {
-            className: x("ui-search-v2__dropdown shadow position-absolute", {
-              "py-x24": y
+            className: p("ui-search-v2__dropdown shadow position-absolute", {
+              "py-x24": C
             }),
-            children: /* @__PURE__ */ e.jsx(
-              O,
+            children: /* @__PURE__ */ s.jsx(
+              P,
               {
                 gap: "x24",
                 fw: "regular",
                 text: "secondary",
                 fs: "6",
                 className: "ui-search-v2__list overflow-y-auto",
-                children: y && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  n === "flat" ? p.length > 0 && /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: p.map((s) => /* @__PURE__ */ e.jsx(
+                children: C && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+                  n === "flat" ? f.length > 0 && /* @__PURE__ */ s.jsx("ul", { className: "list-unstyled", children: f.map((e) => /* @__PURE__ */ s.jsx(
                     "li",
                     {
-                      onClick: (l) => {
-                        l.stopPropagation(), l.preventDefault(), N(s);
+                      onClick: (t) => {
+                        t.stopPropagation(), t.preventDefault(), N(e);
                       },
                       className: "cursor-pointer py-x8 px-x24",
-                      children: _(s.label, a || "")
+                      children: _(e.label, a || "")
                     },
-                    s.value
+                    e.value
                   )) }) : j.map(
-                    (s, l) => {
+                    (e, t) => {
                       var h;
-                      return (h = s.items) != null && h.length ? /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsxs("div", { children: [
-                        /* @__PURE__ */ e.jsx("h1", { className: "ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24", children: s.category }),
-                        /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((i) => /* @__PURE__ */ e.jsx(
+                      return (h = e.items) != null && h.length ? /* @__PURE__ */ s.jsx(y, { children: /* @__PURE__ */ s.jsxs("div", { children: [
+                        /* @__PURE__ */ s.jsx("h1", { className: "ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24", children: e.category }),
+                        /* @__PURE__ */ s.jsx("ul", { className: "list-unstyled", children: e.items.map((i) => /* @__PURE__ */ s.jsx(
                           "li",
                           {
-                            onClick: (t) => {
-                              t.stopPropagation(), t.preventDefault(), N(i);
+                            onClick: (l) => {
+                              l.stopPropagation(), l.preventDefault(), N(i);
                             },
                             className: "cursor-pointer py-x8 px-x24",
                             children: _(i.label, a || "")
                           },
                           i.value
                         )) })
-                      ] }) }, l) : /* @__PURE__ */ e.jsx(C, {}, l);
+                      ] }) }, t) : /* @__PURE__ */ s.jsx(y, {}, t);
                     }
                   ),
-                  !c && b ? /* @__PURE__ */ e.jsx("p", { className: "px-x24 fs-6", children: F }) : ""
+                  !c && b ? /* @__PURE__ */ s.jsx("p", { className: "px-x24 fs-6", children: S }) : ""
                 ] })
               }
             )
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "ui-search-v2__btn-wrap", children: /* @__PURE__ */ e.jsx(
-          P,
+        /* @__PURE__ */ s.jsx("div", { className: "ui-search-v2__btn-wrap", children: /* @__PURE__ */ s.jsx(
+          R,
           {
-            className: x(
+            className: p(
               "ui-search-v2__btn",
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              v({ target: { value: a } }), d(!0);
+              v({ target: { value: a } }), u(!z);
             },
-            children: S
+            children: k
           }
         ) })
       ]
@@ -148,6 +150,6 @@ function U(g) {
   );
 }
 export {
-  U as SearchGenericV2
+  W as SearchGenericV2
 };
 //# sourceMappingURL=index.es134.js.map

package/dist/index.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es134.js","sources":["../src/components/ui/SearchGenericV2/index.tsx"],"sourcesContent":["import \"./SearchGenericV2.scss\";\r\nimport clsx from \"clsx\";\r\nimport {\r\n  ChangeEvent,\r\n  Fragment,\r\n  ReactNode,\r\n  useCallback,\r\n  useMemo,\r\n  useState,\r\n} from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close, Spinner } from \"@/icons\";\r\n\r\nexport type SearchGenericV2Item<T = unknown> = {\r\n  value: string;\r\n  label: string;\r\n  originalData: T;\r\n};\r\n\r\nexport type SearchGenericV2Suggestion<T = unknown> = {\r\n  category: string;\r\n  items: SearchGenericV2Item<T>[];\r\n};\r\n\r\ntype SearchGenericV2BaseProps<T = unknown> = {\r\n  btnText: string;\r\n  helperText?: string;\r\n  value: string;\r\n  loading?: boolean;\r\n  emptyLabel?: string;\r\n  minCharsToShow?: number;\r\n  setValue: (value: string) => void;\r\n  setSelectedElement: (item: SearchGenericV2Item<T>) => void;\r\n  className?: string;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n};\r\n\r\ntype SearchGenericV2CategorizedProps<T = unknown> =\r\n  SearchGenericV2BaseProps<T> & {\r\n    mode?: \"categorized\";\r\n    items: SearchGenericV2Suggestion<T>[];\r\n  };\r\n\r\ntype SearchGenericV2FlatProps<T = unknown> = SearchGenericV2BaseProps<T> & {\r\n  mode: \"flat\";\r\n  items: SearchGenericV2Item<T>[];\r\n};\r\n\r\nexport type SearchGenericV2Props<T = unknown> =\r\n  | SearchGenericV2CategorizedProps<T>\r\n  | SearchGenericV2FlatProps<T>;\r\n\r\nexport function SearchGenericV2<T = unknown>(props: SearchGenericV2Props<T>) {\r\n  const {\r\n    btnText,\r\n    helperText = \"Cosa vuoi approfondire?\",\r\n    value,\r\n    loading,\r\n    items,\r\n    emptyLabel = \"Nessun risultato disponibile\",\r\n    minCharsToShow = 3,\r\n    setValue,\r\n    setSelectedElement,\r\n    className,\r\n    dimensionStrategy = \"fixed\",\r\n  } = props;\r\n\r\n  const mode =\r\n    \"mode\" in props && props.mode === \"flat\" ? \"flat\" : \"categorized\";\r\n\r\n  const [focus, setFocus] = useState(false);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    setValue(e.target.value);\r\n  };\r\n\r\n  const handleSelectItem = (item: SearchGenericV2Item<T>) => {\r\n    setSelectedElement(item);\r\n    setFocus(false);\r\n  };\r\n\r\n  const highlightMatch = useCallback((text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const lowerText = text.toLowerCase();\r\n    const lowerQuery = query.toLowerCase();\r\n    const parts: ReactNode[] = [];\r\n    let lastIndex = 0;\r\n    let index = lowerText.indexOf(lowerQuery);\r\n\r\n    while (index !== -1) {\r\n      if (index > lastIndex) {\r\n        parts.push(text.slice(lastIndex, index));\r\n      }\r\n      parts.push(\r\n        <span key={index} className=\"text-primary fw-bold\">\r\n          {text.slice(index, index + query.length)}\r\n        </span>,\r\n      );\r\n      lastIndex = index + query.length;\r\n      index = lowerText.indexOf(lowerQuery, lastIndex);\r\n    }\r\n\r\n    if (lastIndex < text.length) {\r\n      parts.push(text.slice(lastIndex));\r\n    }\r\n\r\n    return parts.length > 0 ? <>{parts}</> : text;\r\n  }, []);\r\n\r\n  const flatItems = useMemo(\r\n    () => (mode === \"flat\" ? (items as SearchGenericV2Item<T>[]) : []),\r\n    [mode, items],\r\n  );\r\n\r\n  const categorizedItems = useMemo(\r\n    () =>\r\n      mode === \"categorized\" ? (items as SearchGenericV2Suggestion<T>[]) : [],\r\n    [mode, items],\r\n  );\r\n\r\n  const hasNoResults = useMemo(() => {\r\n    if (mode === \"flat\") return flatItems.length === 0;\r\n    return categorizedItems.every((s) => s.items.length === 0);\r\n  }, [mode, flatItems, categorizedItems]);\r\n\r\n  const showMenu = useMemo(() => {\r\n    if (!focus) return false;\r\n    if (value.length < minCharsToShow) return false;\r\n    return !(loading && hasNoResults);\r\n  }, [focus, value.length, minCharsToShow, loading, hasNoResults]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search-v2\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n        { \"ui-search-v2--auto\": dimensionStrategy === \"auto\" },\r\n      )}\r\n      onBlur={() => {\r\n        setTimeout(() => setFocus(false), 150);\r\n      }}\r\n    >\r\n      <div className=\"position-relative w-full\">\r\n        <input\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-v2__input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n            value && value.length >= minCharsToShow && \"has-clear-icon\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={value}\r\n          onChange={handleInputChange}\r\n          onFocus={() => setFocus(true)}\r\n        />\r\n        {loading && <Spinner className=\"ui-search-v2__spinner\" />}\r\n        {value && value.length >= minCharsToShow && !loading && (\r\n          <Close\r\n            className=\"ui-search-v2__clear\"\r\n            onClick={() => {\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      <div\r\n        className={clsx(\"ui-search-v2__dropdown shadow position-absolute\", {\r\n          \"py-x24\": showMenu,\r\n        })}\r\n      >\r\n        <Col\r\n          gap=\"x24\"\r\n          fw=\"regular\"\r\n          text=\"secondary\"\r\n          fs=\"6\"\r\n          className=\"ui-search-v2__list overflow-y-auto\"\r\n        >\r\n          {showMenu && (\r\n            <>\r\n              {mode === \"flat\"\r\n                ? flatItems.length > 0 && (\r\n                    <ul className=\"list-unstyled\">\r\n                      {flatItems.map((item) => (\r\n                        <li\r\n                          key={item.value}\r\n                          onClick={(e) => {\r\n                            e.stopPropagation();\r\n                            e.preventDefault();\r\n                            handleSelectItem(item);\r\n                          }}\r\n                          className=\"cursor-pointer py-x8 px-x24\"\r\n                        >\r\n                          {highlightMatch(item.label, value || \"\")}\r\n                        </li>\r\n                      ))}\r\n                    </ul>\r\n                  )\r\n                : categorizedItems.map((group, index) =>\r\n                    group.items?.length ? (\r\n                      <Fragment key={index}>\r\n                        <div>\r\n                          <h1 className=\"ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24\">\r\n                            {group.category}\r\n                          </h1>\r\n                          <ul className=\"list-unstyled\">\r\n                            {group.items.map((item) => (\r\n                              <li\r\n                                key={item.value}\r\n                                onClick={(e) => {\r\n                                  e.stopPropagation();\r\n                                  e.preventDefault();\r\n                                  handleSelectItem(item);\r\n                                }}\r\n                                className=\"cursor-pointer py-x8 px-x24\"\r\n                              >\r\n                                {highlightMatch(item.label, value || \"\")}\r\n                              </li>\r\n                            ))}\r\n                          </ul>\r\n                        </div>\r\n                      </Fragment>\r\n                    ) : (\r\n                      <Fragment key={index} />\r\n                    ),\r\n                  )}\r\n\r\n              {!loading && hasNoResults ? (\r\n                <p className=\"px-x24 fs-6\">{emptyLabel}</p>\r\n              ) : (\r\n                \"\"\r\n              )}\r\n            </>\r\n          )}\r\n        </Col>\r\n      </div>\r\n\r\n      <div className=\"ui-search-v2__btn-wrap\">\r\n        <Button\r\n          className={clsx(\r\n            \"ui-search-v2__btn\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            handleInputChange({ target: { value } } as any);\r\n            setFocus(true);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SearchGenericV2","props","btnText","helperText","value","loading","items","emptyLabel","minCharsToShow","setValue","setSelectedElement","className","dimensionStrategy","mode","focus","setFocus","useState","handleInputChange","e","handleSelectItem","item","highlightMatch","useCallback","text","query","lowerText","lowerQuery","parts","lastIndex","index","jsx","Fragment","flatItems","useMemo","categorizedItems","hasNoResults","showMenu","jsxs","clsx","Spinner","Close","Col","group","_a","Button"],"mappings":"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"}
+{"version":3,"file":"index.es134.js","sources":["../src/components/ui/SearchGenericV2/index.tsx"],"sourcesContent":["import \"./SearchGenericV2.scss\";\r\nimport clsx from \"clsx\";\r\nimport {\r\n  ChangeEvent,\r\n  Fragment,\r\n  ReactNode,\r\n  useCallback,\r\n  useMemo,\r\n  useState,\r\n} from \"react\";\r\nimport { Button, Col } from \"@/components\";\r\nimport { Close, Spinner } from \"@/icons\";\r\n\r\nexport type SearchGenericV2Item<T = unknown> = {\r\n  value: string;\r\n  label: string;\r\n  originalData: T;\r\n};\r\n\r\nexport type SearchGenericV2Suggestion<T = unknown> = {\r\n  category: string;\r\n  items: SearchGenericV2Item<T>[];\r\n};\r\n\r\ntype SearchGenericV2BaseProps<T = unknown> = {\r\n  btnText: string;\r\n  helperText?: string;\r\n  value: string;\r\n  loading?: boolean;\r\n  emptyLabel?: string;\r\n  minCharsToShow?: number;\r\n  setValue: (value: string) => void;\r\n  setSelectedElement: (item: SearchGenericV2Item<T>) => void;\r\n  className?: string;\r\n  dimensionStrategy?: \"fixed\" | \"auto\";\r\n  closeMenuOnButtonClick?: boolean;\r\n};\r\n\r\ntype SearchGenericV2CategorizedProps<T = unknown> =\r\n  SearchGenericV2BaseProps<T> & {\r\n    mode?: \"categorized\";\r\n    items: SearchGenericV2Suggestion<T>[];\r\n  };\r\n\r\ntype SearchGenericV2FlatProps<T = unknown> = SearchGenericV2BaseProps<T> & {\r\n  mode: \"flat\";\r\n  items: SearchGenericV2Item<T>[];\r\n};\r\n\r\nexport type SearchGenericV2Props<T = unknown> =\r\n  | SearchGenericV2CategorizedProps<T>\r\n  | SearchGenericV2FlatProps<T>;\r\n\r\nexport function SearchGenericV2<T = unknown>(props: SearchGenericV2Props<T>) {\r\n  const {\r\n    btnText,\r\n    helperText = \"Cosa vuoi approfondire?\",\r\n    value,\r\n    loading,\r\n    items,\r\n    emptyLabel = \"Nessun risultato disponibile\",\r\n    minCharsToShow = 3,\r\n    setValue,\r\n    setSelectedElement,\r\n    className,\r\n    dimensionStrategy = \"fixed\",\r\n    closeMenuOnButtonClick = false,\r\n  } = props;\r\n\r\n  const mode =\r\n    \"mode\" in props && props.mode === \"flat\" ? \"flat\" : \"categorized\";\r\n\r\n  const [focus, setFocus] = useState(false);\r\n\r\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\r\n    setValue(e.target.value);\r\n  };\r\n\r\n  const handleSelectItem = (item: SearchGenericV2Item<T>) => {\r\n    setSelectedElement(item);\r\n    setFocus(false);\r\n  };\r\n\r\n  const highlightMatch = useCallback((text: string, query: string) => {\r\n    if (!query) return text;\r\n\r\n    const lowerText = text.toLowerCase();\r\n    const lowerQuery = query.toLowerCase();\r\n    const parts: ReactNode[] = [];\r\n    let lastIndex = 0;\r\n    let index = lowerText.indexOf(lowerQuery);\r\n\r\n    while (index !== -1) {\r\n      if (index > lastIndex) {\r\n        parts.push(text.slice(lastIndex, index));\r\n      }\r\n      parts.push(\r\n        <span key={index} className=\"text-primary fw-bold\">\r\n          {text.slice(index, index + query.length)}\r\n        </span>,\r\n      );\r\n      lastIndex = index + query.length;\r\n      index = lowerText.indexOf(lowerQuery, lastIndex);\r\n    }\r\n\r\n    if (lastIndex < text.length) {\r\n      parts.push(text.slice(lastIndex));\r\n    }\r\n\r\n    return parts.length > 0 ? <>{parts}</> : text;\r\n  }, []);\r\n\r\n  const flatItems = useMemo(\r\n    () => (mode === \"flat\" ? (items as SearchGenericV2Item<T>[]) : []),\r\n    [mode, items],\r\n  );\r\n\r\n  const categorizedItems = useMemo(\r\n    () =>\r\n      mode === \"categorized\" ? (items as SearchGenericV2Suggestion<T>[]) : [],\r\n    [mode, items],\r\n  );\r\n\r\n  const hasNoResults = useMemo(() => {\r\n    if (mode === \"flat\") return flatItems.length === 0;\r\n    return categorizedItems.every((s) => s.items.length === 0);\r\n  }, [mode, flatItems, categorizedItems]);\r\n\r\n  const showMenu = useMemo(() => {\r\n    if (!focus) return false;\r\n    if (value.length < minCharsToShow) return false;\r\n    return !(loading && hasNoResults);\r\n  }, [focus, value.length, minCharsToShow, loading, hasNoResults]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\r\n        \"ui-search-v2\",\r\n        \"br-x4 bg-border-secondary w-full\",\r\n        className,\r\n        { \"ui-search-v2--auto\": dimensionStrategy === \"auto\" },\r\n      )}\r\n      onBlur={(event) => {\r\n        if (\r\n          event.relatedTarget &&\r\n          event.currentTarget.contains(event.relatedTarget)\r\n        ) {\r\n          return;\r\n        }\r\n\r\n        setTimeout(() => setFocus(false), 150);\r\n      }}\r\n    >\r\n      <div className=\"position-relative w-full\">\r\n        <input\r\n          type=\"search\"\r\n          className={clsx(\r\n            \"ui-search-v2__input\",\r\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\r\n            value && value.length >= minCharsToShow && \"has-clear-icon\",\r\n          )}\r\n          placeholder={helperText}\r\n          aria-label=\"Barra di ricerca\"\r\n          value={value}\r\n          onChange={handleInputChange}\r\n          onFocus={() => setFocus(true)}\r\n          onClick={() => setFocus(true)}\r\n        />\r\n        {loading && <Spinner className=\"ui-search-v2__spinner\" />}\r\n        {value && value.length >= minCharsToShow && !loading && (\r\n          <Close\r\n            className=\"ui-search-v2__clear\"\r\n            onClick={() => {\r\n              handleInputChange({ target: { value: \"\" } } as any);\r\n            }}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      <div\r\n        className={clsx(\"ui-search-v2__dropdown shadow position-absolute\", {\r\n          \"py-x24\": showMenu,\r\n        })}\r\n      >\r\n        <Col\r\n          gap=\"x24\"\r\n          fw=\"regular\"\r\n          text=\"secondary\"\r\n          fs=\"6\"\r\n          className=\"ui-search-v2__list overflow-y-auto\"\r\n        >\r\n          {showMenu && (\r\n            <>\r\n              {mode === \"flat\"\r\n                ? flatItems.length > 0 && (\r\n                    <ul className=\"list-unstyled\">\r\n                      {flatItems.map((item) => (\r\n                        <li\r\n                          key={item.value}\r\n                          onClick={(e) => {\r\n                            e.stopPropagation();\r\n                            e.preventDefault();\r\n                            handleSelectItem(item);\r\n                          }}\r\n                          className=\"cursor-pointer py-x8 px-x24\"\r\n                        >\r\n                          {highlightMatch(item.label, value || \"\")}\r\n                        </li>\r\n                      ))}\r\n                    </ul>\r\n                  )\r\n                : categorizedItems.map((group, index) =>\r\n                    group.items?.length ? (\r\n                      <Fragment key={index}>\r\n                        <div>\r\n                          <h1 className=\"ui-search-v2__category fw-semibold text-dark fs-6 mb-x8 px-x24\">\r\n                            {group.category}\r\n                          </h1>\r\n                          <ul className=\"list-unstyled\">\r\n                            {group.items.map((item) => (\r\n                              <li\r\n                                key={item.value}\r\n                                onClick={(e) => {\r\n                                  e.stopPropagation();\r\n                                  e.preventDefault();\r\n                                  handleSelectItem(item);\r\n                                }}\r\n                                className=\"cursor-pointer py-x8 px-x24\"\r\n                              >\r\n                                {highlightMatch(item.label, value || \"\")}\r\n                              </li>\r\n                            ))}\r\n                          </ul>\r\n                        </div>\r\n                      </Fragment>\r\n                    ) : (\r\n                      <Fragment key={index} />\r\n                    ),\r\n                  )}\r\n\r\n              {!loading && hasNoResults ? (\r\n                <p className=\"px-x24 fs-6\">{emptyLabel}</p>\r\n              ) : (\r\n                \"\"\r\n              )}\r\n            </>\r\n          )}\r\n        </Col>\r\n      </div>\r\n\r\n      <div className=\"ui-search-v2__btn-wrap\">\r\n        <Button\r\n          className={clsx(\r\n            \"ui-search-v2__btn\",\r\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\r\n          )}\r\n          onClick={() => {\r\n            handleInputChange({ target: { value } } as any);\r\n            setFocus(!closeMenuOnButtonClick);\r\n          }}\r\n        >\r\n          {btnText}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"names":["SearchGenericV2","props","btnText","helperText","value","loading","items","emptyLabel","minCharsToShow","setValue","setSelectedElement","className","dimensionStrategy","closeMenuOnButtonClick","mode","focus","setFocus","useState","handleInputChange","handleSelectItem","item","highlightMatch","useCallback","text","query","lowerText","lowerQuery","parts","lastIndex","index","jsx","Fragment","flatItems","useMemo","categorizedItems","hasNoResults","s","showMenu","jsxs","clsx","event","Spinner","Close","Col","e","group","_a","Button"],"mappings":"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"}

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es279.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es281.js";
+import { clsx as n } from "./index.es282.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es204.js";
 import { Col as C } from "./index.es64.js";

package/dist/index.es136.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es279.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es281.js";
+import { clsx as l } from "./index.es282.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es321.js";
+import { useMediaQuery as N } from "./index.es287.js";
 import { Close as I } from "./index.es204.js";
 import { Col as y } from "./index.es64.js";
 import { Button as L } from "./index.es34.js";

package/dist/index.es138.js

@@ -1,7 +1,7 @@
 import { j as i } from "./index.es279.js";
-import { Title as n } from "./index.es489.js";
-import { Description as c } from "./index.es490.js";
-import { clsx as o } from "./index.es281.js";
+import { Title as n } from "./index.es465.js";
+import { Description as c } from "./index.es466.js";
+import { clsx as o } from "./index.es282.js";
 import './components/ui/Section/Section.css';/* empty css            */
 const m = ({
   className: r,

package/dist/index.es14.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es279.js";
 import { useState as p } from "react";
-import { StepItem as S } from "./index.es327.js";
+import { StepItem as S } from "./index.es293.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import f from "./index.es329.js";
+import f from "./index.es295.js";
 import { SectionHeading as j } from "./index.es138.js";
 const b = ({
   steps: s,

package/dist/index.es140.js

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

package/dist/index.es141.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es279.js";
-import { clsx as n } from "./index.es281.js";
+import { clsx as n } from "./index.es282.js";
 import './components/ui/SupportBanner/SupportBanner.css';/* empty css            */
 import { useMemo as N } from "react";
-import { CTA_COMPONENTS as y } from "./index.es496.js";
+import { CTA_COMPONENTS as y } from "./index.es472.js";
 import { Col as w } from "./index.es64.js";
 import { Row as g } from "./index.es130.js";
 const M = ({

package/dist/index.es143.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es279.js";
-import { Checkbox as d } from "./index.es381.js";
+import { Checkbox as d } from "./index.es349.js";
 import { Row as l } from "./index.es130.js";
 import './components/ui/Switch/Switch.css';/* empty css            */
 import { CheckIcon as x } from "./index.es195.js";

package/dist/index.es144.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es279.js";
 import * as j from "react";
 import { useEffect as S } from "react";
-import { clsx as b } from "./index.es281.js";
+import { clsx as b } from "./index.es282.js";
 import './components/ui/Table/Table.css';/* empty css            */
 import { TriangleUp as ee } from "./index.es261.js";
 import { TriangleDown as ae } from "./index.es260.js";

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es279.js";
 import * as d from "react";
-import { clsx as w } from "./index.es281.js";
+import { clsx as w } from "./index.es282.js";
 import { TableHeader as _e, TableRow as H, TableHead as je, TableBody as Ce, Pagination as ge, TableCellContent as Ne } from "./index.es144.js";
 import { RichText as ke } from "./index.es163.js";
 import './components/ui/TableV2/TableV2.css';import './components/ui/Table/Table.css';/* empty css            */

package/dist/index.es146.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es279.js";
-import { clsx as _ } from "./index.es281.js";
+import { clsx as _ } from "./index.es282.js";
 import './components/ui/TableMobile/TableMobile.css';/* empty css            */
 import * as B from "react";
 import { useState as U } from "react";

package/dist/index.es147.js

@@ -1,11 +1,11 @@
 import { j as o } from "./index.es279.js";
 import u, { useState as C, useEffect as x, useCallback as I } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as k } from "./index.es321.js";
-import { clsx as g } from "./index.es281.js";
+import { useMediaQueryV2 as k } from "./index.es287.js";
+import { clsx as g } from "./index.es282.js";
 import { Row as E } from "./index.es130.js";
 import { ArrowDown as A } from "./index.es185.js";
-import { ScrollArea as P } from "./index.es502.js";
+import { ScrollArea as P } from "./index.es478.js";
 const F = ({
   title: b = "Indice",
   headings: l,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es279.js";
 import './components/ui/TabsGlossary/TabsGlossary.css';/* empty css            */
-import { clsx as i } from "./index.es281.js";
+import { clsx as i } from "./index.es282.js";
 import u, { useState as x } from "react";
 import { Row as p } from "./index.es130.js";
 import { Loader as b } from "./index.es113.js";

package/dist/index.es15.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es279.js";
 import { useState as a } from "react";
-import { StepItemGenericAccordion as m } from "./index.es330.js";
+import { StepItemGenericAccordion as m } from "./index.es296.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 import { SectionHeading as p } from "./index.es138.js";
 const S = ({

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es279.js";
 import './components/ui/TabsGlossaryV2/TabsGlossaryV2.css';/* empty css            */
-import { clsx as i } from "./index.es281.js";
+import { clsx as i } from "./index.es282.js";
 import c from "react";
 import { Row as b } from "./index.es130.js";
 import { Loader as m } from "./index.es113.js";

package/dist/index.es151.js

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

package/dist/index.es153.js

@@ -1,6 +1,6 @@
 import { j as i } from "./index.es279.js";
 import './components/ui/TitleSection/TitleSection.css';/* empty css            */
-import { clsx as d } from "./index.es281.js";
+import { clsx as d } from "./index.es282.js";
 import { useState as N } from "react";
 import { ArrowLink as v } from "./index.es26.js";
 import { MoreActions as b } from "./index.es243.js";

package/dist/index.es155.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es279.js";
-import { d as n } from "./index.es333.js";
-import { clsx as x } from "./index.es281.js";
+import { d as n } from "./index.es299.js";
+import { clsx as x } from "./index.es282.js";
 import { DateTime as j } from "./index.es3.js";
 import { ArrowLink as N } from "./index.es26.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */

package/dist/index.es156.js

@@ -1,11 +1,11 @@
 import { j as t } from "./index.es279.js";
 import { ArrowDown as B } from "./index.es185.js";
 import { RichText as F } from "./index.es163.js";
-import { clsx as n } from "./index.es281.js";
+import { clsx as n } from "./index.es282.js";
 import { useState as m, useRef as O } from "react";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
 import { VIDEO_PLAYER_SIZE as e } from "./index.es157.js";
-import X from "./index.es510.js";
+import X from "./index.es486.js";
 import { PlayVideo as $ } from "./index.es248.js";
 import { Col as Y } from "./index.es64.js";
 const Z = {

package/dist/index.es16.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es279.js";
-import { useToggle as a } from "./index.es332.js";
+import { useToggle as a } from "./index.es298.js";
 import { Col as s } from "./index.es64.js";
 import { Row as l } from "./index.es130.js";
 import { ActionIconText as m } from "./index.es18.js";

package/dist/index.es161.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es279.js";
 import { Section as m, SectionHeading as f } from "./index.es138.js";
-import { clsx as g } from "./index.es281.js";
-import { l as t } from "./index.es282.js";
+import { clsx as g } from "./index.es282.js";
+import { l as t } from "./index.es489.js";
 import { useMemo as j } from "react";
 import { RichText as v } from "./index.es163.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */