@anoki/fse-ui 1.0.0-beta1.48.11 → 1.0.0-beta1.48.13

package/dist/index.cjs584.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),c=require("./index.cjs585.js");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=u(r);var a=function(){var e=c.stylesheetSingleton();return function(t,n){i.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}};exports.styleHookSingleton=a;
+//# sourceMappingURL=index.cjs584.js.map

package/dist/index.cjs584.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs584.js","sources":["../node_modules/react-style-singleton/dist/es2015/hook.js"],"sourcesContent":["import * as React from 'react';\nimport { stylesheetSingleton } from './singleton';\n/**\n * creates a hook to control style singleton\n * @see {@link styleSingleton} for a safer component version\n * @example\n * ```tsx\n * const useStyle = styleHookSingleton();\n * ///\n * useStyle('body { overflow: hidden}');\n */\nexport var styleHookSingleton = function () {\n    var sheet = stylesheetSingleton();\n    return function (styles, isDynamic) {\n        React.useEffect(function () {\n            sheet.add(styles);\n            return function () {\n                sheet.remove();\n            };\n        }, [styles && isDynamic]);\n    };\n};\n"],"names":["styleHookSingleton","sheet","stylesheetSingleton","styles","isDynamic","React"],"mappings":"kaAWU,IAACA,EAAqB,UAAY,CACxC,IAAIC,EAAQC,EAAAA,oBAAqB,EACjC,OAAO,SAAUC,EAAQC,EAAW,CAChCC,EAAM,UAAU,UAAY,CACxB,OAAAJ,EAAM,IAAIE,CAAM,EACT,UAAY,CACfF,EAAM,OAAQ,CACjB,CACb,EAAW,CAACE,GAAUC,CAAS,CAAC,CAC3B,CACL","x_google_ignoreList":[0]}

package/dist/index.cjs585.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index.cjs586.js");function r(){if(!document)return null;var t=document.createElement("style");t.type="text/css";var e=o.getNonce();return e&&t.setAttribute("nonce",e),t}function l(t,e){t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}function i(t){var e=document.head||document.getElementsByTagName("head")[0];e.appendChild(t)}var u=function(){var t=0,e=null;return{add:function(n){t==0&&(e=r())&&(l(e,n),i(e)),t++},remove:function(){t--,!t&&e&&(e.parentNode&&e.parentNode.removeChild(e),e=null)}}};exports.stylesheetSingleton=u;
+//# sourceMappingURL=index.cjs585.js.map

package/dist/index.cjs585.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs585.js","sources":["../node_modules/react-style-singleton/dist/es2015/singleton.js"],"sourcesContent":["import { getNonce } from 'get-nonce';\nfunction makeStyleTag() {\n    if (!document)\n        return null;\n    var tag = document.createElement('style');\n    tag.type = 'text/css';\n    var nonce = getNonce();\n    if (nonce) {\n        tag.setAttribute('nonce', nonce);\n    }\n    return tag;\n}\nfunction injectStyles(tag, css) {\n    // @ts-ignore\n    if (tag.styleSheet) {\n        // @ts-ignore\n        tag.styleSheet.cssText = css;\n    }\n    else {\n        tag.appendChild(document.createTextNode(css));\n    }\n}\nfunction insertStyleTag(tag) {\n    var head = document.head || document.getElementsByTagName('head')[0];\n    head.appendChild(tag);\n}\nexport var stylesheetSingleton = function () {\n    var counter = 0;\n    var stylesheet = null;\n    return {\n        add: function (style) {\n            if (counter == 0) {\n                if ((stylesheet = makeStyleTag())) {\n                    injectStyles(stylesheet, style);\n                    insertStyleTag(stylesheet);\n                }\n            }\n            counter++;\n        },\n        remove: function () {\n            counter--;\n            if (!counter && stylesheet) {\n                stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);\n                stylesheet = null;\n            }\n        },\n    };\n};\n"],"names":["makeStyleTag","tag","nonce","getNonce","injectStyles","css","insertStyleTag","head","stylesheetSingleton","counter","stylesheet","style"],"mappings":"qHACA,SAASA,GAAe,CACpB,GAAI,CAAC,SACD,OAAO,KACX,IAAIC,EAAM,SAAS,cAAc,OAAO,EACxCA,EAAI,KAAO,WACX,IAAIC,EAAQC,EAAAA,SAAU,EACtB,OAAID,GACAD,EAAI,aAAa,QAASC,CAAK,EAE5BD,CACX,CACA,SAASG,EAAaH,EAAKI,EAAK,CAExBJ,EAAI,WAEJA,EAAI,WAAW,QAAUI,EAGzBJ,EAAI,YAAY,SAAS,eAAeI,CAAG,CAAC,CAEpD,CACA,SAASC,EAAeL,EAAK,CACzB,IAAIM,EAAO,SAAS,MAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC,EACnEA,EAAK,YAAYN,CAAG,CACxB,CACU,IAACO,EAAsB,UAAY,CACzC,IAAIC,EAAU,EACVC,EAAa,KACjB,MAAO,CACH,IAAK,SAAUC,EAAO,CACdF,GAAW,IACNC,EAAaV,OACdI,EAAaM,EAAYC,CAAK,EAC9BL,EAAeI,CAAU,GAGjCD,GACH,EACD,OAAQ,UAAY,CAChBA,IACI,CAACA,GAAWC,IACZA,EAAW,YAAcA,EAAW,WAAW,YAAYA,CAAU,EACrEA,EAAa,KAEpB,CACJ,CACL","x_google_ignoreList":[0]}

package/dist/index.cjs586.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};exports.getNonce=e;
+//# sourceMappingURL=index.cjs586.js.map

package/dist/index.cjs586.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs586.js","sources":["../node_modules/get-nonce/dist/es2015/index.js"],"sourcesContent":["var currentNonce;\nexport var setNonce = function (nonce) {\n    currentNonce = nonce;\n};\nexport var getNonce = function () {\n    if (currentNonce) {\n        return currentNonce;\n    }\n    if (typeof __webpack_nonce__ !== 'undefined') {\n        return __webpack_nonce__;\n    }\n    return undefined;\n};\n"],"names":["getNonce"],"mappings":"gFAIU,IAACA,EAAW,UAAY,CAI9B,GAAI,OAAO,kBAAsB,IAC7B,OAAO,iBAGf","x_google_ignoreList":[0]}

package/dist/index.cjs6.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const m=require("./index.cjs243.js"),p=require("./index.cjs245.js"),g=require("react"),x=require("./index.cjs274.js");;/* empty css              */const C=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,containerClass:a="ui-container",...e})=>{const u=s||"div",l=g.useMemo(()=>[...x.createSpacingClasses(e)].join(" "),[e]);return m.jsxRuntimeExports.jsx(u,{className:p.clsx(a,t,l),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/Container/Container.css');const m=require("./index.cjs243.js"),p=require("./index.cjs245.js"),g=require("react"),x=require("./index.cjs273.js");;/* empty css              */const C=({as:s,children:n,className:t,display:r,justifyContent:c,alignItems:i,flexWrap:o,containerClass:a="ui-container",...e})=>{const u=s||"div",l=g.useMemo(()=>[...x.createSpacingClasses(e)].join(" "),[e]);return m.jsxRuntimeExports.jsx(u,{className:p.clsx(a,t,l),style:{display:r,justifyContent:c,alignItems:i,flexWrap:o},children:n})};exports.Container=C;
 //# sourceMappingURL=index.cjs6.js.map

package/dist/index.cjs64.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs243.js"),i=require("./index.cjs273.js"),x=require("./index.cjs245.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs243.js"),i=require("./index.cjs275.js"),x=require("./index.cjs245.js"),u=({initials:e,bg:t,textColor:r,size:n="2",className:o})=>{const c=i.createColorClasses({bg:t,text:r}),a={1:"w-x64 h-x64 fs-5",2:"w-x48 h-x48 fs-6",3:"w-x32 h-x32 fs-7"},l=x.clsx("rounded-full base-row justify-content-center align-items-center p-x4",a[n],c,o);return s.jsxRuntimeExports.jsx("div",{className:l,"aria-hidden":"true",children:s.jsxRuntimeExports.jsx("span",{className:"fw-semibold",children:e})})};exports.Avatar=u;
 //# sourceMappingURL=index.cjs64.js.map

package/dist/index.cjs7.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs243.js"),o=require("react"),a=require("./index.cjs245.js"),u=require("./index.cjs274.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index.cjs243.js"),o=require("react"),a=require("./index.cjs245.js"),u=require("./index.cjs273.js"),l=({as:e,className:n,style:t,...s})=>{const r=e||"div",c=o.useMemo(()=>[...u.createSpacingClasses(s)].join(" "),[s]);return i.jsxRuntimeExports.jsx(r,{className:a.clsx("base-grid",n,c),style:{...t},...s})};exports.GridContainer=l;
 //# sourceMappingURL=index.cjs7.js.map

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs243.js"),s=require("react"),x=require("./index.cjs245.js"),C=require("./index.cjs274.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs243.js"),s=require("react"),x=require("./index.cjs245.js"),C=require("./index.cjs273.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs243.js"),m=require("react"),q=require("./index.cjs245.js"),x=require("./index.cjs274.js"),j=require("./index.cjs273.js"),R=require("./index.cjs276.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs243.js"),m=require("react"),q=require("./index.cjs245.js"),x=require("./index.cjs273.js"),j=require("./index.cjs275.js"),R=require("./index.cjs276.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es243.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es245.js";
-import { createSpacingClasses as g } from "./index.es274.js";
-import { createColorClasses as j } from "./index.es273.js";
+import { createSpacingClasses as g } from "./index.es273.js";
+import { createColorClasses as j } from "./index.es275.js";
 import { createTypographyClasses as u } from "./index.es276.js";
 const M = ({
   as: o,

package/dist/index.es135.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es243.js";
+import { j as e } from "./index.es243.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
 import { clsx as l } from "./index.es245.js";
 import { useState as C, useCallback as y, useMemo as v, Fragment as F } from "react";
@@ -7,32 +7,32 @@ import { Close as M } from "./index.es160.js";
 import { Col as S } from "./index.es10.js";
 import { Button as B } from "./index.es28.js";
 const V = ({
-  btnText: u,
-  helperText: p = "Cosa vuoi approfondire?",
-  value: a,
-  loading: h,
-  items: n,
-  emptyLabel: x = "Nessun risultato disponibile",
-  setValue: f,
-  setSelectedElement: g
+  btnText: p,
+  helperText: x = "Cosa vuoi approfondire?",
+  value: n,
+  loading: u,
+  items: r,
+  emptyLabel: f = "Nessun risultato disponibile",
+  setValue: g,
+  setSelectedElement: j
 }) => {
-  const [j, o] = C(!1), m = (e) => {
-    const r = e.target.value;
-    f(r);
-  }, b = (e) => {
-    g(e), o(!1);
-  }, N = y((e, r) => {
-    if (!r) return e;
-    const t = e.toLowerCase().indexOf(r.toLowerCase());
-    if (t === -1) return e;
-    const i = e.slice(0, t), c = e.slice(t, t + r.length), w = e.slice(t + r.length);
-    return /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  const [h, o] = C(!1), m = (s) => {
+    const t = s.target.value;
+    g(t);
+  }, b = (s) => {
+    j(s), o(!1);
+  }, N = y((s, t) => {
+    if (!t) return s;
+    const a = s.toLowerCase().indexOf(t.toLowerCase());
+    if (a === -1) return s;
+    const i = s.slice(0, a), c = s.slice(a, a + t.length), w = s.slice(a + t.length);
+    return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       i,
-      /* @__PURE__ */ s.jsx("span", { className: "text-primary fw-bold", children: c }),
+      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: c }),
       w
     ] });
-  }, []), d = v(() => !0, [j, n == null ? void 0 : n.length, a.length]);
-  return /* @__PURE__ */ s.jsxs(
+  }, []), d = v(() => h || n.length >= 3 && (r == null ? void 0 : r.length) > 0 ? !0 : h, [h, r == null ? void 0 : r.length, n.length]);
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: l(
@@ -45,8 +45,8 @@ const V = ({
         }, 150);
       },
       children: [
-        /* @__PURE__ */ s.jsxs("div", { className: "position-relative w-full", children: [
-          /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ e.jsxs("div", { className: "position-relative w-full", children: [
+          /* @__PURE__ */ e.jsx(
             "input",
             {
               id: "search",
@@ -55,15 +55,15 @@ const V = ({
                 "ui-communication-search-input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"
               ),
-              placeholder: p,
+              placeholder: x,
               "aria-label": "Barra di ricerca",
-              value: a,
+              value: n,
               onChange: m,
               onFocus: () => o(!0)
             }
           ),
-          h && /* @__PURE__ */ s.jsx(k, { className: "ui-loading-spinner" }),
-          a && a.length >= 3 && /* @__PURE__ */ s.jsx(
+          u && /* @__PURE__ */ e.jsx(k, { className: "ui-loading-spinner" }),
+          n && n.length >= 3 && /* @__PURE__ */ e.jsx(
             M,
             {
               className: "ui-clean-button",
@@ -73,13 +73,13 @@ const V = ({
             }
           )
         ] }),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ e.jsx(
           "div",
           {
             className: l("ui-wrap-list-item-search shadow position-absolute", {
               "py-x24": d
             }),
-            children: /* @__PURE__ */ s.jsx(
+            children: /* @__PURE__ */ e.jsx(
               S,
               {
                 gap: "x24",
@@ -87,33 +87,33 @@ const V = ({
                 text: "secondary",
                 fs: "6",
                 className: "ui-list-item-search overflow-y-auto",
-                children: d && /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-                  n.map(
-                    (e, r) => {
-                      var t;
-                      return (t = e.items) != null && t.length ? /* @__PURE__ */ s.jsx(F, { children: /* @__PURE__ */ s.jsxs("div", { children: [
-                        /* @__PURE__ */ s.jsx("h4", { className: "category-title 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(
+                children: d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  r.map(
+                    (s, t) => {
+                      var a;
+                      return (a = s.items) != null && a.length ? /* @__PURE__ */ e.jsx(F, { children: /* @__PURE__ */ e.jsxs("div", { children: [
+                        /* @__PURE__ */ e.jsx("h4", { className: "category-title 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(
                           "li",
                           {
                             onClick: (c) => {
                               c.stopPropagation(), c.preventDefault(), b(i);
                             },
                             className: "cursor-pointer py-x8 px-x24",
-                            children: N(i.name, a || "")
+                            children: N(i.name, n || "")
                           },
                           i.id
                         )) })
-                      ] }) }, r) : /* @__PURE__ */ s.jsx(s.Fragment, {});
+                      ] }) }, t) : /* @__PURE__ */ e.jsx(e.Fragment, {});
                     }
                   ),
-                  !h && n.every((e) => e.items.length === 0) ? /* @__PURE__ */ s.jsx("p", { className: " px-x24 fs-6", children: x }) : ""
+                  !u && r.every((s) => s.items.length === 0) ? /* @__PURE__ */ e.jsx("p", { className: " px-x24 fs-6", children: f }) : ""
                 ] })
               }
             )
           }
         ),
-        /* @__PURE__ */ s.jsx("div", { className: l("ui-div-btn"), children: /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ e.jsx("div", { className: l("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
           B,
           {
             className: l(
@@ -121,9 +121,9 @@ const V = ({
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              m({ target: { value: a } }), o(!0);
+              m({ target: { value: n } }), o(!0);
             },
-            children: u
+            children: p
           }
         ) })
       ]

package/dist/index.es135.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, Fragment, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValue(inputValue);\n  };\n\n  const handleSelectItem = (item: Service) => {\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    return true;\n    if (focus) {\n      return true;\n    }\n\n    if (value.length >= 3 && items?.length > 0) {\n      return true;\n    }\n\n    return focus;\n  }, [focus, items?.length, value.length]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => {\n        setTimeout(() => {\n          setFocus(false);\n        }, 150);\n      }}\n    >\n      <div className={\"position-relative w-full\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\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-loading-spinner\" />}\n        {value && value.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search 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-list-item-search overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {items.map((group, index) =>\n                group.items?.length ? (\n                  <Fragment key={index}>\n                    <div>\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h4>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item) => (\n                          <li\n                            key={item.id}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n\n                              handleSelectItem(item);\n                            }}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, value || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </Fragment>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              items.every((suggestion) => suggestion.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={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\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":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","e","suggestion","Button"],"mappings":"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"}
+{"version":3,"file":"index.es135.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, Fragment, useCallback, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  emptyLabel?: string;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [focus, setFocus] = useState(false);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValue(inputValue);\n  };\n\n  const handleSelectItem = (item: Service) => {\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) {\n      return true;\n    }\n\n    if (value.length >= 3 && items?.length > 0) {\n      return true;\n    }\n\n    return focus;\n  }, [focus, items?.length, value.length]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => {\n        setTimeout(() => {\n          setFocus(false);\n        }, 150);\n      }}\n    >\n      <div className={\"position-relative w-full\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\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-loading-spinner\" />}\n        {value && value.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search 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-list-item-search overflow-y-auto\"\n        >\n          {showMenu && (\n            <>\n              {items.map((group, index) =>\n                group.items?.length ? (\n                  <Fragment key={index}>\n                    <div>\n                      <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                        {group.category}\n                      </h4>\n                      <ul className=\"list-unstyled\">\n                        {group.items.map((item) => (\n                          <li\n                            key={item.id}\n                            onClick={(e) => {\n                              e.stopPropagation();\n                              e.preventDefault();\n\n                              handleSelectItem(item);\n                            }}\n                            className=\"cursor-pointer py-x8 px-x24\"\n                          >\n                            {highlightMatch(item.name, value || \"\")}\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  </Fragment>\n                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              items.every((suggestion) => suggestion.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={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\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":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","focus","setFocus","useState","handleInputChange","e","inputValue","handleSelectItem","item","highlightMatch","useCallback","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","showMenu","useMemo","clsx","Spinner","Close","Col","group","_a","suggestion","Button"],"mappings":"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"}

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as e } from "./index.es245.js";
-import { createColorClasses as z } from "./index.es273.js";
+import { createColorClasses as z } from "./index.es275.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es157.js

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

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es243.js";
 import { clsx as i } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const p = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as i } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const h = ({
   width: o = 24,
   height: t = 24,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { createColorClasses as c } from "./index.es275.js";
 const w = ({
   width: r = 24,
   height: l = 24,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { createColorClasses as c } from "./index.es275.js";
 const f = ({
   width: r = 114,
   height: t = 115,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as c } from "./index.es245.js";
-import { createColorClasses as y } from "./index.es273.js";
+import { createColorClasses as y } from "./index.es275.js";
 const f = ({
   width: e = 121,
   height: t = 121,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es243.js";
 import { clsx as e } from "./index.es245.js";
-import { createColorClasses as i } from "./index.es273.js";
+import { createColorClasses as i } from "./index.es275.js";
 const x = ({
   width: m = 100,
   height: c = 100,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as q } from "./index.es245.js";
-import { createColorClasses as M } from "./index.es273.js";
+import { createColorClasses as M } from "./index.es275.js";
 const i = ({
   width: h = 263,
   height: v = 40,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as s } from "./index.es273.js";
+import { createColorClasses as s } from "./index.es275.js";
 const x = ({
   width: h = 137,
   height: a = 40,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as i } from "./index.es245.js";
-import { createColorClasses as a } from "./index.es273.js";
+import { createColorClasses as a } from "./index.es275.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as r } from "./index.es245.js";
-import { createColorClasses as o } from "./index.es273.js";
+import { createColorClasses as o } from "./index.es275.js";
 const d = ({
   width: s = 44,
   height: a = 44,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es243.js";
 import { clsx as z } from "./index.es245.js";
-import { createColorClasses as d } from "./index.es273.js";
+import { createColorClasses as d } from "./index.es275.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as t } from "./index.es273.js";
+import { createColorClasses as t } from "./index.es275.js";
 const i = ({
   width: v = 181,
   height: l = 40,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as o } from "./index.es245.js";
-import { createColorClasses as v } from "./index.es273.js";
+import { createColorClasses as v } from "./index.es275.js";
 const p = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as h } from "./index.es245.js";
-import { createColorClasses as i } from "./index.es273.js";
+import { createColorClasses as i } from "./index.es275.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as x } from "./index.es273.js";
+import { createColorClasses as x } from "./index.es275.js";
 const w = ({
   width: t = 24,
   height: l = 24,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const f = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as v } from "./index.es245.js";
-import { createColorClasses as i } from "./index.es273.js";
+import { createColorClasses as i } from "./index.es275.js";
 const p = ({
   width: a = 32,
   height: o = 32,

package/dist/index.es175.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es243.js";
 import { clsx as r } from "./index.es245.js";
-import { createColorClasses as V } from "./index.es273.js";
+import { createColorClasses as V } from "./index.es275.js";
 const n = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es176.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es243.js";
 import { clsx as t } from "./index.es245.js";
-import { createColorClasses as i } from "./index.es273.js";
+import { createColorClasses as i } from "./index.es275.js";
 const p = ({
   width: c = 32,
   height: v = 32,

package/dist/index.es177.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as a } from "./index.es245.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { createColorClasses as c } from "./index.es275.js";
 const f = ({
   width: h = 32,
   height: v = 32,

package/dist/index.es178.js

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

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as c } from "./index.es273.js";
+import { createColorClasses as c } from "./index.es275.js";
 const p = ({
   width: o = 32,
   height: r = 32,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es243.js";
 import { clsx as i } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as p } from "./index.es273.js";
+import { createColorClasses as p } from "./index.es275.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as t } from "./index.es245.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { createColorClasses as m } from "./index.es275.js";
 const p = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { createColorClasses as m } from "./index.es275.js";
 const x = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es243.js";
 import { clsx as n } from "./index.es245.js";
-import { createColorClasses as d } from "./index.es273.js";
+import { createColorClasses as d } from "./index.es275.js";
 const p = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es243.js";
 import { clsx as a } from "./index.es245.js";
-import { createColorClasses as m } from "./index.es273.js";
+import { createColorClasses as m } from "./index.es275.js";
 const v = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es191.js

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

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es243.js";
 import { clsx as m } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const x = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es243.js";
 import { clsx as t } from "./index.es245.js";
-import { createColorClasses as n } from "./index.es273.js";
+import { createColorClasses as n } from "./index.es275.js";
 const p = ({
   width: o = 40,
   height: r = 40,