@anoki/fse-ui 1.10.1-RC2.14 → 1.10.1-RC2.16

package/dist/index.cjs76.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const s=require("./index.cjs247.js");;/* empty css              */const a=require("./index.cjs248.js"),r=require("./index.cjs348.js"),u=require("./index.cjs349.js"),m=require("./index.cjs202.js"),c=require("./index.cjs163.js"),j=({title:n="Info",description:o,width:e=248,className:t="",positionPopUp:i="right",onClickCloseBtn:x,isOpen:p})=>s.jsxRuntimeExports.jsxs(r.Root,{defaultOpen:!1,open:p,onOpenChange:x,modal:!1,children:[s.jsxRuntimeExports.jsx(r.Trigger,{className:"position-relative",children:s.jsxRuntimeExports.jsx(u.Button,{className:"ui-popup-trigger-button",children:s.jsxRuntimeExports.jsx(m.Info,{color:"primary"})})}),s.jsxRuntimeExports.jsxs(r.Content,{className:a.clsx(t,"dialog"),side:i,tabIndex:-1,width:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},maxWidth:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},minWidth:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},style:{width:`${e}px`},children:[s.jsxRuntimeExports.jsxs("div",{className:"header",children:[s.jsxRuntimeExports.jsx("h1",{id:"dialog-title",className:"title",children:n}),s.jsxRuntimeExports.jsx(r.Close,{className:"closeButton","aria-label":"Close dialog",onClick:l=>{l.stopPropagation(),x==null||x()},children:s.jsxRuntimeExports.jsx(c.Close,{className:"closeIcon",width:34,height:34})})]}),o&&s.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:o})]})]});exports.InfoPopup=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoPopup/InfoPopup.css');const s=require("./index.cjs247.js");;/* empty css              */const a=require("./index.cjs249.js"),r=require("./index.cjs377.js"),u=require("./index.cjs378.js"),m=require("./index.cjs202.js"),c=require("./index.cjs163.js"),j=({title:n="Info",description:o,width:e=248,className:t="",positionPopUp:i="right",onClickCloseBtn:x,isOpen:p})=>s.jsxRuntimeExports.jsxs(r.Root,{defaultOpen:!1,open:p,onOpenChange:x,modal:!1,children:[s.jsxRuntimeExports.jsx(r.Trigger,{className:"position-relative",children:s.jsxRuntimeExports.jsx(u.Button,{className:"ui-popup-trigger-button",children:s.jsxRuntimeExports.jsx(m.Info,{color:"primary"})})}),s.jsxRuntimeExports.jsxs(r.Content,{className:a.clsx(t,"dialog"),side:i,tabIndex:-1,width:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},maxWidth:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},minWidth:{initial:`${e}px`,sm:`${e}px`,xs:`${e}px`,lg:`${e}px`,md:`${e}px`,xl:`${e}px`},style:{width:`${e}px`},children:[s.jsxRuntimeExports.jsxs("div",{className:"header",children:[s.jsxRuntimeExports.jsx("h1",{id:"dialog-title",className:"title",children:n}),s.jsxRuntimeExports.jsx(r.Close,{className:"closeButton","aria-label":"Close dialog",onClick:l=>{l.stopPropagation(),x==null||x()},children:s.jsxRuntimeExports.jsx(c.Close,{className:"closeIcon",width:34,height:34})})]}),o&&s.jsxRuntimeExports.jsx("div",{id:"dialog-description",className:"content",children:o})]})]});exports.InfoPopup=j;
 //# sourceMappingURL=index.cjs76.js.map

package/dist/index.cjs78.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DatePicker/DatePicker.css');const i=require("./index.cjs247.js"),u=require("./index.cjs228.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs248.js"),f=require("react"),R=({label:s,value:o,maxValue:c,minValue:l,className:p,disabled:d,onClick:a,onChange:x,error:t,required:m=!1,id:b})=>{const r=f.useRef(null),e=b||`datepicker-${s.toLowerCase().replace(/\s+/g,"-")}`;f.useEffect(()=>{t&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${e}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[t,e]);const v=n=>{n.key==="Enter"&&!d&&(a==null||a())},j=o?u.default.fromJSDate(o).toFormat("yyyy-MM-dd"):"";return i.jsxRuntimeExports.jsxs("div",{className:D.clsx("datepicker-container",p),role:"group","aria-labelledby":`${e}-label`,"aria-describedby":t?`${e}-error`:void 0,children:[i.jsxRuntimeExports.jsxs("label",{id:`${e}-label`,htmlFor:e,className:"datepicker-label fs-7",children:[s,m&&i.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),i.jsxRuntimeExports.jsx("input",{ref:r,id:e,type:"date",className:"datepicker-input fs-6",disabled:d,value:j,max:c?u.default.fromJSDate(c).toFormat("yyyy-MM-dd"):void 0,min:l?u.default.fromJSDate(l).toFormat("yyyy-MM-dd"):void 0,onClick:()=>a==null?void 0:a(),onChange:n=>{const y=new Date(n.target.value);isNaN(y.getTime())||x(y)},onKeyDown:v,"aria-required":m,"aria-disabled":d,"aria-label":s,"aria-invalid":!!t,"aria-describedby":t?`${e}-error`:void 0}),t&&i.jsxRuntimeExports.jsx("div",{id:`${e}-error`,className:"datepicker-error",role:"alert","aria-live":"polite",children:t})]})};exports.DatePicker=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/DatePicker/DatePicker.css');const i=require("./index.cjs247.js"),u=require("./index.cjs228.js");require("./index.cjs3.js");;/* empty css              */const D=require("./index.cjs249.js"),f=require("react"),R=({label:s,value:o,maxValue:c,minValue:l,className:p,disabled:d,onClick:a,onChange:x,error:t,required:m=!1,id:b})=>{const r=f.useRef(null),e=b||`datepicker-${s.toLowerCase().replace(/\s+/g,"-")}`;f.useEffect(()=>{t&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${e}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[t,e]);const v=n=>{n.key==="Enter"&&!d&&(a==null||a())},j=o?u.default.fromJSDate(o).toFormat("yyyy-MM-dd"):"";return i.jsxRuntimeExports.jsxs("div",{className:D.clsx("datepicker-container",p),role:"group","aria-labelledby":`${e}-label`,"aria-describedby":t?`${e}-error`:void 0,children:[i.jsxRuntimeExports.jsxs("label",{id:`${e}-label`,htmlFor:e,className:"datepicker-label fs-7",children:[s,m&&i.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),i.jsxRuntimeExports.jsx("input",{ref:r,id:e,type:"date",className:"datepicker-input fs-6",disabled:d,value:j,max:c?u.default.fromJSDate(c).toFormat("yyyy-MM-dd"):void 0,min:l?u.default.fromJSDate(l).toFormat("yyyy-MM-dd"):void 0,onClick:()=>a==null?void 0:a(),onChange:n=>{const y=new Date(n.target.value);isNaN(y.getTime())||x(y)},onKeyDown:v,"aria-required":m,"aria-disabled":d,"aria-label":s,"aria-invalid":!!t,"aria-describedby":t?`${e}-error`:void 0}),t&&i.jsxRuntimeExports.jsx("div",{id:`${e}-error`,className:"datepicker-error",role:"alert","aria-live":"polite",children:t})]})};exports.DatePicker=R;
 //# sourceMappingURL=index.cjs78.js.map

package/dist/index.cjs79.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs247.js"),k=require("./index.cjs248.js"),m=require("react"),d=require("./index.cjs78.js"),h=require("./index.cjs9.js"),E=({label:t,startDateLabel:p="Start Date",endDateLabel:j="End Date",startDate:l,endDate:c,className:b,disabled:x=!1,required:n=!1,error:a,onStartDateChange:o,onEndDateChange:u,onStartDateClick:f,onEndDateClick:R})=>{const r=m.useRef(null),i=t?`datepicker-range-${t.toLowerCase().replace(/\s+/g,"-")}`:"datepicker-range";m.useEffect(()=>{a&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${i}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[a,i]);const g=e=>{c&&e>c?(o(e),u(e)):o(e)},v=e=>{l&&e<l&&o(e),u(e)};return s.jsxRuntimeExports.jsxs("div",{ref:r,className:k.clsx("base-col gap-x8",b),role:"group","aria-labelledby":t?`${i}-label`:void 0,"aria-describedby":a?`${i}-error`:void 0,children:[t&&s.jsxRuntimeExports.jsxs("label",{id:`${i}-label`,className:"text-sm text-dark",children:[t,n&&s.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),s.jsxRuntimeExports.jsxs(h.Row,{gap:"x16",role:"group",children:[s.jsxRuntimeExports.jsx(d.DatePicker,{label:p,value:l,maxValue:c,disabled:x,required:n,onChange:g,onClick:f,className:"flex-1"}),s.jsxRuntimeExports.jsx(d.DatePicker,{label:j,value:c,minValue:l,disabled:x,required:n,onChange:v,onClick:R,className:"flex-1"})]}),a&&s.jsxRuntimeExports.jsx("div",{id:`${i}-error`,className:"text-sm text-error",role:"alert","aria-live":"polite",children:a})]})};exports.DatePickerRange=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs247.js"),k=require("./index.cjs249.js"),m=require("react"),d=require("./index.cjs78.js"),h=require("./index.cjs9.js"),E=({label:t,startDateLabel:p="Start Date",endDateLabel:j="End Date",startDate:l,endDate:c,className:b,disabled:x=!1,required:n=!1,error:a,onStartDateChange:o,onEndDateChange:u,onStartDateClick:f,onEndDateClick:R})=>{const r=m.useRef(null),i=t?`datepicker-range-${t.toLowerCase().replace(/\s+/g,"-")}`:"datepicker-range";m.useEffect(()=>{a&&r.current?(r.current.setAttribute("aria-invalid","true"),r.current.setAttribute("aria-describedby",`${i}-error`)):r.current&&(r.current.setAttribute("aria-invalid","false"),r.current.removeAttribute("aria-describedby"))},[a,i]);const g=e=>{c&&e>c?(o(e),u(e)):o(e)},v=e=>{l&&e<l&&o(e),u(e)};return s.jsxRuntimeExports.jsxs("div",{ref:r,className:k.clsx("base-col gap-x8",b),role:"group","aria-labelledby":t?`${i}-label`:void 0,"aria-describedby":a?`${i}-error`:void 0,children:[t&&s.jsxRuntimeExports.jsxs("label",{id:`${i}-label`,className:"text-sm text-dark",children:[t,n&&s.jsxRuntimeExports.jsx("span",{className:"text-error ml-1","aria-hidden":"true",children:"*"})]}),s.jsxRuntimeExports.jsxs(h.Row,{gap:"x16",role:"group",children:[s.jsxRuntimeExports.jsx(d.DatePicker,{label:p,value:l,maxValue:c,disabled:x,required:n,onChange:g,onClick:f,className:"flex-1"}),s.jsxRuntimeExports.jsx(d.DatePicker,{label:j,value:c,minValue:l,disabled:x,required:n,onChange:v,onClick:R,className:"flex-1"})]}),a&&s.jsxRuntimeExports.jsx("div",{id:`${i}-error`,className:"text-sm text-error",role:"alert","aria-live":"polite",children:a})]})};exports.DatePickerRange=E;
 //# sourceMappingURL=index.cjs79.js.map

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs247.js"),s=require("react"),x=require("./index.cjs248.js"),C=require("./index.cjs249.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.cjs247.js"),s=require("react"),x=require("./index.cjs249.js"),C=require("./index.cjs280.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.cjs80.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs247.js"),o=require("./index.cjs248.js"),u=require("./index.cjs68.js");;/* empty css              */const p=require("./index.cjs202.js"),a=l=>`notifications-settings-header-${l}`,r=({className:l,showEmail:x=!1,showSms:d=!1,...c})=>{const n=[{label:"Categoria notifica",noIcon:!0,isFlex:!0,key:"category",alwaysVisible:!0},{label:"SMS",fixedWidth:!0,key:"sms",visible:d,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}},{label:"Email",fixedWidth:!0,key:"email",visible:x,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}}].filter(i=>i.alwaysVisible||i.visible);return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:o.clsx(l),...c,children:e.jsxRuntimeExports.jsxs("table",{className:"w-full flex",role:"table",children:[e.jsxRuntimeExports.jsx("thead",{children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("th",{id:t,scope:"col","aria-colindex":s+1,"data-column-key":i.key,className:o.clsx("table-header-divider-cell w-full",i.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:o.clsx("table__cell--header--content",i.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(u.ActionIconText,{classNameText:"text-grey-black",noIcon:i.noIcon,icon:e.jsxRuntimeExports.jsx(p.Info,{}),textLabel:i.label,iconPosition:"right",popupInfo:i.popupInfo,positionPopUp:n.length===s+1?"left":"right"})})})},t)})})}),e.jsxRuntimeExports.jsx("tbody",{children:e.jsxRuntimeExports.jsx("tr",{className:"sr-only",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("td",{headers:t,"aria-colindex":s+1},`${t}-data`)})})})]})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=r;exports.default=r;exports.notificationsSettingsHeaderId=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs247.js"),o=require("./index.cjs249.js"),u=require("./index.cjs68.js");;/* empty css              */const p=require("./index.cjs202.js"),a=l=>`notifications-settings-header-${l}`,r=({className:l,showEmail:x=!1,showSms:d=!1,...c})=>{const n=[{label:"Categoria notifica",noIcon:!0,isFlex:!0,key:"category",alwaysVisible:!0},{label:"SMS",fixedWidth:!0,key:"sms",visible:d,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}},{label:"Email",fixedWidth:!0,key:"email",visible:x,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{}}}].filter(i=>i.alwaysVisible||i.visible);return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:o.clsx(l),...c,children:e.jsxRuntimeExports.jsxs("table",{className:"w-full flex",role:"table",children:[e.jsxRuntimeExports.jsx("thead",{children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("th",{id:t,scope:"col","aria-colindex":s+1,"data-column-key":i.key,className:o.clsx("table-header-divider-cell w-full",i.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:o.clsx("table__cell--header--content",i.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(u.ActionIconText,{classNameText:"text-grey-black",noIcon:i.noIcon,icon:e.jsxRuntimeExports.jsx(p.Info,{}),textLabel:i.label,iconPosition:"right",popupInfo:i.popupInfo,positionPopUp:n.length===s+1?"left":"right"})})})},t)})})}),e.jsxRuntimeExports.jsx("tbody",{children:e.jsxRuntimeExports.jsx("tr",{className:"sr-only",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("td",{headers:t,"aria-colindex":s+1},`${t}-data`)})})})]})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=r;exports.default=r;exports.notificationsSettingsHeaderId=a;
 //# sourceMappingURL=index.cjs80.js.map

package/dist/index.cjs81.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs247.js"),e=require("./index.cjs298.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs186.js"),a=require("./index.cjs163.js"),c=({open:o,setOpen:i,id:t="",title:r,text:x})=>s.jsxRuntimeExports.jsx(e.Root,{open:o,onOpenChange:i,children:s.jsxRuntimeExports.jsx(e.Portal,{children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal",children:s.jsxRuntimeExports.jsx(e.Content,{className:"shadow br-x4 ui-info-modal-body",id:t,children:s.jsxRuntimeExports.jsx("div",{className:"bg-lightblue-a03 ui-info-modal-container shadow br-x4",children:s.jsxRuntimeExports.jsxs(n.Row,{p:"x20",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-info-modal-icon base-row bg-lightblue-a03",children:[s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge"})}),s.jsxRuntimeExports.jsx(n.Row,{className:"ui-info-modal-action-container",alignItems:"center",justifyContent:"center",children:s.jsxRuntimeExports.jsx(l.Actions,{width:24,height:26,color:"slate-28"})})]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:r}),s.jsxRuntimeExports.jsx("p",{children:x})]}),s.jsxRuntimeExports.jsx(a.Close,{className:"cursor-pointer",onClick:()=>i(!1),width:32,height:32,color:"slate-28"})]})})})})})});exports.InfoModal=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs247.js"),e=require("./index.cjs328.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs186.js"),a=require("./index.cjs163.js"),c=({open:o,setOpen:i,id:t="",title:r,text:x})=>s.jsxRuntimeExports.jsx(e.Root,{open:o,onOpenChange:i,children:s.jsxRuntimeExports.jsx(e.Portal,{children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal",children:s.jsxRuntimeExports.jsx(e.Content,{className:"shadow br-x4 ui-info-modal-body",id:t,children:s.jsxRuntimeExports.jsx("div",{className:"bg-lightblue-a03 ui-info-modal-container shadow br-x4",children:s.jsxRuntimeExports.jsxs(n.Row,{p:"x20",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-info-modal-icon base-row bg-lightblue-a03",children:[s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge"})}),s.jsxRuntimeExports.jsx(n.Row,{className:"ui-info-modal-action-container",alignItems:"center",justifyContent:"center",children:s.jsxRuntimeExports.jsx(l.Actions,{width:24,height:26,color:"slate-28"})})]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:r}),s.jsxRuntimeExports.jsx("p",{children:x})]}),s.jsxRuntimeExports.jsx(a.Close,{className:"cursor-pointer",onClick:()=>i(!1),width:32,height:32,color:"slate-28"})]})})})})})});exports.InfoModal=c;
 //# sourceMappingURL=index.cjs81.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs247.js"),m=require("react"),q=require("./index.cjs248.js"),x=require("./index.cjs249.js"),j=require("./index.cjs251.js"),R=require("./index.cjs252.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.cjs247.js"),m=require("react"),q=require("./index.cjs249.js"),x=require("./index.cjs280.js"),j=require("./index.cjs279.js"),R=require("./index.cjs282.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.cjs99.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs247.js"),t=require("./index.cjs371.js");;/* empty css              */const a=require("./index.cjs206.js"),u=require("./index.cjs214.js"),c=require("./index.cjs9.js"),j=require("./index.cjs28.js"),d=({title:i="Alert",description:r="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:o,onClose:l,variant:s="default",role:x="alertdialog"})=>e.jsxRuntimeExports.jsx(t.Root,{open:o,onOpenChange:l,children:e.jsxRuntimeExports.jsxs(t.Portal,{children:[e.jsxRuntimeExports.jsx(t.Overlay,{className:"ui-alertDialogOverlay"}),e.jsxRuntimeExports.jsxs(t.Content,{className:"ui-alertDialogContent fs-6 text-slate-28",role:x,children:[e.jsxRuntimeExports.jsxs(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:[s==="error"&&e.jsxRuntimeExports.jsx(a.ErrorExagon,{width:20,height:20}),s==="success"&&e.jsxRuntimeExports.jsx(u.CheckCircle,{color:"status-success",width:20,height:20}),i]}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:r}),e.jsxRuntimeExports.jsx(c.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(j.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs247.js"),t=require("./index.cjs400.js");;/* empty css              */const a=require("./index.cjs206.js"),u=require("./index.cjs214.js"),c=require("./index.cjs9.js"),j=require("./index.cjs28.js"),d=({title:i="Alert",description:r="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:o,onClose:l,variant:s="default",role:x="alertdialog"})=>e.jsxRuntimeExports.jsx(t.Root,{open:o,onOpenChange:l,children:e.jsxRuntimeExports.jsxs(t.Portal,{children:[e.jsxRuntimeExports.jsx(t.Overlay,{className:"ui-alertDialogOverlay"}),e.jsxRuntimeExports.jsxs(t.Content,{className:"ui-alertDialogContent fs-6 text-slate-28",role:x,children:[e.jsxRuntimeExports.jsxs(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:[s==="error"&&e.jsxRuntimeExports.jsx(a.ErrorExagon,{width:20,height:20}),s==="success"&&e.jsxRuntimeExports.jsx(u.CheckCircle,{color:"status-success",width:20,height:20}),i]}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:r}),e.jsxRuntimeExports.jsx(c.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(j.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=d;
 //# sourceMappingURL=index.cjs99.js.map

package/dist/index.es10.js

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

package/dist/index.es100.js

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

package/dist/index.es102.js

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

package/dist/index.es104.js

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

package/dist/index.es105.js

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

package/dist/index.es106.js

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

package/dist/index.es107.js

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

package/dist/index.es109.js

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

package/dist/index.es11.js

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

package/dist/index.es111.js

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

package/dist/index.es112.js

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

package/dist/index.es113.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es247.js";
-import { clsx as x } from "./index.es248.js";
+import { clsx as x } from "./index.es249.js";
 import { useState as h, useRef as y, useId as F, useEffect as b } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
 import { Close as O } from "./index.es163.js";
@@ -15,12 +15,12 @@ const Q = ({
   btnText: L = "Cerca",
   onSearch: u
 }) => {
-  const [t, n] = h(!1), [a, p] = h(""), [l, c] = h(d), m = y(null), w = y(null), f = F(), j = `${f}-listbox`, I = g || "Codice esenzione", v = C.filter((e) => e.labels.it.toLowerCase().includes(a.toLowerCase()));
+  const [t, r] = h(!1), [a, p] = h(""), [l, c] = h(d), m = y(null), w = y(null), f = F(), j = `${f}-listbox`, I = g || "Codice esenzione", v = C.filter((e) => e.labels.it.toLowerCase().includes(a.toLowerCase()));
   b(() => {
     c(d);
   }, [d]), b(() => {
     const e = (o) => {
-      m.current && !m.current.contains(o.target) && n(!1);
+      m.current && !m.current.contains(o.target) && r(!1);
     };
     return t ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
@@ -30,13 +30,13 @@ const Q = ({
     t && (p(""), (e = w.current) == null || e.focus());
   }, [t]);
   const z = !t && l ? l.labels.it : a, R = l !== null || a.length > 0, D = (e, o) => {
-    const r = { color: "black", fontSize: "0.85rem" };
+    const n = { color: "black", fontSize: "0.85rem" };
     if (!o || o.trim() === "")
-      return /* @__PURE__ */ s.jsx("span", { style: r, children: e });
+      return /* @__PURE__ */ s.jsx("span", { style: n, children: e });
     const i = e.toLowerCase().indexOf(o.toLowerCase());
-    if (i === -1) return /* @__PURE__ */ s.jsx("span", { style: r, children: e });
+    if (i === -1) return /* @__PURE__ */ s.jsx("span", { style: n, children: e });
     const T = e.slice(0, i), M = e.slice(i, i + o.length), B = e.slice(i + o.length);
-    return /* @__PURE__ */ s.jsxs("span", { style: r, children: [
+    return /* @__PURE__ */ s.jsxs("span", { style: n, children: [
       T,
       /* @__PURE__ */ s.jsx("span", { style: { fontSize: "0.85rem" }, className: "text-primary fw-bold", children: M }),
       B
@@ -71,8 +71,8 @@ const Q = ({
                 t && p(e.target.value);
               },
               placeholder: g,
-              onClick: () => n((e) => !e),
-              autoComplete: "search",
+              autoComplete: "off",
+              onClick: () => r((e) => !e),
               "aria-haspopup": "listbox",
               "aria-expanded": t,
               "aria-controls": j
@@ -116,19 +116,19 @@ const Q = ({
             "aria-label": "Risultati ricerca codice esenzione",
             id: j,
             children: v.length > 0 ? v.map((e, o) => {
-              const r = (l == null ? void 0 : l.code) === e.code;
+              const n = (l == null ? void 0 : l.code) === e.code;
               return /* @__PURE__ */ s.jsx(
                 "div",
                 {
                   className: "ui-option-item-group-code",
                   role: "option",
                   tabIndex: 0,
-                  "aria-selected": r,
+                  "aria-selected": n,
                   onClick: () => {
-                    c(e), n(!1);
+                    c(e), r(!1);
                   },
                   onKeyDown: (i) => {
-                    (i.key === "Enter" || i.key === " ") && (i.preventDefault(), c(e), n(!1));
+                    (i.key === "Enter" || i.key === " ") && (i.preventDefault(), c(e), r(!1));
                   },
                   children: D(e.labels.it, a)
                 },

package/dist/index.es113.js.map

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

package/dist/index.es114.js

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

package/dist/index.es115.js

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

package/dist/index.es117.js

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

package/dist/index.es118.js

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

package/dist/index.es119.js

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

package/dist/index.es12.js

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

package/dist/index.es121.js

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

package/dist/index.es123.js

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

package/dist/index.es124.js

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

package/dist/index.es125.js

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

package/dist/index.es126.js

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

package/dist/index.es127.js

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

package/dist/index.es128.js

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

package/dist/index.es129.js

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

package/dist/index.es13.js

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

package/dist/index.es130.js

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

package/dist/index.es131.js

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

package/dist/index.es132.js

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

package/dist/index.es133.js

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

package/dist/index.es135.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es247.js";
-import { clsx as o } from "./index.es248.js";
+import { clsx as o } from "./index.es249.js";
 import { Col as c } from "./index.es10.js";
 import { Row as e } from "./index.es9.js";
 import './components/ui/AggregationItemCard/AggregationItemCard.css';/* empty css            */

package/dist/index.es136.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es247.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as l } from "./index.es248.js";
+import { clsx as l } from "./index.es249.js";
 import { useState as C, useCallback as y, useMemo as v, Fragment as F } from "react";
 import { Spinner as k } from "./index.es198.js";
 import { Close as M } from "./index.es163.js";

package/dist/index.es138.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es247.js";
-import { clsx as a } from "./index.es248.js";
-import { createColorClasses as e } from "./index.es251.js";
+import { clsx as a } from "./index.es249.js";
+import { createColorClasses as e } from "./index.es279.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",