aravint-ui-navigation 1.0.41 → 1.0.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/navigation.cjs.js +2 -2
- package/dist/navigation.css +1 -1
- package/dist/navigation.es.js +43 -32
- package/package.json +1 -1
package/dist/navigation.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react");function E(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(a,t,i.get?i:{enumerable:!0,get:()=>s[t]})}}return a.default=s,Object.freeze(a)}const k=E(f),D=({tabs:s,defaultValue:a,value:t,onValueChange:i,className:r="",tabListClassName:n="",tabButtonClassName:b="",contentClassName:p="",showTabNumbers:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react");function E(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(a,t,i.get?i:{enumerable:!0,get:()=>s[t]})}}return a.default=s,Object.freeze(a)}const k=E(f),D=({tabs:s,defaultValue:a,value:t,onValueChange:i,className:r="",tabListClassName:n="",tabButtonClassName:b="",contentClassName:p="",showTabNumbers:l=!0,showContent:c=!0,animated:h=!0})=>{var F;const d=t!==void 0,[_,y]=f.useState(a||((F=s[0])==null?void 0:F.id)||""),g=d?t:_,j=o=>{d||y(o),i==null||i(o)},v=s.find(o=>o.id===g),w={display:"flex",alignItems:"flex-end",borderBottom:"1px solid #059669",position:"sticky",top:0,zIndex:100,flexShrink:0},N={display:"flex",alignItems:"center",fontFamily:"inherit",background:"transparent",cursor:"pointer",outline:"none",transition:"all .2s ease",position:"relative"},x={background:"#E8F7F1",color:"#059669",fontWeight:700,borderTop:"3px solid #059669",borderLeft:"1px solid #059669",borderRight:"1px solid #059669",borderBottom:"1px solid #E8F7F1",borderTopLeftRadius:8,borderTopRightRadius:8,marginBottom:-1,zIndex:2},u={background:"transparent",color:"#2D3748",borderTop:"3px solid transparent",borderLeft:"1px solid transparent",borderRight:"1px solid transparent",borderBottom:"1px solid transparent",borderTopLeftRadius:8,borderTopRightRadius:8},m={background:"#ECFDF5",color:"#059669",fontWeight:700,border:"1px solid #059669"},z={background:"#FFFFFF",color:"#1F2937",fontWeight:"500",border:"1px solid #1F2937"},R={background:"#FFFFFF",border:"1px solid #D9E1E7",borderTop:"none",borderBottomLeftRadius:12,borderBottomRightRadius:12,boxShadow:"0 2px 6px rgba(0,0,0,.05)",transition:h?"opacity .2s ease":void 0,opacity:1,flex:1,overflowY:"auto",minHeight:0};return e.jsxs("div",{className:r,style:{display:"flex",flexDirection:"column",width:"100%",height:"100%",minHeight:0,overflow:"hidden"},children:[e.jsx("style",{children:`
|
|
2
2
|
.ctabs-list {
|
|
3
3
|
padding: 0 10px;
|
|
4
4
|
gap: 0px;
|
|
@@ -72,4 +72,4 @@
|
|
|
72
72
|
font-size: 10px;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
`}),e.jsx("div",{style:w,className:`ctabs-list ${n}`,children:s.map((
|
|
75
|
+
`}),e.jsx("div",{style:w,className:`ctabs-list ${n}`,children:s.map((o,B)=>{const S=g===o.id;return e.jsxs("button",{role:"tab","aria-selected":S,disabled:o.disabled,onClick:()=>!o.disabled&&j(o.id),style:{...N,...S?x:u,opacity:o.disabled?.5:1,cursor:o.disabled?"not-allowed":"pointer"},className:`ctabs-btn ${b}`,children:[l&&e.jsx("span",{className:"ctabs-badge",style:S?m:z,children:B+1}),o.icon,e.jsx("span",{className:"ctabs-label",children:o.label})]},o.id)})}),c&&v&&e.jsx("div",{style:R,className:p,children:v.content})]})},L=s=>k.createElement("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},k.createElement("path",{d:"M2 6.2L4.6 8.8L10 3",stroke:"#ffffff",strokeWidth:1.6,strokeLinecap:"round",strokeLinejoin:"round"})),T=f.memo(({computed:s,showTime:a})=>{const{step:t,index:i,status:r}=s,n=["rs-stepper__circle",r==="completed"?"rs-stepper__circle--completed":"",r==="active"?"rs-stepper__circle--active":""].filter(Boolean).join(" "),b=["rs-stepper__title",r==="pending"?"rs-stepper__title--pending":"",r==="active"?"rs-stepper__title--active":""].filter(Boolean).join(" "),p=i!==0;return e.jsxs("div",{className:"rs-stepper__step",children:[e.jsxs("div",{className:"rs-stepper__circle-wrap",children:[e.jsx("div",{className:n,children:p?i:null}),r==="completed"&&e.jsx("span",{className:"rs-stepper__check","aria-hidden":"true",children:e.jsx(L,{})})]}),e.jsx("div",{className:b,children:t.title}),t.date&&e.jsx("div",{className:"rs-stepper__date",children:t.date}),a&&t.time&&e.jsx("div",{className:"rs-stepper__time",children:t.time})]})});T.displayName="StepCircle";const C=({steps:s,currentStep:a,completedColor:t="#059669",pendingColor:i="#9ca3af",activeColor:r="#059669",lineColor:n="#e5e7eb",showTime:b=!0,orientation:p="responsive"})=>{const l=s.length,c=a>l,h=Math.max(1,Math.min(a,l)),d=c?Math.max(0,l-1):Math.max(0,Math.min(l-1,h-1)),_=f.useMemo(()=>s.map((x,u)=>{let m="pending";return c||u<d?m="completed":u===d&&(m="active"),{step:x,index:u,status:m}}),[s,d,c]),y=l>0?100/l/2:0,g=l>1?c?100:d/(l-1)*100:0,j=c||h>1?t:n,v=c||h>l?t:n,w={"--rs-completed-color":t,"--rs-pending-color":i,"--rs-active-color":r,"--rs-line-color":n,"--rs-half-step":`${y}%`,"--rs-progress":`${g}%`,"--rs-left-side-color":j,"--rs-right-side-color":v};if(l===0)return null;const N=p==="vertical"?"rs-stepper--vertical":p==="horizontal"?"rs-stepper--horizontal":"rs-stepper--responsive";return e.jsxs("div",{className:"border border-[#E5E7EB] py-2 mx-2 rounded-lg bg-[#F9FAFB] shadow-[0px_2px_4px_-1px_#00000008,0px_4px_6px_-1px_#0000000D]",children:[e.jsx("div",{className:"pl-2 pt-2 pb-3 text-[14px] font-bold",children:"Workflow Progress"}),e.jsx("div",{className:`rs-stepper ${N}`,style:w,children:e.jsx("div",{className:"rs-stepper__scroll",children:e.jsxs("div",{className:"rs-stepper__row",children:[e.jsx("div",{className:"rs-stepper__track",children:e.jsx("div",{className:"rs-stepper__progress"})}),_.map(x=>e.jsx(T,{computed:x,showTime:b},x.step.id))]})})})]})},M=f.memo(C),I=({rows:s,className:a="mt-2 mx-2"})=>e.jsx("div",{className:`summary-detail-card ${a}`.trim(),children:s.map((t,i)=>e.jsx("div",{className:"summary-detail-card__row",children:t.map((r,n)=>e.jsxs("div",{className:"summary-detail-card__field",style:{"--dc-span":r.span??1},children:[e.jsx("p",{className:"summary-detail-card__label",children:r.label}),e.jsx("p",{className:`summary-detail-card__value${r.size==="lg"?" summary-detail-card__value--lg":""}`,children:r.value})]},n))},i))}),$=({title:s,description:a,icon:t,className:i="",children:r})=>e.jsxs("div",{className:`flex flex-col items-center justify-center py-4 px-4 text-center ${i}`,children:[t&&e.jsx("div",{className:"mb-2",children:t}),e.jsx("div",{className:"text-[14px] font-semibold text-[#34343F]",children:s}),(a||r)&&e.jsx("div",{className:"mt-2 max-w-[650px]",style:{fontSize:"12px",lineHeight:1.6,color:"#A19D9D"},children:r??a})]});exports.CustomTabs=D;exports.EmptyState=$;exports.Stepper=M;exports.SummaryDetailsCard=I;
|
package/dist/navigation.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.rs-stepper{--rs-completed-color: #059669;--rs-pending-color: #9ca3af;--rs-active-color: #059669;--rs-line-color: #e5e7eb;--rs-half-step: 0%;--rs-progress: 0%;--rs-left-side-color: var(--rs-line-color);--rs-right-side-color: var(--rs-line-color);position:relative;width:100%;box-sizing:border-box}.rs-stepper *{box-sizing:border-box}.rs-stepper__scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.rs-stepper__row{position:relative;display:flex;align-items:flex-start;width:max-content;min-width:100%}.rs-stepper__track{position:absolute;top:26px;left:var(--rs-half-step);right:var(--rs-half-step);height:3px;background-color:transparent;transform:translateY(-1px);z-index:0}.rs-stepper__track:before{content:"";position:absolute;top:0;left:calc(-1 * (var(--rs-half-step)));right:calc(-1 * (var(--rs-half-step)));height:100%;background-image:linear-gradient(to right,var(--rs-left-side-color) 0,var(--rs-left-side-color) calc(var(--rs-half-step)),var(--rs-line-color) calc(var(--rs-half-step)),var(--rs-line-color) calc(100% - (var(--rs-half-step))),var(--rs-right-side-color) calc(100% - (var(--rs-half-step))),var(--rs-right-side-color) 100%);z-index:0}.rs-stepper__progress{position:absolute;top:0;left:0;width:var(--rs-progress);height:100%;background-color:var(--rs-completed-color);z-index:1;transition:width .3s ease,height .3s ease}.rs-stepper--vertical .rs-stepper__progress{position:relative;left:auto;width:100%}.rs-stepper__step{position:relative;z-index:1;flex:1 1 0;min-width:120px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0}.rs-stepper__circle-wrap{position:relative;width:48px;height:48px;flex-shrink:0}.rs-stepper__circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background-color:#fff;border:2px solid var(--rs-line-color);color:var(--rs-pending-color);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease}.rs-stepper__circle--completed{background-color:var(--rs-completed-color);border-color:var(--rs-completed-color);color:#fff}.rs-stepper__circle--active{background-color:#fff;border-color:var(--rs-active-color);color:var(--rs-active-color);box-shadow:0 0 0 4px #d4e3e0}.rs-stepper__check{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background-color:var(--rs-completed-color);border:2px solid #ffffff;display:flex;align-items:center;justify-content:center}.rs-stepper__check svg{width:10px;height:10px;display:block}.rs-stepper__title{margin-top:12px;font-size:12px;font-weight:700;line-height:1.3;color:#1e293b;max-width:140px}.rs-stepper__title--pending{color:var(--rs-pending-color);font-weight:600}.rs-stepper__title--active{color:var(--rs-active-color)}.rs-stepper__date,.rs-stepper__time{margin-top:2px;font-size:10px;line-height:1.3;color:#6b7280}@media(max-width:640px){.rs-stepper__step{min-width:96px}.rs-stepper__circle-wrap,.rs-stepper__circle{width:44px;height:44px}.rs-stepper__track{top:22px}.rs-stepper__circle{font-size:15px}.rs-stepper__title{font-size:12.5px;max-width:110px}.rs-stepper__date,.rs-stepper__time{font-size:11px}}.rs-stepper--vertical .rs-stepper__scroll{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.rs-stepper--vertical .rs-stepper__row{flex-direction:column;align-items:flex-start;padding-left:2px;min-width:0;width:fit-content}.rs-stepper--vertical .rs-stepper__track{top:var(--rs-half-step);bottom:var(--rs-half-step);left:28px;right:auto;width:2px;height:auto;transform:translate(-1px)}.rs-stepper--vertical .rs-stepper__track:before{content:"";position:absolute;left:0;top:calc(-1 * (var(--rs-half-step) / 2));bottom:calc(-1 * (var(--rs-half-step) / 2));width:100%;background-image:linear-gradient(to bottom,var(--rs-left-side-color) 0,var(--rs-left-side-color) calc(var(--rs-half-step) / 2),var(--rs-line-color) calc(var(--rs-half-step) / 2),var(--rs-line-color) calc(100% - (var(--rs-half-step) / 2)),var(--rs-right-side-color) calc(100% - (var(--rs-half-step) / 2)),var(--rs-right-side-color) 100%);z-index:0}.rs-stepper--vertical .rs-stepper__progress{width:100%;height:var(--rs-progress)}.rs-stepper--vertical .rs-stepper__step{flex-direction:row;align-items:flex-start;text-align:left;width:100%;min-width:0;padding:0 0 32px}.rs-stepper--vertical .rs-stepper__step:last-child{padding-bottom:0}.rs-stepper--vertical .rs-stepper__title,.rs-stepper--vertical .rs-stepper__date,.rs-stepper--vertical .rs-stepper__time{margin-top:0;text-align:left;max-width:none}.rs-stepper--vertical .rs-stepper__title{margin-left:16px;padding-top:6px}.rs-stepper--vertical .rs-stepper__date,.rs-stepper--vertical .rs-stepper__time{margin-left:16px}@media(max-width:640px){.rs-stepper--vertical .rs-stepper__track{left:22px}.rs-stepper--responsive .rs-stepper__scroll,.rs-stepper--vertical .rs-stepper__scroll{max-height:min(70dvh,24rem);overflow-y:auto;overflow-x:hidden;padding-right:.25rem}}@media(max-width:640px){.rs-stepper--responsive .rs-stepper__row{flex-direction:column;align-items:flex-start;min-width:0;width:fit-content;padding
|
|
1
|
+
.rs-stepper{--rs-completed-color: #059669;--rs-pending-color: #9ca3af;--rs-active-color: #059669;--rs-line-color: #e5e7eb;--rs-half-step: 0%;--rs-progress: 0%;--rs-left-side-color: var(--rs-line-color);--rs-right-side-color: var(--rs-line-color);position:relative;width:100%;box-sizing:border-box}.rs-stepper *{box-sizing:border-box}.rs-stepper__scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.rs-stepper__row{position:relative;display:flex;align-items:flex-start;width:max-content;min-width:100%}.rs-stepper__track{position:absolute;top:26px;left:var(--rs-half-step);right:var(--rs-half-step);height:3px;background-color:transparent;transform:translateY(-1px);z-index:0}.rs-stepper__track:before{content:"";position:absolute;top:0;left:calc(-1 * (var(--rs-half-step)));right:calc(-1 * (var(--rs-half-step)));height:100%;background-image:linear-gradient(to right,var(--rs-left-side-color) 0,var(--rs-left-side-color) calc(var(--rs-half-step)),var(--rs-line-color) calc(var(--rs-half-step)),var(--rs-line-color) calc(100% - (var(--rs-half-step))),var(--rs-right-side-color) calc(100% - (var(--rs-half-step))),var(--rs-right-side-color) 100%);z-index:0}.rs-stepper__progress{position:absolute;top:0;left:0;width:var(--rs-progress);height:100%;background-color:var(--rs-completed-color);z-index:1;transition:width .3s ease,height .3s ease}.rs-stepper--vertical .rs-stepper__progress{position:relative;left:auto;width:100%}.rs-stepper__step{position:relative;z-index:1;flex:1 1 0;min-width:120px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 0}.rs-stepper__circle-wrap{position:relative;width:48px;height:48px;flex-shrink:0}.rs-stepper__circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;background-color:#fff;border:2px solid var(--rs-line-color);color:var(--rs-pending-color);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,color .2s ease}.rs-stepper__circle--completed{background-color:var(--rs-completed-color);border-color:var(--rs-completed-color);color:#fff}.rs-stepper__circle--active{background-color:#fff;border-color:var(--rs-active-color);color:var(--rs-active-color);box-shadow:0 0 0 4px #d4e3e0}.rs-stepper__check{position:absolute;top:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background-color:var(--rs-completed-color);border:2px solid #ffffff;display:flex;align-items:center;justify-content:center}.rs-stepper__check svg{width:10px;height:10px;display:block}.rs-stepper__title{margin-top:12px;font-size:12px;font-weight:700;line-height:1.3;color:#1e293b;max-width:140px}.rs-stepper__title--pending{color:var(--rs-pending-color);font-weight:600}.rs-stepper__title--active{color:var(--rs-active-color)}.rs-stepper__date,.rs-stepper__time{margin-top:2px;font-size:10px;line-height:1.3;color:#6b7280}@media(max-width:640px){.rs-stepper__step{min-width:96px}.rs-stepper__circle-wrap,.rs-stepper__circle{width:44px;height:44px}.rs-stepper__track{top:22px}.rs-stepper__circle{font-size:15px}.rs-stepper__title{font-size:12.5px;max-width:110px}.rs-stepper__date,.rs-stepper__time{font-size:11px}}.rs-stepper--vertical .rs-stepper__scroll{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.rs-stepper--vertical .rs-stepper__row{flex-direction:column;align-items:flex-start;padding-left:2px;min-width:0;width:fit-content}.rs-stepper--vertical .rs-stepper__track{top:var(--rs-half-step);bottom:var(--rs-half-step);left:28px;right:auto;width:2px;height:auto;transform:translate(-1px)}.rs-stepper--vertical .rs-stepper__track:before{content:"";position:absolute;left:0;top:calc(-1 * (var(--rs-half-step) / 2));bottom:calc(-1 * (var(--rs-half-step) / 2));width:100%;background-image:linear-gradient(to bottom,var(--rs-left-side-color) 0,var(--rs-left-side-color) calc(var(--rs-half-step) / 2),var(--rs-line-color) calc(var(--rs-half-step) / 2),var(--rs-line-color) calc(100% - (var(--rs-half-step) / 2)),var(--rs-right-side-color) calc(100% - (var(--rs-half-step) / 2)),var(--rs-right-side-color) 100%);z-index:0}.rs-stepper--vertical .rs-stepper__progress{width:100%;height:var(--rs-progress)}.rs-stepper--vertical .rs-stepper__step{flex-direction:row;align-items:flex-start;text-align:left;width:100%;min-width:0;padding:0 0 32px}.rs-stepper--vertical .rs-stepper__step:last-child{padding-bottom:0}.rs-stepper--vertical .rs-stepper__title,.rs-stepper--vertical .rs-stepper__date,.rs-stepper--vertical .rs-stepper__time{margin-top:0;text-align:left;max-width:none}.rs-stepper--vertical .rs-stepper__title{margin-left:16px;padding-top:6px}.rs-stepper--vertical .rs-stepper__date,.rs-stepper--vertical .rs-stepper__time{margin-left:16px}@media(max-width:640px){.rs-stepper--vertical .rs-stepper__track{left:22px}.rs-stepper--responsive .rs-stepper__scroll,.rs-stepper--vertical .rs-stepper__scroll{max-height:min(70dvh,24rem);overflow-y:auto;overflow-x:hidden;padding-right:.25rem}}@media(max-width:640px){.rs-stepper--responsive .rs-stepper__row{flex-direction:column;align-items:flex-start;min-width:0;width:fit-content;padding:4px}.rs-stepper--responsive .rs-stepper__track{top:var(--rs-half-step);bottom:var(--rs-half-step);left:24px;right:auto;width:2px;height:auto;transform:translate(-1px)}.rs-stepper--responsive .rs-stepper__track:before{content:"";position:absolute;left:0;top:calc(-1 * (var(--rs-half-step) / 2));bottom:calc(-1 * (var(--rs-half-step) / 2));width:100%;background-image:linear-gradient(to bottom,var(--rs-left-side-color) 0,var(--rs-left-side-color) calc(var(--rs-half-step) / 2),var(--rs-line-color) calc(var(--rs-half-step) / 2),var(--rs-line-color) calc(100% - (var(--rs-half-step) / 2)),var(--rs-right-side-color) calc(100% - (var(--rs-half-step) / 2)),var(--rs-right-side-color) 100%);z-index:0}.rs-stepper--responsive .rs-stepper__progress{position:relative;left:auto;width:100%;height:var(--rs-progress)}.rs-stepper--responsive .rs-stepper__step{flex-direction:row;align-items:flex-start;text-align:left;width:100%;min-width:0;padding:0 0 32px}.rs-stepper--responsive .rs-stepper__step:last-child{padding-bottom:0}.rs-stepper--responsive .rs-stepper__title,.rs-stepper--responsive .rs-stepper__date,.rs-stepper--responsive .rs-stepper__time{margin-top:0;text-align:left;max-width:none}.rs-stepper--responsive .rs-stepper__title{margin-left:16px;padding-top:4px}.rs-stepper--responsive .rs-stepper__date,.rs-stepper--responsive .rs-stepper__time{margin-left:16px}}.summary-detail-card{--summary-detail-card-border: #E5E7EB;--summary-detail-card-bg: #F9FAFB;--summary-detail-card-label-color: #94a3b8;--summary-detail-card-value-color: #0f172a;--summary-detail-card-radius: .75rem;--summary-detail-card-row-padding-y: 1rem;--summary-detail-card-row-padding-x: 1rem;--summary-detail-card-gap-x: 1.5rem;--summary-detail-card-gap-y: 1rem;border-radius:var(--summary-detail-card-radius);border:1px solid var(--summary-detail-card-border);background:var(--summary-detail-card-bg);box-sizing:border-box}.summary-detail-card *,.summary-detail-card *:before,.summary-detail-card *:after{box-sizing:border-box}.summary-detail-card__row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--summary-detail-card-gap-y) var(--summary-detail-card-gap-x);padding:var(--summary-detail-card-row-padding-y) var(--summary-detail-card-row-padding-x)}.summary-detail-card__row+.summary-detail-card__row{border-top:1px solid var(--summary-detail-card-border)}.summary-detail-card__field{grid-column:span var(--dc-span, 1);min-width:0}.summary-detail-card__label{margin:0;font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--summary-detail-card-label-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-detail-card__value{margin:.25rem 0 0;font-size:.875rem;font-weight:700;color:var(--summary-detail-card-value-color);overflow-wrap:break-word}.summary-detail-card__value--lg{font-size:1rem}@media(min-width:640px){.summary-detail-card{--summary-detail-card-row-padding-y: .4rem;--summary-detail-card-row-padding-x: 1rem}.summary-detail-card__label{font-size:11px}.summary-detail-card__value{font-size:13px}.summary-detail-card__value--lg{font-size:.875rem}}@media(max-width:639px){.summary-detail-card__row{grid-template-columns:1fr}.summary-detail-card__field{grid-column:1 / -1}}
|
package/dist/navigation.es.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import * as T from "react";
|
|
3
|
-
import { useState as C, memo as
|
|
3
|
+
import { useState as C, memo as z, useMemo as D } from "react";
|
|
4
4
|
const W = ({
|
|
5
5
|
tabs: r,
|
|
6
|
-
defaultValue:
|
|
6
|
+
defaultValue: l,
|
|
7
7
|
value: t,
|
|
8
8
|
onValueChange: i,
|
|
9
9
|
className: s = "",
|
|
10
10
|
tabListClassName: n = "",
|
|
11
11
|
tabButtonClassName: h = "",
|
|
12
12
|
contentClassName: b = "",
|
|
13
|
-
showTabNumbers:
|
|
14
|
-
showContent:
|
|
13
|
+
showTabNumbers: o = !0,
|
|
14
|
+
showContent: c = !0,
|
|
15
15
|
animated: f = !0
|
|
16
16
|
}) => {
|
|
17
17
|
var k;
|
|
18
18
|
const p = t !== void 0, [_, y] = C(
|
|
19
|
-
|
|
19
|
+
l || ((k = r[0]) == null ? void 0 : k.id) || ""
|
|
20
20
|
), u = p ? t : _, w = (a) => {
|
|
21
21
|
p || y(a), i == null || i(a);
|
|
22
22
|
}, v = r.find((a) => a.id === u), N = {
|
|
@@ -81,7 +81,7 @@ const W = ({
|
|
|
81
81
|
overflowY: "auto",
|
|
82
82
|
minHeight: 0
|
|
83
83
|
};
|
|
84
|
-
return /* @__PURE__ */
|
|
84
|
+
return /* @__PURE__ */ d(
|
|
85
85
|
"div",
|
|
86
86
|
{
|
|
87
87
|
className: s,
|
|
@@ -176,7 +176,7 @@ const W = ({
|
|
|
176
176
|
className: `ctabs-list ${n}`,
|
|
177
177
|
children: r.map((a, L) => {
|
|
178
178
|
const F = u === a.id;
|
|
179
|
-
return /* @__PURE__ */
|
|
179
|
+
return /* @__PURE__ */ d(
|
|
180
180
|
"button",
|
|
181
181
|
{
|
|
182
182
|
role: "tab",
|
|
@@ -191,7 +191,7 @@ const W = ({
|
|
|
191
191
|
},
|
|
192
192
|
className: `ctabs-btn ${h}`,
|
|
193
193
|
children: [
|
|
194
|
-
|
|
194
|
+
o && /* @__PURE__ */ e(
|
|
195
195
|
"span",
|
|
196
196
|
{
|
|
197
197
|
className: "ctabs-badge",
|
|
@@ -208,11 +208,11 @@ const W = ({
|
|
|
208
208
|
})
|
|
209
209
|
}
|
|
210
210
|
),
|
|
211
|
-
|
|
211
|
+
c && v && /* @__PURE__ */ e("div", { style: E, className: b, children: v.content })
|
|
212
212
|
]
|
|
213
213
|
}
|
|
214
214
|
);
|
|
215
|
-
}, I = (r) => /* @__PURE__ */ T.createElement("svg", { viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ T.createElement("path", { d: "M2 6.2L4.6 8.8L10 3", stroke: "#ffffff", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" })),
|
|
215
|
+
}, I = (r) => /* @__PURE__ */ T.createElement("svg", { viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r }, /* @__PURE__ */ T.createElement("path", { d: "M2 6.2L4.6 8.8L10 3", stroke: "#ffffff", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" })), B = z(({ computed: r, showTime: l }) => {
|
|
216
216
|
const { step: t, index: i, status: s } = r, n = [
|
|
217
217
|
"rs-stepper__circle",
|
|
218
218
|
s === "completed" ? "rs-stepper__circle--completed" : "",
|
|
@@ -222,20 +222,20 @@ const W = ({
|
|
|
222
222
|
s === "pending" ? "rs-stepper__title--pending" : "",
|
|
223
223
|
s === "active" ? "rs-stepper__title--active" : ""
|
|
224
224
|
].filter(Boolean).join(" ");
|
|
225
|
-
return /* @__PURE__ */
|
|
226
|
-
/* @__PURE__ */
|
|
225
|
+
return /* @__PURE__ */ d("div", { className: "rs-stepper__step", children: [
|
|
226
|
+
/* @__PURE__ */ d("div", { className: "rs-stepper__circle-wrap", children: [
|
|
227
227
|
/* @__PURE__ */ e("div", { className: n, children: i !== 0 ? i : null }),
|
|
228
228
|
s === "completed" && /* @__PURE__ */ e("span", { className: "rs-stepper__check", "aria-hidden": "true", children: /* @__PURE__ */ e(I, {}) })
|
|
229
229
|
] }),
|
|
230
230
|
/* @__PURE__ */ e("div", { className: h, children: t.title }),
|
|
231
231
|
t.date && /* @__PURE__ */ e("div", { className: "rs-stepper__date", children: t.date }),
|
|
232
|
-
|
|
232
|
+
l && t.time && /* @__PURE__ */ e("div", { className: "rs-stepper__time", children: t.time })
|
|
233
233
|
] });
|
|
234
234
|
});
|
|
235
|
-
|
|
235
|
+
B.displayName = "StepCircle";
|
|
236
236
|
const $ = ({
|
|
237
237
|
steps: r,
|
|
238
|
-
currentStep:
|
|
238
|
+
currentStep: l,
|
|
239
239
|
completedColor: t = "#059669",
|
|
240
240
|
pendingColor: i = "#9ca3af",
|
|
241
241
|
activeColor: s = "#059669",
|
|
@@ -243,13 +243,13 @@ const $ = ({
|
|
|
243
243
|
showTime: h = !0,
|
|
244
244
|
orientation: b = "responsive"
|
|
245
245
|
}) => {
|
|
246
|
-
const
|
|
246
|
+
const o = r.length, c = l > o, f = Math.max(1, Math.min(l, o)), p = c ? Math.max(0, o - 1) : Math.max(0, Math.min(o - 1, f - 1)), _ = D(
|
|
247
247
|
() => r.map((m, g) => {
|
|
248
248
|
let x = "pending";
|
|
249
|
-
return
|
|
249
|
+
return c || g < p ? x = "completed" : g === p && (x = "active"), { step: m, index: g, status: x };
|
|
250
250
|
}),
|
|
251
|
-
[r, p,
|
|
252
|
-
), y =
|
|
251
|
+
[r, p, c]
|
|
252
|
+
), y = o > 0 ? 100 / o / 2 : 0, u = o > 1 ? c ? 100 : p / (o - 1) * 100 : 0, w = c || f > 1 ? t : n, v = c || f > o ? t : n, N = {
|
|
253
253
|
"--rs-completed-color": t,
|
|
254
254
|
"--rs-pending-color": i,
|
|
255
255
|
"--rs-active-color": s,
|
|
@@ -259,12 +259,12 @@ const $ = ({
|
|
|
259
259
|
"--rs-left-side-color": w,
|
|
260
260
|
"--rs-right-side-color": v
|
|
261
261
|
};
|
|
262
|
-
return
|
|
262
|
+
return o === 0 ? null : /* @__PURE__ */ d("div", { className: "border border-[#E5E7EB] py-2 mx-2 rounded-lg bg-[#F9FAFB] shadow-[0px_2px_4px_-1px_#00000008,0px_4px_6px_-1px_#0000000D]", children: [
|
|
263
263
|
/* @__PURE__ */ e("div", { className: "pl-2 pt-2 pb-3 text-[14px] font-bold", children: "Workflow Progress" }),
|
|
264
|
-
/* @__PURE__ */ e("div", { className: `rs-stepper ${b === "vertical" ? "rs-stepper--vertical" : b === "horizontal" ? "rs-stepper--horizontal" : "rs-stepper--responsive"}`, style: N, children: /* @__PURE__ */ e("div", { className: "rs-stepper__scroll", children: /* @__PURE__ */
|
|
264
|
+
/* @__PURE__ */ e("div", { className: `rs-stepper ${b === "vertical" ? "rs-stepper--vertical" : b === "horizontal" ? "rs-stepper--horizontal" : "rs-stepper--responsive"}`, style: N, children: /* @__PURE__ */ e("div", { className: "rs-stepper__scroll", children: /* @__PURE__ */ d("div", { className: "rs-stepper__row", children: [
|
|
265
265
|
/* @__PURE__ */ e("div", { className: "rs-stepper__track", children: /* @__PURE__ */ e("div", { className: "rs-stepper__progress" }) }),
|
|
266
266
|
_.map((m) => /* @__PURE__ */ e(
|
|
267
|
-
|
|
267
|
+
B,
|
|
268
268
|
{
|
|
269
269
|
computed: m,
|
|
270
270
|
showTime: h
|
|
@@ -273,10 +273,10 @@ const $ = ({
|
|
|
273
273
|
))
|
|
274
274
|
] }) }) })
|
|
275
275
|
] });
|
|
276
|
-
}, P =
|
|
276
|
+
}, P = z($), H = ({
|
|
277
277
|
rows: r,
|
|
278
|
-
className:
|
|
279
|
-
}) => /* @__PURE__ */ e("div", { className: `summary-detail-card ${
|
|
278
|
+
className: l = "mt-2 mx-2"
|
|
279
|
+
}) => /* @__PURE__ */ e("div", { className: `summary-detail-card ${l}`.trim(), children: r.map((t, i) => /* @__PURE__ */ e("div", { className: "summary-detail-card__row", children: t.map((s, n) => /* @__PURE__ */ d(
|
|
280
280
|
"div",
|
|
281
281
|
{
|
|
282
282
|
className: "summary-detail-card__field",
|
|
@@ -293,26 +293,37 @@ const $ = ({
|
|
|
293
293
|
]
|
|
294
294
|
},
|
|
295
295
|
n
|
|
296
|
-
)) }, i)) }),
|
|
296
|
+
)) }, i)) }), A = ({
|
|
297
297
|
title: r,
|
|
298
|
-
description:
|
|
298
|
+
description: l,
|
|
299
299
|
icon: t,
|
|
300
300
|
className: i = "",
|
|
301
301
|
children: s
|
|
302
|
-
}) => /* @__PURE__ */
|
|
302
|
+
}) => /* @__PURE__ */ d(
|
|
303
303
|
"div",
|
|
304
304
|
{
|
|
305
305
|
className: `flex flex-col items-center justify-center py-4 px-4 text-center ${i}`,
|
|
306
306
|
children: [
|
|
307
307
|
t && /* @__PURE__ */ e("div", { className: "mb-2", children: t }),
|
|
308
308
|
/* @__PURE__ */ e("div", { className: "text-[14px] font-semibold text-[#34343F]", children: r }),
|
|
309
|
-
(
|
|
309
|
+
(l || s) && /* @__PURE__ */ e(
|
|
310
|
+
"div",
|
|
311
|
+
{
|
|
312
|
+
className: "mt-2 max-w-[650px]",
|
|
313
|
+
style: {
|
|
314
|
+
fontSize: "12px",
|
|
315
|
+
lineHeight: 1.6,
|
|
316
|
+
color: "#A19D9D"
|
|
317
|
+
},
|
|
318
|
+
children: s ?? l
|
|
319
|
+
}
|
|
320
|
+
)
|
|
310
321
|
]
|
|
311
322
|
}
|
|
312
323
|
);
|
|
313
324
|
export {
|
|
314
325
|
W as CustomTabs,
|
|
315
|
-
|
|
326
|
+
A as EmptyState,
|
|
316
327
|
P as Stepper,
|
|
317
|
-
|
|
328
|
+
H as SummaryDetailsCard
|
|
318
329
|
};
|