|
1
|
-
import{g as generateUtilityClass,a as generateUtilityClasses,b as styled,_ as _extends,r as react,u as useThemeProps,e as _objectWithoutPropertiesLoose,fX as StepperContext,j as jsxRuntime,f as clsx,fY as StepContext,h as composeClasses,bc as createSvgIcon,dt as SvgIcon,fS as StepConnector}from"./js-core.esm.js";function getStepUtilityClass(e){return generateUtilityClass("MuiStep",e)}generateUtilityClasses("MuiStep",["root","horizontal","vertical","alternativeLabel","completed"]);const _excluded$3=["active","children","className","completed","disabled","expanded","index","last"],useUtilityClasses$3=e=>{var{classes:e,orientation:t,alternativeLabel:a,completed:o}=e;return composeClasses({root:["root",t,a&&"alternativeLabel",o&&"completed"]},getStepUtilityClass,e)},StepRoot=styled("div",{name:"MuiStep",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,t[e.orientation],e.alternativeLabel&&t.alternativeLabel,e.completed&&t.completed]}})(({ownerState:e})=>_extends({},"horizontal"===e.orientation&&{paddingLeft:8,paddingRight:8},e.alternativeLabel&&{flex:1,position:"relative"})),Step=react.exports.forwardRef(function(e,t){e=useThemeProps({props:e,name:"MuiStep"});const{active:a,children:o,className:r,completed:s,disabled:n,expanded:l=!1,index:i,last:c}=e,p=_objectWithoutPropertiesLoose(e,_excluded$3);var{activeStep:d,connector:x,alternativeLabel:m,orientation:u,nonLinear:S}=react.exports.useContext(StepperContext);let[v=!1,b=!1,C=!1]=[a,s,n];d===i?v=void 0===a||a:!S&&d>i?b=void 0===s||s:!S&&d<i&&(C=void 0===n||n);S=react.exports.useMemo(()=>({index:i,last:c,expanded:l,icon:i+1,active:v,completed:b,disabled:C}),[i,c,l,v,b,C]),d=_extends({},e,{active:v,orientation:u,alternativeLabel:m,completed:b,disabled:C,expanded:l}),e=useUtilityClasses$3(d),u=jsxRuntime.exports.jsxs(StepRoot,_extends({className:clsx(e.root,r),ref:t,ownerState:d},p,{children:[x&&m&&0!==i?x:null,o]}));return jsxRuntime.exports.jsx(StepContext.Provider,{value:S,children:x&&!m&&0!==i?jsxRuntime.exports.jsxs(react.exports.Fragment,{children:[x,u]}):u})});var Step$1=Step,CheckCircle=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z"}),"CheckCircle"),Warning=createSvgIcon(jsxRuntime.exports.jsx("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}),"Warning");function getStepIconUtilityClass(e){return generateUtilityClass("MuiStepIcon",e)}const stepIconClasses=generateUtilityClasses("MuiStepIcon",["root","active","completed","error","text"]);var _circle,stepIconClasses$1=stepIconClasses;const _excluded$2=["active","className","completed","error","icon"],useUtilityClasses$2=e=>{var{classes:e,active:t,completed:a,error:o}=e;return composeClasses({root:["root",t&&"active",a&&"completed",o&&"error"],text:["text"]},getStepIconUtilityClass,e)},StepIconRoot=styled(SvgIcon,{name:"MuiStepIcon",slot:"Root",overridesResolver:(e,t)=>t.root})(({theme:e})=>({display:"block",transition:e.transitions.create("color",{duration:e.transitions.duration.shortest}),color:e.palette.text.disabled,["&."+stepIconClasses$1.completed]:{color:e.palette.primary.main},["&."+stepIconClasses$1.active]:{color:e.palette.primary.main},["&."+stepIconClasses$1.error]:{color:e.palette.error.main}})),StepIconText=styled("text",{name:"MuiStepIcon",slot:"Text",overridesResolver:(e,t)=>t.text})(({theme:e})=>({fill:e.palette.primary.contrastText,fontSize:e.typography.caption.fontSize,fontFamily:e.typography.fontFamily})),StepIcon=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiStepIcon"}),{active:a=!1,className:o,completed:r=!1,error:s=!1,icon:n}=e,l=_objectWithoutPropertiesLoose(e,_excluded$2),e=_extends({},e,{active:a,completed:r,error:s}),a=useUtilityClasses$2(e);return"number"==typeof n||"string"==typeof n?(o=clsx(o,a.root),s?jsxRuntime.exports.jsx(StepIconRoot,_extends({as:Warning,className:o,ref:t,ownerState:e},l)):r?jsxRuntime.exports.jsx(StepIconRoot,_extends({as:CheckCircle,className:o,ref:t,ownerState:e},l)):jsxRuntime.exports.jsxs(StepIconRoot,_extends({className:o,ref:t,ownerState:e},l,{children:[_circle=_circle||jsxRuntime.exports.jsx("circle",{cx:"12",cy:"12",r:"12"}),jsxRuntime.exports.jsx(StepIconText,{className:a.text,x:"12",y:"16",textAnchor:"middle",ownerState:e,children:n})]}))):n});var StepIcon$1=StepIcon;function getStepLabelUtilityClass(e){return generateUtilityClass("MuiStepLabel",e)}const stepLabelClasses=generateUtilityClasses("MuiStepLabel",["root","horizontal","vertical","label","active","completed","error","disabled","iconContainer","alternativeLabel","labelContainer"]);var stepLabelClasses$1=stepLabelClasses;const _excluded$1=["children","className","componentsProps","error","icon","optional","StepIconComponent","StepIconProps"],useUtilityClasses$1=e=>{var{classes:e,orientation:t,active:a,completed:o,error:r,disabled:s,alternativeLabel:n}=e;return composeClasses({root:["root",t,r&&"error",s&&"disabled",n&&"alternativeLabel"],label:["label",a&&"active",o&&"completed",r&&"error",s&&"disabled",n&&"alternativeLabel"],iconContainer:["iconContainer",n&&"alternativeLabel"],labelContainer:["labelContainer"]},getStepLabelUtilityClass,e)},StepLabelRoot=styled("span",{name:"MuiStepLabel",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,t[e.orientation]]}})(({ownerState:e})=>_extends({display:"flex",alignItems:"center",["&."+stepLabelClasses$1.alternativeLabel]:{flexDirection:"column"},["&."+stepLabelClasses$1.disabled]:{cursor:"default"}},"vertical"===e.orientation&&{textAlign:"left",padding:"8px 0"})),StepLabelLabel=styled("span",{name:"MuiStepLabel",slot:"Label",overridesResolver:(e,t)=>t.label})(({theme:e})=>_extends({},e.typography.body2,{display:"block",transition:e.transitions.create("color",{duration:e.transitions.duration.shortest}),["&."+stepLabelClasses$1.active]:{color:e.palette.text.primary,fontWeight:500},["&."+stepLabelClasses$1.completed]:{color:e.palette.text.primary,fontWeight:500},["&."+stepLabelClasses$1.alternativeLabel]:{textAlign:"center",marginTop:16},["&."+stepLabelClasses$1.error]:{color:e.palette.error.main}})),StepLabelIconContainer=styled("span",{name:"MuiStepLabel",slot:"IconContainer",overridesResolver:(e,t)=>t.iconContainer})(()=>({flexShrink:0,display:"flex",paddingRight:8,["&."+stepLabelClasses$1.alternativeLabel]:{paddingRight:0}})),StepLabelLabelContainer=styled("span",{name:"MuiStepLabel",slot:"LabelContainer",overridesResolver:(e,t)=>t.labelContainer})(({theme:e})=>({width:"100%",color:e.palette.text.secondary})),StepLabel=react.exports.forwardRef(function(e,t){var e=useThemeProps({props:e,name:"MuiStepLabel"}),{children:a,className:o,componentsProps:r={},error:s=!1,icon:n,optional:l,StepIconComponent:i,StepIconProps:c}=e,p=_objectWithoutPropertiesLoose(e,_excluded$1),{alternativeLabel:d,orientation:x}=react.exports.useContext(StepperContext),{active:m,disabled:u,completed:S,icon:v}=react.exports.useContext(StepContext),n=n||v;let b=i;n&&!b&&(b=StepIcon$1);v=_extends({},e,{active:m,alternativeLabel:d,completed:S,disabled:u,error:s,orientation:x}),i=useUtilityClasses$1(v);return jsxRuntime.exports.jsxs(StepLabelRoot,_extends({className:clsx(i.root,o),ref:t,ownerState:v},p,{children:[n||b?jsxRuntime.exports.jsx(StepLabelIconContainer,{className:i.iconContainer,ownerState:v,children:jsxRuntime.exports.jsx(b,_extends({completed:S,active:m,error:s,icon:n},c))}):null,jsxRuntime.exports.jsxs(StepLabelLabelContainer,{className:i.labelContainer,ownerState:v,children:[a?jsxRuntime.exports.jsx(StepLabelLabel,_extends({className:i.label,ownerState:v},r.label,{children:a})):null,l]})]}))});StepLabel.muiName="StepLabel";var StepLabel$1=StepLabel;function getStepperUtilityClass(e){return generateUtilityClass("MuiStepper",e)}generateUtilityClasses("MuiStepper",["root","horizontal","vertical","alternativeLabel"]);const _excluded=["activeStep","alternativeLabel","children","className","connector","nonLinear","orientation"],useUtilityClasses=e=>{var{orientation:e,alternativeLabel:t,classes:a}=e;return composeClasses({root:["root",e,t&&"alternativeLabel"]},getStepperUtilityClass,a)},StepperRoot=styled("div",{name:"MuiStepper",slot:"Root",overridesResolver:(e,t)=>{e=e.ownerState;return[t.root,t[e.orientation],e.alternativeLabel&&t.alternativeLabel]}})(({ownerState:e})=>_extends({display:"flex"},"horizontal"===e.orientation&&{flexDirection:"row",alignItems:"center"},"vertical"===e.orientation&&{flexDirection:"column"},e.alternativeLabel&&{alignItems:"flex-start"})),defaultConnector=jsxRuntime.exports.jsx(StepConnector,{}),Stepper=react.exports.forwardRef(function(e,t){e=useThemeProps({props:e,name:"MuiStepper"});const{activeStep:a=0,alternativeLabel:o=!1,children:r,className:s,connector:n=defaultConnector,nonLinear:l=!1,orientation:i="horizontal"}=e,c=_objectWithoutPropertiesLoose(e,_excluded);var e=_extends({},e,{alternativeLabel:o,orientation:i}),p=useUtilityClasses(e);const d=react.exports.Children.toArray(r).filter(Boolean);var x=d.map((e,t)=>react.exports.cloneElement(e,_extends({index:t,last:t+1===d.length},e.props))),m=react.exports.useMemo(()=>({activeStep:a,alternativeLabel:o,connector:n,nonLinear:l,orientation:i}),[a,o,n,l,i]);return jsxRuntime.exports.jsx(StepperContext.Provider,{value:m,children:jsxRuntime.exports.jsx(StepperRoot,_extends({ownerState:e,className:clsx(p.root,s),ref:t},c,{children:x}))})});var Stepper$1=Stepper;export{Stepper$1 as S,Step$1 as a,StepLabel$1 as b};
|