@anoki/fse-ui 1.0.413 → 1.0.414

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  OfficeResponse,\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: DoctorMock;\r\n  setSelectedCard?: (id: string) => void;\r\n  keepSelectionOnNavigation?: boolean;\r\n};\r\n\r\nexport type DoctorMock = {\r\n  offices: OfficeResponseMock[];\r\n} & GeneralPractitionerResponse;\r\n\r\nexport type OfficeResponseMock = {\r\n  position: {\r\n    coordinates: [number, number];\r\n  };\r\n} & OfficeResponse;\r\n\r\n// TODO: Allineare type card con il be appena pronto\r\n// mancano specialization, position\r\nexport const CardMapDoctor = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  availableLabel = \"Disponibile\",\r\n  specialization = \"Medico di famiglia | Neurologia\",\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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"}