16 lines
3.8 KiB
JavaScript
16 lines
3.8 KiB
JavaScript
import{j as r,R as g,L as c}from"./chunk-UIGDSWPH-BhuNDbxn.js";import{S as b}from"./check-circle--AtVWUy0.js";import{S as h}from"./arrow-right-DC7G5FiV.js";import{O as f}from"./main-af3pcbZa.js";import{T as w}from"./Tooltip-D9yIUHzL.js";function p({steps:o,onStepClick:a,showConnections:d=!0,className:x=""}){const m=e=>{switch(e){case"completed":return"bg-success-500 border-success-500 text-white";case"in_progress":return"bg-warning-500 border-warning-500 text-white";case"pending":return"bg-gray-200 border-gray-300 text-gray-600 dark:bg-gray-700 dark:border-gray-600 dark:text-gray-400"}},u=(e,s)=>{switch(e){case"completed":return r.jsx(b,{className:"size-5"});case"in_progress":return r.jsx(f,{className:"size-5"});case"pending":return r.jsx("span",{className:"text-sm font-bold",children:s})}},l=(e,s)=>e==="completed"&&s==="completed"||e==="completed"?"bg-success-500":"bg-gray-300 dark:bg-gray-600";return r.jsx("div",{className:`relative overflow-visible ${x}`,children:r.jsxs("div",{className:"flex items-center justify-between gap-2 overflow-x-auto pb-4 scrollbar-hide",children:[r.jsx("style",{children:`
|
|
.scrollbar-hide::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
.scrollbar-hide {
|
|
-ms-overflow-style: none;
|
|
scrollbar-width: none;
|
|
}
|
|
`}),o.map((e,s)=>{const n=s===o.length-1,t=n?null:o[s+1];return r.jsxs(g.Fragment,{children:[r.jsxs("div",{className:"flex flex-col items-center flex-shrink-0",children:[r.jsx(w,{text:e.details||`${e.title}: ${e.count} ${e.title.toLowerCase().includes("keyword")?"keywords":e.title.toLowerCase().includes("cluster")?"clusters":e.title.toLowerCase().includes("idea")?"ideas":e.title.toLowerCase().includes("task")?"tasks":"items"}`,placement:"top",children:r.jsxs(c,{to:e.path,onClick:i=>{a&&(i.preventDefault(),a(e))},className:`
|
|
relative flex flex-col items-center justify-center
|
|
w-20 h-20 rounded-full border-2 transition-all duration-300
|
|
${m(e.status)}
|
|
hover:scale-110 hover:shadow-lg
|
|
cursor-pointer group
|
|
`,children:[r.jsx("div",{className:"flex items-center justify-center",children:u(e.status,e.number)}),e.status==="in_progress"&&r.jsx("div",{className:"absolute inset-0 rounded-full border-2 border-warning-400 animate-ping opacity-75"})]})}),r.jsxs("div",{className:"mt-3 text-center max-w-[120px]",children:[r.jsx("p",{className:"text-xs font-semibold text-gray-700 dark:text-gray-300",children:e.title}),r.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400 mt-1",children:e.count>0?r.jsxs(r.Fragment,{children:[e.count," ",e.title.toLowerCase().includes("keyword")?"keywords":e.title.toLowerCase().includes("cluster")?"clusters":e.title.toLowerCase().includes("idea")?"ideas":e.title.toLowerCase().includes("task")?"tasks":"items"]}):r.jsx("span",{className:"text-gray-400 dark:text-gray-500",children:"No items"})}),e.status==="pending"&&e.count===0&&r.jsxs(c,{to:e.path,className:"inline-flex items-center gap-1 mt-2 text-xs font-medium text-brand-500 hover:text-brand-600 group-hover:translate-x-1 transition-transform",onClick:i=>{a&&(i.preventDefault(),a(e))},children:["Start Now ",r.jsx(h,{className:"size-3"})]})]})]}),!n&&d&&r.jsxs("div",{className:"flex items-center flex-1 min-w-[60px] max-w-[120px] mx-1",children:[r.jsx("div",{className:`h-0.5 flex-1 ${l(e.status,t==null?void 0:t.status)} transition-colors duration-300`}),r.jsx("div",{className:`flex-shrink-0 mx-1 w-0 h-0 border-t-[6px] border-t-transparent border-b-[6px] border-b-transparent border-l-[8px] transition-colors duration-300 ${e.status==="completed"?"border-l-success-500":"border-l-gray-400"}`}),r.jsx("div",{className:`h-0.5 flex-1 ${l(e.status,t==null?void 0:t.status)} transition-colors duration-300`})]})]},e.number)})]})})}export{p as W};
|