@anoki/fse-ui 2.3.0-RC10 → 2.3.0-RC12

package/dist/index.es18.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es264.js";
-import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es333.js";
+import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es332.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { ErrorExagon as j } from "./index.es126.js";
 import { CheckCircle as u } from "./index.es71.js";

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es264.js";
 import { clsx as t } from "./index.es266.js";
-import { createColorClasses as i } from "./index.es300.js";
+import { createColorClasses as i } from "./index.es339.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es264.js";
 import { clsx as r } from "./index.es266.js";
-import { createColorClasses as m } from "./index.es300.js";
+import { createColorClasses as m } from "./index.es339.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
 import { clsx as i } from "./index.es266.js";
-import { createColorClasses as m } from "./index.es300.js";
+import { createColorClasses as m } from "./index.es339.js";
 const c = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es264.js";
 import { clsx as v } from "./index.es266.js";
-import { createColorClasses as d } from "./index.es300.js";
+import { createColorClasses as d } from "./index.es339.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
 import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { createColorClasses as n } from "./index.es339.js";
 const x = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
 import { clsx as c } from "./index.es266.js";
-import { createColorClasses as h } from "./index.es300.js";
+import { createColorClasses as h } from "./index.es339.js";
 const d = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es264.js";
 import { clsx as a } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { createColorClasses as n } from "./index.es339.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es20.js

@@ -1,8 +1,8 @@
-import { j as s } from "./index.es264.js";
-import { clsx as f } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { j as o } from "./index.es264.js";
+import { clsx as n } from "./index.es266.js";
+import { createColorClasses as c } from "./index.es339.js";
 const w = ({
-  width: o = 24,
+  width: s = 24,
   height: l = 24,
   className: t,
   color: e,
@@ -10,23 +10,23 @@ const w = ({
   decorative: r = !1,
   ariaLabel: i = "Left arrow"
 }) => {
-  const m = n({ color: e });
-  return /* @__PURE__ */ s.jsx(
+  const m = c({ color: e });
+  return /* @__PURE__ */ o.jsx(
     "svg",
     {
       onClick: a,
       xmlns: "http://www.w3.org/2000/svg",
-      width: o,
+      width: s,
       height: l,
       fill: "currentColor",
       viewBox: "0 0 24 24",
-      className: f(t, m),
+      className: n(t, m),
       "aria-hidden": r,
       "aria-label": r ? void 0 : i,
-      children: /* @__PURE__ */ s.jsx(
+      children: /* @__PURE__ */ o.jsx(
         "path",
         {
-          fill: "#0066CC",
+          fill: "currentColor",
           d: "M14.4 17.6 8.8 12l5.6-5.6.8.7-4.9 4.9 4.9 4.9z"
         }
       )

package/dist/index.es20.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es20.js","sources":["../src/icons/ArrowLeft/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"../../types/icons\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowLeft = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  onClick,\n  decorative = false,\n  ariaLabel = \"Left arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      onClick={onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill=\"#0066CC\"\n        d=\"M14.4 17.6 8.8 12l5.6-5.6.8.7-4.9 4.9 4.9 4.9z\"\n      ></path>\n    </svg>\n  );\n};\n\n\n"],"names":["ArrowLeft","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE5C,SACEM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAL;AAAA,MACA,OAAM;AAAA,MACN,OAAAJ;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index.es20.js","sources":["../src/icons/ArrowLeft/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { IconProps } from \"@/types\";\nimport { createColorClasses } from \"@/theme/colors\";\n\nexport const ArrowLeft = ({\n  width = 24,\n  height = 24,\n  className,\n  color,\n  onClick,\n  decorative = false,\n  ariaLabel = \"Left arrow\",\n}: IconProps) => {\n  const classes = createColorClasses({ color });\n\n  return (\n    <svg\n      onClick={onClick}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={width}\n      height={height}\n      fill=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      className={clsx(className, classes)}\n      aria-hidden={decorative}\n      aria-label={!decorative ? ariaLabel : undefined}\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M14.4 17.6 8.8 12l5.6-5.6.8.7-4.9 4.9 4.9 4.9z\"\n      ></path>\n    </svg>\n  );\n};\n"],"names":["ArrowLeft","width","height","className","color","onClick","decorative","ariaLabel","classes","createColorClasses","jsx","clsx"],"mappings":";;;AAIO,MAAMA,IAAY,CAAC;AAAA,EACxB,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAiB;AACf,QAAMC,IAAUC,EAAmB,EAAE,OAAAL,GAAO;AAE5C,SACEM,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAAL;AAAA,MACA,OAAM;AAAA,MACN,OAAAJ;AAAA,MACA,QAAAC;AAAA,MACA,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,WAAWS,EAAKR,GAAWK,CAAO;AAAA,MAClC,eAAaF;AAAA,MACb,cAAaA,IAAyB,SAAZC;AAAA,MAE1B,UAAAG,gBAAAA,EAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGP;"}

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es264.js";
 import { clsx as d } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { createColorClasses as n } from "./index.es339.js";
 const h = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es202.js

@@ -5,7 +5,7 @@ import { ArrowLink as h } from "./index.es21.js";
 import { Button as b } from "./index.es36.js";
 import { Col as j } from "./index.es82.js";
 import './components/ui/OperatorCardDocument/OperatorCardDocument.css';/* empty css            */
-import { F as w } from "./index.es321.js";
+import { F as w } from "./index.es320.js";
 import { Row as N } from "./index.es214.js";
 import { Divider as g } from "./index.es104.js";
 import { Download as v } from "./index.es117.js";

package/dist/index.es203.js

@@ -3,7 +3,7 @@ import { useState as k } from "react";
 import { Row as c } from "./index.es214.js";
 import { Col as o } from "./index.es82.js";
 import { clsx as A } from "./index.es266.js";
-import { F as p } from "./index.es321.js";
+import { F as p } from "./index.es320.js";
 import { ActionIconText as y } from "./index.es9.js";
 import { Download as E } from "./index.es117.js";
 import { ArrowRight as I } from "./index.es22.js";

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es264.js";
 import { clsx as a } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { createColorClasses as n } from "./index.es339.js";
 const x = ({
   width: s = 32,
   height: e = 32,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es264.js";
 import { clsx as h } from "./index.es266.js";
-import { createColorClasses as x } from "./index.es300.js";
+import { createColorClasses as x } from "./index.es339.js";
 import { useId as d } from "react";
 const u = ({
   width: e = 73,

package/dist/index.es209.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es264.js";
 import { clsx as a } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { createColorClasses as n } from "./index.es339.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es264.js";
 import { clsx as n } from "./index.es266.js";
-import { createColorClasses as m } from "./index.es300.js";
+import { createColorClasses as m } from "./index.es339.js";
 const f = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es214.js

@@ -2,7 +2,7 @@ import { j as x } from "./index.es264.js";
 import { useMemo as y } from "react";
 import { clsx as g } from "./index.es266.js";
 import { createSpacingClasses as j } from "./index.es387.js";
-import { createColorClasses as u } from "./index.es300.js";
+import { createColorClasses as u } from "./index.es339.js";
 import { createTypographyClasses as h } from "./index.es388.js";
 const E = ({
   as: o,

package/dist/index.es218.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es264.js";
 import { useState as C, useId as G } from "react";
 import { clsx as m } from "./index.es266.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es308.js";
+import { useMediaQuery as Q } from "./index.es307.js";
 import { Close as S } from "./index.es80.js";
 import { Col as A } from "./index.es82.js";
 import { Button as D } from "./index.es36.js";

package/dist/index.es219.js

@@ -1,50 +1,55 @@
 import { j as e } from "./index.es264.js";
 import './components/ui/SearchGenericV2/SearchGenericV2.css';/* empty css            */
-import { clsx as m } from "./index.es266.js";
-import { useState as k, useCallback as F, useMemo as M, Fragment as x } from "react";
-import { Spinner as B } from "./index.es230.js";
-import { Close as I } from "./index.es80.js";
-import { Col as L } from "./index.es82.js";
-import { Button as D } from "./index.es36.js";
-function A({
-  btnText: d,
-  helperText: j = "Cosa vuoi approfondire?",
-  value: r,
-  loading: l,
-  items: i,
-  emptyLabel: g = "Nessun risultato disponibile",
-  minCharsToShow: n = 3,
-  setValue: b,
-  setSelectedElement: v,
-  className: _,
-  dimensionStrategy: N = "fixed"
-}) {
-  const [f, o] = k(!1), u = (s) => {
-    b(s.target.value);
-  }, w = (s) => {
-    v(s), o(!1);
-  }, y = F((s, a) => {
-    if (!a) return s;
-    const t = s.toLowerCase().indexOf(a.toLowerCase());
-    if (t === -1) return s;
-    const c = s.slice(0, t), h = s.slice(t, t + a.length), C = s.slice(t + a.length);
-    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      c,
-      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: h }),
-      C
-    ] });
-  }, []), p = M(() => !f || r.length < n ? !1 : !(l && i.every((s) => s.items.length === 0)), [f, r.length, n, l, i]);
+import { clsx as x } from "./index.es266.js";
+import { useState as L, useCallback as M, useMemo as f, Fragment as C } from "react";
+import { Spinner as D } from "./index.es230.js";
+import { Close as E } from "./index.es80.js";
+import { Col as O } from "./index.es82.js";
+import { Button as P } from "./index.es36.js";
+function U(g) {
+  const {
+    btnText: S,
+    helperText: k = "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 = [];
+    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(
     "div",
     {
-      className: m(
+      className: x(
         "ui-search-v2",
         "br-x4 bg-border-secondary w-full",
-        _,
-        { "ui-search-v2--auto": N === "auto" }
+        z,
+        { "ui-search-v2--auto": B === "auto" }
       ),
       onBlur: () => {
-        setTimeout(() => o(!1), 150);
+        setTimeout(() => d(!1), 150);
       },
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "position-relative w-full", children: [
@@ -52,25 +57,25 @@ function A({
             "input",
             {
               type: "search",
-              className: m(
+              className: x(
                 "ui-search-v2__input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24",
-                r && r.length >= n && "has-clear-icon"
+                a && a.length >= m && "has-clear-icon"
               ),
-              placeholder: j,
+              placeholder: k,
               "aria-label": "Barra di ricerca",
-              value: r,
-              onChange: u,
-              onFocus: () => o(!0)
+              value: a,
+              onChange: v,
+              onFocus: () => d(!0)
             }
           ),
-          l && /* @__PURE__ */ e.jsx(B, { className: "ui-search-v2__spinner" }),
-          r && r.length >= n && !l && /* @__PURE__ */ e.jsx(
-            I,
+          c && /* @__PURE__ */ e.jsx(D, { className: "ui-search-v2__spinner" }),
+          a && a.length >= m && !c && /* @__PURE__ */ e.jsx(
+            E,
             {
               className: "ui-search-v2__clear",
               onClick: () => {
-                u({ target: { value: "" } });
+                v({ target: { value: "" } });
               }
             }
           )
@@ -78,54 +83,64 @@ function A({
         /* @__PURE__ */ e.jsx(
           "div",
           {
-            className: m("ui-search-v2__dropdown shadow position-absolute", {
-              "py-x24": p
+            className: x("ui-search-v2__dropdown shadow position-absolute", {
+              "py-x24": y
             }),
             children: /* @__PURE__ */ e.jsx(
-              L,
+              O,
               {
                 gap: "x24",
                 fw: "regular",
                 text: "secondary",
                 fs: "6",
                 className: "ui-search-v2__list overflow-y-auto",
-                children: p && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  i.map(
-                    (s, a) => {
-                      var t;
-                      return (t = s.items) != null && t.length ? /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsxs("div", { children: [
+                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(
+                    "li",
+                    {
+                      onClick: (l) => {
+                        l.stopPropagation(), l.preventDefault(), N(s);
+                      },
+                      className: "cursor-pointer py-x8 px-x24",
+                      children: _(s.label, a || "")
+                    },
+                    s.value
+                  )) }) : j.map(
+                    (s, l) => {
+                      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((c) => /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((i) => /* @__PURE__ */ e.jsx(
                           "li",
                           {
-                            onClick: (h) => {
-                              h.stopPropagation(), h.preventDefault(), w(c);
+                            onClick: (t) => {
+                              t.stopPropagation(), t.preventDefault(), N(i);
                             },
                             className: "cursor-pointer py-x8 px-x24",
-                            children: y(c.label, r || "")
+                            children: _(i.label, a || "")
                           },
-                          c.value
+                          i.value
                         )) })
-                      ] }) }, a) : /* @__PURE__ */ e.jsx(x, {}, a);
+                      ] }) }, l) : /* @__PURE__ */ e.jsx(C, {}, l);
                     }
                   ),
-                  !l && i.every((s) => s.items.length === 0) ? /* @__PURE__ */ e.jsx("p", { className: "px-x24 fs-6", children: g }) : ""
+                  !c && b ? /* @__PURE__ */ e.jsx("p", { className: "px-x24 fs-6", children: F }) : ""
                 ] })
               }
             )
           }
         ),
         /* @__PURE__ */ e.jsx("div", { className: "ui-search-v2__btn-wrap", children: /* @__PURE__ */ e.jsx(
-          D,
+          P,
           {
-            className: m(
+            className: x(
               "ui-search-v2__btn",
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              u({ target: { value: r } }), o(!0);
+              v({ target: { value: a } }), d(!0);
             },
-            children: d
+            children: S
           }
         ) })
       ]
@@ -133,6 +148,6 @@ function A({
   );
 }
 export {
-  A as SearchGenericV2
+  U as SearchGenericV2
 };
 //# sourceMappingURL=index.es219.js.map

package/dist/index.es219.js.map

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

package/dist/index.es22.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
 import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { createColorClasses as n } from "./index.es339.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es222.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es264.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
 import { clsx as l } from "./index.es266.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es308.js";
+import { useMediaQuery as N } from "./index.es307.js";
 import { Close as I } from "./index.es80.js";
 import { Col as y } from "./index.es82.js";
 import { Button as L } from "./index.es36.js";

package/dist/index.es226.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
 import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { createColorClasses as n } from "./index.es339.js";
 const x = ({
   width: l = 16,
   height: o = 29,

package/dist/index.es228.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es264.js";
 import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { createColorClasses as n } from "./index.es339.js";
 const x = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es229.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
 import { clsx as a } from "./index.es266.js";
-import { createColorClasses as p } from "./index.es300.js";
+import { createColorClasses as p } from "./index.es339.js";
 const m = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es23.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
 import { clsx as m } from "./index.es266.js";
-import { createColorClasses as p } from "./index.es300.js";
+import { createColorClasses as p } from "./index.es339.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es231.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es264.js";
-import { d as l } from "./index.es320.js";
+import { d as l } from "./index.es319.js";
 import { DateTime as m } from "./index.es3.js";
 import { ArrowLink as h } from "./index.es21.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */

package/dist/index.es24.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es264.js";
 import { clsx as m } from "./index.es266.js";
-import { createColorClasses as n } from "./index.es300.js";
+import { createColorClasses as n } from "./index.es339.js";
 const p = ({
   width: t = 24,
   height: r = 24,