New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@react-querybuilder/native

Package Overview
Dependencies
Maintainers
1
Versions
82
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-querybuilder/native - npm Package Compare versions

Comparing version 7.0.0-alpha.7 to 7.0.0-beta.0

40

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

@@ -5,3 +5,3 @@ import * as react from 'react';

import * as react_querybuilder from 'react-querybuilder';
import { ToFullOption, Field, Schema, RuleGroupProps, RuleProps, NotToggleProps, InlineCombinatorProps, ActionProps, ShiftActionsProps, ValueSelectorProps, ValueEditorProps, RuleGroupTypeAny, ToFlexibleOption, Operator, Combinator, QueryBuilderProps } from 'react-querybuilder';
import { FullField, Schema, RuleGroupProps, RuleProps, NotToggleProps, InlineCombinatorProps, ActionProps, ShiftActionsProps, FullOption, ValueSelectorProps, ValueEditorProps, RuleGroupTypeAny, FullOperator, FullCombinator, QueryBuilderProps } from 'react-querybuilder';

@@ -17,3 +17,3 @@ type WrapEachPropertyInStyleProp<K> = {

}
interface SchemaNative<F extends ToFullOption<Field>, O extends string> extends Schema<F, O>, WithOptionalStyleSheets {
interface SchemaNative<F extends FullField, O extends string> extends Schema<F, O>, WithOptionalStyleSheets {
}

@@ -55,7 +55,7 @@ interface WithSchemaNative {

type ShiftActionsNativeProps = ShiftActionsProps & WithSchemaNative;
type ValueSelectorNativeProps = ValueSelectorProps & WithSchemaNative;
type ValueSelectorNativeProps<OptType extends FullOption = FullOption> = ValueSelectorProps<OptType> & WithSchemaNative;
type ValueEditorNativeProps = ValueEditorProps & WithSchemaNative & {
selectorComponent?: ComponentType<ValueSelectorNativeProps>;
};
type QueryBuilderNativeProps<RG extends RuleGroupTypeAny, F extends ToFlexibleOption<Field>, O extends ToFlexibleOption<Operator>, C extends ToFlexibleOption<Combinator>> = QueryBuilderProps<RG, F, O, C> & WithOptionalStyles;
type QueryBuilderNativeProps<RG extends RuleGroupTypeAny, F extends FullField, O extends FullOperator, C extends FullCombinator> = QueryBuilderProps<RG, F, O, C> & WithOptionalStyles;

@@ -90,3 +90,3 @@ declare const NativeActionElement: {

declare const NativeValueSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends FullOption<string> = FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -96,3 +96,3 @@ };

declare const NativeValueSelectorWeb: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends FullOption<string> = FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;

@@ -102,9 +102,3 @@ };

declare const QueryBuilderNative: {
<RG extends RuleGroupTypeAny, F extends Omit<Field<string, string, string, react_querybuilder.Option<string>, react_querybuilder.Option<string>>, "value" | "name"> & {
[x: string]: any;
} & react_querybuilder.FlexibleOption<string>, O extends Omit<Operator<string>, "value" | "name"> & {
[x: string]: any;
} & react_querybuilder.FlexibleOption<string>, C extends Omit<Combinator<string>, "value" | "name"> & {
[x: string]: any;
} & react_querybuilder.FlexibleOption<string>>(props: QueryBuilderNativeProps<RG, F, O, C>): react.JSX.Element;
<RG extends RuleGroupTypeAny, F extends FullField<string, string, string, react_querybuilder.Option<string>, react_querybuilder.Option<string>>, O extends FullOperator<string>, C extends FullCombinator<string>>(props: QueryBuilderNativeProps<RG, F, O, C>): react.JSX.Element;
displayName: string;

@@ -145,3 +139,3 @@ };

combinatorSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -151,3 +145,3 @@ };

fieldSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -172,3 +166,3 @@ };

operatorSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -201,7 +195,7 @@ };

valueSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;
};
valueSourceSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -212,11 +206,11 @@ };

combinatorSelector: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;
};
fieldSelector: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;
};
operatorSelector: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;

@@ -226,7 +220,7 @@ };

valueSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;
};
valueSourceSelector: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;

@@ -233,0 +227,0 @@ };

3

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

@@ -585,3 +585,4 @@ "use strict";

const { ruleGroup: RuleGroupComponent } = qb.schema.controls;
return /* @__PURE__ */ React11.createElement(import_react_querybuilder7.QueryBuilderContext.Provider, { value: qb.rqbContext }, /* @__PURE__ */ React11.createElement(
const QueryBuilderContext = import_react_querybuilder7.QueryBuilderContext;
return /* @__PURE__ */ React11.createElement(QueryBuilderContext.Provider, { value: qb.rqbContext }, /* @__PURE__ */ React11.createElement(
RuleGroupComponent,

@@ -588,0 +589,0 @@ {

40

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

@@ -5,3 +5,3 @@ import * as react from 'react';

import * as react_querybuilder from 'react-querybuilder';
import { ToFullOption, Field, Schema, RuleGroupProps, RuleProps, NotToggleProps, InlineCombinatorProps, ActionProps, ShiftActionsProps, ValueSelectorProps, ValueEditorProps, RuleGroupTypeAny, ToFlexibleOption, Operator, Combinator, QueryBuilderProps } from 'react-querybuilder';
import { FullField, Schema, RuleGroupProps, RuleProps, NotToggleProps, InlineCombinatorProps, ActionProps, ShiftActionsProps, FullOption, ValueSelectorProps, ValueEditorProps, RuleGroupTypeAny, FullOperator, FullCombinator, QueryBuilderProps } from 'react-querybuilder';

@@ -17,3 +17,3 @@ type WrapEachPropertyInStyleProp<K> = {

}
interface SchemaNative<F extends ToFullOption<Field>, O extends string> extends Schema<F, O>, WithOptionalStyleSheets {
interface SchemaNative<F extends FullField, O extends string> extends Schema<F, O>, WithOptionalStyleSheets {
}

@@ -55,7 +55,7 @@ interface WithSchemaNative {

type ShiftActionsNativeProps = ShiftActionsProps & WithSchemaNative;
type ValueSelectorNativeProps = ValueSelectorProps & WithSchemaNative;
type ValueSelectorNativeProps<OptType extends FullOption = FullOption> = ValueSelectorProps<OptType> & WithSchemaNative;
type ValueEditorNativeProps = ValueEditorProps & WithSchemaNative & {
selectorComponent?: ComponentType<ValueSelectorNativeProps>;
};
type QueryBuilderNativeProps<RG extends RuleGroupTypeAny, F extends ToFlexibleOption<Field>, O extends ToFlexibleOption<Operator>, C extends ToFlexibleOption<Combinator>> = QueryBuilderProps<RG, F, O, C> & WithOptionalStyles;
type QueryBuilderNativeProps<RG extends RuleGroupTypeAny, F extends FullField, O extends FullOperator, C extends FullCombinator> = QueryBuilderProps<RG, F, O, C> & WithOptionalStyles;

@@ -90,3 +90,3 @@ declare const NativeActionElement: {

declare const NativeValueSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends FullOption<string> = FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -96,3 +96,3 @@ };

declare const NativeValueSelectorWeb: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends FullOption<string> = FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;

@@ -102,9 +102,3 @@ };

declare const QueryBuilderNative: {
<RG extends RuleGroupTypeAny, F extends Omit<Field<string, string, string, react_querybuilder.Option<string>, react_querybuilder.Option<string>>, "value" | "name"> & {
[x: string]: any;
} & react_querybuilder.FlexibleOption<string>, O extends Omit<Operator<string>, "value" | "name"> & {
[x: string]: any;
} & react_querybuilder.FlexibleOption<string>, C extends Omit<Combinator<string>, "value" | "name"> & {
[x: string]: any;
} & react_querybuilder.FlexibleOption<string>>(props: QueryBuilderNativeProps<RG, F, O, C>): react.JSX.Element;
<RG extends RuleGroupTypeAny, F extends FullField<string, string, string, react_querybuilder.Option<string>, react_querybuilder.Option<string>>, O extends FullOperator<string>, C extends FullCombinator<string>>(props: QueryBuilderNativeProps<RG, F, O, C>): react.JSX.Element;
displayName: string;

@@ -145,3 +139,3 @@ };

combinatorSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -151,3 +145,3 @@ };

fieldSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -172,3 +166,3 @@ };

operatorSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -201,7 +195,7 @@ };

valueSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;
};
valueSourceSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;

@@ -212,11 +206,11 @@ };

combinatorSelector: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;
};
fieldSelector: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;
};
operatorSelector: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;

@@ -226,7 +220,7 @@ };

valueSelector: {
({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps): react.JSX.Element;
<Opt extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>({ handleOnChange, options: _options, value, disabled, multiple, listsAsArrays, schema, testID, }: ValueSelectorNativeProps<Opt>): react.JSX.Element;
displayName: string;
};
valueSourceSelector: {
(props: ValueSelectorNativeProps): react.JSX.Element;
<OptType extends react_querybuilder.FullOption<string> = react_querybuilder.FullOption<string>>(props: ValueSelectorNativeProps<OptType>): react.JSX.Element;
displayName: string;

@@ -233,0 +227,0 @@ };

2

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

@@ -1,2 +0,2 @@

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

3

dist/react-querybuilder_native.legacy-esm.js

@@ -498,3 +498,3 @@ var __defProp = Object.defineProperty;

import {
QueryBuilderContext,
QueryBuilderContext as _QBC,
QueryBuilderStateContext,

@@ -625,2 +625,3 @@ queryBuilderStore,

const { ruleGroup: RuleGroupComponent } = qb.schema.controls;
const QueryBuilderContext = _QBC;
return /* @__PURE__ */ React11.createElement(QueryBuilderContext.Provider, { value: qb.rqbContext }, /* @__PURE__ */ React11.createElement(

@@ -627,0 +628,0 @@ RuleGroupComponent,

12

package.json
{
"name": "@react-querybuilder/native",
"description": "React Native components for react-querybuilder",
"version": "7.0.0-alpha.7",
"version": "7.0.0-beta.0",
"publishConfig": {

@@ -44,3 +44,3 @@ "access": "public"

"@testing-library/react-native": "^12.4.3",
"@types/react": "^18.2.51",
"@types/react": "^18.2.55",
"@types/react-test-renderer": "^18.0.7",

@@ -50,5 +50,5 @@ "@vitejs/plugin-react-swc": "^3.6.0",

"react-dom": "^18.2.0",
"react-native": "~0.73.3",
"react-native": "~0.73.4",
"react-native-web": "~0.19.10",
"react-querybuilder": "^7.0.0-alpha.7",
"react-querybuilder": "^7.0.0-beta.0",
"react-redux": "^9.1.0",

@@ -62,6 +62,6 @@ "react-test-renderer": "^18.2.0",

"react": ">=16.8.0",
"react-querybuilder": "^7.0.0-alpha.7",
"react-querybuilder": "^7.0.0-beta.0",
"react-redux": "^9.1.0"
},
"gitHead": "e428b6e4130e02f23e5161efbfdc2ceb4bf6aba7"
"gitHead": "38fa66a823d000ac814b41a5e71abcee3971bdb0"
}
dist/cjs/react-querybuilder_native.cjs.development.js.map

Sorry, the diff of this file is not supported yet

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

Sorry, the diff of this file is not supported yet

dist/react-querybuilder_native.d.mts

Sorry, the diff of this file is not supported yet

dist/react-querybuilder_native.legacy-esm.d.mts

Sorry, the diff of this file is not supported yet

dist/react-querybuilder_native.legacy-esm.js.map

Sorry, the diff of this file is not supported yet

dist/react-querybuilder_native.mjs

Sorry, the diff of this file is not supported yet

dist/react-querybuilder_native.mjs.map

Sorry, the diff of this file is not supported yet

dist/react-querybuilder_native.production.d.mts

Sorry, the diff of this file is not supported yet

dist/react-querybuilder_native.production.mjs

Sorry, the diff of this file is not supported yet

dist/react-querybuilder_native.production.mjs.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc