@anoki/fse-ui 2.3.0-RC13 → 2.3.0-RC14

package/dist/index.es50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es50.js","sources":["../src/components/ui/CardFile/index.tsx"],"sourcesContent":["import { Link as LinkComponent } from \"@/components\";\nimport { Download, ExternalLink, File } from \"@/icons\";\nimport { RichText } from \"@/sections\";\nimport { GetValues, Link } from \"@anoki/fse-common\";\nimport clsx from \"clsx\";\nimport { saveAs } from \"file-saver\";\nimport { ElementType } from \"react\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\nimport \"./CardFile.scss\";\n\nexport enum CardFileActionTypeEnum {\n  DOWNLOAD = \"download\",\n  GOTO = \"goto\",\n  EXTERNAL = \"external\",\n}\n\nexport type CardFileActionTypeTypes = GetValues<typeof CardFileActionTypeEnum>;\n\nexport type CardFileProps = {\n  title: string;\n  description?: string;\n  issued_at: string;\n  issued_at_position?: \"top\" | \"bottom\";\n  file?: {\n    type: string;\n    size: string;\n  };\n  action: {\n    type: CardFileActionTypeTypes;\n    link: Link;\n  };\n  asLink?: \"a\" | ElementType;\n  goToLink?: Link;\n};\n\nexport function CardFile({\n  title,\n  description,\n  issued_at,\n  file,\n  action,\n  asLink = \"a\",\n  goToLink,\n}: CardFileProps) {\n  const handleDownload = async () => {\n    try {\n      const link = action.link.link;\n      const dataUriMatch = link.match(\n        /^data:([^;]+);base64,(.+)$/,\n      );\n\n      if (dataUriMatch) {\n        const contentType = dataUriMatch[1];\n        const base64 = dataUriMatch[2];\n        const binaryString = atob(base64);\n        const bytes = new Uint8Array(binaryString.length);\n        for (let i = 0; i < binaryString.length; i++) {\n          bytes[i] = binaryString.charCodeAt(i);\n        }\n        const blob = new Blob([bytes], { type: contentType });\n        saveAs(blob, title);\n      } else {\n        const response = await fetch(link);\n        const blob = await response.blob();\n        saveAs(blob, title);\n      }\n    } catch (error) {\n      console.error(\"Error downloading file:\", error);\n    }\n  };\n\n  return (\n    <div className=\"card-file shadow rounded h-100 w-100 bg-white\">\n      <div\n        className={clsx(\"top-container pt-x16 pb-x12\", {\n          \"px-x16\": action.type === \"download\",\n          \"px-x24 \": action.type !== \"download\",\n        })}\n      >\n        {action.type === \"download\" && (\n          <div className=\"icon-wrapper\">\n            <File height={27} width={27} />\n          </div>\n        )}\n        <div className=\"content-container\">\n          <div>\n            <h1 className=\"card-file-title text-slate-20 mt-x8\">{title}</h1>\n            {file && (file.type || file.size) && (\n              <p className=\"file-type text-muted\">\n                {file.type && file.size\n                  ? `${file.type} | ${file.size}`\n                  : file.type || file.size}\n              </p>\n            )}\n          </div>\n          {description && (\n            <div className=\"description text-slate-28\">\n              <RichText description={description} />\n            </div>\n          )}\n          {issued_at && (\n            <p className=\"description text-slate-28\">{issued_at}</p>\n          )}\n        </div>\n      </div>\n      <div\n        className={clsx(\"card-file-footer px-x24\", action.type, {\n          \"pt-x4 pb-x16\": action.type === \"external\",\n          \"py-x16 \": action.type !== \"external\",\n          \"--between\": !!goToLink,\n        })}\n      >\n        {action.type === \"download\" ? (\n          <>\n            <Button\n              className=\"bg-transparent download-button\"\n              onClick={handleDownload}\n            >\n              <Download />\n              {action.link.title}\n            </Button>\n            {goToLink && (\n              <ArrowLink href={goToLink.link} asLink={asLink}>\n                {goToLink.title}\n              </ArrowLink>\n            )}\n          </>\n        ) : action.type === \"goto\" ? (\n          <ArrowLink href={action.link.link} asLink={asLink}>\n            {action.link.title}\n          </ArrowLink>\n        ) : (\n          <LinkComponent\n            title={action.link.title}\n            src={action.link.link}\n            icon={ExternalLink}\n            decoration=\"ui-footer-logo-link\"\n            transform=\"none\"\n            external={true}\n            asLink={asLink}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CardFileActionTypeEnum","CardFile","title","description","issued_at","file","action","asLink","goToLink","handleDownload","link","dataUriMatch","contentType","base64","binaryString","bytes","i","blob","saveAs","error","jsxs","clsx","jsx","File","RichText","Fragment","Button","Download","ArrowLink","LinkComponent","ExternalLink"],"mappings":"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"}
+{"version":3,"file":"index.es50.js","sources":["../src/components/ui/CardFile/index.tsx"],"sourcesContent":["import { Download, ExternalLink, File } from \"@/icons\";\nimport { RichText } from \"@/sections\";\nimport { GetValues, Link } from \"@anoki/fse-common\";\nimport clsx from \"clsx\";\nimport { saveAs } from \"file-saver\";\nimport { ElementType } from \"react\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport { Button } from \"../Button\";\nimport \"./CardFile.scss\";\n\nexport enum CardFileActionTypeEnum {\n  DOWNLOAD = \"download\",\n  GOTO = \"goto\",\n  EXTERNAL = \"external\",\n}\n\nexport type CardFileActionTypeTypes = GetValues<typeof CardFileActionTypeEnum>;\n\nexport type CardFileProps = {\n  title: string;\n  description?: string;\n  issued_at: string;\n  issued_at_position?: \"top\" | \"bottom\";\n  file?: {\n    type: string;\n    size: string;\n  };\n  action: {\n    type: CardFileActionTypeTypes;\n    link: Link;\n  };\n  asLink?: \"a\" | ElementType;\n  goToLink?: Link;\n};\n\nexport function CardFile({\n  title,\n  description,\n  issued_at,\n  file,\n  action,\n  asLink = \"a\",\n  goToLink,\n}: CardFileProps) {\n  const LinkComponent = asLink;\n\n  const handleDownload = async () => {\n    try {\n      const link = action.link.link;\n      const dataUriMatch = link.match(/^data:([^;]+);base64,(.+)$/);\n\n      if (dataUriMatch) {\n        const contentType = dataUriMatch[1];\n        const base64 = dataUriMatch[2];\n        const binaryString = atob(base64);\n        const bytes = new Uint8Array(binaryString.length);\n        for (let i = 0; i < binaryString.length; i++) {\n          bytes[i] = binaryString.charCodeAt(i);\n        }\n        const blob = new Blob([bytes], { type: contentType });\n        saveAs(blob, title);\n      } else {\n        const response = await fetch(link);\n        const blob = await response.blob();\n        saveAs(blob, title);\n      }\n    } catch (error) {\n      console.error(\"Error downloading file:\", error);\n    }\n  };\n\n  return (\n    <div className=\"card-file shadow rounded h-100 w-100 bg-white\">\n      <div\n        className={clsx(\"top-container pt-x16 pb-x12\", {\n          \"px-x16\": action.type === \"download\",\n          \"px-x24 \": action.type !== \"download\",\n        })}\n      >\n        {action.type === \"download\" && (\n          <div className=\"icon-wrapper\">\n            <File height={27} width={27} />\n          </div>\n        )}\n        <div className=\"content-container\">\n          <div>\n            <h3\n              className={clsx(\n                \"card-file-title text-slate-20 mt-x8\",\n                \"cursor-pointer hover-underline\",\n              )}\n            >\n              {action.type === \"download\" ? (\n                title\n              ) : (\n                <LinkComponent\n                  className=\"link-unstyled\"\n                  href={action.link.link}\n                >\n                  {title}\n                </LinkComponent>\n              )}\n            </h3>\n            {file && (file.type || file.size) && (\n              <p className=\"file-type text-muted\">\n                {file.type && file.size\n                  ? `${file.type} | ${file.size}`\n                  : file.type || file.size}\n              </p>\n            )}\n          </div>\n          {description && (\n            <div className=\"description text-slate-28\">\n              <RichText description={description} />\n            </div>\n          )}\n          {issued_at && (\n            <p className=\"description text-slate-28\">{issued_at}</p>\n          )}\n        </div>\n      </div>\n      <div\n        className={clsx(\"card-file-footer px-x24\", action.type, {\n          \"pt-x4 pb-x16\": action.type === \"external\",\n          \"py-x16 \": action.type !== \"external\",\n          \"--between\": !!goToLink,\n        })}\n      >\n        {action.type === \"download\" ? (\n          <>\n            <Button\n              className=\"bg-transparent download-button\"\n              onClick={handleDownload}\n            >\n              <Download />\n              {action.link.title}\n            </Button>\n            {goToLink && (\n              <ArrowLink href={goToLink.link} asLink={asLink}>\n                {goToLink.title}\n              </ArrowLink>\n            )}\n          </>\n        ) : action.type === \"goto\" ? (\n          <ArrowLink href={action.link.link} asLink={asLink}>\n            {action.link.title}\n          </ArrowLink>\n        ) : (\n          <LinkComponent\n            title={action.link.title}\n            src={action.link.link}\n            icon={ExternalLink}\n            decoration=\"ui-footer-logo-link\"\n            transform=\"none\"\n            external={true}\n            asLink={asLink}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["CardFileActionTypeEnum","CardFile","title","description","issued_at","file","action","asLink","goToLink","LinkComponent","handleDownload","link","dataUriMatch","contentType","base64","binaryString","bytes","i","blob","saveAs","error","jsxs","clsx","jsx","File","RichText","Fragment","Button","Download","ArrowLink","ExternalLink"],"mappings":"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"}

package/dist/index.es500.js

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

package/dist/index.es501.js

@@ -1,4 +1,4 @@
-import { __exports as s } from "./index.es503.js";
+import { __exports as s } from "./index.es511.js";
 import J from "react";
 /**
  * @license React