@anoki/fse-ui 1.0.471 → 1.0.472

package/dist/index.es.js

@@ -8,12 +8,12 @@ import { GridItem as l } from "./index.es8.js";
 import { Row as d } from "./index.es9.js";
 import { Col as S } from "./index.es10.js";
 import { Search as u } from "./index.es11.js";
-import { SearchStructure as D } from "./index.es12.js";
+import { SearchStructure as g } from "./index.es12.js";
 import { SearchService as T } from "./index.es13.js";
 import { SearchDocument as A } from "./index.es14.js";
 import { SearchGeneric as E } from "./index.es15.js";
 import { Footer as H } from "./index.es16.js";
-import { HeaderSlim as B } from "./index.es17.js";
+import { HeaderSlim as w } from "./index.es17.js";
 import { HeaderPostLogin as F } from "./index.es18.js";
 import { Breadcrumb as P } from "./index.es19.js";
 import { TabBar as I } from "./index.es20.js";
@@ -34,12 +34,12 @@ import { VideoPlayer as io } from "./index.es34.js";
 import { ArrowLink as co } from "./index.es35.js";
 import { EntryButton as So } from "./index.es36.js";
 import { BaseModal as uo } from "./index.es37.js";
-import { ConsentModal as Do } from "./index.es38.js";
+import { ConsentModal as go } from "./index.es38.js";
 import { DoctorModal as To } from "./index.es39.js";
 import { ProgressBar as Ao } from "./index.es40.js";
 import { CardSelectDoctor as Eo } from "./index.es41.js";
 import { CardDoctorInfo as Ho } from "./index.es42.js";
-import { DoctorConfirmModal as Bo } from "./index.es43.js";
+import { DoctorConfirmModal as wo } from "./index.es43.js";
 import { DocumentUploadModal as Fo } from "./index.es44.js";
 import { DocumentUploadComponent as Po } from "./index.es45.js";
 import { Section as Io } from "./index.es46.js";
@@ -61,9 +61,9 @@ import { CheckboxFilter as lr } from "./index.es61.js";
 import { CardUser as dr } from "./index.es62.js";
 import { CardExemption as Sr } from "./index.es63.js";
 import { Loader as ur } from "./index.es64.js";
-import { Pagination as Dr, Table as kr, TableBody as Tr, TableCell as hr, TableHead as Ar, TableHeader as Lr, TableRow as Er } from "./index.es65.js";
+import { Pagination as gr, Table as kr, TableBody as Tr, TableCell as hr, TableHead as Ar, TableHeader as Lr, TableRow as Er } from "./index.es65.js";
 import { InfoPopup as Hr } from "./index.es66.js";
-import { CardNotification as Br } from "./index.es67.js";
+import { CardNotification as wr } from "./index.es67.js";
 import { DatePicker as Fr } from "./index.es68.js";
 import { DatePickerRange as Pr } from "./index.es69.js";
 import { NotificationsSettingsHeader as Ir } from "./index.es70.js";
@@ -84,13 +84,13 @@ import { ActionPoint as ne } from "./index.es84.js";
 import { Blockquote as le } from "./index.es85.js";
 import { Callout as de } from "./index.es86.js";
 import { ActionBanner as Se } from "./index.es87.js";
-import { Alert as ue, AlertVariantEnum as ge } from "./index.es88.js";
+import { Alert as ue, AlertVariantEnum as De } from "./index.es88.js";
 import { AlertDialogUI as ke } from "./index.es89.js";
 import { Link as he } from "./index.es90.js";
 import { GenericSkeleton as Le } from "./index.es91.js";
 import { CardFile as Me } from "./index.es92.js";
 import { AuthorBlock as be } from "./index.es93.js";
-import { ChangeProfileModal as we } from "./index.es94.js";
+import { ChangeProfileModal as Be } from "./index.es94.js";
 import { ModalsHeader as ve } from "./index.es95.js";
 import { Tag as ye } from "./index.es96.js";
 import { TagsGroup as Ne } from "./index.es97.js";
@@ -98,80 +98,81 @@ import { DelegateCard as Ge } from "./index.es98.js";
 import { ChangeRelatedCard as Ue } from "./index.es99.js";
 import { TableOfContents as We } from "./index.es100.js";
 import { EditorialWidgetActionBanner as _e } from "./index.es101.js";
-import { Login as ze } from "./index.es102.js";
-import { HOME_SERVICES_LAYOUTS as Je, HomeServices as Ke } from "./index.es103.js";
-import { WhatDoYouNeed as Xe } from "./index.es104.js";
-import { RichText as $e } from "./index.es105.js";
-import { SERVICES_LAYOUTS as rt, Services as et } from "./index.es106.js";
-import { SuggestedServices as pt } from "./index.es107.js";
-import { Documents as ft } from "./index.es108.js";
-import { Tags as at } from "./index.es109.js";
-import { World as it } from "./index.es110.js";
-import { ArrowDown as ct } from "./index.es111.js";
-import { ExternalLink as st } from "./index.es112.js";
-import { Hamburguer as Ct } from "./index.es113.js";
-import { Close as gt } from "./index.es114.js";
-import { Ellipse as kt } from "./index.es115.js";
-import { Ellipse2 as ht } from "./index.es116.js";
-import { Ellipse3 as Lt } from "./index.es117.js";
-import { FseDGT as Mt } from "./index.es118.js";
-import { FseMEF as bt } from "./index.es119.js";
-import { Fse as wt } from "./index.es120.js";
-import { FseMS as vt } from "./index.es121.js";
-import { FseUE as yt } from "./index.es122.js";
-import { Lazio as Nt } from "./index.es123.js";
-import { Marche as Gt } from "./index.es124.js";
-import { ArrowLeft as Ut } from "./index.es125.js";
-import { ArrowRight as Wt } from "./index.es126.js";
-import { Home as _t } from "./index.es127.js";
-import { Calendar as zt } from "./index.es128.js";
-import { Doctor as Jt } from "./index.es129.js";
-import { Document as Qt } from "./index.es130.js";
-import { More as Zt } from "./index.es131.js";
-import { Support as op } from "./index.es132.js";
-import { ListStructures as ep } from "./index.es133.js";
-import { Tool as pp } from "./index.es134.js";
-import { Actions as fp } from "./index.es135.js";
-import { Favourite as ap } from "./index.es136.js";
-import { File as ip } from "./index.es137.js";
-import { Obscured as cp } from "./index.es138.js";
-import { Visible as sp } from "./index.es139.js";
-import { MoreActions as Cp } from "./index.es140.js";
-import { Add as gp } from "./index.es141.js";
-import { Download as kp } from "./index.es142.js";
-import { MedicHistory as hp } from "./index.es143.js";
-import { Shape as Lp } from "./index.es144.js";
-import { Confirm as Mp } from "./index.es145.js";
-import { NotChecked as bp } from "./index.es146.js";
-import { Spinner as wp } from "./index.es147.js";
-import { Attachment as vp } from "./index.es148.js";
-import { TriangleUp as yp } from "./index.es149.js";
-import { TriangleDown as Np } from "./index.es150.js";
-import { Info as Gp } from "./index.es151.js";
-import { Notification as Up } from "./index.es152.js";
-import { EditPencil as Wp } from "./index.es153.js";
-import { ArrowTop as _p } from "./index.es154.js";
-import { ErrorExagon as zp } from "./index.es155.js";
-import { CopyLink as Jp } from "./index.es156.js";
-import { ShareLink as Qp } from "./index.es157.js";
-import { CenterMap as Zp } from "./index.es158.js";
+import { DelegateFilterDropDown as ze } from "./index.es102.js";
+import { Login as Je } from "./index.es103.js";
+import { HOME_SERVICES_LAYOUTS as Qe, HomeServices as Xe } from "./index.es104.js";
+import { WhatDoYouNeed as $e } from "./index.es105.js";
+import { RichText as rt } from "./index.es106.js";
+import { SERVICES_LAYOUTS as tt, Services as pt } from "./index.es107.js";
+import { SuggestedServices as ft } from "./index.es108.js";
+import { Documents as at } from "./index.es109.js";
+import { Tags as it } from "./index.es110.js";
+import { World as ct } from "./index.es111.js";
+import { ArrowDown as st } from "./index.es112.js";
+import { ExternalLink as Ct } from "./index.es113.js";
+import { Hamburguer as Dt } from "./index.es114.js";
+import { Close as kt } from "./index.es115.js";
+import { Ellipse as ht } from "./index.es116.js";
+import { Ellipse2 as Lt } from "./index.es117.js";
+import { Ellipse3 as Mt } from "./index.es118.js";
+import { FseDGT as bt } from "./index.es119.js";
+import { FseMEF as Bt } from "./index.es120.js";
+import { Fse as vt } from "./index.es121.js";
+import { FseMS as yt } from "./index.es122.js";
+import { FseUE as Nt } from "./index.es123.js";
+import { Lazio as Gt } from "./index.es124.js";
+import { Marche as Ut } from "./index.es125.js";
+import { ArrowLeft as Wt } from "./index.es126.js";
+import { ArrowRight as _t } from "./index.es127.js";
+import { Home as zt } from "./index.es128.js";
+import { Calendar as Jt } from "./index.es129.js";
+import { Doctor as Qt } from "./index.es130.js";
+import { Document as Zt } from "./index.es131.js";
+import { More as op } from "./index.es132.js";
+import { Support as ep } from "./index.es133.js";
+import { ListStructures as pp } from "./index.es134.js";
+import { Tool as fp } from "./index.es135.js";
+import { Actions as ap } from "./index.es136.js";
+import { Favourite as ip } from "./index.es137.js";
+import { File as cp } from "./index.es138.js";
+import { Obscured as sp } from "./index.es139.js";
+import { Visible as Cp } from "./index.es140.js";
+import { MoreActions as Dp } from "./index.es141.js";
+import { Add as kp } from "./index.es142.js";
+import { Download as hp } from "./index.es143.js";
+import { MedicHistory as Lp } from "./index.es144.js";
+import { Shape as Mp } from "./index.es145.js";
+import { Confirm as bp } from "./index.es146.js";
+import { NotChecked as Bp } from "./index.es147.js";
+import { Spinner as vp } from "./index.es148.js";
+import { Attachment as yp } from "./index.es149.js";
+import { TriangleUp as Np } from "./index.es150.js";
+import { TriangleDown as Gp } from "./index.es151.js";
+import { Info as Up } from "./index.es152.js";
+import { Notification as Wp } from "./index.es153.js";
+import { EditPencil as _p } from "./index.es154.js";
+import { ArrowTop as zp } from "./index.es155.js";
+import { ErrorExagon as Jp } from "./index.es156.js";
+import { CopyLink as Qp } from "./index.es157.js";
+import { ShareLink as Zp } from "./index.es158.js";
+import { CenterMap as om } from "./index.es159.js";
 o.defaultLocale = "it";
 export {
   re as AccessLogSkeleton,
   Se as ActionBanner,
   xr as ActionIconText,
   ne as ActionPoint,
-  fp as Actions,
-  gp as Add,
+  ap as Actions,
+  kp as Add,
   ue as Alert,
   ke as AlertDialogUI,
-  ge as AlertVariantEnum,
-  ct as ArrowDown,
-  Ut as ArrowLeft,
+  De as AlertVariantEnum,
+  st as ArrowDown,
+  Wt as ArrowLeft,
   co as ArrowLink,
-  Wt as ArrowRight,
-  _p as ArrowTop,
-  vp as Attachment,
+  _t as ArrowRight,
+  zp as ArrowTop,
+  yp as Attachment,
   be as AuthorBlock,
   rr as Avatar,
   uo as BaseModal,
@@ -179,7 +180,7 @@ export {
   Vo as BottomNavigation,
   P as Breadcrumb,
   z as Button,
-  zt as Calendar,
+  Jt as Calendar,
   de as Callout,
   J as CardCategory,
   $o as CardDoctor,
@@ -189,7 +190,7 @@ export {
   Me as CardFile,
   Q as CardMap,
   Z as CardMapDoctor,
-  Br as CardNotification,
+  wr as CardNotification,
   po as CardOpeningHours,
   Xo as CardReminder,
   Eo as CardSelectDoctor,
@@ -197,106 +198,107 @@ export {
   dr as CardUser,
   Yo as CategoryContent,
   qo as CategoryHeader,
-  Zp as CenterMap,
-  we as ChangeProfileModal,
+  om as CenterMap,
+  Be as ChangeProfileModal,
   Ue as ChangeRelatedCard,
   Oo as Checkbox,
   lr as CheckboxFilter,
-  gt as Close,
+  kt as Close,
   S as Col,
-  Mp as Confirm,
-  Do as ConsentModal,
+  bp as Confirm,
+  go as ConsentModal,
   te as ConsentPrivacySkeleton,
   x as Container,
-  Jp as CopyLink,
+  Qp as CopyLink,
   Fr as DatePicker,
   Pr as DatePickerRange,
   Ge as DelegateCard,
-  Jt as Doctor,
-  Bo as DoctorConfirmModal,
+  ze as DelegateFilterDropDown,
+  Qt as Doctor,
+  wo as DoctorConfirmModal,
   To as DoctorModal,
   Or as DoctorSkeleton,
-  Qt as Document,
+  Zt as Document,
   Xr as DocumentDetailSkeleton,
   Po as DocumentUploadComponent,
   Fo as DocumentUploadModal,
-  ft as Documents,
+  at as Documents,
   qr as DocumentsListSkeleton,
-  kp as Download,
+  hp as Download,
   O as Dropdown,
-  Wp as EditPencil,
+  _p as EditPencil,
   _e as EditorialWidgetActionBanner,
-  kt as Ellipse,
-  ht as Ellipse2,
-  Lt as Ellipse3,
+  ht as Ellipse,
+  Lt as Ellipse2,
+  Mt as Ellipse3,
   So as EntryButton,
-  zp as ErrorExagon,
-  st as ExternalLink,
-  ap as Favourite,
-  ip as File,
+  Jp as ErrorExagon,
+  Ct as ExternalLink,
+  ip as Favourite,
+  cp as File,
   V as FilterDropDown,
   Ko as FiltersChips,
   H as Footer,
-  wt as Fse,
-  Mt as FseDGT,
-  bt as FseMEF,
-  vt as FseMS,
-  yt as FseUE,
+  vt as Fse,
+  bt as FseDGT,
+  Bt as FseMEF,
+  yt as FseMS,
+  Nt as FseUE,
   Le as GenericSkeleton,
   n as GridContainer,
   l as GridItem,
-  Je as HOME_SERVICES_LAYOUTS,
-  Ct as Hamburguer,
+  Qe as HOME_SERVICES_LAYOUTS,
+  Dt as Hamburguer,
   Y as Header,
   jo as HeaderNavigation,
   F as HeaderPostLogin,
-  B as HeaderSlim,
+  w as HeaderSlim,
   R as HeaderTopBanner,
   $r as HealthProfileSkeleton,
-  _t as Home,
-  Ke as HomeServices,
-  Gp as Info,
+  zt as Home,
+  Xe as HomeServices,
+  Up as Info,
   Vr as InfoCardSkeleton,
   Rr as InfoModal,
   Hr as InfoPopup,
   _ as LOGOS,
-  Nt as Lazio,
+  Gt as Lazio,
   he as Link,
-  ep as ListStructures,
+  pp as ListStructures,
   ur as Loader,
-  ze as Login,
-  Gt as Marche,
-  hp as MedicHistory,
+  Je as Login,
+  Ut as Marche,
+  Lp as MedicHistory,
   ve as ModalsHeader,
-  Zt as More,
-  Cp as MoreActions,
+  op as More,
+  Dp as MoreActions,
   tr as NavList,
-  bp as NotChecked,
-  Up as Notification,
+  Bp as NotChecked,
+  Wp as Notification,
   me as NotificationSettingsSkeleton,
   Kr as NotificationsListSkeleton,
   Ir as NotificationsSettingsHeader,
-  cp as Obscured,
-  Dr as Pagination,
+  sp as Obscured,
+  gr as Pagination,
   Ao as ProgressBar,
   mr as RadioCard,
-  $e as RichText,
+  rt as RichText,
   d as Row,
-  rt as SERVICES_LAYOUTS,
+  tt as SERVICES_LAYOUTS,
   u as Search,
   A as SearchDocument,
   E as SearchGeneric,
   T as SearchService,
-  D as SearchStructure,
+  g as SearchStructure,
   xe as SearchStructureSkeleton,
   Io as Section,
-  et as Services,
+  pt as Services,
   jr as ServicesListSkeleton,
-  Lp as Shape,
-  Qp as ShareLink,
-  wp as Spinner,
-  pt as SuggestedServices,
-  op as Support,
+  Mp as Shape,
+  Zp as ShareLink,
+  vp as Spinner,
+  ft as SuggestedServices,
+  ep as Support,
   fo as SupportBanner,
   Ro as Switch,
   I as TabBar,
@@ -310,15 +312,15 @@ export {
   Yr as TableSkeleton,
   ao as TabsGlossary,
   ye as Tag,
-  at as Tags,
+  it as Tags,
   Ne as TagsGroup,
   nr as TitleSection,
-  pp as Tool,
-  Np as TriangleDown,
-  yp as TriangleUp,
+  fp as Tool,
+  Gp as TriangleDown,
+  Np as TriangleUp,
   io as VideoPlayer,
-  sp as Visible,
-  Xe as WhatDoYouNeed,
-  it as World
+  Cp as Visible,
+  $e as WhatDoYouNeed,
+  ct as World
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\nimport { Settings } from \"luxon\";\nSettings.defaultLocale = \"it\";\n\nexport * from \"./components\";\nexport * from \"./sections\";\nexport * from \"./icons\";\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}
+{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["import \"./styles/index.scss\";\nimport { Settings } from \"luxon\";\nSettings.defaultLocale = \"it\";\n\nexport * from \"./components\";\nexport * from \"./sections\";\nexport * from \"./icons\";\n"],"names":["Settings"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEAA,EAAS,gBAAgB;"}

package/dist/index.es10.js

@@ -1,9 +1,9 @@
-import { j as f } from "./index.es178.js";
+import { j as f } from "./index.es179.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es180.js";
-import { createSpacingClasses as g } from "./index.es189.js";
-import { createColorClasses as j } from "./index.es191.js";
-import { createTypographyClasses as u } from "./index.es192.js";
+import { clsx as y } from "./index.es181.js";
+import { createSpacingClasses as g } from "./index.es191.js";
+import { createColorClasses as j } from "./index.es190.js";
+import { createTypographyClasses as u } from "./index.es193.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es100.js

@@ -1,11 +1,11 @@
-import { j as s } from "./index.es178.js";
+import { j as s } from "./index.es179.js";
 import f, { useState as w, useEffect as l } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQuery as v } from "./index.es196.js";
-import { clsx as b } from "./index.es180.js";
+import { useMediaQuery as v } from "./index.es197.js";
+import { clsx as b } from "./index.es181.js";
 import { Row as j } from "./index.es9.js";
-import { ArrowDown as g } from "./index.es111.js";
-import { ScrollArea as N } from "./index.es307.js";
+import { ArrowDown as g } from "./index.es112.js";
+import { ScrollArea as N } from "./index.es308.js";
 const H = ({
   title: i = "Indice",
   headings: r,

package/dist/index.es101.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es178.js";
+import { j as e } from "./index.es179.js";
 import './components/ui/EditorialWidgetActionBanner/EditorialWidgetActionBanner.css';/* empty css            */
 import { ArrowLink as r } from "./index.es35.js";
 const c = ({

package/dist/index.es102.js

@@ -1,54 +1,104 @@
-import { j as i } from "./index.es178.js";
-import { Section as s } from "./index.es46.js";
-import './sections/Login/Login.css';/* empty css            */
-import { EntryButton as g } from "./index.es36.js";
-import { Col as o } from "./index.es10.js";
-const N = ({
-  title: r,
-  description: e,
-  loginTitle: l,
-  loginDescription: n,
-  buttonLabel: t,
-  buttonAriaLabel: c,
-  buttonHref: a,
-  asImage: m = "img",
-  region: d = "marche",
-  authSrc: h = ""
+import { j as e } from "./index.es179.js";
+import { clsx as o } from "./index.es181.js";
+import { useState as h, useRef as v, useEffect as N } from "react";
+import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
+import { Button as j } from "./index.es25.js";
+import { Col as b } from "./index.es10.js";
+const D = ({
+  size: m,
+  items: u = [],
+  className: c,
+  selectedPerson: r,
+  setSelectedPerson: n,
+  allStructuresLabel: d,
+  placeholder: f = "Seleziona un familiare",
+  btnText: p = "Cerca"
 }) => {
-  const x = m;
-  return /* @__PURE__ */ i.jsxs(s, { className: "base-col ui-login-section", children: [
-    /* @__PURE__ */ i.jsxs(o, { className: "ui-login-content", children: [
-      /* @__PURE__ */ i.jsx(s.Title, { fs: "1", className: "md-fs-0 ui-login-title", mdFs: "0", children: r }),
-      e && /* @__PURE__ */ i.jsx(s.Description, { className: "ui-login-description", children: e })
-    ] }),
-    /* @__PURE__ */ i.jsxs("div", { className: "bg-white shadow br-x4 ui-login-body", children: [
-      /* @__PURE__ */ i.jsxs(o, { gap: "x16", children: [
-        /* @__PURE__ */ i.jsx("h3", { className: "text-slate-20 fw-semibold fs-5 md-fs-4", children: l }),
-        /* @__PURE__ */ i.jsx(s.Description, { children: n }),
-        /* @__PURE__ */ i.jsx(
-          g,
+  const [t, s] = h(!1), a = v(null), x = r ? `${r.firstName} ${r.lastName}` : d;
+  return N(() => {
+    const i = (l) => {
+      a.current && !a.current.contains(l.target) && s(!1);
+    };
+    return t ? document.addEventListener("mousedown", i) : document.removeEventListener("mousedown", i), () => {
+      document.removeEventListener("mousedown", i);
+    };
+  }, [t]), /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: a,
+      className: o(
+        "ui-related-dropdown",
+        "br-x4 bg-border-secondary w-full",
+        c
+      ),
+      style: m === "large" ? { maxWidth: "668px" } : { maxWidth: "553px" },
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "input",
           {
-            showIcon: d === "marche",
-            ariaLabel: c,
-            href: a,
-            children: t
+            readOnly: !0,
+            className: o(
+              "ui-related-dropdown-input",
+              "bg-white fs-6 text-primary br-x4 w-full pl-x24",
+              { active: t }
+            ),
+            value: x,
+            placeholder: f,
+            onClick: () => s(!t)
           }
-        )
-      ] }),
-      /* @__PURE__ */ i.jsx("div", { className: "ui-login-body-img h-full", children: /* @__PURE__ */ i.jsx(
-        x,
-        {
-          src: h,
-          alt: "",
-          "aria-hidden": "true",
-          width: 246,
-          height: 746
-        }
-      ) })
-    ] })
-  ] });
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ e.jsx(
+          j,
+          {
+            className: o(
+              "ui-btn-search",
+              "bg-primary text-white fs-7 fw-semibold br-x4"
+            ),
+            onClick: () => s(!t),
+            children: p
+          }
+        ) }),
+        t && /* @__PURE__ */ e.jsx("div", { className: "ui-related-dropdown-options", children: /* @__PURE__ */ e.jsx("div", { className: "p-x24 shadow w-full", children: /* @__PURE__ */ e.jsxs(
+          b,
+          {
+            gap: "x16",
+            text: "primary",
+            fs: "custom",
+            fw: "regular",
+            className: "ui-options-list h-full overflow fw-regular",
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: "ui-option-item",
+                  onClick: () => {
+                    n(null), s(!1);
+                  },
+                  children: d
+                }
+              ),
+              u.map((i, l) => {
+                const w = `${i.firstName} ${i.lastName}`;
+                return /* @__PURE__ */ e.jsx(
+                  "div",
+                  {
+                    className: "ui-option-item",
+                    onClick: () => {
+                      n(i), s(!1);
+                    },
+                    children: w
+                  },
+                  i.fiscalCode || l
+                );
+              })
+            ]
+          }
+        ) }) })
+      ]
+    }
+  );
 };
 export {
-  N as Login
+  D as DelegateFilterDropDown
 };
 //# sourceMappingURL=index.es102.js.map

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.js","sources":["../src/sections/Login/index.tsx"],"sourcesContent":["import { Section } from \"@/components/ui/Section\";\nimport { Col, EntryButton } from \"@/components\";\nimport \"./Login.scss\";\nimport { Config } from \"@/utils/config.ts\";\n\nexport type LoginProps = {\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  loginTitle: string;\n  loginDescription: React.ReactNode;\n  buttonLabel: string;\n  buttonAriaLabel: string;\n  buttonHref: string;\n  asImage?: \"img\";\n  region?: Config[\"REGION\"];\n  authSrc?: string;\n};\n\nexport const Login = ({\n  title,\n  description,\n  loginTitle,\n  loginDescription,\n  buttonLabel,\n  buttonAriaLabel,\n  buttonHref,\n  asImage = \"img\",\n  region = \"marche\",\n  authSrc = \"\",\n}: LoginProps) => {\n  const ImageComponent = asImage;\n  return (\n    <Section className=\"base-col ui-login-section\">\n      <Col className=\"ui-login-content\">\n        <Section.Title fs=\"1\" className=\"md-fs-0 ui-login-title\" mdFs=\"0\">\n          {title}\n        </Section.Title>\n        {description && (\n          <Section.Description className=\"ui-login-description\">\n            {description}\n          </Section.Description>\n        )}\n      </Col>\n      <div className=\"bg-white shadow br-x4 ui-login-body\">\n        <Col gap={\"x16\"}>\n          <h3 className=\"text-slate-20 fw-semibold fs-5 md-fs-4\">\n            {loginTitle}\n          </h3>\n          <Section.Description>{loginDescription}</Section.Description>\n          <EntryButton\n            showIcon={region === \"marche\"}\n            ariaLabel={buttonAriaLabel}\n            href={buttonHref}\n          >\n            {buttonLabel}\n          </EntryButton>\n        </Col>\n\n        <div className=\"ui-login-body-img h-full\">\n          <ImageComponent\n            src={authSrc}\n            alt=\"\"\n            aria-hidden=\"true\"\n            width={246}\n            height={746}\n          />\n        </div>\n      </div>\n    </Section>\n  );\n};\n"],"names":["Login","title","description","loginTitle","loginDescription","buttonLabel","buttonAriaLabel","buttonHref","asImage","region","authSrc","ImageComponent","jsxs","Section","Col","jsx","EntryButton"],"mappings":";;;;;AAkBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AACZ,MAAkB;AAChB,QAAMC,IAAiBH;AAErB,SAAAI,gBAAAA,EAAA,KAACC,GAAQ,EAAA,WAAU,6BACjB,UAAA;AAAA,IAACD,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,WAAU,oBACb,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAF,EAAQ,OAAR,EAAc,IAAG,KAAI,WAAU,0BAAyB,MAAK,KAC3D,UACHZ,EAAA,CAAA;AAAA,MACCC,KACEa,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAoB,WAAU,wBAC5B,UACHX,EAAA,CAAA;AAAA,IAAA,GAEJ;AAAA,IACAU,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uCACb,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAAE,GAAA,EAAI,KAAK,OACR,UAAA;AAAA,QAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,0CACX,UACHZ,GAAA;AAAA,QACCY,gBAAAA,EAAAA,IAAAF,EAAQ,aAAR,EAAqB,UAAiBT,EAAA,CAAA;AAAA,QACvCW,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAUP,MAAW;AAAA,YACrB,WAAWH;AAAA,YACX,MAAMC;AAAA,YAEL,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,GACF;AAAA,MAEAU,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,4BACb,UAAAA,gBAAAA,EAAA;AAAA,QAACJ;AAAA,QAAA;AAAA,UACC,KAAKD;AAAA,UACL,KAAI;AAAA,UACJ,eAAY;AAAA,UACZ,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA,EAEZ,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.es102.js","sources":["../src/components/ui/DelegateFilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport \"./DelegateFilterDropDown.scss\";\n\nexport type RelatedPeople = {\n  birthDate: string;\n  firstName: string;\n  fiscalCode: string;\n  lastName: string;\n  relationship: string;\n};\n\ntype RelatedPeopleDropDownProps = {\n  size: \"small\" | \"large\";\n  items: RelatedPeople[];\n  className?: string;\n  selectedPerson: RelatedPeople | null;\n  setSelectedPerson: (person: RelatedPeople | null) => void;\n  allStructuresLabel: string;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DelegateFilterDropDown = ({\n  size,\n  items = [],\n  className,\n  selectedPerson,\n  setSelectedPerson,\n  allStructuresLabel,\n  placeholder = \"Seleziona un familiare\",\n  btnText = \"Cerca\",\n}: RelatedPeopleDropDownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  // Current display value for the selected option\n  const displayValue = selectedPerson\n    ? `${selectedPerson.firstName} ${selectedPerson.lastName}`\n    : allStructuresLabel;\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"668px\" } : { maxWidth: \"553px\" }}\n    >\n      <input\n        readOnly\n        className={clsx(\n          \"ui-related-dropdown-input\",\n          \"bg-white fs-6 text-primary br-x4 w-full pl-x24\",\n          { active: isExpanded },\n        )}\n        value={displayValue}\n        placeholder={placeholder}\n        onClick={() => setIsExpanded(!isExpanded)}\n      />\n\n      <div className=\"ui-div-btn\">\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\n          )}\n          onClick={() => setIsExpanded(!isExpanded)}\n        >\n          {btnText}\n        </Button>\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"p-x24 shadow w-full\">\n            <Col\n              gap={\"x16\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list h-full overflow fw-regular\"}\n            >\n              {/* Add the \"All\" option first */}\n              <div\n                className=\"ui-option-item\"\n                onClick={() => {\n                  setSelectedPerson(null);\n                  setIsExpanded(false);\n                }}\n              >\n                {allStructuresLabel}\n              </div>\n\n              {/* Then map through all related people */}\n              {items.map((person, index) => {\n                const fullName = `${person.firstName} ${person.lastName}`;\n                return (\n                  <div\n                    className=\"ui-option-item\"\n                    key={person.fiscalCode || index}\n                    onClick={() => {\n                      setSelectedPerson(person);\n                      setIsExpanded(false);\n                    }}\n                  >\n                    {fullName}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DelegateFilterDropDown","size","items","className","selectedPerson","setSelectedPerson","allStructuresLabel","placeholder","btnText","isExpanded","setIsExpanded","useState","dropdownRef","useRef","displayValue","useEffect","handleClickOutside","event","jsxs","clsx","jsx","Button","Col","person","index","fullName"],"mappings":";;;;;;AAwBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AACZ,MAAkC;AAChC,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAGzCC,IAAeV,IACjB,GAAGA,EAAe,SAAS,IAAIA,EAAe,QAAQ,KACtDE;AAEJ,SAAAS,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAL,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASK,EAAM,MAAc,KAElDP,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaO,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACP,CAAU,CAAC,GAGbS,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,WAAWO;AAAA,QACT;AAAA,QACA;AAAA,QACAhB;AAAA,MACF;AAAA,MACA,OAAOF,MAAS,UAAU,EAAE,UAAU,YAAY,EAAE,UAAU,QAAQ;AAAA,MAEtE,UAAA;AAAA,QAAAmB,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,YACR,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,cACA,EAAE,QAAQV,EAAW;AAAA,YACvB;AAAA,YACA,OAAOK;AAAA,YACP,aAAAP;AAAA,YACA,SAAS,MAAMG,EAAc,CAACD,CAAU;AAAA,UAAA;AAAA,QAC1C;AAAA,QAEAW,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAEvC,UAAAD;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QAECC,2BACE,OAAI,EAAA,WAAU,+BACb,UAACW,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,uBACb,UAAAF,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAM;AAAA,YACN,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,WAAW;AAAA,YAGX,UAAA;AAAA,cAAAF,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,SAAS,MAAM;AACb,oBAAAf,EAAkB,IAAI,GACtBK,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAJ;AAAA,gBAAA;AAAA,cACH;AAAA,cAGCJ,EAAM,IAAI,CAACqB,GAAQC,MAAU;AAC5B,sBAAMC,IAAW,GAAGF,EAAO,SAAS,IAAIA,EAAO,QAAQ;AAErD,uBAAAH,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBAEV,SAAS,MAAM;AACb,sBAAAf,EAAkBkB,CAAM,GACxBb,EAAc,EAAK;AAAA,oBACrB;AAAA,oBAEC,UAAAe;AAAA,kBAAA;AAAA,kBANIF,EAAO,cAAcC;AAAA,gBAO5B;AAAA,cAEH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,WAEL,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}