@react-querybuilder/tremor
Version:
Custom Tremor components for react-querybuilder
2 lines • 5.63 kB
JavaScript
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-querybuilder`);c=s(c);let l=require(`@tremor/react`);l=s(l);let u=require(`react`);u=s(u);let d=require(`dayjs`);d=s(d);const f=({className:e,handleOnClick:t,label:n,title:r,disabled:i,disabledTranslation:a,testID:o,rules:s,ruleOrGroup:c,path:d,level:f,context:p,validation:m,schema:h,...g})=>u.createElement(l.Button,{...g,"data-testid":o,type:`button`,variant:`primary`,className:e,title:a&&i?a.title:r,onClick:e=>t(e),disabled:i&&!a},a&&i?a.label:n),p=({className:e,handleOnChange:t,label:n,checked:r,title:i,disabled:a,testID:o,path:s,level:c,context:d,validation:f,schema:p,ruleGroup:m,...h})=>{let g=u.useId();return u.createElement(`div`,{className:e,"data-testid":o},u.createElement(l.Switch,{...h,id:g,name:g,title:i,disabled:a,checked:r,onChange:t}),u.createElement(`label`,{htmlFor:g,title:i},n))},m=({shiftUp:e,shiftDown:t,shiftUpDisabled:n,shiftDownDisabled:r,disabled:i,className:a,labels:o,titles:s,testID:c})=>u.createElement(`div`,{"data-testid":c,className:a},u.createElement(l.Button,{type:`button`,variant:`light`,disabled:i||n,onClick:e,title:s?.shiftUp},o?.shiftUp),u.createElement(l.Button,{type:`button`,variant:`light`,disabled:i||r,onClick:t,title:s?.shiftDown},o?.shiftDown)),h=(e,t)=>{let n=(0,c.isOptionGroupArray)(e)?e.flatMap(e=>e.options):e;return Array.isArray(n)?n.map(e=>t?u.createElement(l.MultiSelectItem,{key:e.name,value:e.name,"aria-disabled":!!e.disabled},e.label):u.createElement(l.SelectItem,{key:e.name,value:e.name,"aria-disabled":!!e.disabled},e.label)):null},g=({className:e,handleOnChange:t,options:n,value:r,title:i,disabled:a,multiple:o,listsAsArrays:s,testID:d,placeholder:f,fieldData:p,path:m,level:g,context:_,validation:v,schema:y,rule:b,ruleGroup:x,rules:S,...C})=>{let{onChange:w,val:T}=(0,c.useValueSelector)({handleOnChange:t,listsAsArrays:s,multiple:o,value:r}),E=u.useMemo(()=>h(n,o),[o,n]),{enableClear:D,...O}=C;return o?u.createElement(l.MultiSelect,{...O,"data-testid":d,title:i,className:e,disabled:a,value:(0,c.toArray)(T),placeholder:f,onValueChange:w},E):u.createElement(l.Select,{enableClear:!1,...C,"data-testid":d,title:i,className:e,value:r,disabled:a,onValueChange:w},E)},_=`YYYY-MM-DD`,v=e=>u.createElement(g,{...e,enableClear:!0}),y=e=>{let{fieldData:t,operator:n,value:r,handleOnChange:i,title:a,className:o,type:s,inputType:f,values:p,listsAsArrays:m,parseNumbers:h,separator:g,valueSource:y,disabled:b,testID:x,selectorComponent:S=v,validation:C,extraProps:w}=e,{valueAsArray:T,multiValueHandler:E,bigIntValueHandler:D,valueListItemClassName:O,inputTypeCoerced:k}=(0,c.useValueEditor)(e);if(n===`null`||n===`notNull`)return null;let A=t?.placeholder??``;if((n===`between`||n===`notBetween`)&&(s===`select`||s===`text`)&&k!==`date`){if(s===`text`){let e=[`from`,`to`].map((e,t)=>u.createElement(l.TextInput,{key:e,type:k,placeholder:A,value:T[t]??``,className:`${O} input`,disabled:b,onValueChange:e=>E(e,t),...w}));return u.createElement(`span`,{"data-testid":x,className:o,title:a},e[0],g,e[1])}return u.createElement(c.ValueEditor,{...e,skipHook:!0,selectorComponent:S})}switch(s){case`select`:case`multiselect`:return u.createElement(c.ValueEditor,{...e,skipHook:!0,selectorComponent:S});case`textarea`:return u.createElement(l.Textarea,{className:o,value:r,title:a,placeholder:A,disabled:b,onValueChange:i,...w});case`switch`:return u.createElement(l.Switch,{className:o,title:a,checked:r,disabled:b,onChange:i,...w});case`checkbox`:case`radio`:return u.createElement(c.ValueEditor,{...e,skipHook:!0})}if(k===`date`){if(n===`between`||n===`notBetween`){let e=[null,null].map((e,t)=>{if(!T[t])return e;let n=(0,d.default)(T[t]);return n.isValid()||(n=(0,d.default)(`${(0,d.default)().format(`YYYY-MM-DD`)}`)),n.toDate()});return u.createElement(l.DateRangePicker,{"data-testid":x,value:{from:e[0],to:e[1]},className:o,disabled:b,placeholder:A,enableSelect:!1,enableClear:!0,onValueChange:e=>{let t=[e.from,e.to].map(e=>e?(0,d.default)(e).format(_):``);i(m?t:t.join(`,`))},...w})}return u.createElement(l.DatePicker,{"data-testid":x,title:a,className:o,placeholder:A,disabled:b,enableClear:!0,value:r&&(0,d.default)(r).isValid()?(0,d.default)(r).toDate():void 0,onValueChange:e=>i(e?(0,d.default)(e).format(_):``),...w})}return k===`number`?u.createElement(l.NumberInput,{"data-testid":x,title:a,className:o,placeholder:A,disabled:b,value:r,onValueChange:i,...w}):f===`bigint`?u.createElement(l.TextInput,{"data-testid":x,type:k,placeholder:A,value:`${r}`,title:a,className:o,disabled:b,onChange:e=>D(e.target.value),...w}):u.createElement(l.TextInput,{"data-testid":x,title:a,className:o,placeholder:A,type:k,disabled:b,value:r,onValueChange:i,...w})},b={actionElement:f,notToggle:p,shiftActions:m,valueEditor:y,valueSelector:g},x={notToggle:`flex flex-row gap-1`},S=(0,c.getCompatContextProvider)({controlClassnames:x,controlElements:b});exports.QueryBuilderTremor=S,exports.TremorActionElement=f,exports.TremorNotToggle=p,exports.TremorShiftActions=m,exports.TremorValueEditor=y,exports.TremorValueSelector=g,exports.tremorControlClassnames=x,exports.tremorControlElements=b;
//# sourceMappingURL=react-querybuilder_tremor.cjs.production.js.map