@react-querybuilder/dnd - npm Package Compare versions

Comparing version 7.0.0-alpha.1 to 7.0.0-alpha.2

dist/cjs/react-querybuilder_dnd.cjs.development.d.ts

 import * as React from 'react';
 import { ReactElement } from 'react';
-import { InlineCombinatorProps, Path, QueryActions, RuleGroupProps, RuleProps, DraggedItem, QueryBuilderContextProviderProps, Controls } from 'react-querybuilder';
+import { InlineCombinatorProps, Path, QueryActions, RuleGroupProps, RuleProps, DraggedItem, QueryBuilderContextProviderProps, Controls, ToFlexibleOption, Field } from 'react-querybuilder';
 import * as react_dnd_html5_backend from 'react-dnd-html5-backend';
@@ -71,3 +71,3 @@ import * as react_dnd from 'react-dnd';
     useDrop?: typeof react_dnd['useDrop'];
-    baseControls: Pick<Controls, 'rule' | 'ruleGroup' | 'combinatorSelector'>;
+    baseControls: Pick<Controls<ToFlexibleOption<Field>, string>, 'rule' | 'ruleGroup' | 'combinatorSelector'>;
     canDrop?(params: CustomCanDropParams): boolean;
@@ -74,0 +74,0 @@ };

dist/cjs/react-querybuilder_dnd.cjs.production.d.ts

 import * as React from 'react';
 import { ReactElement } from 'react';
-import { InlineCombinatorProps, Path, QueryActions, RuleGroupProps, RuleProps, DraggedItem, QueryBuilderContextProviderProps, Controls } from 'react-querybuilder';
+import { InlineCombinatorProps, Path, QueryActions, RuleGroupProps, RuleProps, DraggedItem, QueryBuilderContextProviderProps, Controls, ToFlexibleOption, Field } from 'react-querybuilder';
 import * as react_dnd_html5_backend from 'react-dnd-html5-backend';
@@ -71,3 +71,3 @@ import * as react_dnd from 'react-dnd';
     useDrop?: typeof react_dnd['useDrop'];
-    baseControls: Pick<Controls, 'rule' | 'ruleGroup' | 'combinatorSelector'>;
+    baseControls: Pick<Controls<ToFlexibleOption<Field>, string>, 'rule' | 'ruleGroup' | 'combinatorSelector'>;
     canDrop?(params: CustomCanDropParams): boolean;
@@ -74,0 +74,0 @@ };

dist/cjs/react-querybuilder_dnd.cjs.production.js

@@ -1,2 +0,2 @@
-"use strict";var oe=Object.create;var E=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty;var de=(e,r)=>{for(var t in r)E(e,t,{get:r[t],enumerable:!0})},$=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of ne(r))!se.call(e,a)&&a!==t&&E(e,a,{get:()=>r[a],enumerable:!(n=te(r,a))||n.enumerable});return e};var R=(e,r,t)=>(t=e!=null?oe(ae(e)):{},$(r||!e||!e.__esModule?E(t,"default",{value:e,enumerable:!0}):t,e)),le=e=>$(E({},"__esModule",{value:!0}),e);var me={};de(me,{InlineCombinatorDnD:()=>M,QueryBuilderDnD:()=>re,QueryBuilderDndWithoutProvider:()=>w,RuleDnD:()=>G,RuleGroupDnD:()=>A});module.exports=le(me);var W=R(require("react")),X=require("react"),x=require("react-querybuilder");var _=require("react"),g=require("react-querybuilder"),V=({path:e,independentCombinators:r,useDrop:t})=>{let n=(0,_.useRef)(null),[{isOver:a,dropMonitorId:d},l]=t(()=>({accept:["rule","ruleGroup"],canDrop:o=>{let s=(0,g.getParentPath)(e),u=(0,g.getParentPath)(o.path),p=e[e.length-1],i=o.path[o.path.length-1];return!((0,g.isAncestor)(o.path,e)||(0,g.pathsAreEqual)(o.path,e)||(0,g.pathsAreEqual)(s,u)&&p-1===i||r&&(0,g.pathsAreEqual)(s,u)&&p===i-1)},collect:o=>({isOver:o.canDrop()&&o.isOver(),dropMonitorId:o.getHandlerId()??"",dropEffect:(o.getDropResult()??{}).dropEffect}),drop:()=>({type:"inlineCombinator",path:e})}),[e,r]);return l(n),{dropRef:n,dropMonitorId:d,isOver:a}};var Q=require("react"),ge=require("react-querybuilder");var O=e=>{let[r,t]=(0,Q.useState)(e??null);return(0,Q.useEffect)(()=>{let n=!1;return r||(async()=>{let[d,l]=await Promise.all([import("react-dnd").catch(()=>null),import("react-dnd-html5-backend").catch(()=>null)]);n||d&&l&&t(()=>({...d,...l}))})(),()=>{n=!0}},[]),r};var N=require("react"),b=require("react-querybuilder");var j=require("react-querybuilder"),B=({type:e,path:r,disabled:t,moveRule:n,useDrag:a})=>a(()=>({type:e,item:{path:r},canDrag:!t,collect:d=>({isDragging:!t&&d.isDragging(),dragMonitorId:d.getHandlerId()??""}),end(d,l){let o=l.getDropResult();if(!o)return;let s=(0,j.getParentPath)(o.path),u=o.path[o.path.length-1],p=o.type==="ruleGroup"?[...o.path,0]:o.type==="inlineCombinator"?[...s,u]:[...s,u+1];n(d.path,p,o.dropEffect==="copy")}}),[t,r]);var ue=["rule","ruleGroup"],z=({path:e,disabled:r,independentCombinators:t,moveRule:n,useDrag:a,useDrop:d,canDrop:l})=>{let o=(0,N.useRef)(null),s=(0,N.useRef)(null),[{isDragging:u,dragMonitorId:p},i,f]=B({type:"rule",path:e,disabled:r,independentCombinators:t,moveRule:n,useDrag:a}),[{isOver:v,dropMonitorId:k,dropEffect:U},q]=d(()=>({accept:ue,canDrop:m=>{if(typeof l=="function"&&!l({item:m,path:e}))return!1;let D=(0,b.getParentPath)(e),h=(0,b.getParentPath)(m.path),I=e[e.length-1],H=m.path[m.path.length-1];return!((0,b.isAncestor)(m.path,e)||(0,b.pathsAreEqual)(D,h)&&(I===H||I===H-1||t&&I===H-2))},collect:m=>({isOver:m.canDrop()&&m.isOver(),dropMonitorId:m.getHandlerId()??"",dropEffect:(m.getDropResult()??{}).dropEffect}),drop:()=>({type:"rule",path:e})}),[r,t,n,e]);return i(s),f(q(o)),{isDragging:u,dragMonitorId:p,isOver:v,dropMonitorId:k,dndRef:o,dragRef:s,dropEffect:U}};var T=require("react"),P=require("react-querybuilder");var pe=["rule","ruleGroup"],F=({disabled:e,path:r,independentCombinators:t,moveRule:n,useDrag:a,useDrop:d,canDrop:l})=>{let o=(0,T.useRef)(null),s=(0,T.useRef)(null),u=(0,T.useRef)(null),[{isDragging:p,dragMonitorId:i},f,v]=B({type:"ruleGroup",path:r,disabled:e,independentCombinators:t,moveRule:n,useDrag:a}),[{isOver:k,dropMonitorId:U,dropEffect:q},m]=d(()=>({accept:pe,canDrop:D=>{if(e||typeof l=="function"&&!l({item:D,path:r}))return!1;let h=(0,P.getParentPath)(D.path),I=D.path[D.path.length-1];return!((0,P.isAncestor)(D.path,r)||(0,P.pathsAreEqual)(r,h)&&I===0||(0,P.pathsAreEqual)(r,D.path))},collect:D=>({isOver:D.canDrop()&&D.isOver(),dropMonitorId:D.getHandlerId()??"",dropEffect:(D.getDropResult()??{}).dropEffect}),drop:(D,h)=>h.getDropResult()??{type:"ruleGroup",path:r}}),[e,n,r]);return r.length>0&&(f(s),v(o)),m(u),{isDragging:p,dragMonitorId:i,isOver:k,dropMonitorId:U,previewRef:o,dragRef:s,dropRef:u,dropEffect:q}};var J=require("react"),K=require("react-querybuilder"),{rule:ie,ruleGroup:De,combinatorSelector:ce}=K.defaultControlElements,y=(0,J.createContext)({baseControls:{rule:ie,ruleGroup:De,combinatorSelector:ce}});y.displayName="QueryBuilderDndContext";var M=({component:e,path:r,independentCombinators:t,...n})=>{let{useDrop:a}=(0,X.useContext)(y),{dropRef:d,dropMonitorId:l,isOver:o}=V({path:r,independentCombinators:t,useDrop:a}),s=o?x.standardClassnames.dndOver:"",u=`${x.standardClassnames.betweenRules}${s?` ${s}`:""}`;return W.createElement("div",{key:"dnd",ref:d,className:u,"data-dropmonitorid":l,"data-testid":x.TestID.inlineCombinator},W.createElement(e,{...n,path:r,testID:x.TestID.combinators}))};M.displayName="InlineCombinatorDnD";var C=R(require("react")),S=require("react"),c=require("react-querybuilder");var L=R(require("react")),Y=require("react");var G=e=>{let r=(0,Y.useContext)(y),{canDrop:t,useDrag:n,useDrop:a}=r,{path:d,disabled:l,parentDisabled:o,actions:{moveRule:s},schema:{independentCombinators:u}}=e,i=z({path:d,disabled:!!o||!!l,independentCombinators:u,moveRule:s,useDrag:n,useDrop:a,canDrop:t}),{rule:f}=r.baseControls;return L.createElement(y.Provider,{value:r},L.createElement(f,{...e,...i}))};G.displayName="RuleDnD";var Z=R(require("react")),ee=require("react");var A=e=>{let r=(0,ee.useContext)(y),{canDrop:t,useDrag:n,useDrop:a}=r,{path:d,disabled:l,parentDisabled:o,actions:{moveRule:s},schema:{independentCombinators:u}}=e,i=F({disabled:!!o||!!l,path:d,independentCombinators:u,moveRule:s,useDrag:n,useDrop:a,canDrop:t}),{ruleGroup:f}=r.baseControls;return Z.createElement(f,{...e,...i})};A.displayName="RuleGroupDnD";var re=e=>{let{controlClassnames:r,controlElements:t,debugMode:n,enableDragAndDrop:a,enableMountQueryChange:d,translations:l,canDrop:o}=e,s=(0,c.useMergedContext)({controlClassnames:r,controlElements:t,debugMode:n,enableDragAndDrop:a??!0,enableMountQueryChange:d,translations:l??{}}),{enableDragAndDrop:u}=s,p=O(e.dnd),i=u&&p?"dnd":"no-dnd";if(!u||!p)return C.createElement(c.QueryBuilderContext.Provider,{key:i,value:{...s,enableDragAndDrop:!1,debugMode:n}},e.children);let{DndProvider:f,HTML5Backend:v}=p;return C.createElement(f,{key:i,backend:v,debugMode:n},C.createElement(c.QueryBuilderContext.Provider,{key:i,value:{...s,enableDragAndDrop:u,debugMode:n}},C.createElement(w,{dnd:p,canDrop:o},e.children)))};re.displayName="QueryBuilderDnD";var w=e=>{let r=(0,S.useContext)(c.QueryBuilderContext),t=(0,S.useContext)(y),n=O(e.dnd),a=(0,c.usePreferProp)(!1,e.debugMode,r.debugMode),d=(0,c.usePreferAnyProp)(void 0,e.canDrop,t.canDrop),l=(0,c.usePreferProp)(!0,e.enableDragAndDrop,r.enableDragAndDrop),o=l&&n?"dnd":"no-dnd";if(!l||!n)return C.createElement(c.QueryBuilderContext.Provider,{key:o,value:{...r,enableDragAndDrop:!1,debugMode:a}},e.children);let{DndContext:s,useDrag:u,useDrop:p}=n,i={rule:e.controlElements?.rule??r.controlElements?.rule??t.baseControls.rule,ruleGroup:e.controlElements?.ruleGroup??r.controlElements?.ruleGroup??t.baseControls.ruleGroup,combinatorSelector:e.controlElements?.combinatorSelector??r.controlElements?.combinatorSelector??t.baseControls.combinatorSelector},f={...r,controlElements:{...r.controlElements,ruleGroup:A,rule:G,inlineCombinator:M}};return C.createElement(s.Consumer,{key:o},()=>C.createElement(c.QueryBuilderContext.Provider,{key:o,value:f},C.createElement(y.Provider,{value:{useDrag:u,useDrop:p,baseControls:i,canDrop:d}},e.children)))};w.displayName="QueryBuilderDndWithoutProvider";0&&(module.exports={InlineCombinatorDnD,QueryBuilderDnD,QueryBuilderDndWithoutProvider,RuleDnD,RuleGroupDnD});
+"use strict";var oe=Object.create;var E=Object.defineProperty;var te=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty;var de=(e,r)=>{for(var t in r)E(e,t,{get:r[t],enumerable:!0})},$=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of ne(r))!se.call(e,a)&&a!==t&&E(e,a,{get:()=>r[a],enumerable:!(n=te(r,a))||n.enumerable});return e};var R=(e,r,t)=>(t=e!=null?oe(ae(e)):{},$(r||!e||!e.__esModule?E(t,"default",{value:e,enumerable:!0}):t,e)),le=e=>$(E({},"__esModule",{value:!0}),e);var me={};de(me,{InlineCombinatorDnD:()=>M,QueryBuilderDnD:()=>re,QueryBuilderDndWithoutProvider:()=>w,RuleDnD:()=>G,RuleGroupDnD:()=>A});module.exports=le(me);var W=R(require("react")),X=require("react"),x=require("react-querybuilder");var F=require("react"),g=require("react-querybuilder"),_=({path:e,independentCombinators:r,useDrop:t})=>{let n=(0,F.useRef)(null),[{isOver:a,dropMonitorId:d},l]=t(()=>({accept:["rule","ruleGroup"],canDrop:o=>{let s=(0,g.getParentPath)(e),u=(0,g.getParentPath)(o.path),p=e[e.length-1],i=o.path[o.path.length-1];return!((0,g.isAncestor)(o.path,e)||(0,g.pathsAreEqual)(o.path,e)||(0,g.pathsAreEqual)(s,u)&&p-1===i||r&&(0,g.pathsAreEqual)(s,u)&&p===i-1)},collect:o=>({isOver:o.canDrop()&&o.isOver(),dropMonitorId:o.getHandlerId()??"",dropEffect:(o.getDropResult()??{}).dropEffect}),drop:()=>({type:"inlineCombinator",path:e})}),[e,r]);return l(n),{dropRef:n,dropMonitorId:d,isOver:a}};var Q=require("react"),ge=require("react-querybuilder");var O=e=>{let[r,t]=(0,Q.useState)(e??null);return(0,Q.useEffect)(()=>{let n=!1;return r||(async()=>{let[d,l]=await Promise.all([import("react-dnd").catch(()=>null),import("react-dnd-html5-backend").catch(()=>null)]);n||d&&l&&t(()=>({...d,...l}))})(),()=>{n=!0}},[]),r};var N=require("react"),b=require("react-querybuilder");var V=require("react-querybuilder"),B=({type:e,path:r,disabled:t,moveRule:n,useDrag:a})=>a(()=>({type:e,item:{path:r},canDrag:!t,collect:d=>({isDragging:!t&&d.isDragging(),dragMonitorId:d.getHandlerId()??""}),end(d,l){let o=l.getDropResult();if(!o)return;let s=(0,V.getParentPath)(o.path),u=o.path[o.path.length-1],p=o.type==="ruleGroup"?[...o.path,0]:o.type==="inlineCombinator"?[...s,u]:[...s,u+1];n(d.path,p,o.dropEffect==="copy")}}),[t,r]);var ue=["rule","ruleGroup"],j=({path:e,disabled:r,independentCombinators:t,moveRule:n,useDrag:a,useDrop:d,canDrop:l})=>{let o=(0,N.useRef)(null),s=(0,N.useRef)(null),[{isDragging:u,dragMonitorId:p},i,f]=B({type:"rule",path:e,disabled:r,independentCombinators:t,moveRule:n,useDrag:a}),[{isOver:v,dropMonitorId:k,dropEffect:U},q]=d(()=>({accept:ue,canDrop:m=>{if(typeof l=="function"&&!l({item:m,path:e}))return!1;let D=(0,b.getParentPath)(e),h=(0,b.getParentPath)(m.path),I=e[e.length-1],H=m.path[m.path.length-1];return!((0,b.isAncestor)(m.path,e)||(0,b.pathsAreEqual)(D,h)&&(I===H||I===H-1||t&&I===H-2))},collect:m=>({isOver:m.canDrop()&&m.isOver(),dropMonitorId:m.getHandlerId()??"",dropEffect:(m.getDropResult()??{}).dropEffect}),drop:()=>({type:"rule",path:e})}),[r,t,n,e]);return i(s),f(q(o)),{isDragging:u,dragMonitorId:p,isOver:v,dropMonitorId:k,dndRef:o,dragRef:s,dropEffect:U}};var T=require("react"),P=require("react-querybuilder");var pe=["rule","ruleGroup"],z=({disabled:e,path:r,independentCombinators:t,moveRule:n,useDrag:a,useDrop:d,canDrop:l})=>{let o=(0,T.useRef)(null),s=(0,T.useRef)(null),u=(0,T.useRef)(null),[{isDragging:p,dragMonitorId:i},f,v]=B({type:"ruleGroup",path:r,disabled:e,independentCombinators:t,moveRule:n,useDrag:a}),[{isOver:k,dropMonitorId:U,dropEffect:q},m]=d(()=>({accept:pe,canDrop:D=>{if(e||typeof l=="function"&&!l({item:D,path:r}))return!1;let h=(0,P.getParentPath)(D.path),I=D.path[D.path.length-1];return!((0,P.isAncestor)(D.path,r)||(0,P.pathsAreEqual)(r,h)&&I===0||(0,P.pathsAreEqual)(r,D.path))},collect:D=>({isOver:D.canDrop()&&D.isOver(),dropMonitorId:D.getHandlerId()??"",dropEffect:(D.getDropResult()??{}).dropEffect}),drop:(D,h)=>h.getDropResult()??{type:"ruleGroup",path:r}}),[e,n,r]);return r.length>0&&(f(s),v(o)),m(u),{isDragging:p,dragMonitorId:i,isOver:k,dropMonitorId:U,previewRef:o,dragRef:s,dropRef:u,dropEffect:q}};var J=require("react"),K=require("react-querybuilder"),{rule:ie,ruleGroup:De,combinatorSelector:ce}=K.defaultControlElements,y=(0,J.createContext)({baseControls:{rule:ie,ruleGroup:De,combinatorSelector:ce}});y.displayName="QueryBuilderDndContext";var M=({component:e,path:r,independentCombinators:t,...n})=>{let{useDrop:a}=(0,X.useContext)(y),{dropRef:d,dropMonitorId:l,isOver:o}=_({path:r,independentCombinators:t,useDrop:a}),s=o?x.standardClassnames.dndOver:"",u=`${x.standardClassnames.betweenRules}${s?` ${s}`:""}`;return W.createElement("div",{key:"dnd",ref:d,className:u,"data-dropmonitorid":l,"data-testid":x.TestID.inlineCombinator},W.createElement(e,{...n,path:r,testID:x.TestID.combinators}))};M.displayName="InlineCombinatorDnD";var C=R(require("react")),S=require("react"),c=require("react-querybuilder");var L=R(require("react")),Y=require("react");var G=e=>{let r=(0,Y.useContext)(y),{canDrop:t,useDrag:n,useDrop:a}=r,{path:d,disabled:l,parentDisabled:o,actions:{moveRule:s},schema:{independentCombinators:u}}=e,i=j({path:d,disabled:!!o||!!l,independentCombinators:u,moveRule:s,useDrag:n,useDrop:a,canDrop:t}),{rule:f}=r.baseControls;return L.createElement(y.Provider,{value:r},L.createElement(f,{...e,...i}))};G.displayName="RuleDnD";var Z=R(require("react")),ee=require("react");var A=e=>{let r=(0,ee.useContext)(y),{canDrop:t,useDrag:n,useDrop:a}=r,{path:d,disabled:l,parentDisabled:o,actions:{moveRule:s},schema:{independentCombinators:u}}=e,i=z({disabled:!!o||!!l,path:d,independentCombinators:u,moveRule:s,useDrag:n,useDrop:a,canDrop:t}),{ruleGroup:f}=r.baseControls;return Z.createElement(f,{...e,...i})};A.displayName="RuleGroupDnD";var re=e=>{let{controlClassnames:r,controlElements:t,debugMode:n,enableDragAndDrop:a,enableMountQueryChange:d,translations:l,canDrop:o}=e,s=(0,c.useMergedContext)({controlClassnames:r,controlElements:t,debugMode:n,enableDragAndDrop:a??!0,enableMountQueryChange:d,translations:l??{}}),{enableDragAndDrop:u}=s,p=O(e.dnd),i=u&&p?"dnd":"no-dnd";if(!u||!p)return C.createElement(c.QueryBuilderContext.Provider,{key:i,value:{...s,enableDragAndDrop:!1,debugMode:n}},e.children);let{DndProvider:f,HTML5Backend:v}=p;return C.createElement(f,{key:i,backend:v,debugMode:n},C.createElement(c.QueryBuilderContext.Provider,{key:i,value:{...s,enableDragAndDrop:u,debugMode:n}},C.createElement(w,{dnd:p,canDrop:o},e.children)))};re.displayName="QueryBuilderDnD";var w=e=>{let r=(0,S.useContext)(c.QueryBuilderContext),t=(0,S.useContext)(y),n=O(e.dnd),a=(0,c.usePreferProp)(!1,e.debugMode,r.debugMode),d=(0,c.usePreferAnyProp)(void 0,e.canDrop,t.canDrop),l=(0,c.usePreferProp)(!0,e.enableDragAndDrop,r.enableDragAndDrop),o=l&&n?"dnd":"no-dnd";if(!l||!n)return C.createElement(c.QueryBuilderContext.Provider,{key:o,value:{...r,enableDragAndDrop:!1,debugMode:a}},e.children);let{DndContext:s,useDrag:u,useDrop:p}=n,i={rule:e.controlElements?.rule??r.controlElements?.rule??t.baseControls.rule,ruleGroup:e.controlElements?.ruleGroup??r.controlElements?.ruleGroup??t.baseControls.ruleGroup,combinatorSelector:e.controlElements?.combinatorSelector??r.controlElements?.combinatorSelector??t.baseControls.combinatorSelector},f={...r,controlElements:{...r.controlElements,ruleGroup:A,rule:G,inlineCombinator:M}};return C.createElement(s.Consumer,{key:o},()=>C.createElement(c.QueryBuilderContext.Provider,{key:o,value:f},C.createElement(y.Provider,{value:{useDrag:u,useDrop:p,baseControls:i,canDrop:d}},e.children)))};w.displayName="QueryBuilderDndWithoutProvider";0&&(module.exports={InlineCombinatorDnD,QueryBuilderDnD,QueryBuilderDndWithoutProvider,RuleDnD,RuleGroupDnD});
 //# sourceMappingURL=react-querybuilder_dnd.cjs.production.js.map

package.json

 {
   "name": "@react-querybuilder/dnd",
   "description": "Drag-and-drop-enabled version of react-querybuilder",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.2",
   "publishConfig": {
@@ -52,3 +52,3 @@ "access": "public"
     "react-dom": "^18.2.0",
-    "react-querybuilder": "^7.0.0-alpha.1",
+    "react-querybuilder": "^7.0.0-alpha.2",
     "rollup-plugin-visualizer": "^5.9.2",
@@ -62,5 +62,5 @@ "typescript": "^5.2.2",
     "react-dnd-html5-backend": ">=14.0.0",
-    "react-querybuilder": "^7.0.0-alpha.1"
+    "react-querybuilder": "^7.0.0-alpha.2"
   },
-  "gitHead": "07b50090de711f00f3ddeeaddb5666706a6e7c9f"
+  "gitHead": "b2557742eb611820d453681120a2fc0f3d679692"
 }

README.md

@@ -36,3 +36,3 @@ ## @react-querybuilder/dnd
     <QueryBuilderDnD dnd={{ ...ReactDnD, ...ReactDndHtml5Backend }}>
-      <QueryBuilder fields={fields} query={query} onQueryChange={q => setQuery(q)} />
+      <QueryBuilder fields={fields} query={query} onQueryChange={setQuery} />
     </QueryBuilderDnD>
@@ -68,3 +68,3 @@ );
       <QueryBuilderDndWithoutProvider>
-        <QueryBuilder fields={fields} query={query} onQueryChange={q => setQuery(q)} />
+        <QueryBuilder fields={fields} query={query} onQueryChange={setQuery} />
       </QueryBuilderDndWithoutProvider>
@@ -71,0 +71,0 @@ );

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

227888

0.17%

Number of low quality alerts

2

-33.33%

No dependency changes