UNPKG

@react-querybuilder/chakra

Version:

Custom Chakra UI components for react-querybuilder

2 lines 5.99 kB
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`react`);c=s(c);let l=require(`react-icons/fa`),u=require(`react-querybuilder`),d=require(`@chakra-ui/react`);const f=({className:e,handleOnClick:t,label:n,title:r,disabled:i,disabledTranslation:a,testID:o,rules:s,level:l,path:u,context:f,validation:p,ruleOrGroup:m,schema:h,...g})=>c.createElement(d.Button,{className:e,title:a&&i?a.title:r,onClick:e=>t(e),disabled:i&&!a,...g},a&&i?a.label:n),p=d.Switch.Control,m=d.Switch.Thumb,h=d.Switch.Label,g=c.forwardRef(function(e,t){let{inputProps:n,children:r,rootRef:i,trackLabel:a,thumbLabel:o,...s}=e;return c.createElement(d.Switch.Root,{ref:i,...s},c.createElement(d.Switch.HiddenInput,{ref:t,...n}),c.createElement(p,null,c.createElement(m,null,o&&c.createElement(d.Switch.ThumbIndicator,{fallback:o?.off},o?.on)),a&&c.createElement(d.Switch.Indicator,{fallback:a.off},a.on)),r!=null&&c.createElement(h,null,r))}),_=({className:e,handleOnChange:t,label:n,checked:r,title:i,disabled:a,path:o,context:s,validation:l,testID:u,schema:d,ruleGroup:f,...p})=>c.createElement(g,{title:i,className:e,disabled:a,checked:r,onCheckedChange:e=>t(e.checked),...p},n),v=d.Checkbox.Control,y=d.Checkbox.Label,b=c.forwardRef(function(e,t){let{icon:n,children:r,inputProps:i,rootRef:a,...o}=e;return c.createElement(d.Checkbox.Root,{ref:a,...o},c.createElement(d.Checkbox.HiddenInput,{ref:t,...i}),c.createElement(v,null,n||c.createElement(d.Checkbox.Indicator,null)),r!=null&&c.createElement(y,null,r))}),x=d.RadioGroup.Item,S=d.RadioGroup.ItemText,C=c.forwardRef(function(e,t){let{children:n,inputProps:r,rootRef:i,...a}=e;return c.createElement(x,{ref:i,...a},c.createElement(d.RadioGroup.ItemHiddenInput,{ref:t,...r}),c.createElement(d.RadioGroup.ItemIndicator,null),n&&c.createElement(S,null,n))}),w=d.RadioGroup.Root,T=e=>{let{fieldData:t,operator:n,value:r,handleOnChange:i,title:a,className:o,type:s,inputType:l,values:f=[],listsAsArrays:p,separator:m,valueSource:h,testID:_,disabled:v,selectorComponent:y=e.schema.controls.valueSelector,extraProps:x,parseNumbers:S,...T}=e,{valueAsArray:E,multiValueHandler:D,bigIntValueHandler:O,valueListItemClassName:k,inputTypeCoerced:A}=(0,u.useValueEditor)(e);if(n===`null`||n===`notNull`)return null;let j=t?.placeholder??``;if((n===`between`||n===`notBetween`)&&(s===`select`||s===`text`)){if(s===`text`){let e=[`from`,`to`].map((e,t)=>c.createElement(d.Input,{key:e,type:A,value:E[t]??``,disabled:v,className:k,placeholder:j,onChange:e=>D(e.target.value,t),...x}));return c.createElement(`span`,{"data-testid":_,className:o,title:a},e[0],m,e[1])}return c.createElement(u.ValueEditor,{...e,skipHook:!0})}switch(s){case`select`:return c.createElement(y,{...T,className:o,title:a,value:r,disabled:v,handleOnChange:i,options:f});case`multiselect`:return c.createElement(u.ValueEditor,{...e,skipHook:!0});case`textarea`:return c.createElement(d.Textarea,{value:r,title:a,disabled:v,className:o,placeholder:j,onChange:e=>i(e.target.value),...x});case`switch`:return c.createElement(g,{className:o,checked:!!r,title:a,disabled:v,onChange:e=>i(e.target.checked),...x});case`checkbox`:return c.createElement(b,{className:o,title:a,disabled:v,onChange:e=>i(e.target.checked),checked:!!r,...x});case`radio`:return c.createElement(w,{className:o,title:a,value:r,onChange:e=>i(e.target.value),disabled:v,...x},c.createElement(d.Stack,{direction:`row`},f.map(e=>c.createElement(C,{key:e.name,value:e.name},e.label))))}return l===`bigint`?c.createElement(d.Input,{"data-testid":_,type:A,placeholder:j,value:`${r}`,title:a,className:o,disabled:v,onChange:e=>O(e.target.value),...x}):c.createElement(d.Input,{type:A,value:r,title:a,disabled:v,className:o,placeholder:j,onChange:e=>i(e.target.value),...x})},E=c.forwardRef(function(e,t){let{icon:n,children:r,...i}=e;return c.createElement(d.NativeSelect.Root,{ref:t,...i},r,c.createElement(d.NativeSelect.Indicator,null,n))}),D=c.forwardRef(function(e,t){let{items:n,children:r,...i}=e,a=c.useMemo(()=>n?.map(e=>typeof e==`string`?{label:e,value:e}:e),[n]);return c.createElement(d.NativeSelect.Field,{ref:t,...i},r,a?.map(e=>c.createElement(`option`,{key:e.value,value:e.value,disabled:e.disabled},e.label)))}),O=({className:e,handleOnChange:t,options:n,value:r,title:i,disabled:a,testID:o,rule:s,ruleGroup:l,rules:d,level:f,path:p,context:m,validation:h,operator:g,field:_,fieldData:v,multiple:y,listsAsArrays:b,schema:x,...S})=>c.createElement(E,{className:e,title:i,...S},c.createElement(D,{value:r,onChange:e=>t(e.target.value),disabled:a},(0,u.toOptions)(n))),k={actionElement:f,valueSelector:O,notToggle:_,valueEditor:T},A={dragHandle:{label:c.createElement(l.FaGripVertical,null)},removeGroup:{label:c.createElement(l.FaTimes,null)},removeRule:{label:c.createElement(l.FaTimes,null)},cloneRuleGroup:{label:c.createElement(l.FaCopy,null)},cloneRule:{label:c.createElement(l.FaCopy,null)},lockGroup:{label:c.createElement(l.FaLockOpen,null)},lockRule:{label:c.createElement(l.FaLockOpen,null)},lockGroupDisabled:{label:c.createElement(l.FaLock,null)},lockRuleDisabled:{label:c.createElement(l.FaLock,null)},shiftActionDown:{label:c.createElement(l.FaChevronDown,null)},shiftActionUp:{label:c.createElement(l.FaChevronUp,null)}},j=(0,u.getCompatContextProvider)({controlElements:k,translations:A});exports.ChakraActionElement=f,exports.ChakraNotToggle=_,exports.ChakraValueEditor=T,exports.ChakraValueSelector=O,exports.QueryBuilderChakra=j,exports.chakraControlElements=k,exports.chakraTranslations=A; //# sourceMappingURL=react-querybuilder_chakra.cjs.production.js.map