primereact
Version:
A rich set of premium UI Components for React.
4 lines (2 loc) • 3.02 kB
JavaScript
'use client';
var B=Object.defineProperty;var f=(e,o)=>{for(var t in o)B(e,t,{get:o[t],enumerable:!0})};import{createOptionalContext as N}from"@primereact/core/utils";var[l,d]=N();var v={};f(v,{Box:()=>x,Indicator:()=>u,Root:()=>h});import{Component as w,withComponent as E}from"@primereact/core/component";import{mergeProps as S}from"@primeuix/utils";import*as C from"react";var s={as:"div"};var x=E({name:"CheckboxBox",defaultProps:s,setup(){return{checkbox:d()}},render(e){let{id:o,props:t,ptmi:r,checkbox:n}=e,p=S(n?.boxProps,{id:o,className:n?.cx("box")},n?.ptm("box"),r("root"));return C.createElement(w,{instance:e,attrs:p,children:t.children})}});import{Component as H,withComponent as L}from"@primereact/core/component";import{mergeProps as O}from"@primeuix/utils";import*as b from"react";var a={as:"span",match:"always"};var u=L({name:"CheckboxIndicator",defaultProps:a,setup(){return{checkbox:d()}},render(e){let{id:o,props:t,ptmi:r,checkbox:n}=e;if(t.match&&t.match!=="always"){let c=n?.props.indeterminate&&n?.state.indeterminate?"indeterminate":n?.state.checked?"checked":"unchecked";if(t.match!==c)return null}let p=O(n?.indicatorProps,{id:o,className:n?.cx("indicator")},n?.ptm("indicator"),r("root"));return b.createElement(H,{instance:e,attrs:p,children:t.children})}});import{Component as q,withComponent as z}from"@primereact/core/component";import{useCheckbox as F}from"@primereact/headless/checkbox";import{cn as G,mergeProps as P,resolve as V}from"@primeuix/utils";import{useCheckboxGroupContext as j}from"primereact/checkboxgroup";import*as m from"react";import*as k from"@primereact/headless/checkbox";var i={...k.defaultProps,as:"div",value:void 0,name:void 0,size:void 0,variant:void 0,tabIndex:void 0,disabled:!1,readOnly:!1,required:!1,invalid:!1,inputId:void 0,inputStyle:void 0,inputClassName:void 0,ariaLabel:void 0,ariaLabelledby:void 0,onFocus:void 0,onBlur:void 0};var h=z({name:"Checkbox.Root",defaultProps:i,setup(e){let{props:o,inProps:t}=e,r=j(),n=r?{...t,checked:r.state.value?.includes(o.value)??!1,defaultChecked:r.props.defaultValue?.includes(o.value),name:o.name??r.props.name,disabled:o.disabled||r.props.disabled,invalid:o.invalid||r.props.invalid,onCheckedChange:r.updateChange?c=>r.updateChange({...c,value:o.value}):void 0}:{...t,onCheckedChange:o.onCheckedChange?c=>o.onCheckedChange({...c,value:o.value}):void 0};return{...F(n),group:r}},render(e){let{id:o,props:t,ptmi:r,ptm:n,cx:p,inputProps:c,rootProps:y}=e,I=P(c,{style:t.inputStyle,className:G(p("input"),t.inputClassName)},n("input")),g=P(y,{id:o,className:p("root")},r("root"));return m.createElement(l,{value:e},m.createElement(q,{instance:e,attrs:g},m.createElement("input",{...I}),V(t.children,e)))}});var R={};f(R,{defaultBoxProps:()=>s,defaultIndicatorProps:()=>a,defaultRootProps:()=>i});export{v as Checkbox,x as CheckboxBox,u as CheckboxIndicator,R as CheckboxProps,l as CheckboxProvider,h as CheckboxRoot,s as defaultBoxProps,a as defaultIndicatorProps,i as defaultRootProps,d as useCheckboxContext};