@react-querybuilder/native - npm Package Compare versions

Comparing version 6.3.0-alpha.0 to 6.3.0-alpha.1

dist/cjs/react-querybuilder_native.cjs.development.js

 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -18,2 +20,10 @@ var __export = (target, all) => {
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
@@ -41,8 +51,8 @@
 
-// src/components/defaults.tsx
-var import_react8 = require("react");
+// src/components/defaults.ts
+var import_react7 = require("react");
 
 // src/components/NativeActionElement.tsx
+var React = __toESM(require("react"));
 var import_react_native = require("react-native");
-var import_jsx_runtime = require("react/jsx-runtime");
 var NativeActionElement = ({
@@ -54,3 +64,3 @@ handleOnClick,
   testID
-}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+}) => /* @__PURE__ */ React.createElement(
   import_react_native.Button,
@@ -67,2 +77,3 @@ {
 // src/components/NativeInlineCombinator.tsx
+var React2 = __toESM(require("react"));
 var import_react = require("react");
@@ -117,3 +128,2 @@ var import_react_native3 = require("react-native");
 // src/components/NativeInlineCombinator.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
 var NativeInlineCombinator = ({
@@ -134,3 +144,3 @@ component: CombinatorSelectorComponent,
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { style: styles.inlineCombinator, testID: import_react_querybuilder.TestID.inlineCombinator, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CombinatorSelectorComponent, { ...props, path, testID: import_react_querybuilder.TestID.combinators }) }, "no-dnd");
+  return /* @__PURE__ */ React2.createElement(import_react_native3.View, { style: styles.inlineCombinator, key: "no-dnd", testID: import_react_querybuilder.TestID.inlineCombinator }, /* @__PURE__ */ React2.createElement(CombinatorSelectorComponent, { ...props, path, testID: import_react_querybuilder.TestID.combinators }));
 };
@@ -140,5 +150,5 @@ NativeInlineCombinator.displayName = "NativeInlineCombinator";
 // src/components/NativeNotToggle.tsx
+var React3 = __toESM(require("react"));
 var import_react2 = require("react");
 var import_react_native4 = require("react-native");
-var import_jsx_runtime3 = require("react/jsx-runtime");
 var NativeNotToggle = ({
@@ -166,14 +176,11 @@ handleOnChange,
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native4.View, { style: styles.notToggle, testID, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native4.Text, { style: styles.notToggleLabel, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      import_react_native4.Switch,
-      {
-        style: styles.notToggleSwitch,
-        disabled,
-        value: checked,
-        onValueChange: (v) => handleOnChange(v)
-      }
-    )
-  ] });
+  return /* @__PURE__ */ React3.createElement(import_react_native4.View, { style: styles.notToggle, testID }, /* @__PURE__ */ React3.createElement(import_react_native4.Text, { style: styles.notToggleLabel }, label), /* @__PURE__ */ React3.createElement(
+    import_react_native4.Switch,
+    {
+      style: styles.notToggleSwitch,
+      disabled,
+      value: checked,
+      onValueChange: (v) => handleOnChange(v)
+    }
+  ));
 };
@@ -183,2 +190,3 @@ NativeNotToggle.displayName = "NativeNotToggle";
 // src/components/NativeValueEditor.tsx
+var React5 = __toESM(require("react"));
 var import_react4 = require("react");
@@ -189,6 +197,6 @@ var import_react_native6 = require("react-native");
 // src/components/NativeValueSelector.tsx
+var React4 = __toESM(require("react"));
 var import_react3 = require("react");
 var import_react_native5 = require("react-native");
 var import_react_querybuilder2 = require("react-querybuilder");
-var import_jsx_runtime4 = require("react/jsx-runtime");
 var NativeValueSelector = ({
@@ -274,3 +282,3 @@ handleOnChange,
   const val = multiple ? Array.isArray(value) ? (0, import_react_querybuilder2.joinWith)(value, ",") : value : value;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ React4.createElement(
     import_react_native5.TextInput,
@@ -289,4 +297,2 @@ {
 // src/components/NativeValueEditor.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var import_react5 = require("react");
 var NativeValueEditor = ({
@@ -348,5 +354,6 @@ operator,
       if (type === "text") {
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        return /* @__PURE__ */ React5.createElement(
           import_react_native6.TextInput,
           {
+            key,
             style: styles.value,
@@ -357,7 +364,6 @@ keyboardType,
             onChangeText: (v) => multiValueHandler(v, i)
-          },
-          key
+          }
         );
       }
-      return /* @__PURE__ */ (0, import_react5.createElement)(
+      return /* @__PURE__ */ React5.createElement(
         SelectorComponent,
@@ -376,7 +382,3 @@ {
     });
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native6.View, { testID, style: styles.valueList, children: [
-      editors[0],
-      separator,
-      editors[1]
-    ] });
+    return /* @__PURE__ */ React5.createElement(import_react_native6.View, { testID, style: styles.valueList }, editors[0], separator, editors[1]);
   }
@@ -386,3 +388,3 @@ switch (type) {
     case "multiselect":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      return /* @__PURE__ */ React5.createElement(
         SelectorComponent,
@@ -403,3 +405,3 @@ {
     case "textarea":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      return /* @__PURE__ */ React5.createElement(
         import_react_native6.TextInput,
@@ -416,3 +418,3 @@ {
     case "checkbox":
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      return /* @__PURE__ */ React5.createElement(
         import_react_native6.Switch,
@@ -428,3 +430,3 @@ {
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ React5.createElement(
     import_react_native6.TextInput,
@@ -443,19 +445,21 @@ {
 
+// src/components/NativeValueEditorWeb.tsx
+var React7 = __toESM(require("react"));
+
 // src/components/NativeValueSelectorWeb.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var NativeValueSelectorWeb = (props) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(NativeValueSelector, { ...props });
+var React6 = __toESM(require("react"));
+var NativeValueSelectorWeb = (props) => /* @__PURE__ */ React6.createElement(NativeValueSelector, { ...props });
 NativeValueSelectorWeb.displayName = "NativeValueSelectorWeb";
 
 // src/components/NativeValueEditorWeb.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var NativeValueEditorWeb = (props) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NativeValueEditor, { ...props, selectorComponent: NativeValueSelectorWeb });
+var NativeValueEditorWeb = (props) => /* @__PURE__ */ React7.createElement(NativeValueEditor, { ...props, selectorComponent: NativeValueSelectorWeb });
 
 // src/components/RuleGroupNative.tsx
-var import_react6 = require("react");
+var React8 = __toESM(require("react"));
+var import_react5 = require("react");
 var import_react_native7 = require("react-native");
 var import_react_querybuilder4 = require("react-querybuilder");
-var import_jsx_runtime8 = require("react/jsx-runtime");
 var RuleGroupNative = (props) => {
   const rg = { ...props, ...(0, import_react_querybuilder4.useRuleGroup)(props) };
-  const styles = (0, import_react6.useMemo)(
+  const styles = (0, import_react5.useMemo)(
     () => ({
@@ -478,6 +482,3 @@ ruleGroup: import_react_native7.StyleSheet.flatten([defaultNativeStyles.ruleGroup, rg.schema.styles?.ruleGroup]),
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_react_native7.View, { style: styles.ruleGroup, testID: import_react_querybuilder4.TestID.ruleGroup, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: styles.ruleGroupHeader, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_querybuilder4.RuleGroupHeaderComponents, { ...rg }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native7.View, { style: styles.ruleGroupBody, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_querybuilder4.RuleGroupBodyComponents, { ...rg }) })
-  ] });
+  return /* @__PURE__ */ React8.createElement(import_react_native7.View, { style: styles.ruleGroup, testID: import_react_querybuilder4.TestID.ruleGroup }, /* @__PURE__ */ React8.createElement(import_react_native7.View, { style: styles.ruleGroupHeader }, /* @__PURE__ */ React8.createElement(import_react_querybuilder4.RuleGroupHeaderComponents, { ...rg })), /* @__PURE__ */ React8.createElement(import_react_native7.View, { style: styles.ruleGroupBody }, /* @__PURE__ */ React8.createElement(import_react_querybuilder4.RuleGroupBodyComponents, { ...rg })));
 };
@@ -487,17 +488,17 @@ RuleGroupNative.displayName = "RuleGroupNative";
 // src/components/RuleNative.tsx
-var import_react7 = require("react");
+var React9 = __toESM(require("react"));
+var import_react6 = require("react");
 var import_react_native8 = require("react-native");
 var import_react_querybuilder5 = require("react-querybuilder");
-var import_jsx_runtime9 = require("react/jsx-runtime");
 var RuleNative = (props) => {
   const r = { ...props, ...(0, import_react_querybuilder5.useRule)(props) };
-  const styles = (0, import_react7.useMemo)(
+  const styles = (0, import_react6.useMemo)(
     () => ({ rule: import_react_native8.StyleSheet.flatten([defaultNativeStyles.rule, r.schema.styles?.rule]) }),
     [r.schema.styles?.rule]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.View, { style: styles.rule, testID: import_react_querybuilder5.TestID.rule, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_querybuilder5.RuleComponents, { ...r }) });
+  return /* @__PURE__ */ React9.createElement(import_react_native8.View, { style: styles.rule, testID: import_react_querybuilder5.TestID.rule }, /* @__PURE__ */ React9.createElement(import_react_querybuilder5.RuleComponents, { ...r }));
 };
 RuleNative.displayName = "RuleNative";
 
-// src/components/defaults.tsx
+// src/components/defaults.ts
 var defaultNativeControlElements = {
@@ -510,3 +511,3 @@ addGroupAction: NativeActionElement,
   // TODO?: implement drag-and-drop
-  dragHandle: (0, import_react8.forwardRef)(() => null),
+  dragHandle: (0, import_react7.forwardRef)(() => null),
   fieldSelector: NativeValueSelector,
@@ -535,8 +536,8 @@ inlineCombinator: NativeInlineCombinator,
 // src/components/QueryBuilderNative.tsx
-var import_react9 = require("react");
+var React10 = __toESM(require("react"));
+var import_react8 = require("react");
 var import_react_native9 = require("react-native");
 var import_react_querybuilder6 = require("react-querybuilder");
-var import_jsx_runtime10 = require("react/jsx-runtime");
 var QueryBuilderNative = (props) => {
-  const controlElements = (0, import_react9.useMemo)(
+  const controlElements = (0, import_react8.useMemo)(
     () => ({ ...defaultNativeControlElements, ...props.controlElements }),
@@ -546,5 +547,5 @@ [props.controlElements]
   const qb = (0, import_react_querybuilder6.useQueryBuilder)({ ...props, controlElements });
-  qb.schema.styles = (0, import_react9.useMemo)(() => import_react_native9.StyleSheet.create(props.styles ?? {}), [props.styles]);
+  qb.schema.styles = (0, import_react8.useMemo)(() => import_react_native9.StyleSheet.create(props.styles ?? {}), [props.styles]);
   const { ruleGroup: RuleGroupComponent } = controlElements;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_querybuilder6.QueryBuilderContext.Provider, { value: qb.rqbContext, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ React10.createElement(import_react_querybuilder6.QueryBuilderContext.Provider, { value: qb.rqbContext }, /* @__PURE__ */ React10.createElement(
     RuleGroupComponent,
@@ -558,3 +559,3 @@ {
     }
-  ) });
+  ));
 };
@@ -561,0 +562,0 @@ QueryBuilderNative.displayName = "QueryBuilderNative";

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

@@ -1,2 +0,2 @@
-"use strict";var _=Object.defineProperty;var be=Object.getOwnPropertyDescriptor;var Te=Object.getOwnPropertyNames;var he=Object.prototype.hasOwnProperty;var xe=(t,e)=>{for(var o in e)_(t,o,{get:e[o],enumerable:!0})},Ge=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of Te(e))!he.call(t,i)&&i!==o&&_(t,i,{get:()=>e[i],enumerable:!(a=be(e,i))||a.enumerable});return t};var Ve=t=>Ge(_({},"__esModule",{value:!0}),t);var Ee={};xe(Ee,{NativeActionElement:()=>c,NativeInlineCombinator:()=>A,NativeNotToggle:()=>I,NativeValueEditor:()=>G,NativeValueEditorWeb:()=>J,NativeValueSelector:()=>y,NativeValueSelectorWeb:()=>v,QueryBuilderNative:()=>Se,RuleGroupNative:()=>L,RuleNative:()=>D,defaultNativeControlElements:()=>H,defaultNativeSelectStyles:()=>u,defaultNativeStyles:()=>r,defaultNativeWebControlElements:()=>we});module.exports=Ve(Ee);var fe=require("react");var oe=require("react-native"),re=require("react/jsx-runtime"),c=({handleOnClick:t,label:e,disabled:o,disabledTranslation:a,testID:i})=>(0,re.jsx)(oe.Button,{testID:i,disabled:o&&!a,title:a&&o?a.label??"":e??"",onPress:p=>t(p)});c.displayName="NativeActionElement";var ie=require("react"),B=require("react-native"),F=require("react-querybuilder");var le=require("react-native"),u={selector:{borderWidth:1,height:32,width:100},option:{}},Ce={combinatorOption:u.option,combinatorSelector:u.selector,dragHandle:{},fieldOption:u.option,fieldSelector:u.selector,inlineCombinator:{},notToggle:{flexDirection:"row"},notToggleLabel:{},notToggleSwitch:{},operatorOption:u.option,operatorSelector:u.selector,rule:{flexDirection:"row",paddingBottom:10},ruleGroup:{backgroundColor:"rgba(0, 75, 183, 0.2)",borderColor:"#8081a2",borderRadius:4,borderWidth:1,marginBottom:10},ruleGroupBody:{paddingTop:10,paddingRight:10,paddingLeft:10},ruleGroupHeader:{flexDirection:"row",paddingTop:10,paddingRight:10,paddingLeft:10},value:{borderWidth:1,height:32,width:150},valueEditorOption:u.option,valueEditorSelector:u.selector,valueEditorSwitch:{},valueList:{flexDirection:"row"},valueSourceOption:u.option,valueSourceSelector:u.selector},r=le.StyleSheet.create(Ce);var z=require("react/jsx-runtime"),A=({component:t,path:e,independentCombinators:o,...a})=>{let i=(0,ie.useMemo)(()=>({inlineCombinator:B.StyleSheet.flatten([r.inlineCombinator,a.schema.styles?.inlineCombinator])}),[a.schema.styles?.inlineCombinator]);return(0,z.jsx)(B.View,{style:i.inlineCombinator,testID:F.TestID.inlineCombinator,children:(0,z.jsx)(t,{...a,path:e,testID:F.TestID.combinators})},"no-dnd")};A.displayName="NativeInlineCombinator";var ae=require("react"),d=require("react-native");var R=require("react/jsx-runtime"),I=({handleOnChange:t,label:e,checked:o,disabled:a,schema:i,testID:p})=>{let l=(0,ae.useMemo)(()=>({notToggle:d.StyleSheet.flatten([r.notToggle,i.styles?.notToggle]),notToggleLabel:d.StyleSheet.flatten([r.notToggleLabel,i.styles?.notToggleLabel]),notToggleSwitch:d.StyleSheet.flatten([r.notToggleSwitch,i.styles?.notToggleSwitch])}),[i.styles?.notToggle,i.styles?.notToggleLabel,i.styles?.notToggleSwitch]);return(0,R.jsxs)(d.View,{style:l.notToggle,testID:p,children:[(0,R.jsx)(d.Text,{style:l.notToggleLabel,children:e}),(0,R.jsx)(d.Switch,{style:l.notToggleSwitch,disabled:a,value:o,onValueChange:n=>t(n)})]})};I.displayName="NativeNotToggle";var ue=require("react"),m=require("react-native"),x=require("react-querybuilder");var ne=require("react"),s=require("react-native"),f=require("react-querybuilder");var se=require("react/jsx-runtime"),y=({handleOnChange:t,options:e,value:o,disabled:a,multiple:i,listsAsArrays:p,schema:l,testID:n})=>{let C=(0,ne.useMemo)(()=>n===f.TestID.combinators?{selector:s.StyleSheet.flatten([r.combinatorSelector,l.styles?.combinatorSelector]),option:s.StyleSheet.flatten([r.combinatorOption,l.styles?.combinatorOption])}:n===f.TestID.fields?{selector:s.StyleSheet.flatten([r.fieldSelector,l.styles?.fieldSelector]),option:s.StyleSheet.flatten([r.fieldOption,l.styles?.fieldOption])}:n===f.TestID.operators?{selector:s.StyleSheet.flatten([r.operatorSelector,l.styles?.operatorSelector]),option:s.StyleSheet.flatten([r.operatorOption,l.styles?.operatorOption])}:n===f.TestID.valueSourceSelector?{selector:s.StyleSheet.flatten([r.valueSourceSelector,l.styles?.valueSourceSelector]),option:s.StyleSheet.flatten([r.valueSourceOption,l.styles?.valueSourceOption])}:n===f.TestID.valueEditor?{selector:s.StyleSheet.flatten([r.valueEditorSelector,l.styles?.valueEditorSelector]),option:s.StyleSheet.flatten([r.valueEditorOption,l.styles?.valueEditorOption])}:s.StyleSheet.create(u),[l.styles?.combinatorOption,l.styles?.combinatorSelector,l.styles?.fieldOption,l.styles?.fieldSelector,l.styles?.operatorOption,l.styles?.operatorSelector,l.styles?.valueEditorOption,l.styles?.valueEditorSelector,l.styles?.valueSourceOption,l.styles?.valueSourceSelector,n]),{onChange:P}=(0,f.useValueSelector)({handleOnChange:t,listsAsArrays:p,multiple:i,value:o}),k=i&&Array.isArray(o)?(0,f.joinWith)(o,","):o;return(0,se.jsx)(s.TextInput,{testID:n,"aria-disabled":a,style:C.selector,value:k,onChangeText:P})};y.displayName="NativeValueSelector";var g=require("react/jsx-runtime"),pe=require("react"),G=({operator:t,value:e,handleOnChange:o,title:a,className:i,type:p="text",inputType:l="text",values:n=[],listsAsArrays:C,parseNumbers:P,fieldData:k,disabled:M,separator:Ne=null,skipHook:ge=!1,testID:w,selectorComponent:Z=y,...S})=>{let E=(0,ue.useMemo)(()=>({value:m.StyleSheet.flatten([r.value,S.schema.styles?.value]),valueEditorSwitch:m.StyleSheet.flatten([r.valueEditorSwitch,S.schema.styles?.valueEditorSwitch]),valueList:m.StyleSheet.flatten([r.valueList,S.schema.styles?.valueList])}),[S.schema.styles?.value,S.schema.styles?.valueEditorSwitch,S.schema.styles?.valueList]),{valueAsArray:$,multiValueHandler:j}=(0,x.useValueEditor)({skipHook:ge,handleOnChange:o,inputType:l,operator:t,value:e,type:p,listsAsArrays:C,parseNumbers:P,values:n});if(t==="null"||t==="notNull")return null;let q=k?.placeholder??"",ee="default";if((t==="between"||t==="notBetween")&&(p==="select"||p==="text")){let N=["from","to"].map((te,O)=>p==="text"?(0,g.jsx)(m.TextInput,{style:E.value,keyboardType:ee,placeholder:q,value:$[O]??"",onChangeText:K=>j(K,O)},te):(0,pe.createElement)(Z,{...S,key:te,handleOnChange:K=>j(K,O),className:i,disabled:M,value:$[O]??(0,x.getFirstOption)(n),options:n,listsAsArrays:C}));return(0,g.jsxs)(m.View,{testID:w,style:E.valueList,children:[N[0],Ne,N[1]]})}switch(p){case"select":case"multiselect":return(0,g.jsx)(Z,{...S,testID:w,className:i,title:a,handleOnChange:o,disabled:M,value:e,options:n,multiple:p==="multiselect",listsAsArrays:C});case"textarea":return(0,g.jsx)(m.TextInput,{testID:w,style:E.value,placeholder:q,value:e,onChangeText:N=>o(N)});case"switch":case"checkbox":return(0,g.jsx)(m.Switch,{testID:w,style:E.valueEditorSwitch,disabled:M,value:!!e,onValueChange:N=>o(N)})}return(0,g.jsx)(m.TextInput,{testID:w,style:E.value,keyboardType:ee,placeholder:q,value:e,onChangeText:N=>o((0,x.parseNumber)(N,{parseNumbers:P}))})};G.displayName="NativeValueEditor";var me=require("react/jsx-runtime"),v=t=>(0,me.jsx)(y,{...t});v.displayName="NativeValueSelectorWeb";var ce=require("react/jsx-runtime"),J=t=>(0,ce.jsx)(G,{...t,selectorComponent:v});var ye=require("react"),b=require("react-native"),T=require("react-querybuilder");var h=require("react/jsx-runtime"),L=t=>{let e={...t,...(0,T.useRuleGroup)(t)},o=(0,ye.useMemo)(()=>({ruleGroup:b.StyleSheet.flatten([r.ruleGroup,e.schema.styles?.ruleGroup]),ruleGroupHeader:b.StyleSheet.flatten([r.ruleGroupHeader,e.schema.styles?.ruleGroupHeader]),ruleGroupBody:b.StyleSheet.flatten([r.ruleGroupBody,e.schema.styles?.ruleGroupBody])}),[e.schema.styles?.ruleGroup,e.schema.styles?.ruleGroupBody,e.schema.styles?.ruleGroupHeader]);return(0,h.jsxs)(b.View,{style:o.ruleGroup,testID:T.TestID.ruleGroup,children:[(0,h.jsx)(b.View,{style:o.ruleGroupHeader,children:(0,h.jsx)(T.RuleGroupHeaderComponents,{...e})}),(0,h.jsx)(b.View,{style:o.ruleGroupBody,children:(0,h.jsx)(T.RuleGroupBodyComponents,{...e})})]})};L.displayName="RuleGroupNative";var de=require("react"),W=require("react-native"),V=require("react-querybuilder");var U=require("react/jsx-runtime"),D=t=>{let e={...t,...(0,V.useRule)(t)},o=(0,de.useMemo)(()=>({rule:W.StyleSheet.flatten([r.rule,e.schema.styles?.rule])}),[e.schema.styles?.rule]);return(0,U.jsx)(W.View,{style:o.rule,testID:V.TestID.rule,children:(0,U.jsx)(V.RuleComponents,{...e})})};D.displayName="RuleNative";var H={addGroupAction:c,addRuleAction:c,cloneGroupAction:c,cloneRuleAction:c,combinatorSelector:y,dragHandle:(0,fe.forwardRef)(()=>null),fieldSelector:y,inlineCombinator:A,lockGroupAction:c,lockRuleAction:c,notToggle:I,operatorSelector:y,removeGroupAction:c,removeRuleAction:c,rule:D,ruleGroup:L,valueEditor:G,valueSourceSelector:y},we={...H,combinatorSelector:v,fieldSelector:v,operatorSelector:v,valueEditor:J,valueSourceSelector:v};var X=require("react"),ve=require("react-native"),Q=require("react-querybuilder");var Y=require("react/jsx-runtime"),Se=t=>{let e=(0,X.useMemo)(()=>({...H,...t.controlElements}),[t.controlElements]),o=(0,Q.useQueryBuilder)({...t,controlElements:e});o.schema.styles=(0,X.useMemo)(()=>ve.StyleSheet.create(t.styles??{}),[t.styles]);let{ruleGroup:a}=e;return(0,Y.jsx)(Q.QueryBuilderContext.Provider,{value:o.rqbContext,children:(0,Y.jsx)(a,{ruleGroup:o.query,path:[],translations:o.translations,schema:o.schema,actions:o.actions})})};Se.displayName="QueryBuilderNative";0&&(module.exports={NativeActionElement,NativeInlineCombinator,NativeNotToggle,NativeValueEditor,NativeValueEditorWeb,NativeValueSelector,NativeValueSelectorWeb,QueryBuilderNative,RuleGroupNative,RuleNative,defaultNativeControlElements,defaultNativeSelectStyles,defaultNativeStyles,defaultNativeWebControlElements});
+"use strict";var xe=Object.create;var B=Object.defineProperty;var Te=Object.getOwnPropertyDescriptor;var he=Object.getOwnPropertyNames;var Ge=Object.getPrototypeOf,Re=Object.prototype.hasOwnProperty;var Ve=(e,t)=>{for(var o in t)B(e,o,{get:t[o],enumerable:!0})},re=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of he(t))!Re.call(e,i)&&i!==o&&B(e,i,{get:()=>t[i],enumerable:!(a=Te(t,i))||a.enumerable});return e};var d=(e,t,o)=>(o=e!=null?xe(Ge(e)):{},re(t||!e||!e.__esModule?B(o,"default",{value:e,enumerable:!0}):o,e)),Ce=e=>re(B({},"__esModule",{value:!0}),e);var Pe={};Ve(Pe,{NativeActionElement:()=>c,NativeInlineCombinator:()=>I,NativeNotToggle:()=>W,NativeValueEditor:()=>G,NativeValueEditorWeb:()=>J,NativeValueSelector:()=>y,NativeValueSelectorWeb:()=>S,QueryBuilderNative:()=>Ne,RuleGroupNative:()=>D,RuleNative:()=>Q,defaultNativeControlElements:()=>k,defaultNativeSelectStyles:()=>u,defaultNativeStyles:()=>r,defaultNativeWebControlElements:()=>Ee});module.exports=Ce(Pe);var ve=require("react");var le=d(require("react")),ie=require("react-native"),c=({handleOnClick:e,label:t,disabled:o,disabledTranslation:a,testID:i})=>le.createElement(ie.Button,{testID:i,disabled:o&&!a,title:a&&o?a.label??"":t??"",onPress:p=>e(p)});c.displayName="NativeActionElement";var F=d(require("react")),se=require("react"),A=require("react-native"),z=require("react-querybuilder");var ae=require("react-native"),u={selector:{borderWidth:1,height:32,width:100},option:{}},we={combinatorOption:u.option,combinatorSelector:u.selector,dragHandle:{},fieldOption:u.option,fieldSelector:u.selector,inlineCombinator:{},notToggle:{flexDirection:"row"},notToggleLabel:{},notToggleSwitch:{},operatorOption:u.option,operatorSelector:u.selector,rule:{flexDirection:"row",paddingBottom:10},ruleGroup:{backgroundColor:"rgba(0, 75, 183, 0.2)",borderColor:"#8081a2",borderRadius:4,borderWidth:1,marginBottom:10},ruleGroupBody:{paddingTop:10,paddingRight:10,paddingLeft:10},ruleGroupHeader:{flexDirection:"row",paddingTop:10,paddingRight:10,paddingLeft:10},value:{borderWidth:1,height:32,width:150},valueEditorOption:u.option,valueEditorSelector:u.selector,valueEditorSwitch:{},valueList:{flexDirection:"row"},valueSourceOption:u.option,valueSourceSelector:u.selector},r=ae.StyleSheet.create(we);var I=({component:e,path:t,independentCombinators:o,...a})=>{let i=(0,se.useMemo)(()=>({inlineCombinator:A.StyleSheet.flatten([r.inlineCombinator,a.schema.styles?.inlineCombinator])}),[a.schema.styles?.inlineCombinator]);return F.createElement(A.View,{style:i.inlineCombinator,key:"no-dnd",testID:z.TestID.inlineCombinator},F.createElement(e,{...a,path:t,testID:z.TestID.combinators}))};I.displayName="NativeInlineCombinator";var L=d(require("react")),ne=require("react"),f=require("react-native");var W=({handleOnChange:e,label:t,checked:o,disabled:a,schema:i,testID:p})=>{let l=(0,ne.useMemo)(()=>({notToggle:f.StyleSheet.flatten([r.notToggle,i.styles?.notToggle]),notToggleLabel:f.StyleSheet.flatten([r.notToggleLabel,i.styles?.notToggleLabel]),notToggleSwitch:f.StyleSheet.flatten([r.notToggleSwitch,i.styles?.notToggleSwitch])}),[i.styles?.notToggle,i.styles?.notToggleLabel,i.styles?.notToggleSwitch]);return L.createElement(f.View,{style:l.notToggle,testID:p},L.createElement(f.Text,{style:l.notToggleLabel},t),L.createElement(f.Switch,{style:l.notToggleSwitch,disabled:a,value:o,onValueChange:s=>e(s)}))};W.displayName="NativeNotToggle";var b=d(require("react")),me=require("react"),m=require("react-native"),h=require("react-querybuilder");var ue=d(require("react")),pe=require("react"),n=require("react-native"),v=require("react-querybuilder");var y=({handleOnChange:e,options:t,value:o,disabled:a,multiple:i,listsAsArrays:p,schema:l,testID:s})=>{let C=(0,pe.useMemo)(()=>s===v.TestID.combinators?{selector:n.StyleSheet.flatten([r.combinatorSelector,l.styles?.combinatorSelector]),option:n.StyleSheet.flatten([r.combinatorOption,l.styles?.combinatorOption])}:s===v.TestID.fields?{selector:n.StyleSheet.flatten([r.fieldSelector,l.styles?.fieldSelector]),option:n.StyleSheet.flatten([r.fieldOption,l.styles?.fieldOption])}:s===v.TestID.operators?{selector:n.StyleSheet.flatten([r.operatorSelector,l.styles?.operatorSelector]),option:n.StyleSheet.flatten([r.operatorOption,l.styles?.operatorOption])}:s===v.TestID.valueSourceSelector?{selector:n.StyleSheet.flatten([r.valueSourceSelector,l.styles?.valueSourceSelector]),option:n.StyleSheet.flatten([r.valueSourceOption,l.styles?.valueSourceOption])}:s===v.TestID.valueEditor?{selector:n.StyleSheet.flatten([r.valueEditorSelector,l.styles?.valueEditorSelector]),option:n.StyleSheet.flatten([r.valueEditorOption,l.styles?.valueEditorOption])}:n.StyleSheet.create(u),[l.styles?.combinatorOption,l.styles?.combinatorSelector,l.styles?.fieldOption,l.styles?.fieldSelector,l.styles?.operatorOption,l.styles?.operatorSelector,l.styles?.valueEditorOption,l.styles?.valueEditorSelector,l.styles?.valueSourceOption,l.styles?.valueSourceSelector,s]),{onChange:P}=(0,v.useValueSelector)({handleOnChange:e,listsAsArrays:p,multiple:i,value:o}),q=i&&Array.isArray(o)?(0,v.joinWith)(o,","):o;return ue.createElement(n.TextInput,{testID:s,"aria-disabled":a,style:C.selector,value:q,onChangeText:P})};y.displayName="NativeValueSelector";var G=({operator:e,value:t,handleOnChange:o,title:a,className:i,type:p="text",inputType:l="text",values:s=[],listsAsArrays:C,parseNumbers:P,fieldData:q,disabled:j,separator:ge=null,skipHook:be=!1,testID:w,selectorComponent:Z=y,...N})=>{let E=(0,me.useMemo)(()=>({value:m.StyleSheet.flatten([r.value,N.schema.styles?.value]),valueEditorSwitch:m.StyleSheet.flatten([r.valueEditorSwitch,N.schema.styles?.valueEditorSwitch]),valueList:m.StyleSheet.flatten([r.valueList,N.schema.styles?.valueList])}),[N.schema.styles?.value,N.schema.styles?.valueEditorSwitch,N.schema.styles?.valueList]),{valueAsArray:$,multiValueHandler:ee}=(0,h.useValueEditor)({skipHook:be,handleOnChange:o,inputType:l,operator:e,value:t,type:p,listsAsArrays:C,parseNumbers:P,values:s});if(e==="null"||e==="notNull")return null;let K=q?.placeholder??"",te="default";if((e==="between"||e==="notBetween")&&(p==="select"||p==="text")){let g=["from","to"].map((oe,O)=>p==="text"?b.createElement(m.TextInput,{key:oe,style:E.value,keyboardType:te,placeholder:K,value:$[O]??"",onChangeText:_=>ee(_,O)}):b.createElement(Z,{...N,key:oe,handleOnChange:_=>ee(_,O),className:i,disabled:j,value:$[O]??(0,h.getFirstOption)(s),options:s,listsAsArrays:C}));return b.createElement(m.View,{testID:w,style:E.valueList},g[0],ge,g[1])}switch(p){case"select":case"multiselect":return b.createElement(Z,{...N,testID:w,className:i,title:a,handleOnChange:o,disabled:j,value:t,options:s,multiple:p==="multiselect",listsAsArrays:C});case"textarea":return b.createElement(m.TextInput,{testID:w,style:E.value,placeholder:K,value:t,onChangeText:g=>o(g)});case"switch":case"checkbox":return b.createElement(m.Switch,{testID:w,style:E.valueEditorSwitch,disabled:j,value:!!t,onValueChange:g=>o(g)})}return b.createElement(m.TextInput,{testID:w,style:E.value,keyboardType:te,placeholder:K,value:t,onChangeText:g=>o((0,h.parseNumber)(g,{parseNumbers:P}))})};G.displayName="NativeValueEditor";var ye=d(require("react"));var ce=d(require("react"));var S=e=>ce.createElement(y,{...e});S.displayName="NativeValueSelectorWeb";var J=e=>ye.createElement(G,{...e,selectorComponent:S});var R=d(require("react")),de=require("react"),x=require("react-native"),T=require("react-querybuilder");var D=e=>{let t={...e,...(0,T.useRuleGroup)(e)},o=(0,de.useMemo)(()=>({ruleGroup:x.StyleSheet.flatten([r.ruleGroup,t.schema.styles?.ruleGroup]),ruleGroupHeader:x.StyleSheet.flatten([r.ruleGroupHeader,t.schema.styles?.ruleGroupHeader]),ruleGroupBody:x.StyleSheet.flatten([r.ruleGroupBody,t.schema.styles?.ruleGroupBody])}),[t.schema.styles?.ruleGroup,t.schema.styles?.ruleGroupBody,t.schema.styles?.ruleGroupHeader]);return R.createElement(x.View,{style:o.ruleGroup,testID:T.TestID.ruleGroup},R.createElement(x.View,{style:o.ruleGroupHeader},R.createElement(T.RuleGroupHeaderComponents,{...t})),R.createElement(x.View,{style:o.ruleGroupBody},R.createElement(T.RuleGroupBodyComponents,{...t})))};D.displayName="RuleGroupNative";var U=d(require("react")),fe=require("react"),H=require("react-native"),V=require("react-querybuilder");var Q=e=>{let t={...e,...(0,V.useRule)(e)},o=(0,fe.useMemo)(()=>({rule:H.StyleSheet.flatten([r.rule,t.schema.styles?.rule])}),[t.schema.styles?.rule]);return U.createElement(H.View,{style:o.rule,testID:V.TestID.rule},U.createElement(V.RuleComponents,{...t}))};Q.displayName="RuleNative";var k={addGroupAction:c,addRuleAction:c,cloneGroupAction:c,cloneRuleAction:c,combinatorSelector:y,dragHandle:(0,ve.forwardRef)(()=>null),fieldSelector:y,inlineCombinator:I,lockGroupAction:c,lockRuleAction:c,notToggle:W,operatorSelector:y,removeGroupAction:c,removeRuleAction:c,rule:Q,ruleGroup:D,valueEditor:G,valueSourceSelector:y},Ee={...k,combinatorSelector:S,fieldSelector:S,operatorSelector:S,valueEditor:J,valueSourceSelector:S};var X=d(require("react")),Y=require("react"),Se=require("react-native"),M=require("react-querybuilder");var Ne=e=>{let t=(0,Y.useMemo)(()=>({...k,...e.controlElements}),[e.controlElements]),o=(0,M.useQueryBuilder)({...e,controlElements:t});o.schema.styles=(0,Y.useMemo)(()=>Se.StyleSheet.create(e.styles??{}),[e.styles]);let{ruleGroup:a}=t;return X.createElement(M.QueryBuilderContext.Provider,{value:o.rqbContext},X.createElement(a,{ruleGroup:o.query,path:[],translations:o.translations,schema:o.schema,actions:o.actions}))};Ne.displayName="QueryBuilderNative";0&&(module.exports={NativeActionElement,NativeInlineCombinator,NativeNotToggle,NativeValueEditor,NativeValueEditorWeb,NativeValueSelector,NativeValueSelectorWeb,QueryBuilderNative,RuleGroupNative,RuleNative,defaultNativeControlElements,defaultNativeSelectStyles,defaultNativeStyles,defaultNativeWebControlElements});
 //# sourceMappingURL=react-querybuilder_native.cjs.production.js.map

dist/react-querybuilder_native.legacy-esm.js

@@ -33,8 +33,8 @@ var __defProp = Object.defineProperty;
 
-// src/components/defaults.tsx
+// src/components/defaults.ts
 import { forwardRef } from "react";
 
 // src/components/NativeActionElement.tsx
+import * as React from "react";
 import { Button } from "react-native";
-import { jsx } from "react/jsx-runtime";
 var NativeActionElement = ({
@@ -48,3 +48,3 @@ handleOnClick,
   var _a;
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     Button,
@@ -62,2 +62,3 @@ {
 // src/components/NativeInlineCombinator.tsx
+import * as React2 from "react";
 import { useMemo } from "react";
@@ -112,3 +113,2 @@ import { StyleSheet as StyleSheet2, View } from "react-native";
 // src/components/NativeInlineCombinator.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
 var NativeInlineCombinator = (_a) => {
@@ -137,3 +137,3 @@ var _b = _a, {
   );
-  return /* @__PURE__ */ jsx2(View, { style: styles.inlineCombinator, testID: TestID.inlineCombinator, children: /* @__PURE__ */ jsx2(CombinatorSelectorComponent, __spreadProps(__spreadValues({}, props), { path, testID: TestID.combinators })) }, "no-dnd");
+  return /* @__PURE__ */ React2.createElement(View, { style: styles.inlineCombinator, key: "no-dnd", testID: TestID.inlineCombinator }, /* @__PURE__ */ React2.createElement(CombinatorSelectorComponent, __spreadProps(__spreadValues({}, props), { path, testID: TestID.combinators })));
 };
@@ -143,5 +143,5 @@ NativeInlineCombinator.displayName = "NativeInlineCombinator";
 // src/components/NativeNotToggle.tsx
+import * as React3 from "react";
 import { useMemo as useMemo2 } from "react";
 import { StyleSheet as StyleSheet3, Switch, Text, View as View2 } from "react-native";
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var NativeNotToggle = ({
@@ -173,14 +173,11 @@ handleOnChange,
   );
-  return /* @__PURE__ */ jsxs(View2, { style: styles.notToggle, testID, children: [
-    /* @__PURE__ */ jsx3(Text, { style: styles.notToggleLabel, children: label }),
-    /* @__PURE__ */ jsx3(
-      Switch,
-      {
-        style: styles.notToggleSwitch,
-        disabled,
-        value: checked,
-        onValueChange: (v) => handleOnChange(v)
-      }
-    )
-  ] });
+  return /* @__PURE__ */ React3.createElement(View2, { style: styles.notToggle, testID }, /* @__PURE__ */ React3.createElement(Text, { style: styles.notToggleLabel }, label), /* @__PURE__ */ React3.createElement(
+    Switch,
+    {
+      style: styles.notToggleSwitch,
+      disabled,
+      value: checked,
+      onValueChange: (v) => handleOnChange(v)
+    }
+  ));
 };
@@ -190,2 +187,3 @@ NativeNotToggle.displayName = "NativeNotToggle";
 // src/components/NativeValueEditor.tsx
+import * as React5 from "react";
 import { useMemo as useMemo4 } from "react";
@@ -196,6 +194,6 @@ import { StyleSheet as StyleSheet5, Switch as Switch2, TextInput as TextInput2, View as View3 } from "react-native";
 // src/components/NativeValueSelector.tsx
+import * as React4 from "react";
 import { useMemo as useMemo3 } from "react";
 import { StyleSheet as StyleSheet4, TextInput } from "react-native";
 import { joinWith, TestID as TestID2, useValueSelector } from "react-querybuilder";
-import { jsx as jsx4 } from "react/jsx-runtime";
 var NativeValueSelector = ({
@@ -283,3 +281,3 @@ handleOnChange,
   const val = multiple ? Array.isArray(value) ? joinWith(value, ",") : value : value;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ React4.createElement(
     TextInput,
@@ -298,4 +296,2 @@ {
 // src/components/NativeValueEditor.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-import { createElement } from "react";
 var NativeValueEditor = (_a) => {
@@ -379,5 +375,6 @@ var _b = _a, {
       if (type === "text") {
-        return /* @__PURE__ */ jsx5(
+        return /* @__PURE__ */ React5.createElement(
           TextInput2,
           {
+            key,
             style: styles.value,
@@ -388,7 +385,6 @@ keyboardType,
             onChangeText: (v) => multiValueHandler(v, i)
-          },
-          key
+          }
         );
       }
-      return /* @__PURE__ */ createElement(
+      return /* @__PURE__ */ React5.createElement(
         SelectorComponent,
@@ -406,7 +402,3 @@ __spreadProps(__spreadValues({}, props), {
     });
-    return /* @__PURE__ */ jsxs2(View3, { testID, style: styles.valueList, children: [
-      editors[0],
-      separator,
-      editors[1]
-    ] });
+    return /* @__PURE__ */ React5.createElement(View3, { testID, style: styles.valueList }, editors[0], separator, editors[1]);
   }
@@ -416,3 +408,3 @@ switch (type) {
     case "multiselect":
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ React5.createElement(
         SelectorComponent,
@@ -432,3 +424,3 @@ __spreadProps(__spreadValues({}, props), {
     case "textarea":
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ React5.createElement(
         TextInput2,
@@ -445,3 +437,3 @@ {
     case "checkbox":
-      return /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ React5.createElement(
         Switch2,
@@ -457,3 +449,3 @@ {
   }
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ React5.createElement(
     TextInput2,
@@ -472,12 +464,15 @@ {
 
+// src/components/NativeValueEditorWeb.tsx
+import * as React7 from "react";
+
 // src/components/NativeValueSelectorWeb.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-var NativeValueSelectorWeb = (props) => /* @__PURE__ */ jsx6(NativeValueSelector, __spreadValues({}, props));
+import * as React6 from "react";
+var NativeValueSelectorWeb = (props) => /* @__PURE__ */ React6.createElement(NativeValueSelector, __spreadValues({}, props));
 NativeValueSelectorWeb.displayName = "NativeValueSelectorWeb";
 
 // src/components/NativeValueEditorWeb.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-var NativeValueEditorWeb = (props) => /* @__PURE__ */ jsx7(NativeValueEditor, __spreadProps(__spreadValues({}, props), { selectorComponent: NativeValueSelectorWeb }));
+var NativeValueEditorWeb = (props) => /* @__PURE__ */ React7.createElement(NativeValueEditor, __spreadProps(__spreadValues({}, props), { selectorComponent: NativeValueSelectorWeb }));
 
 // src/components/RuleGroupNative.tsx
+import * as React8 from "react";
 import { useMemo as useMemo5 } from "react";
@@ -491,3 +486,2 @@ import { StyleSheet as StyleSheet6, View as View4 } from "react-native";
 } from "react-querybuilder";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var RuleGroupNative = (props) => {
@@ -517,6 +511,3 @@ var _a, _b, _c;
   );
-  return /* @__PURE__ */ jsxs3(View4, { style: styles.ruleGroup, testID: TestID3.ruleGroup, children: [
-    /* @__PURE__ */ jsx8(View4, { style: styles.ruleGroupHeader, children: /* @__PURE__ */ jsx8(RuleGroupHeaderComponents, __spreadValues({}, rg)) }),
-    /* @__PURE__ */ jsx8(View4, { style: styles.ruleGroupBody, children: /* @__PURE__ */ jsx8(RuleGroupBodyComponents, __spreadValues({}, rg)) })
-  ] });
+  return /* @__PURE__ */ React8.createElement(View4, { style: styles.ruleGroup, testID: TestID3.ruleGroup }, /* @__PURE__ */ React8.createElement(View4, { style: styles.ruleGroupHeader }, /* @__PURE__ */ React8.createElement(RuleGroupHeaderComponents, __spreadValues({}, rg))), /* @__PURE__ */ React8.createElement(View4, { style: styles.ruleGroupBody }, /* @__PURE__ */ React8.createElement(RuleGroupBodyComponents, __spreadValues({}, rg))));
 };
@@ -526,6 +517,6 @@ RuleGroupNative.displayName = "RuleGroupNative";
 // src/components/RuleNative.tsx
+import * as React9 from "react";
 import { useMemo as useMemo6 } from "react";
 import { StyleSheet as StyleSheet7, View as View5 } from "react-native";
 import { RuleComponents, TestID as TestID4, useRule } from "react-querybuilder";
-import { jsx as jsx9 } from "react/jsx-runtime";
 var RuleNative = (props) => {
@@ -541,7 +532,7 @@ var _a;
   );
-  return /* @__PURE__ */ jsx9(View5, { style: styles.rule, testID: TestID4.rule, children: /* @__PURE__ */ jsx9(RuleComponents, __spreadValues({}, r)) });
+  return /* @__PURE__ */ React9.createElement(View5, { style: styles.rule, testID: TestID4.rule }, /* @__PURE__ */ React9.createElement(RuleComponents, __spreadValues({}, r)));
 };
 RuleNative.displayName = "RuleNative";
 
-// src/components/defaults.tsx
+// src/components/defaults.ts
 var defaultNativeControlElements = {
@@ -577,6 +568,6 @@ addGroupAction: NativeActionElement,
 // src/components/QueryBuilderNative.tsx
+import * as React10 from "react";
 import { useMemo as useMemo7 } from "react";
 import { StyleSheet as StyleSheet8 } from "react-native";
 import { QueryBuilderContext, useQueryBuilder } from "react-querybuilder";
-import { jsx as jsx10 } from "react/jsx-runtime";
 var QueryBuilderNative = (props) => {
@@ -593,3 +584,3 @@ const controlElements = useMemo7(
   const { ruleGroup: RuleGroupComponent } = controlElements;
-  return /* @__PURE__ */ jsx10(QueryBuilderContext.Provider, { value: qb.rqbContext, children: /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ React10.createElement(QueryBuilderContext.Provider, { value: qb.rqbContext }, /* @__PURE__ */ React10.createElement(
     RuleGroupComponent,
@@ -603,3 +594,3 @@ {
     }
-  ) });
+  ));
 };
@@ -606,0 +597,0 @@ QueryBuilderNative.displayName = "QueryBuilderNative";

package.json

 {
   "name": "@react-querybuilder/native",
   "description": "React Native components for react-querybuilder",
-  "version": "6.3.0-alpha.0",
+  "version": "6.3.0-alpha.1",
   "publishConfig": {
@@ -38,4 +38,4 @@ "access": "public"
     "@testing-library/jest-native": "^5.4.2",
-    "@testing-library/react-native": "^12.0.1",
-    "@types/react": "^18.0.37",
+    "@testing-library/react-native": "^12.1.1",
+    "@types/react": "^18.2.0",
     "@types/react-test-renderer": "^18.0.0",
@@ -47,13 +47,13 @@ "@vitejs/plugin-react-swc": "^3.3.0",
     "react-native-web": "~0.19.4",
-    "react-querybuilder": "^6.3.0-alpha.0",
+    "react-querybuilder": "^6.3.0-alpha.1",
     "react-test-renderer": "^18.2.0",
     "rollup-plugin-visualizer": "^5.9.0",
     "typescript": "^4.9.5",
-    "vite": "^4.3.1"
+    "vite": "^4.3.4"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "react-querybuilder": "^6.3.0-alpha.0"
+    "react-querybuilder": "^6.3.0-alpha.1"
   },
-  "gitHead": "fd69d09523be41dfb8515ae0bab1b9f9f70411c1"
+  "gitHead": "f9f7cb4d33a9d1a3c6754b2d8933e0469cbbe088"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

232621

increased by0.49%

Worsened metrics

Lines of code

1787

decreased by-0.78%

No dependency changes