UNPKG

@react-querybuilder/tremor

Version:

Custom Tremor components for react-querybuilder

2 lines 14.6 kB
import{getCompatContextProvider as ct}from"react-querybuilder";import{jsx as Ne}from"react/jsx-runtime";import{Button as Te}from"@tremor/react";function I(o){"@babel/helpers - typeof";return I=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},I(o)}var Se=["className","handleOnClick","label","title","disabled","disabledTranslation","testID","rules","ruleOrGroup","path","level","context","validation","schema"];function z(o,t){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);t&&(e=e.filter(function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable})),r.push.apply(r,e)}return r}function _(o){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?z(Object(r),!0).forEach(function(e){we(o,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))})}return o}function we(o,t,r){return(t=Pe(t))in o?Object.defineProperty(o,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):o[t]=r,o}function Pe(o){var t=xe(o,"string");return I(t)=="symbol"?t:t+""}function xe(o,t){if(I(o)!="object"||!o)return o;var r=o[Symbol.toPrimitive];if(r!==void 0){var e=r.call(o,t||"default");if(I(e)!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(o)}function De(o,t){if(o==null)return{};var r,e,n=Ce(o,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(o);for(e=0;e<s.length;e++)r=s[e],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(o,r)&&(n[r]=o[r])}return n}function Ce(o,t){if(o==null)return{};var r={};for(var e in o)if({}.hasOwnProperty.call(o,e)){if(t.indexOf(e)!==-1)continue;r[e]=o[e]}return r}var ee=function(t){var r=t.className,e=t.handleOnClick,n=t.label,s=t.title,u=t.disabled,a=t.disabledTranslation,i=t.testID,l=t.rules,d=t.ruleOrGroup,g=t.path,N=t.level,m=t.context,f=t.validation,E=t.schema,c=De(t,Se);return Ne(Te,_(_({},c),{},{"data-testid":i,type:"button",variant:"primary",className:r,title:a&&u?a.title:s,onClick:function(D){return e(D)},disabled:u&&!a,children:a&&u?a.label:n}))};import*as re from"react";var te=Symbol.for("react.memo_cache_sentinel");function Q(o){return re.useMemo(function(){for(var t=Array.from({length:o}),r=0;r<o;r++)t[r]=te;return t[te]=!0,t},[])}import{jsx as ae,jsxs as Ke}from"react/jsx-runtime";import{Switch as Ye}from"@tremor/react";import*as ie from"react";function k(o){"@babel/helpers - typeof";return k=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},k(o)}var Ae=["className","handleOnChange","label","checked","title","disabled","testID","path","level","context","validation","schema","ruleGroup"];function oe(o,t){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);t&&(e=e.filter(function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable})),r.push.apply(r,e)}return r}function ne(o){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?oe(Object(r),!0).forEach(function(e){Ee(o,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):oe(Object(r)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))})}return o}function Ee(o,t,r){return(t=Ve(t))in o?Object.defineProperty(o,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):o[t]=r,o}function Ve(o){var t=Ie(o,"string");return k(t)=="symbol"?t:t+""}function Ie(o,t){if(k(o)!="object"||!o)return o;var r=o[Symbol.toPrimitive];if(r!==void 0){var e=r.call(o,t||"default");if(k(e)!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(o)}function ke(o,t){if(o==null)return{};var r,e,n=Me(o,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(o);for(e=0;e<s.length;e++)r=s[e],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(o,r)&&(n[r]=o[r])}return n}function Me(o,t){if(o==null)return{};var r={};for(var e in o)if({}.hasOwnProperty.call(o,e)){if(t.indexOf(e)!==-1)continue;r[e]=o[e]}return r}var le=function(t){var r=Q(19),e,n,s,u,a,i,l,d;if(r[0]!==t){var g=t.className,N=t.handleOnChange,m=t.label,f=t.checked,E=t.title,c=t.disabled,j=t.testID,D=t.path,w=t.level,C=t.context,T=t.validation,v=t.schema,p=t.ruleGroup,P=ke(t,Ae);n=g,u=N,a=m,e=f,d=E,s=c,l=j,i=P,r[0]=t,r[1]=e,r[2]=n,r[3]=s,r[4]=u,r[5]=a,r[6]=i,r[7]=l,r[8]=d}else e=r[1],n=r[2],s=r[3],u=r[4],a=r[5],i=r[6],l=r[7],d=r[8];var x=ie.useId(),y;return r[9]!==e||r[10]!==n||r[11]!==s||r[12]!==u||r[13]!==x||r[14]!==a||r[15]!==i||r[16]!==l||r[17]!==d?(y=Ke("div",{className:n,"data-testid":l,children:[ae(Ye,ne(ne({},i),{},{id:x,name:x,title:d,disabled:s,checked:e,onChange:u})),ae("label",{htmlFor:x,title:d,children:a})]}),r[9]=e,r[10]=n,r[11]=s,r[12]=u,r[13]=x,r[14]=a,r[15]=i,r[16]=l,r[17]=d,r[18]=y):y=r[18],y};import{jsx as O,jsxs as et}from"react/jsx-runtime";import{DatePicker as tt,DateRangePicker as rt,NumberInput as ot,Switch as nt,TextInput as be,Textarea as at}from"@tremor/react";import A from"dayjs";import{ValueEditor as X,useValueEditor as it}from"react-querybuilder";import{jsx as pe}from"react/jsx-runtime";import{MultiSelect as Qe,Select as qe}from"@tremor/react";import*as fe from"react";import{toArray as Je,useValueSelector as Xe}from"react-querybuilder";import{jsx as ue}from"react/jsx-runtime";import{MultiSelectItem as Re,SelectItem as Ge}from"@tremor/react";import{isOptionGroupArray as He}from"react-querybuilder";var se=function(t,r){var e=He(t)?t.flatMap(function(n){return n.options}):t;return Array.isArray(e)?e.map(function(n){return r?ue(Re,{value:n.name,"aria-disabled":!!n.disabled,children:n.label},n.name):ue(Ge,{value:n.name,"aria-disabled":!!n.disabled,children:n.label},n.name)}):null};function M(o){"@babel/helpers - typeof";return M=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},M(o)}var Le=["className","handleOnChange","options","value","title","disabled","multiple","listsAsArrays","testID","placeholder","fieldData","path","level","context","validation","schema","rule","rules"],Ue=["enableClear"];function ce(o,t){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);t&&(e=e.filter(function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable})),r.push.apply(r,e)}return r}function q(o){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ce(Object(r),!0).forEach(function(e){We(o,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):ce(Object(r)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))})}return o}function We(o,t,r){return(t=$e(t))in o?Object.defineProperty(o,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):o[t]=r,o}function $e(o){var t=Be(o,"string");return M(t)=="symbol"?t:t+""}function Be(o,t){if(M(o)!="object"||!o)return o;var r=o[Symbol.toPrimitive];if(r!==void 0){var e=r.call(o,t||"default");if(M(e)!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(o)}function me(o,t){if(o==null)return{};var r,e,n=Fe(o,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(o);for(e=0;e<s.length;e++)r=s[e],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(o,r)&&(n[r]=o[r])}return n}function Fe(o,t){if(o==null)return{};var r={};for(var e in o)if({}.hasOwnProperty.call(o,e)){if(t.indexOf(e)!==-1)continue;r[e]=o[e]}return r}var J=function(t){var r=t.className,e=t.handleOnChange,n=t.options,s=t.value,u=t.title,a=t.disabled,i=t.multiple,l=t.listsAsArrays,d=t.testID,g=t.placeholder,N=t.fieldData,m=t.path,f=t.level,E=t.context,c=t.validation,j=t.schema,D=t.rule,w=t.rules,C=me(t,Le),T=Xe({handleOnChange:e,listsAsArrays:l,multiple:i,value:s}),v=T.onChange,p=T.val,P=fe.useMemo(function(){return se(n,i)},[i,n]),x=C.enableClear,y=me(C,Ue);return i?pe(Qe,q(q({},y),{},{"data-testid":d,title:u,className:r,disabled:a,value:Je(p),placeholder:g,onValueChange:v,children:P})):pe(qe,q(q({enableClear:!1},C),{},{"data-testid":d,title:u,className:r,value:s,disabled:a,onValueChange:v,children:P}))};function K(o){"@babel/helpers - typeof";return K=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},K(o)}function de(o,t){var r=Object.keys(o);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(o);t&&(e=e.filter(function(n){return Object.getOwnPropertyDescriptor(o,n).enumerable})),r.push.apply(r,e)}return r}function b(o){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?de(Object(r),!0).forEach(function(e){Ze(o,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(r)):de(Object(r)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(r,e))})}return o}function Ze(o,t,r){return(t=ze(t))in o?Object.defineProperty(o,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):o[t]=r,o}function ze(o){var t=_e(o,"string");return K(t)=="symbol"?t:t+""}function _e(o,t){if(K(o)!="object"||!o)return o;var r=o[Symbol.toPrimitive];if(r!==void 0){var e=r.call(o,t||"default");if(K(e)!="object")return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(o)}var ve="YYYY-MM-DD",lt=function(t){return O(J,b(b({},t),{},{enableClear:!0}))},ye=function(t){var r,e=Q(77),n=t.fieldData,s=t.operator,u=t.value,a=t.handleOnChange,i=t.title,l=t.className,d=t.type,g=t.listsAsArrays,N=t.separator,m=t.disabled,f=t.testID,E=t.selectorComponent,c=t.extraProps,j=E===void 0?lt:E,D=it(t),w=D.valueAsArray,C=D.multiValueHandler,T=D.valueListItemClassName,v=D.inputTypeCoerced;if(s==="null"||s==="notNull")return null;var p=(r=n?.placeholder)!==null&&r!==void 0?r:"";if((s==="between"||s==="notBetween")&&(d==="select"||d==="text")&&v!=="date"){if(d==="text"){var P;if(e[0]!==l||e[1]!==m||e[2]!==c||e[3]!==v||e[4]!==C||e[5]!==p||e[6]!==N||e[7]!==f||e[8]!==i||e[9]!==w||e[10]!==T){var x=["from","to"].map(function(V,h){var S;return O(be,b({type:v,placeholder:p,value:(S=w[h])!==null&&S!==void 0?S:"",className:"".concat(T," input"),disabled:m,onValueChange:function(je){return C(je,h)}},c),V)});P=et("span",{"data-testid":f,className:l,title:i,children:[x[0],N,x[1]]}),e[0]=l,e[1]=m,e[2]=c,e[3]=v,e[4]=C,e[5]=p,e[6]=N,e[7]=f,e[8]=i,e[9]=w,e[10]=T,e[11]=P}else P=e[11];return P}var y;return e[12]!==t||e[13]!==j?(y=O(X,b(b({},t),{},{skipHook:!0,selectorComponent:j})),e[12]=t,e[13]=j,e[14]=y):y=e[14],y}switch(d){case"select":case"multiselect":{var Y;return e[15]!==t||e[16]!==j?(Y=O(X,b(b({},t),{},{skipHook:!0,selectorComponent:j})),e[15]=t,e[16]=j,e[17]=Y):Y=e[17],Y}case"textarea":{var R;return e[18]!==l||e[19]!==m||e[20]!==c||e[21]!==a||e[22]!==p||e[23]!==i||e[24]!==u?(R=O(at,b({className:l,value:u,title:i,placeholder:p,disabled:m,onValueChange:a},c)),e[18]=l,e[19]=m,e[20]=c,e[21]=a,e[22]=p,e[23]=i,e[24]=u,e[25]=R):R=e[25],R}case"switch":{var G;return e[26]!==l||e[27]!==m||e[28]!==c||e[29]!==a||e[30]!==i||e[31]!==u?(G=O(nt,b({className:l,title:i,checked:u,disabled:m,onChange:a},c)),e[26]=l,e[27]=m,e[28]=c,e[29]=a,e[30]=i,e[31]=u,e[32]=G):G=e[32],G}case"checkbox":case"radio":{var H;return e[33]!==t?(H=O(X,b(b({},t),{},{skipHook:!0})),e[33]=t,e[34]=H):H=e[34],H}}if(v==="date"){if(s==="between"||s==="notBetween"){var L;if(e[35]!==l||e[36]!==m||e[37]!==c||e[38]!==a||e[39]!==g||e[40]!==p||e[41]!==f||e[42]!==w){var Z=[null,null].map(function(V,h){if(!w[h])return V;var S=A(w[h]);return S.isValid()||(S=A("".concat(A().format("YYYY-MM-DD")))),S.toDate()}),U;e[44]!==a||e[45]!==g?(U=function(h){var S=[h.from,h.to].map(ut);a(g?S:S.join(","))},e[44]=a,e[45]=g,e[46]=U):U=e[46],L=O(rt,b({"data-testid":f,value:{from:Z[0],to:Z[1]},className:l,disabled:m,placeholder:p,enableSelect:!1,enableClear:!0,onValueChange:U},c)),e[35]=l,e[36]=m,e[37]=c,e[38]=a,e[39]=g,e[40]=p,e[41]=f,e[42]=w,e[43]=L}else L=e[43];return L}var W;if(e[47]!==l||e[48]!==m||e[49]!==c||e[50]!==a||e[51]!==p||e[52]!==f||e[53]!==i||e[54]!==u){var $;e[56]!==a?($=function(h){return a(h?A(h).format(ve):"")},e[56]=a,e[57]=$):$=e[57],W=O(tt,b({"data-testid":f,title:i,className:l,placeholder:p,disabled:m,enableClear:!0,value:u&&A(u).isValid()?A(u).toDate():void 0,onValueChange:$},c)),e[47]=l,e[48]=m,e[49]=c,e[50]=a,e[51]=p,e[52]=f,e[53]=i,e[54]=u,e[55]=W}else W=e[55];return W}if(v==="number"){var B;return e[58]!==l||e[59]!==m||e[60]!==c||e[61]!==a||e[62]!==p||e[63]!==f||e[64]!==i||e[65]!==u?(B=O(ot,b({"data-testid":f,title:i,className:l,placeholder:p,disabled:m,value:u,onValueChange:a},c)),e[58]=l,e[59]=m,e[60]=c,e[61]=a,e[62]=p,e[63]=f,e[64]=i,e[65]=u,e[66]=B):B=e[66],B}var F;return e[67]!==l||e[68]!==m||e[69]!==c||e[70]!==a||e[71]!==v||e[72]!==p||e[73]!==f||e[74]!==i||e[75]!==u?(F=O(be,b({"data-testid":f,title:i,className:l,placeholder:p,type:v,disabled:m,value:u,onValueChange:a},c)),e[67]=l,e[68]=m,e[69]=c,e[70]=a,e[71]=v,e[72]=p,e[73]=f,e[74]=i,e[75]=u,e[76]=F):F=e[76],F};function ut(o){return o?A(o).format(ve):""}import{jsx as he,jsxs as st}from"react/jsx-runtime";import{Button as Oe}from"@tremor/react";var ge=function(t){var r=t.shiftUp,e=t.shiftDown,n=t.shiftUpDisabled,s=t.shiftDownDisabled,u=t.disabled,a=t.className,i=t.labels,l=t.titles,d=t.testID;return st("div",{"data-testid":d,className:a,children:[he(Oe,{type:"button",variant:"light",disabled:u||n,onClick:r,title:l?.shiftUp,children:i?.shiftUp}),he(Oe,{type:"button",variant:"light",disabled:u||s,onClick:e,title:l?.shiftDown,children:i?.shiftDown})]})};var mt={actionElement:ee,notToggle:le,shiftActions:ge,valueEditor:ye,valueSelector:J},pt={notToggle:"flex flex-row gap-1"},Qt=ct({controlClassnames:pt,controlElements:mt});export{Qt as QueryBuilderTremor,ee as TremorActionElement,le as TremorNotToggle,ge as TremorShiftActions,ye as TremorValueEditor,J as TremorValueSelector,pt as tremorControlClassnames,mt as tremorControlElements}; //# sourceMappingURL=react-querybuilder_tremor.production.mjs.map