@anoki/fse-ui 1.0.422 → 1.0.423

package/dist/index.es27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es27.js","sources":["../src/components/ui/CardMapStructure/index.tsx"],"sourcesContent":["import \"./CardMap.scss\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { AddressSchema } from \"@anoki/fse-common\";\nimport { Col } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardMapProps = {\n  id: string;\n  title: string;\n  titleTag: HeadingLevel;\n  href?: string;\n  description?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  asLink?: \"a\";\n  className?: string;\n  address?: AddressSchema;\n  setSelectedCard?: (id: string) => void;\n};\nexport const CardMap = ({\n  id,\n  title,\n  titleTag: TitleTag = \"h3\",\n  href,\n  description,\n  isExternal = false,\n  asLink = \"a\",\n  className,\n  address,\n  setSelectedCard = () => {},\n}: CardMapProps) => {\n  const LinkComponent = asLink;\n  const [isActive, setIsActive] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsActive(false);\n      }\n    };\n\n    if (isActive) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isActive]);\n  return (\n    <Col\n      as={\"div\"}\n      justifyContent={\"center\"}\n      ref={dropdownRef}\n      br={\"x4\"}\n      p={\"x24\"}\n      bg={\"white\"}\n      className={`${className} ${isActive ? \"ui-is-active\" : \"ui-card-search\"} shadow cursor-pointer text-slate-28`}\n      onClick={() => {\n        setIsActive(true);\n        setSelectedCard(id);\n      }}\n    >\n      <Col pb={\"x24\"}>\n        <TitleTag className=\"flex-1\">\n          <LinkComponent\n            className={\"text-decoration-none fs-4 text-primary fw-semibold\"}\n            href={href}\n            target={isExternal ? \"_blank\" : undefined}\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\n          >\n            {title}\n          </LinkComponent>\n        </TitleTag>\n        <p className=\"fs-6 fw-regular\">{description}</p>\n      </Col>\n\n      {address && address.streetName && (\n        <Col as={\"footer\"} gap={\"x8\"} bg={\"white\"}>\n          <h5 className={\"fw-semibold fs-6\"}>Indirizzo</h5>\n          <p className={\"fw-regular\"}>{address.plainAddress}</p>\n        </Col>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardMap","id","title","TitleTag","href","description","isExternal","asLink","className","address","setSelectedCard","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","useEffect","handleClickOutside","event","jsxs","Col","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAA;AAC1B,MAAoB;AAClB,QAAMC,IAAgBJ,GAChB,CAACK,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAE/C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAJ,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASI,EAAM,MAAc,KAElDN,EAAY,EAAK;AAAA,IAErB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaM,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACN,CAAQ,CAAC,GAEXQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,KAAKN;AAAA,MACL,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW,GAAGP,CAAS,IAAII,IAAW,iBAAiB,gBAAgB;AAAA,MACvE,SAAS,MAAM;AACb,QAAAC,EAAY,EAAI,GAChBH,EAAgBT,CAAE;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAACmB,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAAnB,GAAA,EAAS,WAAU,UAClB,UAAAmB,gBAAAA,EAAA;AAAA,YAACX;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,MAAAP;AAAA,cACA,QAAQE,IAAa,WAAW;AAAA,cAChC,KAAKA,IAAa,wBAAwB;AAAA,cAEzC,UAAAJ;AAAA,YAAA;AAAA,UAAA,GAEL;AAAA,UACCoB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,mBAAmB,UAAYjB,EAAA,CAAA;AAAA,QAAA,GAC9C;AAAA,QAECI,KAAWA,EAAQ,cACjBW,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAI,UAAU,KAAK,MAAM,IAAI,SAChC,UAAA;AAAA,UAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAW,oBAAoB,UAAS,aAAA;AAAA,UAC3CA,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,cAAe,YAAQ,aAAa,CAAA;AAAA,QAAA,EACpD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es27.js","sources":["../src/components/ui/CardMapStructure/index.tsx"],"sourcesContent":["import \"./CardMap.scss\";\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport { AddressSchema } from \"@anoki/fse-common\";\r\nimport { Col } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardMapProps = {\r\n  id: string;\r\n  title: string;\r\n  titleTag: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  address?: AddressSchema;\r\n  setSelectedCard?: (id: string) => void;\r\n};\r\nexport const CardMap = ({\r\n  id,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  href,\r\n  description,\r\n  isExternal = false,\r\n  asLink = \"a\",\r\n  className,\r\n  address,\r\n  setSelectedCard = () => {},\r\n}: CardMapProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isActive, setIsActive] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\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        setIsActive(false);\r\n      }\r\n    };\r\n\r\n    if (isActive) {\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  }, [isActive]);\r\n  return (\r\n    <Col\r\n      as={\"div\"}\r\n      justifyContent={\"center\"}\r\n      ref={dropdownRef}\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      bg={\"white\"}\r\n      className={`${className} ${isActive ? \"ui-is-active\" : \"ui-card-search\"} shadow cursor-pointer text-slate-28`}\r\n      onClick={() => {\r\n        setIsActive(true);\r\n        setSelectedCard(id);\r\n      }}\r\n    >\r\n      <Col pb={\"x24\"}>\r\n        <TitleTag className=\"flex-1\">\r\n          <LinkComponent\r\n            className={\"text-decoration-none fs-4 text-primary fw-semibold\"}\r\n            href={href}\r\n            target={isExternal ? \"_blank\" : undefined}\r\n            rel={isExternal ? \"noreferrer noopener\" : undefined}\r\n          >\r\n            {title}\r\n          </LinkComponent>\r\n        </TitleTag>\r\n        <p className=\"fs-6 fw-regular\">{description}</p>\r\n      </Col>\r\n\r\n      {address && address.streetName && (\r\n        <Col as={\"footer\"} gap={\"x8\"} bg={\"white\"}>\r\n          <h5 className={\"fw-semibold fs-6\"}>Indirizzo</h5>\r\n          <p className={\"fw-regular\"}>{address.plainAddress}</p>\r\n        </Col>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n"],"names":["CardMap","id","title","TitleTag","href","description","isExternal","asLink","className","address","setSelectedCard","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","useEffect","handleClickOutside","event","jsxs","Col","jsx"],"mappings":";;;;AAoBO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAA;AAC1B,MAAoB;AAClB,QAAMC,IAAgBJ,GAChB,CAACK,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAE/C,SAAAC,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAJ,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASI,EAAM,MAAc,KAElDN,EAAY,EAAK;AAAA,IAErB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaM,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACN,CAAQ,CAAC,GAEXQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,gBAAgB;AAAA,MAChB,KAAKN;AAAA,MACL,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,WAAW,GAAGP,CAAS,IAAII,IAAW,iBAAiB,gBAAgB;AAAA,MACvE,SAAS,MAAM;AACb,QAAAC,EAAY,EAAI,GAChBH,EAAgBT,CAAE;AAAA,MACpB;AAAA,MAEA,UAAA;AAAA,QAACmB,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,IAAI,OACP,UAAA;AAAA,UAACC,gBAAAA,EAAAA,IAAAnB,GAAA,EAAS,WAAU,UAClB,UAAAmB,gBAAAA,EAAA;AAAA,YAACX;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,MAAAP;AAAA,cACA,QAAQE,IAAa,WAAW;AAAA,cAChC,KAAKA,IAAa,wBAAwB;AAAA,cAEzC,UAAAJ;AAAA,YAAA;AAAA,UAAA,GAEL;AAAA,UACCoB,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,mBAAmB,UAAYjB,EAAA,CAAA;AAAA,QAAA,GAC9C;AAAA,QAECI,KAAWA,EAAQ,cACjBW,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAI,UAAU,KAAK,MAAM,IAAI,SAChC,UAAA;AAAA,UAACC,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAW,oBAAoB,UAAS,aAAA;AAAA,UAC3CA,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,cAAe,YAAQ,aAAa,CAAA;AAAA,QAAA,EACpD,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es28.js

@@ -1,17 +1,17 @@
 import { j as e } from "./index.es161.js";
 import './components/ui/CardMapDoctor/CardMapDoctor.css';/* empty css            */
-import { useState as g, useRef as C } from "react";
-import { Root as v, Indicator as b } from "./index.es197.js";
+import { useState as C, useRef as v } from "react";
+import { Root as g, Indicator as b } from "./index.es197.js";
 import { useClickOutside as k } from "./index.es198.js";
 import { Row as y } from "./index.es9.js";
 import { Col as c } from "./index.es10.js";
 const $ = ({
   titleTag: x = "h3",
-  availableLabel: m = "Disponibile",
-  specialization: p = "Medico di famiglia | Neurologia",
-  href: h = "/",
+  availableLabel: p = "Disponibile",
+  specialization: h = "-",
+  href: m = "/",
   addressLabel: f,
-  linkLabel: a = "Apri dettaglio",
+  linkLabel: t = "Apri dettaglio",
   asLink: o = "a",
   className: u,
   doctor: s,
@@ -19,10 +19,10 @@ const $ = ({
   },
   keepSelectionOnNavigation: d = !1
 }) => {
-  const w = o, [t, n] = g(!1), r = C(null), i = s == null ? void 0 : s.offices[0];
+  const w = o, [a, n] = C(!1), r = v(null), i = s == null ? void 0 : s.offices[0];
   k(
     r,
-    t,
+    a,
     () => n(!1),
     () => l(""),
     d
@@ -31,8 +31,8 @@ const $ = ({
     w,
     {
       className: "text-decoration-none fs-7 fw-bold text-primary",
-      href: h,
-      children: a == null ? void 0 : a.toUpperCase()
+      href: m,
+      children: t == null ? void 0 : t.toUpperCase()
     }
   ), N = () => /* @__PURE__ */ e.jsx(
     "svg",
@@ -64,16 +64,16 @@ const $ = ({
       bg: "white",
       text: "slate-20",
       ref: r,
-      className: `${u} ${t ? "ui-is-active ui-card-search" : "ui-card-search"} shadow cursor-pointer`,
+      className: `${u} ${a ? "ui-is-active ui-card-search" : "ui-card-search"} shadow cursor-pointer`,
       onClick: () => {
         n(!0), l(s == null ? void 0 : s.code);
       },
       children: [
         /* @__PURE__ */ e.jsx(
-          v,
+          g,
           {
             id: s == null ? void 0 : s.code,
-            checked: t,
+            checked: a,
             className: "ui-checkbox-filter",
             children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(N, {}) })
           }
@@ -86,12 +86,12 @@ const $ = ({
               " ",
               s == null ? void 0 : s.lastName
             ] }),
-            /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-regular text-slate-28", children: p }),
+            /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-regular text-slate-28", children: h }),
             /* @__PURE__ */ e.jsx(
               "div",
               {
                 className: "ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7",
-                children: m.toUpperCase()
+                children: p.toUpperCase()
               }
             )
           ] }),

package/dist/index.es28.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es28.js","sources":["../src/components/ui/CardMapDoctor/index.tsx"],"sourcesContent":["import \"./CardMapDoctor.scss\";\nimport { useRef, useState } from \"react\";\nimport {\n  GeneralPractitionerResponse,\n  OfficeResponse,\n} from \"@anoki/fse-common/dist/types/general-practitioner-service\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\nimport { Col, Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardMapDoctorProps = {\n  titleTag: HeadingLevel;\n  availableLabel: string;\n  specialization?: string;\n  href?: string;\n  addressLabel?: string;\n  linkLabel?: string;\n  asLink?: \"a\";\n  className?: string;\n  doctor: DoctorMock;\n  setSelectedCard?: (id: string) => void;\n  keepSelectionOnNavigation?: boolean;\n};\n\nexport type DoctorMock = {\n  offices: OfficeResponseMock[];\n} & GeneralPractitionerResponse;\n\nexport type OfficeResponseMock = {\n  position: {\n    coordinates: [number, number];\n  };\n} & OfficeResponse;\n\n// TODO: Allineare type card con il be appena pronto\n// mancano specialization, position\nexport const CardMapDoctor = ({\n  titleTag: TitleTag = \"h3\",\n  availableLabel = \"Disponibile\",\n  specialization = \"Medico di famiglia | Neurologia\",\n  href = \"/\",\n  addressLabel,\n  linkLabel = \"Apri dettaglio\",\n  asLink = \"a\",\n  className,\n  doctor,\n  setSelectedCard = () => {},\n  keepSelectionOnNavigation = false,\n}: CardMapDoctorProps) => {\n  const LinkComponent = asLink;\n  const [isActive, setIsActive] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const address = doctor?.offices[0];\n  useClickOutside(\n    dropdownRef,\n    isActive,\n    () => setIsActive(false),\n    () => setSelectedCard(\"\"),\n    keepSelectionOnNavigation,\n  );\n\n  const linkContent = (\n    <LinkComponent\n      className={\"text-decoration-none fs-7 fw-bold text-primary\"}\n      href={href}\n    >\n      {linkLabel?.toUpperCase()}\n    </LinkComponent>\n  );\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  return (\n    <Row\n      br={\"x4\"}\n      p={\"x24\"}\n      gap={\"x16\"}\n      bg={\"white\"}\n      text={\"slate-20\"}\n      ref={dropdownRef}\n      className={`${className} ${isActive ? \"ui-is-active ui-card-search\" : \"ui-card-search\"} shadow cursor-pointer`}\n      onClick={() => {\n        setIsActive(true);\n        setSelectedCard(doctor?.code);\n      }}\n    >\n      <CheckboxRadix.Root\n        id={doctor?.code}\n        checked={isActive}\n        // onCheckedChange={onChange}\n        className={\"ui-checkbox-filter\"}\n        // aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Col justifyContent={\"center\"} className={`w-full`}>\n        <Col pb={\"x16\"}>\n          <TitleTag className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\n            Dott. {doctor?.firstName} {doctor?.lastName}\n          </TitleTag>\n          <p className=\"fs-6 fw-regular text-slate-28\">{specialization}</p>\n          <div\n            className={\n              \"ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7\"\n            }\n          >\n            {availableLabel.toUpperCase()}\n          </div>\n        </Col>\n        <div className={\"text-slate-28 fs-6\"}>\n          <div className={\"fw-bold\"}>{addressLabel}</div>\n          <div className={\"w-full\"}>\n            <p className={\"fw-regular\"}>\n              {address?.address\n                ? address.address.charAt(0).toUpperCase() +\n                  address.address.slice(1).toLowerCase()\n                : \"\"}\n              ,{\" \"}\n              {address?.city\n                ? address.city.charAt(0).toUpperCase() +\n                  address.city.slice(1).toLowerCase()\n                : \"\"}\n            </p>\n          </div>\n          <div className={\"pt-x8\"}>{linkContent}</div>\n        </div>\n      </Col>\n    </Row>\n  );\n};\n"],"names":["CardMapDoctor","TitleTag","availableLabel","specialization","href","addressLabel","linkLabel","asLink","className","doctor","setSelectedCard","keepSelectionOnNavigation","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","address","useClickOutside","linkContent","jsx","CheckIcon","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}
+{"version":3,"file":"index.es28.js","sources":["../src/components/ui/CardMapDoctor/index.tsx"],"sourcesContent":["import \"./CardMapDoctor.scss\";\r\nimport { useRef, useState } from \"react\";\r\nimport {\r\n  GeneralPractitionerResponse\r\n} from \"@anoki/fse-common/dist/types/general-practitioner-service\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\r\nimport { Col, Row } from \"@/components\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardMapDoctorProps = {\r\n  titleTag: HeadingLevel;\r\n  availableLabel: string;\r\n  specialization?: string;\r\n  href?: string;\r\n  addressLabel?: string;\r\n  linkLabel?: string;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  doctor: GeneralPractitionerResponse;\r\n  setSelectedCard?: (id: string) => void;\r\n  keepSelectionOnNavigation?: boolean;\r\n};\r\n\r\nexport const CardMapDoctor = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  availableLabel = \"Disponibile\",\r\n  specialization = \"-\",\r\n  href = \"/\",\r\n  addressLabel,\r\n  linkLabel = \"Apri dettaglio\",\r\n  asLink = \"a\",\r\n  className,\r\n  doctor,\r\n  setSelectedCard = () => {},\r\n  keepSelectionOnNavigation = false,\r\n}: CardMapDoctorProps) => {\r\n  const LinkComponent = asLink;\r\n  const [isActive, setIsActive] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  const address = doctor?.offices[0];\r\n  useClickOutside(\r\n    dropdownRef,\r\n    isActive,\r\n    () => setIsActive(false),\r\n    () => setSelectedCard(\"\"),\r\n    keepSelectionOnNavigation,\r\n  );\r\n\r\n  const linkContent = (\r\n    <LinkComponent\r\n      className={\"text-decoration-none fs-7 fw-bold text-primary\"}\r\n      href={href}\r\n    >\r\n      {linkLabel?.toUpperCase()}\r\n    </LinkComponent>\r\n  );\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  return (\r\n    <Row\r\n      br={\"x4\"}\r\n      p={\"x24\"}\r\n      gap={\"x16\"}\r\n      bg={\"white\"}\r\n      text={\"slate-20\"}\r\n      ref={dropdownRef}\r\n      className={`${className} ${isActive ? \"ui-is-active ui-card-search\" : \"ui-card-search\"} shadow cursor-pointer`}\r\n      onClick={() => {\r\n        setIsActive(true);\r\n        setSelectedCard(doctor?.code);\r\n      }}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={doctor?.code}\r\n        checked={isActive}\r\n        // onCheckedChange={onChange}\r\n        className={\"ui-checkbox-filter\"}\r\n        // aria-label={labelText}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Col justifyContent={\"center\"} className={`w-full`}>\r\n        <Col pb={\"x16\"}>\r\n          <TitleTag className=\"flex-1 text-decoration-none fs-4 fw-semibold\">\r\n            Dott. {doctor?.firstName} {doctor?.lastName}\r\n          </TitleTag>\r\n          <p className=\"fs-6 fw-regular text-slate-28\">{specialization}</p>\r\n          <div\r\n            className={\r\n              \"ui-available-label mt-x4 px-x16 py-x4 bg-status-success text-white rounded fw-semibold fs-7\"\r\n            }\r\n          >\r\n            {availableLabel.toUpperCase()}\r\n          </div>\r\n        </Col>\r\n        <div className={\"text-slate-28 fs-6\"}>\r\n          <div className={\"fw-bold\"}>{addressLabel}</div>\r\n          <div className={\"w-full\"}>\r\n            <p className={\"fw-regular\"}>\r\n              {address?.address\r\n                ? address.address.charAt(0).toUpperCase() +\r\n                  address.address.slice(1).toLowerCase()\r\n                : \"\"}\r\n              ,{\" \"}\r\n              {address?.city\r\n                ? address.city.charAt(0).toUpperCase() +\r\n                  address.city.slice(1).toLowerCase()\r\n                : \"\"}\r\n            </p>\r\n          </div>\r\n          <div className={\"pt-x8\"}>{linkContent}</div>\r\n        </div>\r\n      </Col>\r\n    </Row>\r\n  );\r\n};\r\n"],"names":["CardMapDoctor","TitleTag","availableLabel","specialization","href","addressLabel","linkLabel","asLink","className","doctor","setSelectedCard","keepSelectionOnNavigation","LinkComponent","isActive","setIsActive","useState","dropdownRef","useRef","address","useClickOutside","linkContent","jsx","CheckIcon","jsxs","Row","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":"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"}

package/dist/index.es280.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es299.js";
+import { __exports as e } from "./index.es320.js";
 /**
  * @license React
  * react-jsx-runtime.production.js