@anoki/fse-ui
Version:
FSE UI components library
3 lines (2 loc) • 2.64 kB
JavaScript
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VerticalCardStepper/VerticalCardStepper.css');const e=require("./index.cjs244.js"),m=require("./index.cjs225.js");require("./index.cjs3.js");;/* empty css */const u=require("./index.cjs42.js"),j=require("./index.cjs99.js"),E=require("./index.cjs159.js");var n=(s=>(s.DATE="date",s.HEADLINE="headline",s.ORDERED="ordered",s.CHECK="check",s))(n||{}),a=(s=>(s.INTERNAL="internal",s.EXTERNAL="external",s))(a||{});const h=s=>{const i=m.default.fromISO(s);return{day:i.toFormat("dd"),month:i.toFormat("LLLL"),year:i.toFormat("yyyy")}},R=({steps:s,type:i,asLink:l})=>e.jsxRuntimeExports.jsx("div",{className:"vertical-container",children:e.jsxRuntimeExports.jsx("div",{className:"timeline",children:s.map((r,t)=>{const c=()=>{switch(i){case"date":{if(!r.meta)return null;const{day:x,month:d,year:o}=h(r.meta);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"day",children:x}),e.jsxRuntimeExports.jsx("div",{className:"month",children:d}),e.jsxRuntimeExports.jsx("div",{className:"year",children:o})]})}case"headline":return e.jsxRuntimeExports.jsx("div",{className:"headline",children:r.meta});case"ordered":return e.jsxRuntimeExports.jsx("div",{className:"circle",children:t+1});case"check":return e.jsxRuntimeExports.jsx("div",{className:"circle",children:e.jsxRuntimeExports.jsx("div",{className:"checkmark"})});default:return null}};return e.jsxRuntimeExports.jsxs("div",{className:"step",children:[e.jsxRuntimeExports.jsx("div",{className:"meta",children:c()}),e.jsxRuntimeExports.jsx("div",{className:"vertical-line",children:e.jsxRuntimeExports.jsx("div",{className:"dot"})}),e.jsxRuntimeExports.jsxs("div",{className:"card",children:[e.jsxRuntimeExports.jsx("div",{className:"label",children:r.label}),e.jsxRuntimeExports.jsx("div",{className:"title",children:r.title}),e.jsxRuntimeExports.jsxs("div",{className:"",children:[e.jsxRuntimeExports.jsx("div",{className:"description pb-x12",children:r.description}),e.jsxRuntimeExports.jsxs("div",{className:"card-footer",children:[r.link&&(r.linkType==="internal"||!r.linkType)&&e.jsxRuntimeExports.jsx(u.ArrowLink,{href:r.link.link,className:"card-footer-detail",children:r.link.title}),r.link&&r.linkType==="external"&&e.jsxRuntimeExports.jsx(j.Link,{title:"",src:r.link.link,icon:E.ExternalLink,decoration:"ui-footer-logo-link",transform:"none",external:!0,asLink:l})]})]})]})]},t)})})});exports.LinkTypeEnum=a;exports.StepVariantEnum=n;exports.VerticalCardStepper=R;
//# sourceMappingURL=index.cjs124.js.map