@anoki/fse-ui 2.1.0-SNAPSHOT12 → 2.1.0-SNAPSHOT15

package/dist/index.es72.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es72.js","sources":["../src/components/ui/CardClinicalData/index.tsx"],"sourcesContent":["import \"./CardClinicalData.scss\";\nimport clsx from \"clsx\";\nimport { ArrowDown } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\n\ntype CardClinicalDataProps = {\n  information?: { label: string; value: string }[];\n  className?: string;\n  clinicalCode?: string;\n  isOpen: boolean;\n  onToggle: () => void;\n  selectedStructures?: string[];\n  hasBorder?: boolean;\n  clinicalLabel?: string;\n  label?: string;\n  classNameTitle?: string;\n  deleteLabel?: string;\n  onDelete?: () => void;\n};\n\nexport const CardClinicalData = ({\n  information = [],\n  className = \"\",\n  clinicalCode = \"\",\n  isOpen,\n  onToggle,\n  hasBorder = true,\n  clinicalLabel = \"\",\n  label,\n  classNameTitle = \"fw-semibold fs-5 md-fs-4 text-color-darker\",\n  deleteLabel,\n  onDelete,\n}: CardClinicalDataProps) => {\n  const hasInformation = information.length > 0;\n\n  return (\n    <div className={\"rounded shadow w-full card-clinical-data-container\"}>\n      <button\n        className={clsx(\n          isOpen && hasBorder && \"ui-has-border-bottom\",\n          \"ui-btn-accordion-clinical-data\",\n          className,\n        )}\n        type=\"button\"\n        onClick={hasInformation ? onToggle : undefined}\n        disabled={!hasInformation}\n      >\n        <div className=\"ui-header-content p-x24\">\n          <Row gap={\"x24\"} alignItems={\"center\"} className=\"first-row\">\n            <div className=\"clinical-data-info\">\n              <h1 className={clsx(classNameTitle)}>{clinicalCode}</h1>\n              <span className=\"ui-divider\"></span>\n              <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\n                {clinicalLabel}\n              </p>\n            </div>\n            {hasInformation && (\n              <ArrowDown\n                color=\"primary\"\n                className={clsx(\"ui-arrow-card-clinical-data mobile-arrow\", {\n                  \"ui-expanded-card-clinical-data\": isOpen,\n                })}\n              />\n            )}\n          </Row>\n\n          <Row\n            gap={\"x16\"}\n            alignItems={\"center\"}\n            className=\"ui-arrow-container desktop-row\"\n          >\n            {label && (\n              <div\n                className={\n                  \"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 desktop-label\"\n                }\n                style={{ width: \"max-content\" }}\n              >\n                {label}\n              </div>\n            )}\n            {hasInformation && (\n              <ArrowDown\n                color=\"primary\"\n                className={clsx(\"ui-arrow-card-clinical-data desktop-arrow\", {\n                  \"ui-expanded-card-clinical-data\": isOpen,\n                })}\n              />\n            )}\n          </Row>\n\n          {label && (\n            <div\n              className={\n                \"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 mobile-label\"\n              }\n              style={{ width: \"max-content\" }}\n            >\n              {label}\n            </div>\n          )}\n        </div>\n      </button>\n\n      {isOpen && hasInformation && (\n        <dl\n          className={clsx(\n            \"p-x24\",\n            information.length > 1\n              ? \"ui-card-clinical-data\"\n              : \"base-row py-x16\",\n          )}\n        >\n          {information.map(({ label, value }) => (\n            <div key={label}>\n              <dt\n                className={clsx(\n                  \"fs-custom fw-bold text-slate-28\",\n                  information.length === 1 && \"me-x8 mb-0\",\n                )}\n              >\n                {label}:\n              </dt>\n              <dd className=\"fs-custom fw-regular text-slate-28 mb-0\">\n                {value}\n              </dd>\n            </div>\n          ))}\n        </dl>\n      )}\n      {isOpen && deleteLabel && (\n        <Row\n          className={\n            \"justify-content-end align-items-center px-x24 w-full bg-lightblue-a03 py-x16 \"\n          }\n        >\n          <Button\n            variant={\"secondary\"}\n            size={\"3\"}\n            variantBg={\"bg-lightblue-a03\"}\n            onClick={onDelete}\n          >\n            {deleteLabel}\n          </Button>\n        </Row>\n      )}\n    </div>\n  );\n};\n"],"names":["CardClinicalData","information","className","clinicalCode","isOpen","onToggle","hasBorder","clinicalLabel","label","classNameTitle","deleteLabel","onDelete","hasInformation","jsxs","jsx","clsx","Row","ArrowDown","value","Button"],"mappings":"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"}
+{"version":3,"file":"index.es72.js","sources":["../src/components/ui/CardClinicalData/index.tsx"],"sourcesContent":["import \"./CardClinicalData.scss\";\nimport clsx from \"clsx\";\nimport { ArrowDown } from \"@/icons\";\nimport { Button, Row } from \"@/components\";\nimport { useEffect, useState } from \"react\";\n\ntype CardClinicalDataProps = {\n  information?: { label: string; value: string }[];\n  className?: string;\n  clinicalCode?: string;\n  isOpen?: boolean;\n  hideArrow?: boolean;\n  onToggle?: () => void;\n  hasBorder?: boolean;\n  clinicalLabel?: string;\n  label?: string;\n  classNameTitle?: string;\n  deleteLabel?: string;\n  onDelete?: () => void;\n};\n\nexport const CardClinicalData = ({\n  information = [],\n  className = \"\",\n  clinicalCode = \"\",\n  isOpen,\n  hideArrow = false,\n  onToggle,\n  hasBorder = true,\n  clinicalLabel = \"\",\n  label,\n  classNameTitle = \"fw-semibold fs-5 md-fs-4 text-color-darker\",\n  deleteLabel,\n  onDelete,\n}: CardClinicalDataProps) => {\n  const hasInformation = information.length > 0;\n  const [internalOpen, setInternalOpen] = useState(false);\n\n  useEffect(() => {\n    if (isOpen !== undefined) {\n      setInternalOpen(isOpen);\n    }\n  }, [isOpen]);\n\n  const computedIsOpen = hideArrow ? true : (isOpen ?? internalOpen);\n  const canToggle = hasInformation && !hideArrow;\n\n  const handleToggle = () => {\n    if (!hasInformation || hideArrow) return;\n    onToggle?.();\n    if (isOpen === undefined) {\n      setInternalOpen((prev) => !prev);\n    }\n  };\n\n  return (\n    <div className={\"rounded shadow w-full card-clinical-data-container\"}>\n      <button\n        className={clsx(\n          computedIsOpen && hasBorder && \"ui-has-border-bottom\",\n          \"ui-btn-accordion-clinical-data\",\n          className,\n        )}\n        type=\"button\"\n        aria-expanded={\n          hasInformation && !hideArrow ? computedIsOpen : undefined\n        }\n        onClick={canToggle ? handleToggle : undefined}\n        disabled={!canToggle}\n        style={{ cursor: hideArrow ? \"default\" : undefined }}\n      >\n        <div className=\"ui-header-content p-x24\">\n          <Row gap={\"x24\"} alignItems={\"center\"} className=\"first-row\">\n            <div className=\"clinical-data-info\">\n              <h1 className={clsx(classNameTitle)}>{clinicalCode}</h1>\n              <span className=\"ui-divider\"></span>\n              <p className={\"fs-7 md-fs-6 text-muted fw-semibold\"}>\n                {clinicalLabel}\n              </p>\n            </div>\n            {hasInformation && !hideArrow && (\n              <ArrowDown\n                color=\"primary\"\n                className={clsx(\"ui-arrow-card-clinical-data mobile-arrow\", {\n                  \"ui-expanded-card-clinical-data\": computedIsOpen,\n                })}\n              />\n            )}\n          </Row>\n\n          <Row\n            gap={\"x16\"}\n            alignItems={\"center\"}\n            className=\"ui-arrow-container desktop-row\"\n          >\n            {label && (\n              <div\n                className={\n                  \"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 desktop-label\"\n                }\n                style={{ width: \"max-content\" }}\n              >\n                {label}\n              </div>\n            )}\n            {hasInformation && !hideArrow && (\n              <ArrowDown\n                color=\"primary\"\n                className={clsx(\"ui-arrow-card-clinical-data desktop-arrow\", {\n                  \"ui-expanded-card-clinical-data\": computedIsOpen,\n                })}\n              />\n            )}\n          </Row>\n\n          {label && (\n            <div\n              className={\n                \"fs-7 fw-bold bg-secondary text-white rounded py-x4 px-x16 mobile-label\"\n              }\n              style={{ width: \"max-content\" }}\n            >\n              {label}\n            </div>\n          )}\n        </div>\n      </button>\n\n      {computedIsOpen && hasInformation && (\n        <dl\n          className={clsx(\n            \"p-x24\",\n            information.length > 1\n              ? \"ui-card-clinical-data\"\n              : \"base-row py-x16\",\n          )}\n        >\n          {information.map(({ label, value }) => (\n            <div key={label}>\n              <dt\n                className={clsx(\n                  \"fs-custom fw-bold text-slate-28\",\n                  information.length === 1 && \"me-x8 mb-0\",\n                )}\n              >\n                {label}:\n              </dt>\n              <dd className=\"fs-custom fw-regular text-slate-28 mb-0\">\n                {value}\n              </dd>\n            </div>\n          ))}\n        </dl>\n      )}\n      {computedIsOpen && deleteLabel && !hideArrow && (\n        <Row\n          className={\n            \"justify-content-end align-items-center px-x24 w-full bg-lightblue-a03 py-x16 \"\n          }\n        >\n          <Button\n            variant={\"secondary\"}\n            size={\"3\"}\n            variantBg={\"bg-lightblue-a03\"}\n            onClick={onDelete}\n          >\n            {deleteLabel}\n          </Button>\n        </Row>\n      )}\n    </div>\n  );\n};\n"],"names":["CardClinicalData","information","className","clinicalCode","isOpen","hideArrow","onToggle","hasBorder","clinicalLabel","label","classNameTitle","deleteLabel","onDelete","hasInformation","internalOpen","setInternalOpen","useState","useEffect","computedIsOpen","canToggle","handleToggle","prev","jsxs","jsx","clsx","Row","ArrowDown","value","Button"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anoki/fse-ui",
-  "version": "2.1.0-SNAPSHOT12",
+  "version": "2.1.0-SNAPSHOT15",
   "description": "FSE UI components library",
   "type": "module",
   "main": "dist/index.cjs.js",