primereact
Version:
A rich set of premium UI Components for React.
4 lines (2 loc) • 1.13 kB
JavaScript
'use client';
import{Component as v,withComponent as f}from"@primereact/core/component";import{mergeProps as x}from"@primeuix/utils";import*as r from"react";import{createOptionalContext as l}from"@primereact/core/utils";var[I,a]=l();import{createOptionalContext as u}from"@primereact/core/utils";var[b,m]=u();import{createOptionalContext as d}from"@primereact/core/utils";var[n,M]=d();var c={as:"div",value:void 0,disabled:!1};var k=f({name:"Stepper.Step",defaultProps:c,setup({props:t}){let e=a(),o=m(),p=r.useMemo(()=>o?o?.props?.value:t.value,[t.value,e?.state.value,o?.active]),s=r.useMemo(()=>e?.isStepActive(p),[p,e?.state.value]),i=r.useMemo(()=>!s&&(e?.isStepDisabled()||t.disabled),[s,e?.state.value,e?.props.linear,t.disabled]);return{stepper:e,stepperitem:o,activeValue:p,active:s,disabled:i}},render(t){let{props:e,ptmi:o,stepper:p,active:s,disabled:i}=t,S=x(p?.getStepProps({active:s,disabled:i}),{className:p?.cx("step",{active:s,disabled:i})},p?.ptm("step"),o("root"));return r.createElement(n,{value:t},r.createElement(v,{instance:t,attrs:S,children:e.children}))}});export{k as StepperStep,c as defaultStepProps};