@anoki/fse-ui 1.0.679 → 1.0.680

package/dist/index.es43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es43.js","sources":["../src/components/ui/CardDoctorInfo/index.tsx"],"sourcesContent":["import { Avatar } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./CardDoctorInfo.scss\";\nimport clsx from \"clsx\";\nimport { Divider } from \"@/components/ui/Divider\";\nimport { CategoryHeader, Col, Row } from \"@/components\";\nimport { useState } from \"react\";\n// import { OfficeResponse } from \"@/types/general-practitioner-service\";\nimport React from \"react\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype Info = {\n  label: string;\n  value: string;\n};\n\ntype CardDoctorInfoProps = {\n  titleTag?: HeadingLevel;\n  doctorName: string;\n  specialties?: string[];\n  contactInfo?: Info[];\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  className?: string;\n  // offices?: OfficeResponse[];\n  officesInfo?: Info[][];\n  officeLabel?: string;\n};\n\n// TODO: da finire\nexport const CardDoctorInfo = ({\n  titleTag: TitleTag = \"h3\",\n  doctorName,\n  specialties,\n  contactInfo,\n  avatar,\n  className,\n  officesInfo = [],\n  officeLabel = \"Ambulatorio\",\n}: CardDoctorInfoProps) => {\n  const [openOffices, setOpenOffices] = useState<number[]>([]);\n\n  const showContactInfo = () => {\n    return contactInfo && contactInfo?.length > 0;\n  };\n\n  const toggleOffice = (index: number) => {\n    if (openOffices.includes(index)) {\n      setOpenOffices(openOffices.filter((i) => i !== index));\n    } else {\n      setOpenOffices([...openOffices, index]);\n    }\n  };\n\n  return (\n    <article\n      className={clsx(\"bg-white shadow br-x4 ui-card-doctor-info\", className)}\n    >\n      <Row as={\"header\"} gap={\"x16\"}>\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-doctor-avatar\"\n            size=\"3\"\n          />\n        )}\n\n        <div>\n          <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\n            {doctorName}\n          </TitleTag>\n          {specialties && specialties?.length > 0 && (\n            <p className=\"fs-6 text-slate-20 fw-regular\">\n              {specialties?.join(\" | \")}\n            </p>\n          )}\n        </div>\n      </Row>\n      <div className=\"ui-card-doctor-content-info\">\n        {showContactInfo() && (\n          <dl className=\"ui-card-doctor-contact-info\">\n            {contactInfo?.map((info) => (\n              <div\n                key={info.label}\n                role=\"group\"\n                className=\"ui-card-doctor-contact-detail-info\"\n              >\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\n                <dd className=\"fs-6 fw-regular  text-slate-28\">{info.value}</dd>\n              </div>\n            ))}\n          </dl>\n        )}\n        {officesInfo?.length > 0 && (\n          <Divider\n            bg=\"border-divider\"\n            className=\"ui-card-doctor-divider-info mt-x24\"\n          />\n        )}\n\n        <Col>\n          {officesInfo?.length > 0 &&\n            officesInfo?.map((office, index) => (\n              <React.Fragment key={index}>\n                <CategoryHeader\n                  title={`${officeLabel} ${index + 1}`}\n                  isOpen={openOffices.includes(index)}\n                  onToggle={() => toggleOffice(index)}\n                  hasBorder={!openOffices.includes(index)}\n                  className={\"pt-x24\"}\n                />\n                {openOffices.includes(index) && (\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\n                    {office.length > 0 && (\n                      <dl className=\"ui-card-doctor-contact-info\">\n                        {office?.map((info) => (\n                          <div\n                            key={info.label}\n                            role=\"group\"\n                            className=\"ui-card-doctor-contact-detail-info\"\n                          >\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\n                              {info.label}\n                            </dt>\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\n                              {info.value}\n                            </dd>\n                          </div>\n                        ))}\n                      </dl>\n                    )}\n                  </div>\n                )}\n              </React.Fragment>\n            ))}\n        </Col>\n      </div>\n    </article>\n  );\n};\n"],"names":["CardDoctorInfo","TitleTag","doctorName","specialties","contactInfo","avatar","className","officesInfo","officeLabel","openOffices","setOpenOffices","useState","showContactInfo","toggleOffice","index","i","jsxs","clsx","Row","jsx","Avatar","info","Divider","Col","office","React","CategoryHeader"],"mappings":";;;;;;;;;AAiCO,MAAMA,IAAiB,CAAC;AAAA,EAC7B,UAAUC,IAAW;AAAA,EACrB,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC,IAAc,CAAC;AAAA,EACf,aAAAC,IAAc;AAChB,MAA2B;AACzB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAmB,CAAA,CAAE,GAErDC,IAAkB,MACfR,MAAeA,KAAA,gBAAAA,EAAa,UAAS,GAGxCS,IAAe,CAACC,MAAkB;AAClC,IAAAL,EAAY,SAASK,CAAK,IAC5BJ,EAAeD,EAAY,OAAO,CAACM,MAAMA,MAAMD,CAAK,CAAC,IAErDJ,EAAe,CAAC,GAAGD,GAAaK,CAAK,CAAC;AAAA,EAE1C;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAK,6CAA6CX,CAAS;AAAA,MAEtE,UAAA;AAAA,QAAAU,gBAAAA,EAAA,KAACE,GAAI,EAAA,IAAI,UAAU,KAAK,OACrB,UAAA;AAAA,UACCb,KAAAc,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,YAAWf,KAAA,gBAAAA,EAAQ,cAAa;AAAA,cAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,cAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,cAC9B,WAAU;AAAA,cACV,MAAK;AAAA,YAAA;AAAA,UACP;AAAA,iCAGD,OACC,EAAA,UAAA;AAAA,YAACc,gBAAAA,EAAA,IAAAlB,GAAA,EAAS,WAAU,kCACjB,UACHC,GAAA;AAAA,YACCC,MAAeA,KAAA,gBAAAA,EAAa,UAAS,KACpCgB,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,iCACV,UAAAhB,KAAA,gBAAAA,EAAa,KAAK,OACrB,CAAA;AAAA,UAAA,EAEJ,CAAA;AAAA,QAAA,GACF;AAAA,QACAa,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,+BACZ,UAAA;AAAA,UAAgBJ,6BACd,MAAG,EAAA,WAAU,+BACX,UAAaR,KAAA,gBAAAA,EAAA,IAAI,CAACiB,MACjBL,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAAG,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,8BAA8B,UAAAE,EAAK,OAAM;AAAA,gBACtDF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,kCAAkC,YAAK,MAAM,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,YALtDE,EAAK;AAAA,UAOb,IACH;AAAA,WAEDd,KAAA,gBAAAA,EAAa,UAAS,KACrBY,gBAAAA,EAAA;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,WAAU;AAAA,YAAA;AAAA,UACZ;AAAA,UAGDH,gBAAAA,EAAA,IAAAI,GAAA,EACE,WAAahB,KAAA,gBAAAA,EAAA,UAAS,MACrBA,KAAA,gBAAAA,EAAa,IAAI,CAACiB,GAAQV,MACvBE,gBAAAA,EAAAA,KAAAS,EAAM,UAAN,EACC,UAAA;AAAA,YAAAN,gBAAAA,EAAA;AAAA,cAACO;AAAA,cAAA;AAAA,gBACC,OAAO,GAAGlB,CAAW,IAAIM,IAAQ,CAAC;AAAA,gBAClC,QAAQL,EAAY,SAASK,CAAK;AAAA,gBAClC,UAAU,MAAMD,EAAaC,CAAK;AAAA,gBAClC,WAAW,CAACL,EAAY,SAASK,CAAK;AAAA,gBACtC,WAAW;AAAA,cAAA;AAAA,YACb;AAAA,YACCL,EAAY,SAASK,CAAK,2BACxB,OAAI,EAAA,WAAWG,EAAK,wBAAwB,QAAQ,GAClD,UAAOO,EAAA,SAAS,KACdL,gBAAAA,MAAA,MAAA,EAAG,WAAU,+BACX,UAAAK,KAAA,gBAAAA,EAAQ,IAAI,CAACH,MACZL,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,UAAA;AAAA,kBAAAG,gBAAAA,EAAA,IAAC,MAAG,EAAA,WAAU,8BACX,UAAAE,EAAK,OACR;AAAA,kBACCF,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,kCACX,YAAK,MACR,CAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cATKE,EAAK;AAAA,YAWb,GACH,CAAA,EAEJ,CAAA;AAAA,UAAA,EA5BiB,GAAAP,CA8BrB,IAEN,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es43.js","sources":["../src/components/ui/CardDoctorInfo/index.tsx"],"sourcesContent":["import { Avatar } from \"../Avatar\";\r\nimport { ColorKeys } from \"@/theme/colors\";\r\nimport \"./CardDoctorInfo.scss\";\r\nimport clsx from \"clsx\";\r\nimport { Divider } from \"@/components/ui/Divider\";\r\nimport { CategoryHeader, Col, Row } from \"@/components\";\r\nimport { useState } from \"react\";\r\n// import { OfficeResponse } from \"@/types/general-practitioner-service\";\r\nimport React from \"react\";\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\ntype Info = {\r\n  label: string;\r\n  value: string;\r\n};\r\n\r\ntype CardDoctorInfoProps = {\r\n  titleTag?: HeadingLevel;\r\n  doctorName: string;\r\n  specialties?: string[];\r\n  contactInfo?: Info[];\r\n  avatar?: {\r\n    initials: string;\r\n    bg?: ColorKeys;\r\n    textColor?: ColorKeys;\r\n  };\r\n  className?: string;\r\n  // offices?: OfficeResponse[];\r\n  officesInfo?: Info[][];\r\n  officeLabel?: string;\r\n};\r\n\r\n// TODO: da finire\r\nexport const CardDoctorInfo = ({\r\n  titleTag: TitleTag = \"h3\",\r\n  doctorName,\r\n  specialties,\r\n  contactInfo,\r\n  avatar,\r\n  className,\r\n  officesInfo = [],\r\n  officeLabel = \"Ambulatorio\",\r\n}: CardDoctorInfoProps) => {\r\n  const [openOffices, setOpenOffices] = useState<number[]>([]);\r\n\r\n  const showContactInfo = () => {\r\n    return contactInfo && contactInfo?.length > 0;\r\n  };\r\n\r\n  const toggleOffice = (index: number) => {\r\n    if (openOffices.includes(index)) {\r\n      setOpenOffices(openOffices.filter((i) => i !== index));\r\n    } else {\r\n      setOpenOffices([...openOffices, index]);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <article\r\n      className={clsx(\"bg-white shadow br-x4 ui-card-doctor-info\", className)}\r\n    >\r\n      <Row as={\"header\"} gap={\"x16\"}>\r\n        {avatar && (\r\n          <Avatar\r\n            textColor={avatar?.textColor ?? \"slate-20\"}\r\n            bg={avatar?.bg ?? \"lightblue-a01\"}\r\n            initials={avatar?.initials ?? \"\"}\r\n            className=\"ui-card-doctor-avatar\"\r\n            size=\"3\"\r\n          />\r\n        )}\r\n\r\n        <div>\r\n          <TitleTag className=\"fs-5 fw-semibold text-slate-20\">\r\n            {doctorName}\r\n          </TitleTag>\r\n          {specialties && specialties?.length > 0 && (\r\n            <p className=\"fs-6 text-slate-20 fw-regular\">\r\n              {specialties?.join(\" | \")}\r\n            </p>\r\n          )}\r\n        </div>\r\n      </Row>\r\n      <div className=\"ui-card-doctor-content-info\">\r\n        {showContactInfo() && (\r\n          <dl className=\"ui-card-doctor-contact-info\">\r\n            {contactInfo?.map((info) => (\r\n              <div\r\n                key={info.label}\r\n                role=\"group\"\r\n                className=\"ui-card-doctor-contact-detail-info\"\r\n              >\r\n                <dt className=\"fs-6 fw-bold text-slate-28\">{info.label}</dt>\r\n                <dd className=\"fs-6 fw-regular  text-slate-28\">{info.value}</dd>\r\n              </div>\r\n            ))}\r\n          </dl>\r\n        )}\r\n        {officesInfo?.length > 0 && (\r\n          <Divider\r\n            bg=\"border-divider\"\r\n            className=\"ui-card-doctor-divider-info mt-x24\"\r\n          />\r\n        )}\r\n\r\n        <Col>\r\n          {officesInfo?.length > 0 &&\r\n            officesInfo?.map((office, index) => (\r\n              <React.Fragment key={index}>\r\n                <CategoryHeader\r\n                  title={`${officeLabel} ${index + 1}`}\r\n                  isOpen={openOffices.includes(index)}\r\n                  onToggle={() => toggleOffice(index)}\r\n                  hasBorder={!openOffices.includes(index)}\r\n                  className={\"pt-x24\"}\r\n                />\r\n                {openOffices.includes(index) && (\r\n                  <div className={clsx(\"ui-has-border-bottom\", \"pb-x24\")}>\r\n                    {office.length > 0 && (\r\n                      <dl className=\"ui-card-doctor-contact-info\">\r\n                        {office?.map((info) => (\r\n                          <div\r\n                            key={info.label}\r\n                            role=\"group\"\r\n                            className=\"ui-card-doctor-contact-detail-info\"\r\n                          >\r\n                            <dt className=\"fs-6 fw-bold text-slate-28\">\r\n                              {info.label}\r\n                            </dt>\r\n                            <dd className=\"fs-6 fw-regular  text-slate-28\">\r\n                              {info.value}\r\n                            </dd>\r\n                          </div>\r\n                        ))}\r\n                      </dl>\r\n                    )}\r\n                  </div>\r\n                )}\r\n              </React.Fragment>\r\n            ))}\r\n        </Col>\r\n      </div>\r\n    </article>\r\n  );\r\n};\r\n"],"names":["CardDoctorInfo","TitleTag","doctorName","specialties","contactInfo","avatar","className","officesInfo","officeLabel","openOffices","setOpenOffices","useState","showContactInfo","toggleOffice","index","i","jsxs","clsx","Row","jsx","Avatar","info","Divider","Col","office","React","CategoryHeader"],"mappings":"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"}