aravint-ui-navigation 1.0.38 → 1.0.39
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
CHANGED
|
@@ -72,4 +72,4 @@
|
|
|
72
72
|
font-size: 10px;
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
-
`}),e.jsx("div",{style:j,className:`ctabs-list ${c}`,children:t.map((r,z)=>{const F=u===r.id;return e.jsxs("button",{role:"tab","aria-selected":F,disabled:r.disabled,onClick:()=>!r.disabled&&y(r.id),style:{...S,...F?x:f,opacity:r.disabled?.5:1,cursor:r.disabled?"not-allowed":"pointer"},className:`ctabs-btn ${h}`,children:[o&&e.jsx("span",{className:"ctabs-badge",style:F?b:R,children:z+1}),r.icon,e.jsx("span",{className:"ctabs-label",children:r.label})]},r.id)})}),l&&v&&e.jsx("div",{style:B,className:d,children:v.content})]})},M=t=>k.createElement("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},k.createElement("path",{d:"M2 6.2L4.6 8.8L10 3",stroke:"#ffffff",strokeWidth:1.6,strokeLinecap:"round",strokeLinejoin:"round"})),T=g.memo(({computed:t,showTime:a})=>{const{step:s,index:i,status:n}=t,c=["rs-stepper__circle",n==="completed"?"rs-stepper__circle--completed":"",n==="active"?"rs-stepper__circle--active":""].filter(Boolean).join(" "),h=["rs-stepper__title",n==="pending"?"rs-stepper__title--pending":"",n==="active"?"rs-stepper__title--active":""].filter(Boolean).join(" "),d=i!==0;return e.jsxs("div",{className:"rs-stepper__step",children:[e.jsxs("div",{className:"rs-stepper__circle-wrap",children:[e.jsx("div",{className:c,children:d?i:null}),n==="completed"&&e.jsx("span",{className:"rs-stepper__check","aria-hidden":"true",children:e.jsx(M,{})})]}),e.jsx("div",{className:h,children:s.title}),s.date&&e.jsx("div",{className:"rs-stepper__date",children:s.date}),a&&s.time&&e.jsx("div",{className:"rs-stepper__time",children:s.time})]})});T.displayName="StepCircle";const I=({steps:t,currentStep:a,completedColor:s="#059669",pendingColor:i="#9ca3af",activeColor:n="#059669",lineColor:c="#e5e7eb",showTime:h=!0,orientation:d="responsive"})=>{const o=t.length,l=a>o,m=Math.max(1,Math.min(a,o)),p=l?Math.max(0,o-1):Math.max(0,Math.min(o-1,m-1)),_=g.useMemo(()=>t.map((x,f)=>{let b="pending";return l||f<p?b="completed":f===p&&(b="active"),{step:x,index:f,status:b}}),[t,p,l]),w=o>0?100/o/2:0,u=o>1?l?100:p/(o-1)*100:0,y=l||m>1?s:c,v=l||m>o?s:c,j={"--rs-completed-color":s,"--rs-pending-color":i,"--rs-active-color":n,"--rs-line-color":c,"--rs-half-step":`${w}%`,"--rs-progress":`${u}%`,"--rs-left-side-color":y,"--rs-right-side-color":v};if(o===0)return null;const S=d==="vertical"?"rs-stepper--vertical":d==="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
|
|
75
|
+
`}),e.jsx("div",{style:j,className:`ctabs-list ${c}`,children:t.map((r,z)=>{const F=u===r.id;return e.jsxs("button",{role:"tab","aria-selected":F,disabled:r.disabled,onClick:()=>!r.disabled&&y(r.id),style:{...S,...F?x:f,opacity:r.disabled?.5:1,cursor:r.disabled?"not-allowed":"pointer"},className:`ctabs-btn ${h}`,children:[o&&e.jsx("span",{className:"ctabs-badge",style:F?b:R,children:z+1}),r.icon,e.jsx("span",{className:"ctabs-label",children:r.label})]},r.id)})}),l&&v&&e.jsx("div",{style:B,className:d,children:v.content})]})},M=t=>k.createElement("svg",{viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},k.createElement("path",{d:"M2 6.2L4.6 8.8L10 3",stroke:"#ffffff",strokeWidth:1.6,strokeLinecap:"round",strokeLinejoin:"round"})),T=g.memo(({computed:t,showTime:a})=>{const{step:s,index:i,status:n}=t,c=["rs-stepper__circle",n==="completed"?"rs-stepper__circle--completed":"",n==="active"?"rs-stepper__circle--active":""].filter(Boolean).join(" "),h=["rs-stepper__title",n==="pending"?"rs-stepper__title--pending":"",n==="active"?"rs-stepper__title--active":""].filter(Boolean).join(" "),d=i!==0;return e.jsxs("div",{className:"rs-stepper__step",children:[e.jsxs("div",{className:"rs-stepper__circle-wrap",children:[e.jsx("div",{className:c,children:d?i:null}),n==="completed"&&e.jsx("span",{className:"rs-stepper__check","aria-hidden":"true",children:e.jsx(M,{})})]}),e.jsx("div",{className:h,children:s.title}),s.date&&e.jsx("div",{className:"rs-stepper__date",children:s.date}),a&&s.time&&e.jsx("div",{className:"rs-stepper__time",children:s.time})]})});T.displayName="StepCircle";const I=({steps:t,currentStep:a,completedColor:s="#059669",pendingColor:i="#9ca3af",activeColor:n="#059669",lineColor:c="#e5e7eb",showTime:h=!0,orientation:d="responsive"})=>{const o=t.length,l=a>o,m=Math.max(1,Math.min(a,o)),p=l?Math.max(0,o-1):Math.max(0,Math.min(o-1,m-1)),_=g.useMemo(()=>t.map((x,f)=>{let b="pending";return l||f<p?b="completed":f===p&&(b="active"),{step:x,index:f,status:b}}),[t,p,l]),w=o>0?100/o/2:0,u=o>1?l?100:p/(o-1)*100:0,y=l||m>1?s:c,v=l||m>o?s:c,j={"--rs-completed-color":s,"--rs-pending-color":i,"--rs-active-color":n,"--rs-line-color":c,"--rs-half-step":`${w}%`,"--rs-progress":`${u}%`,"--rs-left-side-color":y,"--rs-right-side-color":v};if(o===0)return null;const S=d==="vertical"?"rs-stepper--vertical":d==="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 ${S}`,style:j,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:h},x.step.id))]})})})]})},C=g.memo(I);exports.CustomTabs=L;exports.Stepper=C;
|
package/dist/navigation.es.js
CHANGED
|
@@ -260,7 +260,7 @@ const j = ({
|
|
|
260
260
|
"--rs-right-side-color": u
|
|
261
261
|
};
|
|
262
262
|
return r === 0 ? null : /* @__PURE__ */ h("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
|
-
/* @__PURE__ */ e("div", { className: "pl-2 pt-2 pb-3 text-[14px] font-bold", children: "Workflow
|
|
263
|
+
/* @__PURE__ */ e("div", { className: "pl-2 pt-2 pb-3 text-[14px] font-bold", children: "Workflow Progress" }),
|
|
264
264
|
/* @__PURE__ */ e("div", { className: `rs-stepper ${m === "vertical" ? "rs-stepper--vertical" : m === "horizontal" ? "rs-stepper--horizontal" : "rs-stepper--responsive"}`, style: F, children: /* @__PURE__ */ e("div", { className: "rs-stepper__scroll", children: /* @__PURE__ */ h("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((c) => /* @__PURE__ */ e(
|
|
@@ -33,3 +33,13 @@ export interface StepperProps {
|
|
|
33
33
|
showTime?: boolean;
|
|
34
34
|
orientation?: string;
|
|
35
35
|
}
|
|
36
|
+
export type StepStatus = "completed" | "active" | "pending";
|
|
37
|
+
export interface ComputedStep {
|
|
38
|
+
step: StepItem;
|
|
39
|
+
index: number;
|
|
40
|
+
status: StepStatus;
|
|
41
|
+
}
|
|
42
|
+
export interface StepCircleProps {
|
|
43
|
+
computed: ComputedStep;
|
|
44
|
+
showTime: boolean;
|
|
45
|
+
}
|