primereact/inputnumber/index.mjs

A rich set of premium UI Components for React.

'use client';

var D=Object.defineProperty;var w=(t,r)=>{for(var o in r)D(t,o,{get:r[o],enumerable:!0})};import{createOptionalContext as E}from"@primereact/core/utils";var[v,n]=E();var G={};w(G,{Decrement:()=>f,Group:()=>d,Increment:()=>b,Input:()=>N,Root:()=>R});import{Component as H,withComponent as V}from"@primereact/core/component";import{mergeProps as _}from"@primeuix/utils";import*as C from"react";var c={as:"button"};var f=V({name:"InputNumber.Decrement",defaultProps:c,setup(){return{inputnumber:n()}},render(t){let{props:r,ptmi:o,inputnumber:e}=t,p=_(e?.decrementProps,{className:e?.cx("decrement")},e?.ptm("decrement"),o("root"));return C.createElement(H,{instance:t,attrs:p,children:r.children})}});import{Component as k,withComponent as z}from"@primereact/core/component";import{mergeProps as L}from"@primeuix/utils";import*as i from"react";var l={as:"div"};var d=z({name:"InputNumber.Group",defaultProps:l,setup(){let t=n(),{_registerGroup:r,_unregisterGroup:o}=t??{};return i.useEffect(()=>(r?.(),()=>{o?.()}),[r,o]),{inputnumber:t}},render(t){let{props:r,ptmi:o,inputnumber:e}=t,p=L({className:e?.cx("group")},e?.ptm("group"),o("root"));return i.createElement(k,{instance:t,attrs:p,children:r.children})}});import{Component as M,withComponent as O}from"@primereact/core/component";import{mergeProps as S}from"@primeuix/utils";import*as y from"react";var I={as:"button"};var b=O({name:"InputNumber.Increment",defaultProps:I,setup(){return{inputnumber:n()}},render(t){let{props:r,ptmi:o,inputnumber:e}=t,p=S(e?.incrementProps,{className:e?.cx("increment")},e?.ptm("increment"),o("root"));return y.createElement(M,{instance:t,attrs:p,children:r.children})}});import{Component as T,withComponent as j}from"@primereact/core/component";import{mergeProps as q}from"@primeuix/utils";import*as m from"react";var P={as:"input"};var N=j({name:"InputNumber.Input",defaultProps:P,setup(){let t=n(),r=m.useRef(null),o=t?.state.formattedValue,e=t?.props?.value!==void 0;return m.useEffect(()=>{e||!r.current||document.activeElement!==r.current&&r.current.value!==o&&(r.current.value=o??"")},[o,e]),{inputnumber:t,inputRef:r}},render(t){let{props:r,ptmi:o,inputnumber:e,inputRef:p}=t,s=e?.props?.value!==void 0,a=e?{[s?"value":"defaultValue"]:e.state.formattedValue}:void 0,g=q({ref:p},e?.inputProps,a,{className:e?.cx("input")},e?.ptm("input"),o("root"));return m.createElement(T,{instance:t,attrs:g,children:r.children})}});import{Component as A,withComponent as B}from"@primereact/core/component";import{useInputNumber as F}from"@primereact/headless/inputnumber";import{mergeProps as J}from"@primeuix/utils";import*as u from"react";import*as h from"@primereact/headless/inputnumber";var x={...h.defaultProps,as:"div",size:void 0,variant:void 0,fluid:void 0,layout:void 0};var R=B({name:"InputNumber.Root",defaultProps:x,setup(t){let r=F(t?.inProps),[o,e]=u.useState(!1),p=u.useCallback(()=>e(!0),[]),s=u.useCallback(()=>e(!1),[]);return{...r,state:{...r.state,hasGroup:o},_registerGroup:p,_unregisterGroup:s}},render(t){let{id:r,props:o,ptmi:e,cx:p,rootProps:s}=t,a=J(s,{id:r,className:p("root"),...o.fluid?{"data-fluid":""}:{},...o.layout?{"data-layout":o.layout}:{}},e("root"));return u.createElement(v,{value:t},u.createElement(A,{instance:t,attrs:a,children:o.children}))}});export{G as InputNumber,f as InputNumberDecrement,d as InputNumberGroup,b as InputNumberIncrement,N as InputNumberInput,v as InputNumberProvider,R as InputNumberRoot,c as defaultDecrementProps,l as defaultGroupProps,I as defaultIncrementProps,P as defaultInputProps,x as defaultRootProps,n as useInputNumberContext};