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
0
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.8.0-alpha.0 to 8.0.0-alpha.0

1180

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

@@ -52,3 +52,3 @@ "use strict";

// src/components/NativeActionElement.tsx
var React = __toESM(require("react"));
var import_jsx_runtime = require("react/jsx-runtime");
var import_react_native2 = require("react-native");

@@ -58,21 +58,51 @@

var import_react_native = require("react-native");
var defaultNativeSelectStyles = {
selector: {
borderRadius: 4,
borderWidth: 1,
height: 32,
width: 100,
paddingLeft: 4
},
option: {}
};
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof(o);
}
function ownKeys(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
_defineProperty(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty(e, r, t) {
return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey(t) {
var i = _toPrimitive(t, "string");
return "symbol" == _typeof(i) ? i : i + "";
}
function _toPrimitive(t, r) {
if ("object" != _typeof(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
var defaultNativeSelectStyles = { selector: { borderRadius: 4, borderWidth: 1, height: 32, width: 100, paddingLeft: 4 }, option: {} };
var defaultStylesObject = {
actionElement: {
borderWidth: 1,
borderRadius: 4,
height: 32,
padding: 8,
paddingBottom: 4,
paddingTop: 4
},
actionElement: { borderWidth: 1, borderRadius: 4, height: 32, padding: 8, paddingBottom: 4, paddingTop: 4 },
actionElementText: {},

@@ -92,18 +122,7 @@ combinatorOption: defaultNativeSelectStyles.option,

rule: { flexDirection: "row", gap: 10, alignItems: "center" },
ruleGroup: {
backgroundColor: "rgba(0, 75, 183, 0.2)",
borderColor: "#8081a2",
borderRadius: 4,
borderWidth: 1,
padding: 10,
gap: 10
},
ruleGroup: { backgroundColor: "rgba(0, 75, 183, 0.2)", borderColor: "#8081a2", borderRadius: 4, borderWidth: 1, padding: 10, gap: 10 },
ruleGroupBody: { gap: 10 },
ruleGroupHeader: {
flexDirection: "row",
gap: 10,
alignItems: "center"
},
ruleGroupHeader: { flexDirection: "row", gap: 10, alignItems: "center" },
shiftActions: { flexDirection: "column" },
value: { ...defaultNativeSelectStyles.selector, width: 150 },
value: _objectSpread(_objectSpread({}, defaultNativeSelectStyles.selector), {}, { width: 150 }),
valueEditorOption: defaultNativeSelectStyles.option,

@@ -119,309 +138,215 @@ valueEditorSelector: defaultNativeSelectStyles.selector,

// src/components/NativeActionElement.tsx
var NativeActionElement = ({
handleOnClick,
label,
disabled,
disabledTranslation,
testID,
schema: _schema
}) => /* @__PURE__ */ React.createElement(
import_react_native2.Pressable,
{
testID,
disabled: disabled && !disabledTranslation,
onPress: (_e) => handleOnClick()
},
/* @__PURE__ */ React.createElement(import_react_native2.View, { style: defaultNativeStyles.actionElement }, /* @__PURE__ */ React.createElement(
import_react_native2.Text,
{
style: defaultNativeStyles.actionElementText
},
`${disabledTranslation && disabled ? disabledTranslation.label ?? "" : label ?? ""}`
))
);
var NativeActionElement = function NativeActionElement2(_ref) {
var _disabledTranslation$;
var handleOnClick = _ref.handleOnClick, label = _ref.label, disabled = _ref.disabled, disabledTranslation = _ref.disabledTranslation, testID = _ref.testID, _schema = _ref.schema;
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Pressable, { testID, disabled: disabled && !disabledTranslation, onPress: function onPress(_e) {
return handleOnClick();
}, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.View, { style: defaultNativeStyles.actionElement, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: defaultNativeStyles.actionElementText, children: "".concat(disabledTranslation && disabled ? (_disabledTranslation$ = disabledTranslation.label) !== null && _disabledTranslation$ !== void 0 ? _disabledTranslation$ : "" : label !== null && label !== void 0 ? label : "") }) }) });
};
// src/components/NativeInlineCombinator.tsx
var React2 = __toESM(require("react"));
var import_jsx_runtime2 = require("react/jsx-runtime");
var import_react = require("react");
var import_react_native3 = require("react-native");
var import_react_querybuilder = require("react-querybuilder");
var NativeInlineCombinator = ({
component: CombinatorSelectorComponent,
path,
...props
}) => {
const styles = (0, import_react.useMemo)(
() => ({
inlineCombinator: import_react_native3.StyleSheet.flatten([
defaultNativeStyles.inlineCombinator,
props.schema.styles?.inlineCombinator
])
}),
[props.schema.styles?.inlineCombinator]
);
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 }));
function _typeof2(o) {
"@babel/helpers - typeof";
return _typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof2(o);
}
var _excluded = ["component", "path"];
function ownKeys2(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread2(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys2(Object(t), true).forEach(function(r2) {
_defineProperty2(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys2(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty2(e, r, t) {
return (r = _toPropertyKey2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey2(t) {
var i = _toPrimitive2(t, "string");
return "symbol" == _typeof2(i) ? i : i + "";
}
function _toPrimitive2(t, r) {
if ("object" != _typeof2(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof2(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function _objectWithoutProperties(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose(e, t);
if (Object.getOwnPropertySymbols) {
var s = Object.getOwnPropertySymbols(e);
for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
}
return i;
}
function _objectWithoutPropertiesLoose(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (e.includes(n)) continue;
t[n] = r[n];
}
return t;
}
var NativeInlineCombinator = function NativeInlineCombinator2(_ref) {
var _props$schema$styles2;
var CombinatorSelectorComponent = _ref.component, path = _ref.path, props = _objectWithoutProperties(_ref, _excluded);
var styles = (0, import_react.useMemo)(function() {
var _props$schema$styles;
return { inlineCombinator: import_react_native3.StyleSheet.flatten([defaultNativeStyles.inlineCombinator, (_props$schema$styles = props.schema.styles) === null || _props$schema$styles === void 0 ? void 0 : _props$schema$styles.inlineCombinator]) };
}, [(_props$schema$styles2 = props.schema.styles) === null || _props$schema$styles2 === void 0 ? void 0 : _props$schema$styles2.inlineCombinator]);
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, _objectSpread2(_objectSpread2({}, props), {}, { path, testID: import_react_querybuilder.TestID.combinators })) }, "no-dnd");
};
// src/components/NativeNotToggle.tsx
var React3 = __toESM(require("react"));
var import_jsx_runtime3 = require("react/jsx-runtime");
var import_react2 = require("react");
var import_react_native4 = require("react-native");
var NativeNotToggle = ({
handleOnChange,
label,
checked,
disabled,
schema,
testID
}) => {
const styles = (0, import_react2.useMemo)(
() => ({
notToggle: import_react_native4.StyleSheet.flatten([defaultNativeStyles.notToggle, schema.styles?.notToggle]),
notToggleLabel: import_react_native4.StyleSheet.flatten([
defaultNativeStyles.notToggleLabel,
schema.styles?.notToggleLabel
]),
notToggleSwitch: import_react_native4.StyleSheet.flatten([
defaultNativeStyles.notToggleSwitch,
schema.styles?.notToggleSwitch
])
}),
[schema.styles?.notToggle, schema.styles?.notToggleLabel, schema.styles?.notToggleSwitch]
);
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)
}
));
var NativeNotToggle = function NativeNotToggle2(_ref) {
var _schema$styles4, _schema$styles5, _schema$styles6;
var handleOnChange = _ref.handleOnChange, label = _ref.label, checked = _ref.checked, disabled = _ref.disabled, schema = _ref.schema, testID = _ref.testID;
var styles = (0, import_react2.useMemo)(function() {
var _schema$styles, _schema$styles2, _schema$styles3;
return { notToggle: import_react_native4.StyleSheet.flatten([defaultNativeStyles.notToggle, (_schema$styles = schema.styles) === null || _schema$styles === void 0 ? void 0 : _schema$styles.notToggle]), notToggleLabel: import_react_native4.StyleSheet.flatten([defaultNativeStyles.notToggleLabel, (_schema$styles2 = schema.styles) === null || _schema$styles2 === void 0 ? void 0 : _schema$styles2.notToggleLabel]), notToggleSwitch: import_react_native4.StyleSheet.flatten([defaultNativeStyles.notToggleSwitch, (_schema$styles3 = schema.styles) === null || _schema$styles3 === void 0 ? void 0 : _schema$styles3.notToggleSwitch]) };
}, [(_schema$styles4 = schema.styles) === null || _schema$styles4 === void 0 ? void 0 : _schema$styles4.notToggle, (_schema$styles5 = schema.styles) === null || _schema$styles5 === void 0 ? void 0 : _schema$styles5.notToggleLabel, (_schema$styles6 = schema.styles) === null || _schema$styles6 === void 0 ? void 0 : _schema$styles6.notToggleSwitch]);
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: function onValueChange(v) {
return handleOnChange(v);
} })] });
};
// src/components/NativeShiftActions.tsx
var React4 = __toESM(require("react"));
var import_jsx_runtime4 = require("react/jsx-runtime");
var React = __toESM(require("react"));
var import_react_native5 = require("react-native");
var NativeShiftActions = ({
shiftUp,
shiftDown,
shiftUpDisabled,
shiftDownDisabled,
disabled,
labels,
testID,
schema: { styles }
}) => {
const style = React4.useMemo(
() => ({
shiftActions: import_react_native5.StyleSheet.flatten([defaultNativeStyles.shiftActions, styles?.shiftActions])
}),
[styles?.shiftActions]
);
return /* @__PURE__ */ React4.createElement(import_react_native5.View, { testID, style: style.shiftActions }, /* @__PURE__ */ React4.createElement(
import_react_native5.Button,
{
disabled: disabled || shiftUpDisabled,
onPress: shiftUp,
accessibilityLabel: labels?.shiftUp,
title: labels?.shiftUp
}
), /* @__PURE__ */ React4.createElement(
import_react_native5.Button,
{
disabled: disabled || shiftDownDisabled,
onPress: shiftDown,
accessibilityLabel: labels?.shiftDown,
title: labels?.shiftDown
}
));
var NativeShiftActions = function NativeShiftActions2(_ref) {
var shiftUp = _ref.shiftUp, shiftDown = _ref.shiftDown, shiftUpDisabled = _ref.shiftUpDisabled, shiftDownDisabled = _ref.shiftDownDisabled, disabled = _ref.disabled, labels = _ref.labels, testID = _ref.testID, styles = _ref.schema.styles;
var style = React.useMemo(function() {
return { shiftActions: import_react_native5.StyleSheet.flatten([defaultNativeStyles.shiftActions, styles === null || styles === void 0 ? void 0 : styles.shiftActions]) };
}, [styles === null || styles === void 0 ? void 0 : styles.shiftActions]);
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native5.View, { testID, style: style.shiftActions, children: [/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Button, { disabled: disabled || shiftUpDisabled, onPress: shiftUp, accessibilityLabel: labels === null || labels === void 0 ? void 0 : labels.shiftUp, title: labels === null || labels === void 0 ? void 0 : labels.shiftUp }), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native5.Button, { disabled: disabled || shiftDownDisabled, onPress: shiftDown, accessibilityLabel: labels === null || labels === void 0 ? void 0 : labels.shiftDown, title: labels === null || labels === void 0 ? void 0 : labels.shiftDown })] });
};
// src/components/NativeValueEditor.tsx
var React6 = __toESM(require("react"));
var import_react4 = require("react");
var import_react_native7 = require("react-native");
var import_react_querybuilder3 = require("react-querybuilder");
// src/components/NativeValueSelector.tsx
var React5 = __toESM(require("react"));
var import_jsx_runtime5 = require("react/jsx-runtime");
var import_react3 = require("react");
var import_react_native6 = require("react-native");
var import_react_querybuilder2 = require("react-querybuilder");
var NativeValueSelector = ({
handleOnChange,
options: _options,
value,
disabled,
multiple,
listsAsArrays,
schema,
testID
}) => {
const styles = (0, import_react3.useMemo)(() => {
if (testID === import_react_querybuilder2.TestID.combinators) {
return {
selector: import_react_native6.StyleSheet.flatten([
defaultNativeStyles.combinatorSelector,
schema.styles?.combinatorSelector
]),
option: import_react_native6.StyleSheet.flatten([
defaultNativeStyles.combinatorOption,
schema.styles?.combinatorOption
])
};
} else if (testID === import_react_querybuilder2.TestID.fields) {
return {
selector: import_react_native6.StyleSheet.flatten([
defaultNativeStyles.fieldSelector,
schema.styles?.fieldSelector
]),
option: import_react_native6.StyleSheet.flatten([defaultNativeStyles.fieldOption, schema.styles?.fieldOption])
};
} else if (testID === import_react_querybuilder2.TestID.operators) {
return {
selector: import_react_native6.StyleSheet.flatten([
defaultNativeStyles.operatorSelector,
schema.styles?.operatorSelector
]),
option: import_react_native6.StyleSheet.flatten([
defaultNativeStyles.operatorOption,
schema.styles?.operatorOption
])
};
} else if (testID === import_react_querybuilder2.TestID.valueSourceSelector) {
return {
selector: import_react_native6.StyleSheet.flatten([
defaultNativeStyles.valueSourceSelector,
schema.styles?.valueSourceSelector
]),
option: import_react_native6.StyleSheet.flatten([
defaultNativeStyles.valueSourceOption,
schema.styles?.valueSourceOption
])
};
} else if (testID === import_react_querybuilder2.TestID.valueEditor) {
return {
selector: import_react_native6.StyleSheet.flatten([
defaultNativeStyles.valueEditorSelector,
schema.styles?.valueEditorSelector
]),
option: import_react_native6.StyleSheet.flatten([
defaultNativeStyles.valueEditorOption,
schema.styles?.valueEditorOption
])
};
}
return import_react_native6.StyleSheet.create(defaultNativeSelectStyles);
}, [
schema.styles?.combinatorOption,
schema.styles?.combinatorSelector,
schema.styles?.fieldOption,
schema.styles?.fieldSelector,
schema.styles?.operatorOption,
schema.styles?.operatorSelector,
schema.styles?.valueEditorOption,
schema.styles?.valueEditorSelector,
schema.styles?.valueSourceOption,
schema.styles?.valueSourceSelector,
testID
]);
const { onChange } = (0, import_react_querybuilder2.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value });
const val = multiple ? Array.isArray(value) ? (0, import_react_querybuilder2.joinWith)(value, ",") : value : value;
return /* @__PURE__ */ React5.createElement(
import_react_native6.TextInput,
{
testID,
"aria-disabled": disabled,
style: styles.selector,
value: val,
onChangeText: onChange
}
);
};
// src/components/NativeValueEditor.tsx
var NativeValueEditor = ({
operator,
value,
handleOnChange,
title,
className,
type = "text",
inputType = "text",
values = [],
listsAsArrays,
parseNumbers,
fieldData,
disabled,
separator = null,
skipHook = false,
testID,
selectorComponent: SelectorComponent = NativeValueSelector,
...props
}) => {
const styles = (0, import_react4.useMemo)(
() => ({
value: import_react_native7.StyleSheet.flatten([defaultNativeStyles.value, props.schema.styles?.value]),
valueEditorSwitch: import_react_native7.StyleSheet.flatten([
defaultNativeStyles.valueEditorSwitch,
props.schema.styles?.valueEditorSwitch
]),
valueList: import_react_native7.StyleSheet.flatten([
defaultNativeStyles.valueList,
props.schema.styles?.valueList
])
}),
[
props.schema.styles?.value,
props.schema.styles?.valueEditorSwitch,
props.schema.styles?.valueList
]
);
const { valueAsArray, multiValueHandler, parseNumberMethod } = (0, import_react_querybuilder3.useValueEditor)({
skipHook,
handleOnChange,
inputType,
operator,
value,
type,
listsAsArrays,
parseNumbers,
values
});
function _typeof3(o) {
"@babel/helpers - typeof";
return _typeof3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof3(o);
}
var _excluded2 = ["operator", "value", "handleOnChange", "title", "className", "type", "inputType", "values", "listsAsArrays", "fieldData", "disabled", "separator", "testID", "selectorComponent"];
function ownKeys3(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread3(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys3(Object(t), true).forEach(function(r2) {
_defineProperty3(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys3(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty3(e, r, t) {
return (r = _toPropertyKey3(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey3(t) {
var i = _toPrimitive3(t, "string");
return "symbol" == _typeof3(i) ? i : i + "";
}
function _toPrimitive3(t, r) {
if ("object" != _typeof3(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof3(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
function _objectWithoutProperties2(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose2(e, t);
if (Object.getOwnPropertySymbols) {
var s = Object.getOwnPropertySymbols(e);
for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
}
return i;
}
function _objectWithoutPropertiesLoose2(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (e.includes(n)) continue;
t[n] = r[n];
}
return t;
}
var NativeValueEditor = function NativeValueEditor2(allProps) {
var _allProps$schema$styl4, _allProps$schema$styl5, _allProps$schema$styl6, _fieldData$placeholde;
var operator = allProps.operator, value = allProps.value, handleOnChange = allProps.handleOnChange, title = allProps.title, className = allProps.className, _allProps$type = allProps.type, type = _allProps$type === void 0 ? "text" : _allProps$type, _allProps$inputType = allProps.inputType, inputType = _allProps$inputType === void 0 ? "text" : _allProps$inputType, _allProps$values = allProps.values, values = _allProps$values === void 0 ? [] : _allProps$values, listsAsArrays = allProps.listsAsArrays, fieldData = allProps.fieldData, disabled = allProps.disabled, _allProps$separator = allProps.separator, separator = _allProps$separator === void 0 ? null : _allProps$separator, testID = allProps.testID, _allProps$selectorCom = allProps.selectorComponent, SelectorComponent = _allProps$selectorCom === void 0 ? allProps.schema.controls.valueSelector : _allProps$selectorCom, propsForValueSelector = _objectWithoutProperties2(allProps, _excluded2);
var styles = (0, import_react3.useMemo)(function() {
var _allProps$schema$styl, _allProps$schema$styl2, _allProps$schema$styl3;
return { value: import_react_native6.StyleSheet.flatten([defaultNativeStyles.value, (_allProps$schema$styl = allProps.schema.styles) === null || _allProps$schema$styl === void 0 ? void 0 : _allProps$schema$styl.value]), valueEditorSwitch: import_react_native6.StyleSheet.flatten([defaultNativeStyles.valueEditorSwitch, (_allProps$schema$styl2 = allProps.schema.styles) === null || _allProps$schema$styl2 === void 0 ? void 0 : _allProps$schema$styl2.valueEditorSwitch]), valueList: import_react_native6.StyleSheet.flatten([defaultNativeStyles.valueList, (_allProps$schema$styl3 = allProps.schema.styles) === null || _allProps$schema$styl3 === void 0 ? void 0 : _allProps$schema$styl3.valueList]) };
}, [(_allProps$schema$styl4 = allProps.schema.styles) === null || _allProps$schema$styl4 === void 0 ? void 0 : _allProps$schema$styl4.value, (_allProps$schema$styl5 = allProps.schema.styles) === null || _allProps$schema$styl5 === void 0 ? void 0 : _allProps$schema$styl5.valueEditorSwitch, (_allProps$schema$styl6 = allProps.schema.styles) === null || _allProps$schema$styl6 === void 0 ? void 0 : _allProps$schema$styl6.valueList]);
var _useValueEditor = (0, import_react_querybuilder2.useValueEditor)(allProps), valueAsArray = _useValueEditor.valueAsArray, multiValueHandler = _useValueEditor.multiValueHandler, parseNumberMethod = _useValueEditor.parseNumberMethod;
if (operator === "null" || operator === "notNull") {
return null;
}
const placeHolderText = fieldData?.placeholder ?? "";
const inputMode = ["in", "notIn"].includes(operator) ? "text" : inputType === "number" ? "decimal" : inputType ?? "text";
var placeHolderText = (_fieldData$placeholde = fieldData === null || fieldData === void 0 ? void 0 : fieldData.placeholder) !== null && _fieldData$placeholde !== void 0 ? _fieldData$placeholde : "";
var inputMode = ["in", "notIn"].includes(operator) ? "text" : inputType === "number" ? "decimal" : inputType !== null && inputType !== void 0 ? inputType : "text";
if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text")) {
const editors = ["from", "to"].map((key, i) => {
var editors = ["from", "to"].map(function(key, i) {
var _valueAsArray$i2;
if (type === "text") {
return /* @__PURE__ */ React6.createElement(
import_react_native7.TextInput,
{
key,
style: styles.value,
inputMode,
placeholder: placeHolderText,
value: valueAsArray[i] ?? "",
onChangeText: (v) => multiValueHandler(v, i)
}
);
var _valueAsArray$i;
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.TextInput, { style: styles.value, inputMode, placeholder: placeHolderText, value: (_valueAsArray$i = valueAsArray[i]) !== null && _valueAsArray$i !== void 0 ? _valueAsArray$i : "", onChangeText: function onChangeText(v) {
return multiValueHandler(v, i);
} }, key);
}
return /* @__PURE__ */ React6.createElement(
SelectorComponent,
{
key,
...props,
handleOnChange: (v) => multiValueHandler(v, i),
className,
disabled,
value: valueAsArray[i] ?? (0, import_react_querybuilder3.getFirstOption)(values),
options: values,
listsAsArrays
}
);
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelectorComponent, _objectSpread3(_objectSpread3({}, propsForValueSelector), {}, { handleOnChange: function handleOnChange2(v_0) {
return multiValueHandler(v_0, i);
}, className, disabled, value: (_valueAsArray$i2 = valueAsArray[i]) !== null && _valueAsArray$i2 !== void 0 ? _valueAsArray$i2 : (0, import_react_querybuilder2.getFirstOption)(values), options: values, listsAsArrays }), key);
});
return /* @__PURE__ */ React6.createElement(import_react_native7.View, { testID, style: styles.valueList }, editors[0], separator, editors[1]);
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native6.View, { testID, style: styles.valueList, children: [editors[0], separator, editors[1]] });
}

@@ -431,66 +356,185 @@ switch (type) {

case "multiselect":
return /* @__PURE__ */ React6.createElement(
SelectorComponent,
{
...props,
testID,
className,
title,
handleOnChange,
disabled,
value,
options: values,
multiple: type === "multiselect",
listsAsArrays
}
);
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SelectorComponent, _objectSpread3(_objectSpread3({}, propsForValueSelector), {}, { testID, className, title, handleOnChange, disabled, value, options: values, multiple: type === "multiselect", listsAsArrays }));
case "textarea":
return /* @__PURE__ */ React6.createElement(
import_react_native7.TextInput,
{
testID,
style: styles.value,
placeholder: placeHolderText,
value,
onChangeText: (v) => handleOnChange(v)
}
);
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.TextInput, { testID, style: styles.value, placeholder: placeHolderText, value, onChangeText: function onChangeText(v_2) {
return handleOnChange(v_2);
} });
case "switch":
case "checkbox":
return /* @__PURE__ */ React6.createElement(
import_react_native7.Switch,
{
testID,
style: styles.valueEditorSwitch,
disabled,
value: !!value,
onValueChange: (v) => handleOnChange(v)
}
);
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.Switch, { testID, style: styles.valueEditorSwitch, disabled, value: !!value, onValueChange: function onValueChange(v_1) {
return handleOnChange(v_1);
} });
}
return /* @__PURE__ */ React6.createElement(
import_react_native7.TextInput,
{
testID,
style: styles.value,
inputMode,
placeholder: placeHolderText,
value,
onChangeText: (v) => handleOnChange((0, import_react_querybuilder3.parseNumber)(v, { parseNumbers: parseNumberMethod }))
}
);
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native6.TextInput, { testID, style: styles.value, inputMode, placeholder: placeHolderText, value, onChangeText: function onChangeText(v_3) {
return handleOnChange((0, import_react_querybuilder2.parseNumber)(v_3, { parseNumbers: parseNumberMethod }));
} });
};
// src/components/NativeValueEditorWeb.tsx
var React8 = __toESM(require("react"));
var import_jsx_runtime8 = require("react/jsx-runtime");
// src/components/NativeValueSelectorWeb.tsx
var React7 = __toESM(require("react"));
var NativeValueSelectorWeb = (props) => /* @__PURE__ */ React7.createElement(NativeValueSelector, { ...props });
var import_jsx_runtime7 = require("react/jsx-runtime");
// src/components/NativeValueSelector.tsx
var import_jsx_runtime6 = require("react/jsx-runtime");
var import_react4 = require("react");
var import_react_native7 = require("react-native");
var import_react_querybuilder3 = require("react-querybuilder");
var NativeValueSelector = function NativeValueSelector2(_ref) {
var _schema$styles11, _schema$styles12, _schema$styles13, _schema$styles14, _schema$styles15, _schema$styles16, _schema$styles17, _schema$styles18, _schema$styles19, _schema$styles20;
var handleOnChange = _ref.handleOnChange, _options = _ref.options, value = _ref.value, disabled = _ref.disabled, multiple = _ref.multiple, listsAsArrays = _ref.listsAsArrays, schema = _ref.schema, testID = _ref.testID;
var styles = (0, import_react4.useMemo)(function() {
switch (testID) {
case import_react_querybuilder3.TestID.combinators: {
var _schema$styles, _schema$styles2;
return { selector: import_react_native7.StyleSheet.flatten([defaultNativeStyles.combinatorSelector, (_schema$styles = schema.styles) === null || _schema$styles === void 0 ? void 0 : _schema$styles.combinatorSelector]), option: import_react_native7.StyleSheet.flatten([defaultNativeStyles.combinatorOption, (_schema$styles2 = schema.styles) === null || _schema$styles2 === void 0 ? void 0 : _schema$styles2.combinatorOption]) };
}
case import_react_querybuilder3.TestID.fields: {
var _schema$styles3, _schema$styles4;
return { selector: import_react_native7.StyleSheet.flatten([defaultNativeStyles.fieldSelector, (_schema$styles3 = schema.styles) === null || _schema$styles3 === void 0 ? void 0 : _schema$styles3.fieldSelector]), option: import_react_native7.StyleSheet.flatten([defaultNativeStyles.fieldOption, (_schema$styles4 = schema.styles) === null || _schema$styles4 === void 0 ? void 0 : _schema$styles4.fieldOption]) };
}
case import_react_querybuilder3.TestID.operators: {
var _schema$styles5, _schema$styles6;
return { selector: import_react_native7.StyleSheet.flatten([defaultNativeStyles.operatorSelector, (_schema$styles5 = schema.styles) === null || _schema$styles5 === void 0 ? void 0 : _schema$styles5.operatorSelector]), option: import_react_native7.StyleSheet.flatten([defaultNativeStyles.operatorOption, (_schema$styles6 = schema.styles) === null || _schema$styles6 === void 0 ? void 0 : _schema$styles6.operatorOption]) };
}
case import_react_querybuilder3.TestID.valueSourceSelector: {
var _schema$styles7, _schema$styles8;
return { selector: import_react_native7.StyleSheet.flatten([defaultNativeStyles.valueSourceSelector, (_schema$styles7 = schema.styles) === null || _schema$styles7 === void 0 ? void 0 : _schema$styles7.valueSourceSelector]), option: import_react_native7.StyleSheet.flatten([defaultNativeStyles.valueSourceOption, (_schema$styles8 = schema.styles) === null || _schema$styles8 === void 0 ? void 0 : _schema$styles8.valueSourceOption]) };
}
case import_react_querybuilder3.TestID.valueEditor: {
var _schema$styles9, _schema$styles10;
return { selector: import_react_native7.StyleSheet.flatten([defaultNativeStyles.valueEditorSelector, (_schema$styles9 = schema.styles) === null || _schema$styles9 === void 0 ? void 0 : _schema$styles9.valueEditorSelector]), option: import_react_native7.StyleSheet.flatten([defaultNativeStyles.valueEditorOption, (_schema$styles10 = schema.styles) === null || _schema$styles10 === void 0 ? void 0 : _schema$styles10.valueEditorOption]) };
}
default:
}
return import_react_native7.StyleSheet.create(defaultNativeSelectStyles);
}, [(_schema$styles11 = schema.styles) === null || _schema$styles11 === void 0 ? void 0 : _schema$styles11.combinatorOption, (_schema$styles12 = schema.styles) === null || _schema$styles12 === void 0 ? void 0 : _schema$styles12.combinatorSelector, (_schema$styles13 = schema.styles) === null || _schema$styles13 === void 0 ? void 0 : _schema$styles13.fieldOption, (_schema$styles14 = schema.styles) === null || _schema$styles14 === void 0 ? void 0 : _schema$styles14.fieldSelector, (_schema$styles15 = schema.styles) === null || _schema$styles15 === void 0 ? void 0 : _schema$styles15.operatorOption, (_schema$styles16 = schema.styles) === null || _schema$styles16 === void 0 ? void 0 : _schema$styles16.operatorSelector, (_schema$styles17 = schema.styles) === null || _schema$styles17 === void 0 ? void 0 : _schema$styles17.valueEditorOption, (_schema$styles18 = schema.styles) === null || _schema$styles18 === void 0 ? void 0 : _schema$styles18.valueEditorSelector, (_schema$styles19 = schema.styles) === null || _schema$styles19 === void 0 ? void 0 : _schema$styles19.valueSourceOption, (_schema$styles20 = schema.styles) === null || _schema$styles20 === void 0 ? void 0 : _schema$styles20.valueSourceSelector, testID]);
var _useValueSelector = (0, import_react_querybuilder3.useValueSelector)({ handleOnChange, listsAsArrays, multiple, value }), onChange = _useValueSelector.onChange;
var val = multiple ? Array.isArray(value) ? (0, import_react_querybuilder3.joinWith)(value, ",") : value : value;
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_native7.TextInput, { testID, "aria-disabled": disabled, style: styles.selector, value: val, onChangeText: onChange });
};
// src/components/NativeValueSelectorWeb.tsx
function _typeof4(o) {
"@babel/helpers - typeof";
return _typeof4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof4(o);
}
function ownKeys4(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread4(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys4(Object(t), true).forEach(function(r2) {
_defineProperty4(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys4(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty4(e, r, t) {
return (r = _toPropertyKey4(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey4(t) {
var i = _toPrimitive4(t, "string");
return "symbol" == _typeof4(i) ? i : i + "";
}
function _toPrimitive4(t, r) {
if ("object" != _typeof4(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof4(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
var NativeValueSelectorWeb = function NativeValueSelectorWeb2(props) {
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(NativeValueSelector, _objectSpread4({}, props));
};
// src/components/NativeValueEditorWeb.tsx
var NativeValueEditorWeb = (props) => /* @__PURE__ */ React8.createElement(NativeValueEditor, { ...props, selectorComponent: NativeValueSelectorWeb });
function _typeof5(o) {
"@babel/helpers - typeof";
return _typeof5 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof5(o);
}
function ownKeys5(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread5(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys5(Object(t), true).forEach(function(r2) {
_defineProperty5(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys5(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty5(e, r, t) {
return (r = _toPropertyKey5(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey5(t) {
var i = _toPrimitive5(t, "string");
return "symbol" == _typeof5(i) ? i : i + "";
}
function _toPrimitive5(t, r) {
if ("object" != _typeof5(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof5(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
var NativeValueEditorWeb = function NativeValueEditorWeb2(props) {
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(NativeValueEditor, _objectSpread5(_objectSpread5({}, props), {}, { selectorComponent: NativeValueSelectorWeb }));
};
// ../../utils/react-compiler/react-compiler-runtime.ts
var React2 = __toESM(require("react"));
var $empty = Symbol["for"]("react.memo_cache_sentinel");
function c(size) {
return React2.useMemo(
function() {
var $ = Array.from({ length: size });
for (var ii = 0; ii < size; ii++) {
$[ii] = $empty;
}
$[$empty] = true;
return $;
},
// eslint-disable-next-line react-hooks/exhaustive-deps
[]
);
}
// src/components/QueryBuilderNative.tsx
var React11 = __toESM(require("react"));
var import_jsx_runtime11 = require("react/jsx-runtime");
var import_react9 = require("react");

@@ -505,42 +549,172 @@ var import_react_querybuilder9 = require("react-querybuilder");

// src/components/RuleGroupNative.tsx
var React9 = __toESM(require("react"));
var import_jsx_runtime9 = require("react/jsx-runtime");
var import_react5 = require("react");
var import_react_native8 = require("react-native");
var import_react_querybuilder4 = require("react-querybuilder");
var RuleGroupNative = (props) => {
const rg = (0, import_react_querybuilder4.useRuleGroup)(props);
const schema = rg.schema;
const styles = (0, import_react5.useMemo)(
() => ({
ruleGroup: import_react_native8.StyleSheet.flatten([defaultNativeStyles.ruleGroup, schema.styles?.ruleGroup]),
ruleGroupHeader: import_react_native8.StyleSheet.flatten([
defaultNativeStyles.ruleGroupHeader,
schema.styles?.ruleGroupHeader
]),
ruleGroupBody: import_react_native8.StyleSheet.flatten([
defaultNativeStyles.ruleGroupBody,
schema.styles?.ruleGroupBody
])
}),
[schema.styles?.ruleGroup, schema.styles?.ruleGroupBody, schema.styles?.ruleGroupHeader]
);
return /* @__PURE__ */ React9.createElement(import_react_native8.View, { style: styles.ruleGroup, testID: import_react_querybuilder4.TestID.ruleGroup }, /* @__PURE__ */ React9.createElement(import_react_native8.View, { style: styles.ruleGroupHeader }, /* @__PURE__ */ React9.createElement(import_react_querybuilder4.RuleGroupHeaderComponents, { ...rg })), /* @__PURE__ */ React9.createElement(import_react_native8.View, { style: styles.ruleGroupBody }, /* @__PURE__ */ React9.createElement(import_react_querybuilder4.RuleGroupBodyComponents, { ...rg })));
function _typeof6(o) {
"@babel/helpers - typeof";
return _typeof6 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof6(o);
}
function ownKeys6(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread6(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys6(Object(t), true).forEach(function(r2) {
_defineProperty6(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys6(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty6(e, r, t) {
return (r = _toPropertyKey6(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey6(t) {
var i = _toPrimitive6(t, "string");
return "symbol" == _typeof6(i) ? i : i + "";
}
function _toPrimitive6(t, r) {
if ("object" != _typeof6(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof6(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
var RuleGroupNative = function RuleGroupNative2(props) {
var _schema$styles4, _schema$styles5, _schema$styles6;
var rg = (0, import_react_querybuilder4.useRuleGroup)(props);
var schema = rg.schema;
var styles = (0, import_react5.useMemo)(function() {
var _schema$styles, _schema$styles2, _schema$styles3;
return { ruleGroup: import_react_native8.StyleSheet.flatten([defaultNativeStyles.ruleGroup, (_schema$styles = schema.styles) === null || _schema$styles === void 0 ? void 0 : _schema$styles.ruleGroup]), ruleGroupHeader: import_react_native8.StyleSheet.flatten([defaultNativeStyles.ruleGroupHeader, (_schema$styles2 = schema.styles) === null || _schema$styles2 === void 0 ? void 0 : _schema$styles2.ruleGroupHeader]), ruleGroupBody: import_react_native8.StyleSheet.flatten([defaultNativeStyles.ruleGroupBody, (_schema$styles3 = schema.styles) === null || _schema$styles3 === void 0 ? void 0 : _schema$styles3.ruleGroupBody]) };
}, [(_schema$styles4 = schema.styles) === null || _schema$styles4 === void 0 ? void 0 : _schema$styles4.ruleGroup, (_schema$styles5 = schema.styles) === null || _schema$styles5 === void 0 ? void 0 : _schema$styles5.ruleGroupBody, (_schema$styles6 = schema.styles) === null || _schema$styles6 === void 0 ? void 0 : _schema$styles6.ruleGroupHeader]);
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_native8.View, { style: styles.ruleGroup, testID: import_react_querybuilder4.TestID.ruleGroup, children: [/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.View, { style: styles.ruleGroupHeader, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_querybuilder4.RuleGroupHeaderComponents, _objectSpread6({}, rg)) }), /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native8.View, { style: styles.ruleGroupBody, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_querybuilder4.RuleGroupBodyComponents, _objectSpread6({}, rg)) })] });
};
// src/components/RuleNative.tsx
var React10 = __toESM(require("react"));
var import_jsx_runtime10 = require("react/jsx-runtime");
var import_react6 = require("react");
var import_react_native9 = require("react-native");
var import_react_querybuilder5 = require("react-querybuilder");
var RuleNative = (props) => {
const r = (0, import_react_querybuilder5.useRule)(props);
const schema = r.schema;
const styles = (0, import_react6.useMemo)(
() => ({ rule: import_react_native9.StyleSheet.flatten([defaultNativeStyles.rule, schema.styles?.rule]) }),
[schema.styles?.rule]
);
return /* @__PURE__ */ React10.createElement(import_react_native9.View, { style: styles.rule, testID: import_react_querybuilder5.TestID.rule }, /* @__PURE__ */ React10.createElement(import_react_querybuilder5.RuleComponents, { ...r }));
function _typeof7(o) {
"@babel/helpers - typeof";
return _typeof7 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof7(o);
}
function ownKeys7(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread7(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys7(Object(t), true).forEach(function(r2) {
_defineProperty7(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys7(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty7(e, r, t) {
return (r = _toPropertyKey7(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey7(t) {
var i = _toPrimitive7(t, "string");
return "symbol" == _typeof7(i) ? i : i + "";
}
function _toPrimitive7(t, r) {
if ("object" != _typeof7(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof7(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
var RuleNative = function RuleNative2(props) {
var _schema$styles2;
var r = (0, import_react_querybuilder5.useRule)(props);
var schema = r.schema;
var styles = (0, import_react6.useMemo)(function() {
var _schema$styles;
return { rule: import_react_native9.StyleSheet.flatten([defaultNativeStyles.rule, (_schema$styles = schema.styles) === null || _schema$styles === void 0 ? void 0 : _schema$styles.rule]) };
}, [(_schema$styles2 = schema.styles) === null || _schema$styles2 === void 0 ? void 0 : _schema$styles2.rule]);
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native9.View, { style: styles.rule, testID: import_react_querybuilder5.TestID.rule, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_querybuilder5.RuleComponents, _objectSpread7({}, r)) });
};
// src/components/defaults.ts
function _typeof8(o) {
"@babel/helpers - typeof";
return _typeof8 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof8(o);
}
function ownKeys8(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread8(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys8(Object(t), true).forEach(function(r2) {
_defineProperty8(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys8(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty8(e, r, t) {
return (r = _toPropertyKey8(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey8(t) {
var i = _toPrimitive8(t, "string");
return "symbol" == _typeof8(i) ? i : i + "";
}
function _toPrimitive8(t, r) {
if ("object" != _typeof8(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof8(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
var defaultNativeControlElements = {

@@ -554,5 +728,7 @@ actionElement: NativeActionElement,

// TODO?: implement drag-and-drop
dragHandle: (0, import_react7.forwardRef)(
dragHandle: /* @__PURE__ */ (0, import_react7.forwardRef)(
/* istanbul ignore next */
() => null
function() {
return null;
}
),

@@ -576,11 +752,3 @@ fieldSelector: NativeValueSelector,

};
var defaultNativeWebControlElements = {
...defaultNativeControlElements,
combinatorSelector: NativeValueSelectorWeb,
fieldSelector: NativeValueSelectorWeb,
operatorSelector: NativeValueSelectorWeb,
valueEditor: NativeValueEditorWeb,
valueSelector: NativeValueSelector,
valueSourceSelector: NativeValueSelectorWeb
};
var defaultNativeWebControlElements = _objectSpread8(_objectSpread8({}, defaultNativeControlElements), {}, { combinatorSelector: NativeValueSelectorWeb, fieldSelector: NativeValueSelectorWeb, operatorSelector: NativeValueSelectorWeb, valueEditor: NativeValueEditorWeb, valueSelector: NativeValueSelectorWeb, valueSourceSelector: NativeValueSelectorWeb });

@@ -592,38 +760,182 @@ // src/components/useQueryBuilderNative.ts

var import_react_querybuilder8 = require("react-querybuilder");
var useQueryBuilderNative = (props) => useQueryBuilderSchemaNative(props, (0, import_react_querybuilder7.useQueryBuilderSetup)(props));
var useQueryBuilderSchemaNative = (props, setup) => {
const qb = (0, import_react_querybuilder8.useQueryBuilderSchema)(props, setup);
const styles = (0, import_react8.useMemo)(() => import_react_native10.StyleSheet.create(props.styles ?? {}), [props.styles]);
return { ...qb, schema: { ...qb.schema, styles } };
function _typeof9(o) {
"@babel/helpers - typeof";
return _typeof9 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof9(o);
}
function ownKeys9(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread9(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys9(Object(t), true).forEach(function(r2) {
_defineProperty9(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys9(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty9(e, r, t) {
return (r = _toPropertyKey9(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey9(t) {
var i = _toPrimitive9(t, "string");
return "symbol" == _typeof9(i) ? i : i + "";
}
function _toPrimitive9(t, r) {
if ("object" != _typeof9(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof9(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
var useQueryBuilderNative = function useQueryBuilderNative2(props) {
return useQueryBuilderSchemaNative(props, (0, import_react_querybuilder7.useQueryBuilderSetup)(props));
};
var useQueryBuilderSchemaNative = function useQueryBuilderSchemaNative2(props, setup) {
var $ = c(8);
var qb = (0, import_react_querybuilder8.useQueryBuilderSchema)(props, setup);
var t0;
var t1;
if ($[0] !== props.styles) {
var _props$styles;
t1 = import_react_native10.StyleSheet.create((_props$styles = props.styles) !== null && _props$styles !== void 0 ? _props$styles : {});
$[0] = props.styles;
$[1] = t1;
} else {
t1 = $[1];
}
t0 = t1;
var styles = t0;
var t2;
if ($[2] !== qb.schema || $[3] !== styles) {
t2 = _objectSpread9(_objectSpread9({}, qb.schema), {}, { styles });
$[2] = qb.schema;
$[3] = styles;
$[4] = t2;
} else {
t2 = $[4];
}
var t3;
if ($[5] !== qb || $[6] !== t2) {
t3 = _objectSpread9(_objectSpread9({}, qb), {}, { schema: t2 });
$[5] = qb;
$[6] = t2;
$[7] = t3;
} else {
t3 = $[7];
}
return t3;
};
// src/components/QueryBuilderNative.tsx
function _typeof10(o) {
"@babel/helpers - typeof";
return _typeof10 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o2) {
return typeof o2;
} : function(o2) {
return o2 && "function" == typeof Symbol && o2.constructor === Symbol && o2 !== Symbol.prototype ? "symbol" : typeof o2;
}, _typeof10(o);
}
function ownKeys10(e, r) {
var t = Object.keys(e);
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e);
r && (o = o.filter(function(r2) {
return Object.getOwnPropertyDescriptor(e, r2).enumerable;
})), t.push.apply(t, o);
}
return t;
}
function _objectSpread10(e) {
for (var r = 1; r < arguments.length; r++) {
var t = null != arguments[r] ? arguments[r] : {};
r % 2 ? ownKeys10(Object(t), true).forEach(function(r2) {
_defineProperty10(e, r2, t[r2]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys10(Object(t)).forEach(function(r2) {
Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
});
}
return e;
}
function _defineProperty10(e, r, t) {
return (r = _toPropertyKey10(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e;
}
function _toPropertyKey10(t) {
var i = _toPrimitive10(t, "string");
return "symbol" == _typeof10(i) ? i : i + "";
}
function _toPrimitive10(t, r) {
if ("object" != _typeof10(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != _typeof10(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
var rootPath = [];
var QueryBuilderNativeInternal = ({
props
}) => {
const controlElements = (0, import_react9.useMemo)(
() => ({ ...defaultNativeControlElements, ...props.controlElements }),
[props.controlElements]
);
const qb = useQueryBuilderNative({ ...props, controlElements });
const { ruleGroup: RuleGroupComponent } = qb.schema.controls;
const QueryBuilderContext = import_react_querybuilder9.QueryBuilderContext;
return /* @__PURE__ */ React11.createElement(QueryBuilderContext.Provider, { value: qb.rqbContext }, /* @__PURE__ */ React11.createElement(
RuleGroupComponent,
{
ruleGroup: qb.rootGroup,
...qb.combinatorPropObject,
path: rootPath,
translations: qb.translations,
schema: qb.schema,
actions: qb.actions,
id: qb.rootGroup.id,
disabled: qb.rootGroupDisabled,
parentDisabled: qb.queryDisabled,
context: props.context
}
));
var QueryBuilderNativeInternal = function QueryBuilderNativeInternal2(t0) {
var $ = c(16);
var props = t0.props;
var t1;
var t2;
if ($[0] !== props.controlElements) {
t2 = _objectSpread10(_objectSpread10({}, defaultNativeControlElements), props.controlElements);
$[0] = props.controlElements;
$[1] = t2;
} else {
t2 = $[1];
}
t1 = t2;
var controlElements = t1;
var t3;
if ($[2] !== props || $[3] !== controlElements) {
t3 = _objectSpread10(_objectSpread10({}, props), {}, { controlElements });
$[2] = props;
$[3] = controlElements;
$[4] = t3;
} else {
t3 = $[4];
}
var qb = useQueryBuilderNative(t3);
var RuleGroupComponent = qb.schema.controls.ruleGroup;
var t4;
if ($[5] !== qb.rootGroup || $[6] !== qb.combinatorPropObject || $[7] !== qb.translations || $[8] !== qb.schema || $[9] !== qb.actions || $[10] !== qb.rootGroupDisabled || $[11] !== qb.queryDisabled || $[12] !== qb.rqbContext || $[13] !== props.context || $[14] !== RuleGroupComponent) {
t4 = (0, import_jsx_runtime11.jsx)(import_react_querybuilder9.QueryBuilderContext.Provider, { value: qb.rqbContext, children: (0, import_jsx_runtime11.jsx)(RuleGroupComponent, _objectSpread10(_objectSpread10({ ruleGroup: qb.rootGroup }, qb.combinatorPropObject), {}, { path: rootPath, translations: qb.translations, schema: qb.schema, actions: qb.actions, id: qb.rootGroup.id, disabled: qb.rootGroupDisabled, parentDisabled: qb.queryDisabled, context: props.context })) });
$[5] = qb.rootGroup;
$[6] = qb.combinatorPropObject;
$[7] = qb.translations;
$[8] = qb.schema;
$[9] = qb.actions;
$[10] = qb.rootGroupDisabled;
$[11] = qb.queryDisabled;
$[12] = qb.rqbContext;
$[13] = props.context;
$[14] = RuleGroupComponent;
$[15] = t4;
} else {
t4 = $[15];
}
return t4;
};
var QueryBuilderNative = (props) => /* @__PURE__ */ React11.createElement(import_react_redux.Provider, { context: import_react_querybuilder9.QueryBuilderStateContext, store: import_react_querybuilder9.queryBuilderStore }, /* @__PURE__ */ React11.createElement(QueryBuilderNativeInternal, { props }));
var QueryBuilderNative = function QueryBuilderNative2(props) {
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_redux.Provider, { context: import_react_querybuilder9.QueryBuilderStateContext, store: import_react_querybuilder9.queryBuilderStore, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(QueryBuilderNativeInternal, { props }) });
};
// Annotate the CommonJS export names for ESM import in node:

@@ -630,0 +942,0 @@ 0 && (module.exports = {

2

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

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

"use strict";var Pe=Object.create;var I=Object.defineProperty;var Be=Object.getOwnPropertyDescriptor;var we=Object.getOwnPropertyNames;var Ve=Object.getPrototypeOf,Ae=Object.prototype.hasOwnProperty;var Qe=(t,o)=>{for(var e in o)I(t,e,{get:o[e],enumerable:!0})},ae=(t,o,e,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of we(o))!Ae.call(t,s)&&s!==e&&I(t,s,{get:()=>o[s],enumerable:!(i=Be(o,s))||i.enumerable});return t};var d=(t,o,e)=>(e=t!=null?Pe(Ve(t)):{},ae(o||!t||!t.__esModule?I(e,"default",{value:t,enumerable:!0}):e,t)),Ie=t=>ae(I({},"__esModule",{value:!0}),t);var Xe={};Qe(Xe,{NativeActionElement:()=>y,NativeInlineCombinator:()=>z,NativeNotToggle:()=>K,NativeShiftActions:()=>Y,NativeValueEditor:()=>V,NativeValueEditorWeb:()=>Z,NativeValueSelector:()=>m,NativeValueSelectorWeb:()=>x,QueryBuilderNative:()=>Je,RuleGroupNative:()=>ee,RuleNative:()=>oe,defaultNativeControlElements:()=>J,defaultNativeSelectStyles:()=>u,defaultNativeStyles:()=>r,defaultNativeWebControlElements:()=>Le});module.exports=Ie(Xe);var D=d(require("react")),C=require("react-native");var ue=require("react-native"),u={selector:{borderRadius:4,borderWidth:1,height:32,width:100,paddingLeft:4},option:{}},De={actionElement:{borderWidth:1,borderRadius:4,height:32,padding:8,paddingBottom:4,paddingTop:4},actionElementText:{},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",gap:10,alignItems:"center"},ruleGroup:{backgroundColor:"rgba(0, 75, 183, 0.2)",borderColor:"#8081a2",borderRadius:4,borderWidth:1,padding:10,gap:10},ruleGroupBody:{gap:10},ruleGroupHeader:{flexDirection:"row",gap:10,alignItems:"center"},shiftActions:{flexDirection:"column"},value:{...u.selector,width:150},valueEditorOption:u.option,valueEditorSelector:u.selector,valueEditorSwitch:{},valueList:{flexDirection:"row"},valueSourceOption:u.option,valueSourceSelector:u.selector},r=ue.StyleSheet.create(De);var y=({handleOnClick:t,label:o,disabled:e,disabledTranslation:i,testID:s,schema:a})=>D.createElement(C.Pressable,{testID:s,disabled:e&&!i,onPress:l=>t()},D.createElement(C.View,{style:r.actionElement},D.createElement(C.Text,{style:r.actionElementText},`${i&&e?i.label??"":o??""}`)));var U=d(require("react")),pe=require("react"),L=require("react-native"),$=require("react-querybuilder");var z=({component:t,path:o,...e})=>{let i=(0,pe.useMemo)(()=>({inlineCombinator:L.StyleSheet.flatten([r.inlineCombinator,e.schema.styles?.inlineCombinator])}),[e.schema.styles?.inlineCombinator]);return U.createElement(L.View,{style:i.inlineCombinator,key:"no-dnd",testID:$.TestID.inlineCombinator},U.createElement(t,{...e,path:o,testID:$.TestID.combinators}))};var M=d(require("react")),me=require("react"),f=require("react-native");var K=({handleOnChange:t,label:o,checked:e,disabled:i,schema:s,testID:a})=>{let l=(0,me.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 M.createElement(f.View,{style:l.notToggle,testID:a},M.createElement(f.Text,{style:l.notToggleLabel},o),M.createElement(f.Switch,{style:l.notToggleSwitch,disabled:i,value:e,onValueChange:n=>t(n)}))};var O=d(require("react")),h=require("react-native");var Y=({shiftUp:t,shiftDown:o,shiftUpDisabled:e,shiftDownDisabled:i,disabled:s,labels:a,testID:l,schema:{styles:n}})=>{let G=O.useMemo(()=>({shiftActions:h.StyleSheet.flatten([r.shiftActions,n?.shiftActions])}),[n?.shiftActions]);return O.createElement(h.View,{testID:l,style:G.shiftActions},O.createElement(h.Button,{disabled:s||e,onPress:t,accessibilityLabel:a?.shiftUp,title:a?.shiftUp}),O.createElement(h.Button,{disabled:s||i,onPress:o,accessibilityLabel:a?.shiftDown,title:a?.shiftDown}))};var b=d(require("react")),ye=require("react"),c=require("react-native"),F=require("react-querybuilder");var ce=d(require("react")),de=require("react"),p=require("react-native"),S=require("react-querybuilder");var m=({handleOnChange:t,options:o,value:e,disabled:i,multiple:s,listsAsArrays:a,schema:l,testID:n})=>{let G=(0,de.useMemo)(()=>n===S.TestID.combinators?{selector:p.StyleSheet.flatten([r.combinatorSelector,l.styles?.combinatorSelector]),option:p.StyleSheet.flatten([r.combinatorOption,l.styles?.combinatorOption])}:n===S.TestID.fields?{selector:p.StyleSheet.flatten([r.fieldSelector,l.styles?.fieldSelector]),option:p.StyleSheet.flatten([r.fieldOption,l.styles?.fieldOption])}:n===S.TestID.operators?{selector:p.StyleSheet.flatten([r.operatorSelector,l.styles?.operatorSelector]),option:p.StyleSheet.flatten([r.operatorOption,l.styles?.operatorOption])}:n===S.TestID.valueSourceSelector?{selector:p.StyleSheet.flatten([r.valueSourceSelector,l.styles?.valueSourceSelector]),option:p.StyleSheet.flatten([r.valueSourceOption,l.styles?.valueSourceOption])}:n===S.TestID.valueEditor?{selector:p.StyleSheet.flatten([r.valueEditorSelector,l.styles?.valueEditorSelector]),option:p.StyleSheet.flatten([r.valueEditorOption,l.styles?.valueEditorOption])}:p.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:X}=(0,S.useValueSelector)({handleOnChange:t,listsAsArrays:a,multiple:s,value:e}),W=s&&Array.isArray(e)?(0,S.joinWith)(e,","):e;return ce.createElement(p.TextInput,{testID:n,"aria-disabled":i,style:G.selector,value:W,onChangeText:X})};var V=({operator:t,value:o,handleOnChange:e,title:i,className:s,type:a="text",inputType:l="text",values:n=[],listsAsArrays:G,parseNumbers:X,fieldData:W,disabled:k,separator:Fe=null,skipHook:Te=!1,testID:B,selectorComponent:re=m,...v})=>{let w=(0,ye.useMemo)(()=>({value:c.StyleSheet.flatten([r.value,v.schema.styles?.value]),valueEditorSwitch:c.StyleSheet.flatten([r.valueEditorSwitch,v.schema.styles?.valueEditorSwitch]),valueList:c.StyleSheet.flatten([r.valueList,v.schema.styles?.valueList])}),[v.schema.styles?.value,v.schema.styles?.valueEditorSwitch,v.schema.styles?.valueList]),{valueAsArray:le,multiValueHandler:ie,parseNumberMethod:Ee}=(0,F.useValueEditor)({skipHook:Te,handleOnChange:e,inputType:l,operator:t,value:o,type:a,listsAsArrays:G,parseNumbers:X,values:n});if(t==="null"||t==="notNull")return null;let _=W?.placeholder??"",se=["in","notIn"].includes(t)?"text":l==="number"?"decimal":l??"text";if((t==="between"||t==="notBetween")&&(a==="select"||a==="text")){let N=["from","to"].map((ne,Q)=>a==="text"?b.createElement(c.TextInput,{key:ne,style:w.value,inputMode:se,placeholder:_,value:le[Q]??"",onChangeText:j=>ie(j,Q)}):b.createElement(re,{key:ne,...v,handleOnChange:j=>ie(j,Q),className:s,disabled:k,value:le[Q]??(0,F.getFirstOption)(n),options:n,listsAsArrays:G}));return b.createElement(c.View,{testID:B,style:w.valueList},N[0],Fe,N[1])}switch(a){case"select":case"multiselect":return b.createElement(re,{...v,testID:B,className:s,title:i,handleOnChange:e,disabled:k,value:o,options:n,multiple:a==="multiselect",listsAsArrays:G});case"textarea":return b.createElement(c.TextInput,{testID:B,style:w.value,placeholder:_,value:o,onChangeText:N=>e(N)});case"switch":case"checkbox":return b.createElement(c.Switch,{testID:B,style:w.valueEditorSwitch,disabled:k,value:!!o,onValueChange:N=>e(N)})}return b.createElement(c.TextInput,{testID:B,style:w.value,inputMode:se,placeholder:_,value:o,onChangeText:N=>e((0,F.parseNumber)(N,{parseNumbers:Ee}))})};var Se=d(require("react"));var fe=d(require("react"));var x=t=>fe.createElement(m,{...t});var Z=t=>Se.createElement(V,{...t,selectorComponent:x});var A=d(require("react")),Ce=require("react"),P=require("react-querybuilder"),Oe=require("react-redux");var be=require("react"),q=require("react-querybuilder");var T=d(require("react")),ve=require("react"),R=require("react-native"),g=require("react-querybuilder");var ee=t=>{let o=(0,g.useRuleGroup)(t),e=o.schema,i=(0,ve.useMemo)(()=>({ruleGroup:R.StyleSheet.flatten([r.ruleGroup,e.styles?.ruleGroup]),ruleGroupHeader:R.StyleSheet.flatten([r.ruleGroupHeader,e.styles?.ruleGroupHeader]),ruleGroupBody:R.StyleSheet.flatten([r.ruleGroupBody,e.styles?.ruleGroupBody])}),[e.styles?.ruleGroup,e.styles?.ruleGroupBody,e.styles?.ruleGroupHeader]);return T.createElement(R.View,{style:i.ruleGroup,testID:g.TestID.ruleGroup},T.createElement(R.View,{style:i.ruleGroupHeader},T.createElement(g.RuleGroupHeaderComponents,{...o})),T.createElement(R.View,{style:i.ruleGroupBody},T.createElement(g.RuleGroupBodyComponents,{...o})))};var te=d(require("react")),Ne=require("react"),H=require("react-native"),E=require("react-querybuilder");var oe=t=>{let o=(0,E.useRule)(t),e=o.schema,i=(0,Ne.useMemo)(()=>({rule:H.StyleSheet.flatten([r.rule,e.styles?.rule])}),[e.styles?.rule]);return te.createElement(H.View,{style:i.rule,testID:E.TestID.rule},te.createElement(E.RuleComponents,{...o}))};var J={actionElement:y,addGroupAction:y,addRuleAction:y,cloneGroupAction:y,cloneRuleAction:y,combinatorSelector:m,dragHandle:(0,be.forwardRef)(()=>null),fieldSelector:m,inlineCombinator:z,lockGroupAction:y,lockRuleAction:y,notToggle:K,operatorSelector:m,removeGroupAction:y,removeRuleAction:y,rule:oe,ruleGroup:ee,ruleGroupBodyElements:q.RuleGroupBodyComponents,ruleGroupHeaderElements:q.RuleGroupHeaderComponents,shiftActions:Y,valueEditor:V,valueSelector:m,valueSourceSelector:m},Le={...J,combinatorSelector:x,fieldSelector:x,operatorSelector:x,valueEditor:Z,valueSelector:m,valueSourceSelector:x};var xe=require("react"),Re=require("react-native"),ge=require("react-querybuilder"),Ge=require("react-querybuilder"),he=t=>Me(t,(0,ge.useQueryBuilderSetup)(t)),Me=(t,o)=>{let e=(0,Ge.useQueryBuilderSchema)(t,o),i=(0,xe.useMemo)(()=>Re.StyleSheet.create(t.styles??{}),[t.styles]);return{...e,schema:{...e.schema,styles:i}}};var He=[],qe=({props:t})=>{let o=(0,Ce.useMemo)(()=>({...J,...t.controlElements}),[t.controlElements]),e=he({...t,controlElements:o}),{ruleGroup:i}=e.schema.controls;return A.createElement(P.QueryBuilderContext.Provider,{value:e.rqbContext},A.createElement(i,{ruleGroup:e.rootGroup,...e.combinatorPropObject,path:He,translations:e.translations,schema:e.schema,actions:e.actions,id:e.rootGroup.id,disabled:e.rootGroupDisabled,parentDisabled:e.queryDisabled,context:t.context}))},Je=t=>A.createElement(Oe.Provider,{context:P.QueryBuilderStateContext,store:P.queryBuilderStore},A.createElement(qe,{props:t}));0&&(module.exports={NativeActionElement,NativeInlineCombinator,NativeNotToggle,NativeShiftActions,NativeValueEditor,NativeValueEditorWeb,NativeValueSelector,NativeValueSelectorWeb,QueryBuilderNative,RuleGroupNative,RuleNative,defaultNativeControlElements,defaultNativeSelectStyles,defaultNativeStyles,defaultNativeWebControlElements});
"use strict";var gt=Object.create;var ve=Object.defineProperty;var Ot=Object.getOwnPropertyDescriptor;var St=Object.getOwnPropertyNames;var jt=Object.getPrototypeOf,Pt=Object.prototype.hasOwnProperty;var wt=(t,e)=>{for(var r in e)ve(t,r,{get:e[r],enumerable:!0})},$e=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of St(e))!Pt.call(t,n)&&n!==r&&ve(t,n,{get:()=>e[n],enumerable:!(o=Ot(e,n))||o.enumerable});return t};var Be=(t,e,r)=>(r=t!=null?gt(jt(t)):{},$e(e||!t||!t.__esModule?ve(r,"default",{value:t,enumerable:!0}):r,t)),Dt=t=>$e(ve({},"__esModule",{value:!0}),t);var br={};wt(br,{NativeActionElement:()=>g,NativeInlineCombinator:()=>Ce,NativeNotToggle:()=>Te,NativeShiftActions:()=>_e,NativeValueEditor:()=>re,NativeValueEditorWeb:()=>Ge,NativeValueSelector:()=>E,NativeValueSelectorWeb:()=>x,QueryBuilderNative:()=>vr,RuleGroupNative:()=>Ae,RuleNative:()=>Ve,defaultNativeControlElements:()=>je,defaultNativeSelectStyles:()=>v,defaultNativeStyles:()=>c,defaultNativeWebControlElements:()=>ir});module.exports=Dt(br);var be=require("react/jsx-runtime"),Q=require("react-native");var ke=require("react-native");function Y(t){"@babel/helpers - typeof";return Y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Y(t)}function Re(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function Ke(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?Re(Object(r),!0).forEach(function(o){Nt(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Re(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function Nt(t,e,r){return(e=Et(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Et(t){var e=xt(t,"string");return Y(e)=="symbol"?e:e+""}function xt(t,e){if(Y(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(Y(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var v={selector:{borderRadius:4,borderWidth:1,height:32,width:100,paddingLeft:4},option:{}},Ct={actionElement:{borderWidth:1,borderRadius:4,height:32,padding:8,paddingBottom:4,paddingTop:4},actionElementText:{},combinatorOption:v.option,combinatorSelector:v.selector,dragHandle:{},fieldOption:v.option,fieldSelector:v.selector,inlineCombinator:{},notToggle:{flexDirection:"row"},notToggleLabel:{},notToggleSwitch:{},operatorOption:v.option,operatorSelector:v.selector,rule:{flexDirection:"row",gap:10,alignItems:"center"},ruleGroup:{backgroundColor:"rgba(0, 75, 183, 0.2)",borderColor:"#8081a2",borderRadius:4,borderWidth:1,padding:10,gap:10},ruleGroupBody:{gap:10},ruleGroupHeader:{flexDirection:"row",gap:10,alignItems:"center"},shiftActions:{flexDirection:"column"},value:Ke(Ke({},v.selector),{},{width:150}),valueEditorOption:v.option,valueEditorSelector:v.selector,valueEditorSwitch:{},valueList:{flexDirection:"row"},valueSourceOption:v.option,valueSourceSelector:v.selector},c=ke.StyleSheet.create(Ct);var g=function(e){var r,o=e.handleOnClick,n=e.label,a=e.disabled,u=e.disabledTranslation,l=e.testID,i=e.schema;return(0,be.jsx)(Q.Pressable,{testID:l,disabled:a&&!u,onPress:function(p){return o()},children:(0,be.jsx)(Q.View,{style:c.actionElement,children:(0,be.jsx)(Q.Text,{style:c.actionElementText,children:"".concat(u&&a?(r=u.label)!==null&&r!==void 0?r:"":n??"")})})})};var Ee=require("react/jsx-runtime"),Me=require("react"),de=require("react-native"),xe=require("react-querybuilder");function Z(t){"@babel/helpers - typeof";return Z=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Z(t)}var Tt=["component","path"];function Le(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function We(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?Le(Object(r),!0).forEach(function(o){_t(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Le(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function _t(t,e,r){return(e=Gt(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Gt(t){var e=At(t,"string");return Z(e)=="symbol"?e:e+""}function At(t,e){if(Z(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(Z(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function It(t,e){if(t==null)return{};var r,o,n=Vt(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o<a.length;o++)r=a[o],e.includes(r)||{}.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}function Vt(t,e){if(t==null)return{};var r={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(e.includes(o))continue;r[o]=t[o]}return r}var Ce=function(e){var r,o=e.component,n=e.path,a=It(e,Tt),u=(0,Me.useMemo)(function(){var l;return{inlineCombinator:de.StyleSheet.flatten([c.inlineCombinator,(l=a.schema.styles)===null||l===void 0?void 0:l.inlineCombinator])}},[(r=a.schema.styles)===null||r===void 0?void 0:r.inlineCombinator]);return(0,Ee.jsx)(de.View,{style:u.inlineCombinator,testID:xe.TestID.inlineCombinator,children:(0,Ee.jsx)(o,We(We({},a),{},{path:n,testID:xe.TestID.combinators}))},"no-dnd")};var z=require("react/jsx-runtime"),He=require("react"),S=require("react-native");var Te=function(e){var r,o,n,a=e.handleOnChange,u=e.label,l=e.checked,i=e.disabled,s=e.schema,p=e.testID,O=(0,He.useMemo)(function(){var d,P,m;return{notToggle:S.StyleSheet.flatten([c.notToggle,(d=s.styles)===null||d===void 0?void 0:d.notToggle]),notToggleLabel:S.StyleSheet.flatten([c.notToggleLabel,(P=s.styles)===null||P===void 0?void 0:P.notToggleLabel]),notToggleSwitch:S.StyleSheet.flatten([c.notToggleSwitch,(m=s.styles)===null||m===void 0?void 0:m.notToggleSwitch])}},[(r=s.styles)===null||r===void 0?void 0:r.notToggle,(o=s.styles)===null||o===void 0?void 0:o.notToggleLabel,(n=s.styles)===null||n===void 0?void 0:n.notToggleSwitch]);return(0,z.jsxs)(S.View,{style:O.notToggle,testID:p,children:[(0,z.jsx)(S.Text,{style:O.notToggleLabel,children:u}),(0,z.jsx)(S.Switch,{style:O.notToggleSwitch,disabled:i,value:l,onValueChange:function(P){return a(P)}})]})};var ee=require("react/jsx-runtime"),Qe=Be(require("react")),$=require("react-native");var _e=function(e){var r=e.shiftUp,o=e.shiftDown,n=e.shiftUpDisabled,a=e.shiftDownDisabled,u=e.disabled,l=e.labels,i=e.testID,s=e.schema.styles,p=Qe.useMemo(function(){return{shiftActions:$.StyleSheet.flatten([c.shiftActions,s?.shiftActions])}},[s?.shiftActions]);return(0,ee.jsxs)($.View,{testID:i,style:p.shiftActions,children:[(0,ee.jsx)($.Button,{disabled:u||n,onPress:r,accessibilityLabel:l?.shiftUp,title:l?.shiftUp}),(0,ee.jsx)($.Button,{disabled:u||a,onPress:o,accessibilityLabel:l?.shiftDown,title:l?.shiftDown})]})};var N=require("react/jsx-runtime"),Ue=require("react"),h=require("react-native"),q=require("react-querybuilder");function te(t){"@babel/helpers - typeof";return te=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},te(t)}var $t=["operator","value","handleOnChange","title","className","type","inputType","values","listsAsArrays","fieldData","disabled","separator","testID","selectorComponent"];function qe(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function he(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?qe(Object(r),!0).forEach(function(o){Bt(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):qe(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function Bt(t,e,r){return(e=Rt(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Rt(t){var e=Kt(t,"string");return te(e)=="symbol"?e:e+""}function Kt(t,e){if(te(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(te(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function kt(t,e){if(t==null)return{};var r,o,n=Lt(t,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o<a.length;o++)r=a[o],e.includes(r)||{}.propertyIsEnumerable.call(t,r)&&(n[r]=t[r])}return n}function Lt(t,e){if(t==null)return{};var r={};for(var o in t)if({}.hasOwnProperty.call(t,o)){if(e.includes(o))continue;r[o]=t[o]}return r}var re=function(e){var r,o,n,a,u=e.operator,l=e.value,i=e.handleOnChange,s=e.title,p=e.className,O=e.type,d=O===void 0?"text":O,P=e.inputType,m=P===void 0?"text":P,pe=e.values,R=pe===void 0?[]:pe,fe=e.listsAsArrays,f=e.fieldData,_=e.disabled,me=e.separator,we=me===void 0?null:me,G=e.testID,ye=e.selectorComponent,K=ye===void 0?e.schema.controls.valueSelector:ye,k=kt(e,$t),w=(0,Ue.useMemo)(function(){var D,y,V;return{value:h.StyleSheet.flatten([c.value,(D=e.schema.styles)===null||D===void 0?void 0:D.value]),valueEditorSwitch:h.StyleSheet.flatten([c.valueEditorSwitch,(y=e.schema.styles)===null||y===void 0?void 0:y.valueEditorSwitch]),valueList:h.StyleSheet.flatten([c.valueList,(V=e.schema.styles)===null||V===void 0?void 0:V.valueList])}},[(r=e.schema.styles)===null||r===void 0?void 0:r.value,(o=e.schema.styles)===null||o===void 0?void 0:o.valueEditorSwitch,(n=e.schema.styles)===null||n===void 0?void 0:n.valueList]),A=(0,q.useValueEditor)(e),L=A.valueAsArray,W=A.multiValueHandler,X=A.parseNumberMethod;if(u==="null"||u==="notNull")return null;var I=(a=f?.placeholder)!==null&&a!==void 0?a:"",M=["in","notIn"].includes(u)?"text":m==="number"?"decimal":m??"text";if((u==="between"||u==="notBetween")&&(d==="select"||d==="text")){var H=["from","to"].map(function(D,y){var V;if(d==="text"){var De;return(0,N.jsx)(h.TextInput,{style:w.value,inputMode:M,placeholder:I,value:(De=L[y])!==null&&De!==void 0?De:"",onChangeText:function(Ne){return W(Ne,y)}},D)}return(0,N.jsx)(K,he(he({},k),{},{handleOnChange:function(Ne){return W(Ne,y)},className:p,disabled:_,value:(V=L[y])!==null&&V!==void 0?V:(0,q.getFirstOption)(R),options:R,listsAsArrays:fe}),D)});return(0,N.jsxs)(h.View,{testID:G,style:w.valueList,children:[H[0],we,H[1]]})}switch(d){case"select":case"multiselect":return(0,N.jsx)(K,he(he({},k),{},{testID:G,className:p,title:s,handleOnChange:i,disabled:_,value:l,options:R,multiple:d==="multiselect",listsAsArrays:fe}));case"textarea":return(0,N.jsx)(h.TextInput,{testID:G,style:w.value,placeholder:I,value:l,onChangeText:function(y){return i(y)}});case"switch":case"checkbox":return(0,N.jsx)(h.Switch,{testID:G,style:w.valueEditorSwitch,disabled:_,value:!!l,onValueChange:function(y){return i(y)}})}return(0,N.jsx)(h.TextInput,{testID:G,style:w.value,inputMode:M,placeholder:I,value:l,onChangeText:function(y){return i((0,q.parseNumber)(y,{parseNumbers:X}))}})};var et=require("react/jsx-runtime");var Ye=require("react/jsx-runtime");var Fe=require("react/jsx-runtime"),Je=require("react"),b=require("react-native"),j=require("react-querybuilder");var E=function(e){var r,o,n,a,u,l,i,s,p,O,d=e.handleOnChange,P=e.options,m=e.value,pe=e.disabled,R=e.multiple,fe=e.listsAsArrays,f=e.schema,_=e.testID,me=(0,Je.useMemo)(function(){switch(_){case j.TestID.combinators:{var K,k;return{selector:b.StyleSheet.flatten([c.combinatorSelector,(K=f.styles)===null||K===void 0?void 0:K.combinatorSelector]),option:b.StyleSheet.flatten([c.combinatorOption,(k=f.styles)===null||k===void 0?void 0:k.combinatorOption])}}case j.TestID.fields:{var w,A;return{selector:b.StyleSheet.flatten([c.fieldSelector,(w=f.styles)===null||w===void 0?void 0:w.fieldSelector]),option:b.StyleSheet.flatten([c.fieldOption,(A=f.styles)===null||A===void 0?void 0:A.fieldOption])}}case j.TestID.operators:{var L,W;return{selector:b.StyleSheet.flatten([c.operatorSelector,(L=f.styles)===null||L===void 0?void 0:L.operatorSelector]),option:b.StyleSheet.flatten([c.operatorOption,(W=f.styles)===null||W===void 0?void 0:W.operatorOption])}}case j.TestID.valueSourceSelector:{var X,I;return{selector:b.StyleSheet.flatten([c.valueSourceSelector,(X=f.styles)===null||X===void 0?void 0:X.valueSourceSelector]),option:b.StyleSheet.flatten([c.valueSourceOption,(I=f.styles)===null||I===void 0?void 0:I.valueSourceOption])}}case j.TestID.valueEditor:{var M,H;return{selector:b.StyleSheet.flatten([c.valueEditorSelector,(M=f.styles)===null||M===void 0?void 0:M.valueEditorSelector]),option:b.StyleSheet.flatten([c.valueEditorOption,(H=f.styles)===null||H===void 0?void 0:H.valueEditorOption])}}default:}return b.StyleSheet.create(v)},[(r=f.styles)===null||r===void 0?void 0:r.combinatorOption,(o=f.styles)===null||o===void 0?void 0:o.combinatorSelector,(n=f.styles)===null||n===void 0?void 0:n.fieldOption,(a=f.styles)===null||a===void 0?void 0:a.fieldSelector,(u=f.styles)===null||u===void 0?void 0:u.operatorOption,(l=f.styles)===null||l===void 0?void 0:l.operatorSelector,(i=f.styles)===null||i===void 0?void 0:i.valueEditorOption,(s=f.styles)===null||s===void 0?void 0:s.valueEditorSelector,(p=f.styles)===null||p===void 0?void 0:p.valueSourceOption,(O=f.styles)===null||O===void 0?void 0:O.valueSourceSelector,_]),we=(0,j.useValueSelector)({handleOnChange:d,listsAsArrays:fe,multiple:R,value:m}),G=we.onChange,ye=R&&Array.isArray(m)?(0,j.joinWith)(m,","):m;return(0,Fe.jsx)(b.TextInput,{testID:_,"aria-disabled":pe,style:me.selector,value:ye,onChangeText:G})};function oe(t){"@babel/helpers - typeof";return oe=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},oe(t)}function Xe(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function Wt(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?Xe(Object(r),!0).forEach(function(o){Mt(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Xe(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function Mt(t,e,r){return(e=Ht(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ht(t){var e=Qt(t,"string");return oe(e)=="symbol"?e:e+""}function Qt(t,e){if(oe(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(oe(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var x=function(e){return(0,Ye.jsx)(E,Wt({},e))};function ne(t){"@babel/helpers - typeof";return ne=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ne(t)}function Ze(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function ze(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?Ze(Object(r),!0).forEach(function(o){qt(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):Ze(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function qt(t,e,r){return(e=Ut(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Ut(t){var e=Ft(t,"string");return ne(e)=="symbol"?e:e+""}function Ft(t,e){if(ne(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(ne(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var Ge=function(e){return(0,et.jsx)(re,ze(ze({},e),{},{selectorComponent:x}))};var rt=Be(require("react")),tt=Symbol.for("react.memo_cache_sentinel");function ge(t){return rt.useMemo(function(){for(var e=Array.from({length:t}),r=0;r<t;r++)e[r]=tt;return e[tt]=!0,e},[])}var ce=require("react/jsx-runtime"),oo=require("react"),J=require("react-querybuilder"),dt=require("react-redux");var ct=require("react"),Se=require("react-querybuilder");var B=require("react/jsx-runtime"),it=require("react"),C=require("react-native"),T=require("react-querybuilder");function ie(t){"@babel/helpers - typeof";return ie=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ie(t)}function ot(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function nt(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?ot(Object(r),!0).forEach(function(o){Jt(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ot(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function Jt(t,e,r){return(e=Xt(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function Xt(t){var e=Yt(t,"string");return ie(e)=="symbol"?e:e+""}function Yt(t,e){if(ie(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(ie(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var Ae=function(e){var r,o,n,a=(0,T.useRuleGroup)(e),u=a.schema,l=(0,it.useMemo)(function(){var i,s,p;return{ruleGroup:C.StyleSheet.flatten([c.ruleGroup,(i=u.styles)===null||i===void 0?void 0:i.ruleGroup]),ruleGroupHeader:C.StyleSheet.flatten([c.ruleGroupHeader,(s=u.styles)===null||s===void 0?void 0:s.ruleGroupHeader]),ruleGroupBody:C.StyleSheet.flatten([c.ruleGroupBody,(p=u.styles)===null||p===void 0?void 0:p.ruleGroupBody])}},[(r=u.styles)===null||r===void 0?void 0:r.ruleGroup,(o=u.styles)===null||o===void 0?void 0:o.ruleGroupBody,(n=u.styles)===null||n===void 0?void 0:n.ruleGroupHeader]);return(0,B.jsxs)(C.View,{style:l.ruleGroup,testID:T.TestID.ruleGroup,children:[(0,B.jsx)(C.View,{style:l.ruleGroupHeader,children:(0,B.jsx)(T.RuleGroupHeaderComponents,nt({},a))}),(0,B.jsx)(C.View,{style:l.ruleGroupBody,children:(0,B.jsx)(T.RuleGroupBodyComponents,nt({},a))})]})};var Ie=require("react/jsx-runtime"),ut=require("react"),Oe=require("react-native"),U=require("react-querybuilder");function le(t){"@babel/helpers - typeof";return le=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},le(t)}function lt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function Zt(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?lt(Object(r),!0).forEach(function(o){zt(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):lt(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function zt(t,e,r){return(e=er(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function er(t){var e=tr(t,"string");return le(e)=="symbol"?e:e+""}function tr(t,e){if(le(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(le(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var Ve=function(e){var r,o=(0,U.useRule)(e),n=o.schema,a=(0,ut.useMemo)(function(){var u;return{rule:Oe.StyleSheet.flatten([c.rule,(u=n.styles)===null||u===void 0?void 0:u.rule])}},[(r=n.styles)===null||r===void 0?void 0:r.rule]);return(0,Ie.jsx)(Oe.View,{style:a.rule,testID:U.TestID.rule,children:(0,Ie.jsx)(U.RuleComponents,Zt({},o))})};function ue(t){"@babel/helpers - typeof";return ue=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ue(t)}function at(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function st(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?at(Object(r),!0).forEach(function(o){rr(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):at(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function rr(t,e,r){return(e=or(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function or(t){var e=nr(t,"string");return ue(e)=="symbol"?e:e+""}function nr(t,e){if(ue(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(ue(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var je={actionElement:g,addGroupAction:g,addRuleAction:g,cloneGroupAction:g,cloneRuleAction:g,combinatorSelector:E,dragHandle:(0,ct.forwardRef)(function(){return null}),fieldSelector:E,inlineCombinator:Ce,lockGroupAction:g,lockRuleAction:g,notToggle:Te,operatorSelector:E,removeGroupAction:g,removeRuleAction:g,rule:Ve,ruleGroup:Ae,ruleGroupBodyElements:Se.RuleGroupBodyComponents,ruleGroupHeaderElements:Se.RuleGroupHeaderComponents,shiftActions:_e,valueEditor:re,valueSelector:E,valueSourceSelector:E},ir=st(st({},je),{},{combinatorSelector:x,fieldSelector:x,operatorSelector:x,valueEditor:Ge,valueSelector:x,valueSourceSelector:x});var zr=require("react"),ft=require("react-native"),mt=require("react-querybuilder"),yt=require("react-querybuilder");function ae(t){"@babel/helpers - typeof";return ae=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ae(t)}function pt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function Pe(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?pt(Object(r),!0).forEach(function(o){lr(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):pt(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function lr(t,e,r){return(e=ur(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function ur(t){var e=ar(t,"string");return ae(e)=="symbol"?e:e+""}function ar(t,e){if(ae(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(ae(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var vt=function(e){return sr(e,(0,mt.useQueryBuilderSetup)(e))},sr=function(e,r){var o=ge(8),n=(0,yt.useQueryBuilderSchema)(e,r),a,u;if(o[0]!==e.styles){var l;u=ft.StyleSheet.create((l=e.styles)!==null&&l!==void 0?l:{}),o[0]=e.styles,o[1]=u}else u=o[1];a=u;var i=a,s;o[2]!==n.schema||o[3]!==i?(s=Pe(Pe({},n.schema),{},{styles:i}),o[2]=n.schema,o[3]=i,o[4]=s):s=o[4];var p;return o[5]!==n||o[6]!==s?(p=Pe(Pe({},n),{},{schema:s}),o[5]=n,o[6]=s,o[7]=p):p=o[7],p};function se(t){"@babel/helpers - typeof";return se=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},se(t)}function bt(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),r.push.apply(r,o)}return r}function F(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?bt(Object(r),!0).forEach(function(o){cr(t,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):bt(Object(r)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(r,o))})}return t}function cr(t,e,r){return(e=pr(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function pr(t){var e=fr(t,"string");return se(e)=="symbol"?e:e+""}function fr(t,e){if(se(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var o=r.call(t,e||"default");if(se(o)!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var mr=[],yr=function(e){var r=ge(16),o=e.props,n,a;r[0]!==o.controlElements?(a=F(F({},je),o.controlElements),r[0]=o.controlElements,r[1]=a):a=r[1],n=a;var u=n,l;r[2]!==o||r[3]!==u?(l=F(F({},o),{},{controlElements:u}),r[2]=o,r[3]=u,r[4]=l):l=r[4];var i=vt(l),s=i.schema.controls.ruleGroup,p;return r[5]!==i.rootGroup||r[6]!==i.combinatorPropObject||r[7]!==i.translations||r[8]!==i.schema||r[9]!==i.actions||r[10]!==i.rootGroupDisabled||r[11]!==i.queryDisabled||r[12]!==i.rqbContext||r[13]!==o.context||r[14]!==s?(p=(0,ce.jsx)(J.QueryBuilderContext.Provider,{value:i.rqbContext,children:(0,ce.jsx)(s,F(F({ruleGroup:i.rootGroup},i.combinatorPropObject),{},{path:mr,translations:i.translations,schema:i.schema,actions:i.actions,id:i.rootGroup.id,disabled:i.rootGroupDisabled,parentDisabled:i.queryDisabled,context:o.context}))}),r[5]=i.rootGroup,r[6]=i.combinatorPropObject,r[7]=i.translations,r[8]=i.schema,r[9]=i.actions,r[10]=i.rootGroupDisabled,r[11]=i.queryDisabled,r[12]=i.rqbContext,r[13]=o.context,r[14]=s,r[15]=p):p=r[15],p},vr=function(e){return(0,ce.jsx)(dt.Provider,{context:J.QueryBuilderStateContext,store:J.queryBuilderStore,children:(0,ce.jsx)(yr,{props:e})})};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

1397

dist/react-querybuilder_native.legacy-esm.js

@@ -0,1 +1,50 @@

// src/components/NativeActionElement.tsx
import { jsx } from "react/jsx-runtime";
import { Pressable, Text, View } from "react-native";
// src/styles.ts
import { StyleSheet } from "react-native";
function _createForOfIteratorHelper(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
} };
}
function _unsupportedIterableToArray(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
}
}
function _arrayLikeToArray(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp = Object.defineProperty;

@@ -7,53 +56,28 @@ var __defProps = Object.defineProperties;

var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
for (var prop in b || (b = {}))
if (__hasOwnProp.call(b, prop))
__defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(b)) {
if (__propIsEnum.call(b, prop))
__defNormalProp(a, prop, b[prop]);
var __defNormalProp = function __defNormalProp2(obj, key, value) {
return key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
var __spreadValues = function __spreadValues2(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
if (__getOwnPropSymbols) {
var _iterator = _createForOfIteratorHelper(__getOwnPropSymbols(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
var __objRest = (source, exclude) => {
var target = {};
for (var prop in source)
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
target[prop] = source[prop];
if (source != null && __getOwnPropSymbols)
for (var prop of __getOwnPropSymbols(source)) {
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
target[prop] = source[prop];
}
return target;
var __spreadProps = function __spreadProps2(a, b) {
return __defProps(a, __getOwnPropDescs(b));
};
// src/components/NativeActionElement.tsx
import * as React from "react";
import { Pressable, Text, View } from "react-native";
// src/styles.ts
import { StyleSheet } from "react-native";
var defaultNativeSelectStyles = {
selector: {
borderRadius: 4,
borderWidth: 1,
height: 32,
width: 100,
paddingLeft: 4
},
option: {}
};
var defaultNativeSelectStyles = { selector: { borderRadius: 4, borderWidth: 1, height: 32, width: 100, paddingLeft: 4 }, option: {} };
var defaultStylesObject = {
actionElement: {
borderWidth: 1,
borderRadius: 4,
height: 32,
padding: 8,
paddingBottom: 4,
paddingTop: 4
},
actionElement: { borderWidth: 1, borderRadius: 4, height: 32, padding: 8, paddingBottom: 4, paddingTop: 4 },
actionElementText: {},

@@ -73,16 +97,5 @@ combinatorOption: defaultNativeSelectStyles.option,

rule: { flexDirection: "row", gap: 10, alignItems: "center" },
ruleGroup: {
backgroundColor: "rgba(0, 75, 183, 0.2)",
borderColor: "#8081a2",
borderRadius: 4,
borderWidth: 1,
padding: 10,
gap: 10
},
ruleGroup: { backgroundColor: "rgba(0, 75, 183, 0.2)", borderColor: "#8081a2", borderRadius: 4, borderWidth: 1, padding: 10, gap: 10 },
ruleGroupBody: { gap: 10 },
ruleGroupHeader: {
flexDirection: "row",
gap: 10,
alignItems: "center"
},
ruleGroupHeader: { flexDirection: "row", gap: 10, alignItems: "center" },
shiftActions: { flexDirection: "column" },

@@ -100,347 +113,264 @@ value: __spreadProps(__spreadValues({}, defaultNativeSelectStyles.selector), { width: 150 }),

// src/components/NativeActionElement.tsx
var NativeActionElement = ({
handleOnClick,
label,
disabled,
disabledTranslation,
testID,
schema: _schema
}) => {
var NativeActionElement = function NativeActionElement2(_ref) {
var handleOnClick = _ref.handleOnClick, label = _ref.label, disabled = _ref.disabled, disabledTranslation = _ref.disabledTranslation, testID = _ref.testID, _schema = _ref.schema;
var _a;
return /* @__PURE__ */ React.createElement(
Pressable,
{
testID,
disabled: disabled && !disabledTranslation,
onPress: (_e) => handleOnClick()
},
/* @__PURE__ */ React.createElement(View, { style: defaultNativeStyles.actionElement }, /* @__PURE__ */ React.createElement(
Text,
{
style: defaultNativeStyles.actionElementText
},
`${disabledTranslation && disabled ? (_a = disabledTranslation.label) != null ? _a : "" : label != null ? label : ""}`
))
);
return /* @__PURE__ */ jsx(Pressable, { testID, disabled: disabled && !disabledTranslation, onPress: function onPress(_e) {
return handleOnClick();
}, children: /* @__PURE__ */ jsx(View, { style: defaultNativeStyles.actionElement, children: /* @__PURE__ */ jsx(Text, { style: defaultNativeStyles.actionElementText, children: "".concat(disabledTranslation && disabled ? (_a = disabledTranslation.label) != null ? _a : "" : label != null ? label : "") }) }) });
};
// src/components/NativeInlineCombinator.tsx
import * as React2 from "react";
import { jsx as jsx2 } from "react/jsx-runtime";
import { useMemo } from "react";
import { StyleSheet as StyleSheet2, View as View2 } from "react-native";
import { TestID } from "react-querybuilder";
var NativeInlineCombinator = (_a) => {
var _b = _a, {
component: CombinatorSelectorComponent,
path
} = _b, props = __objRest(_b, [
"component",
"path"
]);
var _a2;
const styles = useMemo(
() => {
var _a3;
return {
inlineCombinator: StyleSheet2.flatten([
defaultNativeStyles.inlineCombinator,
(_a3 = props.schema.styles) == null ? void 0 : _a3.inlineCombinator
])
function _createForOfIteratorHelper2(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray2(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
},
[(_a2 = props.schema.styles) == null ? void 0 : _a2.inlineCombinator]
);
return /* @__PURE__ */ React2.createElement(View2, { style: styles.inlineCombinator, key: "no-dnd", testID: TestID.inlineCombinator }, /* @__PURE__ */ React2.createElement(CombinatorSelectorComponent, __spreadProps(__spreadValues({}, props), { path, testID: TestID.combinators })));
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
} };
}
function _unsupportedIterableToArray2(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray2(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray2(r, a) : void 0;
}
}
function _arrayLikeToArray2(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp2 = Object.defineProperty;
var __defProps2 = Object.defineProperties;
var __getOwnPropDescs2 = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
var __hasOwnProp2 = Object.prototype.hasOwnProperty;
var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
var __defNormalProp3 = function __defNormalProp4(obj, key, value) {
return key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
var __spreadValues3 = function __spreadValues4(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp3(a, prop, b[prop]);
if (__getOwnPropSymbols2) {
var _iterator = _createForOfIteratorHelper2(__getOwnPropSymbols2(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum2.call(b, prop)) __defNormalProp3(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var __spreadProps3 = function __spreadProps4(a, b) {
return __defProps2(a, __getOwnPropDescs2(b));
};
var __objRest = function __objRest2(source, exclude) {
var target = {};
for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
if (source != null && __getOwnPropSymbols2) {
var _iterator2 = _createForOfIteratorHelper2(__getOwnPropSymbols2(source)), _step2;
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
var prop = _step2.value;
if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}
return target;
};
var NativeInlineCombinator = function NativeInlineCombinator2(_a) {
var _b = _a, CombinatorSelectorComponent = _b.component, path = _b.path, props = __objRest(_b, ["component", "path"]);
var _a2;
var styles = useMemo(function() {
var _a3;
return { inlineCombinator: StyleSheet2.flatten([defaultNativeStyles.inlineCombinator, (_a3 = props.schema.styles) == null ? void 0 : _a3.inlineCombinator]) };
}, [(_a2 = props.schema.styles) == null ? void 0 : _a2.inlineCombinator]);
return /* @__PURE__ */ jsx2(View2, { style: styles.inlineCombinator, testID: TestID.inlineCombinator, children: /* @__PURE__ */ jsx2(CombinatorSelectorComponent, __spreadProps3(__spreadValues3({}, props), { path, testID: TestID.combinators })) }, "no-dnd");
};
// src/components/NativeNotToggle.tsx
import * as React3 from "react";
import { jsx as jsx3, jsxs } from "react/jsx-runtime";
import { useMemo as useMemo2 } from "react";
import { StyleSheet as StyleSheet3, Switch, Text as Text2, View as View3 } from "react-native";
var NativeNotToggle = ({
handleOnChange,
label,
checked,
disabled,
schema,
testID
}) => {
var NativeNotToggle = function NativeNotToggle2(_ref) {
var handleOnChange = _ref.handleOnChange, label = _ref.label, checked = _ref.checked, disabled = _ref.disabled, schema = _ref.schema, testID = _ref.testID;
var _a, _b, _c;
const styles = useMemo2(
() => {
var _a2, _b2, _c2;
return {
notToggle: StyleSheet3.flatten([defaultNativeStyles.notToggle, (_a2 = schema.styles) == null ? void 0 : _a2.notToggle]),
notToggleLabel: StyleSheet3.flatten([
defaultNativeStyles.notToggleLabel,
(_b2 = schema.styles) == null ? void 0 : _b2.notToggleLabel
]),
notToggleSwitch: StyleSheet3.flatten([
defaultNativeStyles.notToggleSwitch,
(_c2 = schema.styles) == null ? void 0 : _c2.notToggleSwitch
])
};
},
[(_a = schema.styles) == null ? void 0 : _a.notToggle, (_b = schema.styles) == null ? void 0 : _b.notToggleLabel, (_c = schema.styles) == null ? void 0 : _c.notToggleSwitch]
);
return /* @__PURE__ */ React3.createElement(View3, { style: styles.notToggle, testID }, /* @__PURE__ */ React3.createElement(Text2, { style: styles.notToggleLabel }, label), /* @__PURE__ */ React3.createElement(
Switch,
{
style: styles.notToggleSwitch,
disabled,
value: checked,
onValueChange: (v) => handleOnChange(v)
}
));
var styles = useMemo2(function() {
var _a2, _b2, _c2;
return { notToggle: StyleSheet3.flatten([defaultNativeStyles.notToggle, (_a2 = schema.styles) == null ? void 0 : _a2.notToggle]), notToggleLabel: StyleSheet3.flatten([defaultNativeStyles.notToggleLabel, (_b2 = schema.styles) == null ? void 0 : _b2.notToggleLabel]), notToggleSwitch: StyleSheet3.flatten([defaultNativeStyles.notToggleSwitch, (_c2 = schema.styles) == null ? void 0 : _c2.notToggleSwitch]) };
}, [(_a = schema.styles) == null ? void 0 : _a.notToggle, (_b = schema.styles) == null ? void 0 : _b.notToggleLabel, (_c = schema.styles) == null ? void 0 : _c.notToggleSwitch]);
return /* @__PURE__ */ jsxs(View3, { style: styles.notToggle, testID, children: [/* @__PURE__ */ jsx3(Text2, { style: styles.notToggleLabel, children: label }), /* @__PURE__ */ jsx3(Switch, { style: styles.notToggleSwitch, disabled, value: checked, onValueChange: function onValueChange(v) {
return handleOnChange(v);
} })] });
};
// src/components/NativeShiftActions.tsx
import * as React4 from "react";
import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
import * as React from "react";
import { Button, StyleSheet as StyleSheet4, View as View4 } from "react-native";
var NativeShiftActions = ({
shiftUp,
shiftDown,
shiftUpDisabled,
shiftDownDisabled,
disabled,
labels,
testID,
schema: { styles }
}) => {
const style = React4.useMemo(
() => ({
shiftActions: StyleSheet4.flatten([defaultNativeStyles.shiftActions, styles == null ? void 0 : styles.shiftActions])
}),
[styles == null ? void 0 : styles.shiftActions]
);
return /* @__PURE__ */ React4.createElement(View4, { testID, style: style.shiftActions }, /* @__PURE__ */ React4.createElement(
Button,
{
disabled: disabled || shiftUpDisabled,
onPress: shiftUp,
accessibilityLabel: labels == null ? void 0 : labels.shiftUp,
title: labels == null ? void 0 : labels.shiftUp
}
), /* @__PURE__ */ React4.createElement(
Button,
{
disabled: disabled || shiftDownDisabled,
onPress: shiftDown,
accessibilityLabel: labels == null ? void 0 : labels.shiftDown,
title: labels == null ? void 0 : labels.shiftDown
}
));
var NativeShiftActions = function NativeShiftActions2(_ref) {
var shiftUp = _ref.shiftUp, shiftDown = _ref.shiftDown, shiftUpDisabled = _ref.shiftUpDisabled, shiftDownDisabled = _ref.shiftDownDisabled, disabled = _ref.disabled, labels = _ref.labels, testID = _ref.testID, styles = _ref.schema.styles;
var style = React.useMemo(function() {
return { shiftActions: StyleSheet4.flatten([defaultNativeStyles.shiftActions, styles == null ? void 0 : styles.shiftActions]) };
}, [styles == null ? void 0 : styles.shiftActions]);
return /* @__PURE__ */ jsxs2(View4, { testID, style: style.shiftActions, children: [/* @__PURE__ */ jsx4(Button, { disabled: disabled || shiftUpDisabled, onPress: shiftUp, accessibilityLabel: labels == null ? void 0 : labels.shiftUp, title: labels == null ? void 0 : labels.shiftUp }), /* @__PURE__ */ jsx4(Button, { disabled: disabled || shiftDownDisabled, onPress: shiftDown, accessibilityLabel: labels == null ? void 0 : labels.shiftDown, title: labels == null ? void 0 : labels.shiftDown })] });
};
// src/components/NativeValueEditor.tsx
import * as React6 from "react";
import { useMemo as useMemo5 } from "react";
import { StyleSheet as StyleSheet6, Switch as Switch2, TextInput as TextInput2, View as View5 } from "react-native";
import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
import { useMemo as useMemo4 } from "react";
import { StyleSheet as StyleSheet5, Switch as Switch2, TextInput, View as View5 } from "react-native";
import { getFirstOption, parseNumber, useValueEditor } from "react-querybuilder";
// src/components/NativeValueSelector.tsx
import * as React5 from "react";
import { useMemo as useMemo4 } from "react";
import { StyleSheet as StyleSheet5, TextInput } from "react-native";
import { TestID as TestID2, joinWith, useValueSelector } from "react-querybuilder";
var NativeValueSelector = ({
handleOnChange,
options: _options,
value,
disabled,
multiple,
listsAsArrays,
schema,
testID
}) => {
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
const styles = useMemo4(() => {
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
if (testID === TestID2.combinators) {
return {
selector: StyleSheet5.flatten([
defaultNativeStyles.combinatorSelector,
(_a2 = schema.styles) == null ? void 0 : _a2.combinatorSelector
]),
option: StyleSheet5.flatten([
defaultNativeStyles.combinatorOption,
(_b2 = schema.styles) == null ? void 0 : _b2.combinatorOption
])
function _createForOfIteratorHelper3(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray3(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
} else if (testID === TestID2.fields) {
return {
selector: StyleSheet5.flatten([
defaultNativeStyles.fieldSelector,
(_c2 = schema.styles) == null ? void 0 : _c2.fieldSelector
]),
option: StyleSheet5.flatten([defaultNativeStyles.fieldOption, (_d2 = schema.styles) == null ? void 0 : _d2.fieldOption])
};
} else if (testID === TestID2.operators) {
return {
selector: StyleSheet5.flatten([
defaultNativeStyles.operatorSelector,
(_e2 = schema.styles) == null ? void 0 : _e2.operatorSelector
]),
option: StyleSheet5.flatten([
defaultNativeStyles.operatorOption,
(_f2 = schema.styles) == null ? void 0 : _f2.operatorOption
])
};
} else if (testID === TestID2.valueSourceSelector) {
return {
selector: StyleSheet5.flatten([
defaultNativeStyles.valueSourceSelector,
(_g2 = schema.styles) == null ? void 0 : _g2.valueSourceSelector
]),
option: StyleSheet5.flatten([
defaultNativeStyles.valueSourceOption,
(_h2 = schema.styles) == null ? void 0 : _h2.valueSourceOption
])
};
} else if (testID === TestID2.valueEditor) {
return {
selector: StyleSheet5.flatten([
defaultNativeStyles.valueEditorSelector,
(_i2 = schema.styles) == null ? void 0 : _i2.valueEditorSelector
]),
option: StyleSheet5.flatten([
defaultNativeStyles.valueEditorOption,
(_j2 = schema.styles) == null ? void 0 : _j2.valueEditorOption
])
};
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
return StyleSheet5.create(defaultNativeSelectStyles);
}, [
(_a = schema.styles) == null ? void 0 : _a.combinatorOption,
(_b = schema.styles) == null ? void 0 : _b.combinatorSelector,
(_c = schema.styles) == null ? void 0 : _c.fieldOption,
(_d = schema.styles) == null ? void 0 : _d.fieldSelector,
(_e = schema.styles) == null ? void 0 : _e.operatorOption,
(_f = schema.styles) == null ? void 0 : _f.operatorSelector,
(_g = schema.styles) == null ? void 0 : _g.valueEditorOption,
(_h = schema.styles) == null ? void 0 : _h.valueEditorSelector,
(_i = schema.styles) == null ? void 0 : _i.valueSourceOption,
(_j = schema.styles) == null ? void 0 : _j.valueSourceSelector,
testID
]);
const { onChange } = useValueSelector({ handleOnChange, listsAsArrays, multiple, value });
const val = multiple ? Array.isArray(value) ? joinWith(value, ",") : value : value;
return /* @__PURE__ */ React5.createElement(
TextInput,
{
testID,
"aria-disabled": disabled,
style: styles.selector,
value: val,
onChangeText: onChange
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
);
} };
}
function _unsupportedIterableToArray3(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray3(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray3(r, a) : void 0;
}
}
function _arrayLikeToArray3(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp3 = Object.defineProperty;
var __defProps3 = Object.defineProperties;
var __getOwnPropDescs3 = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols3 = Object.getOwnPropertySymbols;
var __hasOwnProp3 = Object.prototype.hasOwnProperty;
var __propIsEnum3 = Object.prototype.propertyIsEnumerable;
var __defNormalProp5 = function __defNormalProp6(obj, key, value) {
return key in obj ? __defProp3(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
// src/components/NativeValueEditor.tsx
var NativeValueEditor = (_a) => {
var _b = _a, {
operator,
value,
handleOnChange,
title,
className,
type = "text",
inputType = "text",
values = [],
listsAsArrays,
parseNumbers,
fieldData,
disabled,
separator = null,
skipHook = false,
testID,
selectorComponent: SelectorComponent = NativeValueSelector
} = _b, props = __objRest(_b, [
"operator",
"value",
"handleOnChange",
"title",
"className",
"type",
"inputType",
"values",
"listsAsArrays",
"parseNumbers",
"fieldData",
"disabled",
"separator",
"skipHook",
"testID",
"selectorComponent"
]);
var _a2, _b2, _c, _d;
const styles = useMemo5(
() => {
var _a3, _b3, _c2;
return {
value: StyleSheet6.flatten([defaultNativeStyles.value, (_a3 = props.schema.styles) == null ? void 0 : _a3.value]),
valueEditorSwitch: StyleSheet6.flatten([
defaultNativeStyles.valueEditorSwitch,
(_b3 = props.schema.styles) == null ? void 0 : _b3.valueEditorSwitch
]),
valueList: StyleSheet6.flatten([
defaultNativeStyles.valueList,
(_c2 = props.schema.styles) == null ? void 0 : _c2.valueList
])
};
},
[
(_a2 = props.schema.styles) == null ? void 0 : _a2.value,
(_b2 = props.schema.styles) == null ? void 0 : _b2.valueEditorSwitch,
(_c = props.schema.styles) == null ? void 0 : _c.valueList
]
);
const { valueAsArray, multiValueHandler, parseNumberMethod } = useValueEditor({
skipHook,
handleOnChange,
inputType,
operator,
value,
type,
listsAsArrays,
parseNumbers,
values
});
var __spreadValues5 = function __spreadValues6(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp3.call(b, prop)) __defNormalProp5(a, prop, b[prop]);
if (__getOwnPropSymbols3) {
var _iterator = _createForOfIteratorHelper3(__getOwnPropSymbols3(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum3.call(b, prop)) __defNormalProp5(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var __spreadProps5 = function __spreadProps6(a, b) {
return __defProps3(a, __getOwnPropDescs3(b));
};
var __objRest3 = function __objRest4(source, exclude) {
var target = {};
for (var prop in source) if (__hasOwnProp3.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
if (source != null && __getOwnPropSymbols3) {
var _iterator2 = _createForOfIteratorHelper3(__getOwnPropSymbols3(source)), _step2;
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
var prop = _step2.value;
if (exclude.indexOf(prop) < 0 && __propIsEnum3.call(source, prop)) target[prop] = source[prop];
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}
return target;
};
var NativeValueEditor = function NativeValueEditor2(allProps) {
var _b, _c, _d, _e;
var _a = allProps, operator = _a.operator, value = _a.value, handleOnChange = _a.handleOnChange, title = _a.title, className = _a.className, _a$type = _a.type, type = _a$type === void 0 ? "text" : _a$type, _a$inputType = _a.inputType, inputType = _a$inputType === void 0 ? "text" : _a$inputType, _a$values = _a.values, values = _a$values === void 0 ? [] : _a$values, listsAsArrays = _a.listsAsArrays, fieldData = _a.fieldData, disabled = _a.disabled, _a$separator = _a.separator, separator = _a$separator === void 0 ? null : _a$separator, testID = _a.testID, _a$selectorComponent = _a.selectorComponent, SelectorComponent = _a$selectorComponent === void 0 ? allProps.schema.controls.valueSelector : _a$selectorComponent, propsForValueSelector = __objRest3(_a, ["operator", "value", "handleOnChange", "title", "className", "type", "inputType", "values", "listsAsArrays", "fieldData", "disabled", "separator", "testID", "selectorComponent"]);
var styles = useMemo4(function() {
var _a2, _b2, _c2;
return { value: StyleSheet5.flatten([defaultNativeStyles.value, (_a2 = allProps.schema.styles) == null ? void 0 : _a2.value]), valueEditorSwitch: StyleSheet5.flatten([defaultNativeStyles.valueEditorSwitch, (_b2 = allProps.schema.styles) == null ? void 0 : _b2.valueEditorSwitch]), valueList: StyleSheet5.flatten([defaultNativeStyles.valueList, (_c2 = allProps.schema.styles) == null ? void 0 : _c2.valueList]) };
}, [(_b = allProps.schema.styles) == null ? void 0 : _b.value, (_c = allProps.schema.styles) == null ? void 0 : _c.valueEditorSwitch, (_d = allProps.schema.styles) == null ? void 0 : _d.valueList]);
var _useValueEditor = useValueEditor(allProps), valueAsArray = _useValueEditor.valueAsArray, multiValueHandler = _useValueEditor.multiValueHandler, parseNumberMethod = _useValueEditor.parseNumberMethod;
if (operator === "null" || operator === "notNull") {
return null;
}
const placeHolderText = (_d = fieldData == null ? void 0 : fieldData.placeholder) != null ? _d : "";
const inputMode = ["in", "notIn"].includes(operator) ? "text" : inputType === "number" ? "decimal" : inputType != null ? inputType : "text";
var placeHolderText = (_e = fieldData == null ? void 0 : fieldData.placeholder) != null ? _e : "";
var inputMode = ["in", "notIn"].includes(operator) ? "text" : inputType === "number" ? "decimal" : inputType != null ? inputType : "text";
if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text")) {
const editors = ["from", "to"].map((key, i) => {
var _a3, _b3;
var editors = ["from", "to"].map(function(key, i) {
var _a2_0, _b2_0;
if (type === "text") {
return /* @__PURE__ */ React6.createElement(
TextInput2,
{
key,
style: styles.value,
inputMode,
placeholder: placeHolderText,
value: (_a3 = valueAsArray[i]) != null ? _a3 : "",
onChangeText: (v) => multiValueHandler(v, i)
}
);
return /* @__PURE__ */ jsx5(TextInput, { style: styles.value, inputMode, placeholder: placeHolderText, value: (_a2_0 = valueAsArray[i]) != null ? _a2_0 : "", onChangeText: function onChangeText(v) {
return multiValueHandler(v, i);
} }, key);
}
return /* @__PURE__ */ React6.createElement(
SelectorComponent,
__spreadProps(__spreadValues({
key
}, props), {
handleOnChange: (v) => multiValueHandler(v, i),
className,
disabled,
value: (_b3 = valueAsArray[i]) != null ? _b3 : getFirstOption(values),
options: values,
listsAsArrays
})
);
return /* @__PURE__ */ jsx5(SelectorComponent, __spreadProps5(__spreadValues5({}, propsForValueSelector), { handleOnChange: function handleOnChange2(v_0) {
return multiValueHandler(v_0, i);
}, className, disabled, value: (_b2_0 = valueAsArray[i]) != null ? _b2_0 : getFirstOption(values), options: values, listsAsArrays }), key);
});
return /* @__PURE__ */ React6.createElement(View5, { testID, style: styles.valueList }, editors[0], separator, editors[1]);
return /* @__PURE__ */ jsxs3(View5, { testID, style: styles.valueList, children: [editors[0], separator, editors[1]] });
}

@@ -450,71 +380,212 @@ switch (type) {

case "multiselect":
return /* @__PURE__ */ React6.createElement(
SelectorComponent,
__spreadProps(__spreadValues({}, props), {
testID,
className,
title,
handleOnChange,
disabled,
value,
options: values,
multiple: type === "multiselect",
listsAsArrays
})
);
return /* @__PURE__ */ jsx5(SelectorComponent, __spreadProps5(__spreadValues5({}, propsForValueSelector), { testID, className, title, handleOnChange, disabled, value, options: values, multiple: type === "multiselect", listsAsArrays }));
case "textarea":
return /* @__PURE__ */ React6.createElement(
TextInput2,
{
testID,
style: styles.value,
placeholder: placeHolderText,
value,
onChangeText: (v) => handleOnChange(v)
}
);
return /* @__PURE__ */ jsx5(TextInput, { testID, style: styles.value, placeholder: placeHolderText, value, onChangeText: function onChangeText(v_2) {
return handleOnChange(v_2);
} });
case "switch":
case "checkbox":
return /* @__PURE__ */ React6.createElement(
Switch2,
{
testID,
style: styles.valueEditorSwitch,
disabled,
value: !!value,
onValueChange: (v) => handleOnChange(v)
}
);
return /* @__PURE__ */ jsx5(Switch2, { testID, style: styles.valueEditorSwitch, disabled, value: !!value, onValueChange: function onValueChange(v_1) {
return handleOnChange(v_1);
} });
}
return /* @__PURE__ */ React6.createElement(
TextInput2,
{
testID,
style: styles.value,
inputMode,
placeholder: placeHolderText,
value,
onChangeText: (v) => handleOnChange(parseNumber(v, { parseNumbers: parseNumberMethod }))
}
);
return /* @__PURE__ */ jsx5(TextInput, { testID, style: styles.value, inputMode, placeholder: placeHolderText, value, onChangeText: function onChangeText(v_3) {
return handleOnChange(parseNumber(v_3, { parseNumbers: parseNumberMethod }));
} });
};
// src/components/NativeValueEditorWeb.tsx
import * as React8 from "react";
import { jsx as jsx8 } from "react/jsx-runtime";
// src/components/NativeValueSelectorWeb.tsx
import * as React7 from "react";
var NativeValueSelectorWeb = (props) => /* @__PURE__ */ React7.createElement(NativeValueSelector, __spreadValues({}, props));
import { jsx as jsx7 } from "react/jsx-runtime";
// src/components/NativeValueSelector.tsx
import { jsx as jsx6 } from "react/jsx-runtime";
import { useMemo as useMemo5 } from "react";
import { StyleSheet as StyleSheet6, TextInput as TextInput2 } from "react-native";
import { TestID as TestID2, joinWith, useValueSelector } from "react-querybuilder";
var NativeValueSelector = function NativeValueSelector2(_ref) {
var handleOnChange = _ref.handleOnChange, _options = _ref.options, value = _ref.value, disabled = _ref.disabled, multiple = _ref.multiple, listsAsArrays = _ref.listsAsArrays, schema = _ref.schema, testID = _ref.testID;
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
var styles = useMemo5(function() {
var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2;
switch (testID) {
case TestID2.combinators: {
return { selector: StyleSheet6.flatten([defaultNativeStyles.combinatorSelector, (_a2 = schema.styles) == null ? void 0 : _a2.combinatorSelector]), option: StyleSheet6.flatten([defaultNativeStyles.combinatorOption, (_b2 = schema.styles) == null ? void 0 : _b2.combinatorOption]) };
}
case TestID2.fields: {
return { selector: StyleSheet6.flatten([defaultNativeStyles.fieldSelector, (_c2 = schema.styles) == null ? void 0 : _c2.fieldSelector]), option: StyleSheet6.flatten([defaultNativeStyles.fieldOption, (_d2 = schema.styles) == null ? void 0 : _d2.fieldOption]) };
}
case TestID2.operators: {
return { selector: StyleSheet6.flatten([defaultNativeStyles.operatorSelector, (_e2 = schema.styles) == null ? void 0 : _e2.operatorSelector]), option: StyleSheet6.flatten([defaultNativeStyles.operatorOption, (_f2 = schema.styles) == null ? void 0 : _f2.operatorOption]) };
}
case TestID2.valueSourceSelector: {
return { selector: StyleSheet6.flatten([defaultNativeStyles.valueSourceSelector, (_g2 = schema.styles) == null ? void 0 : _g2.valueSourceSelector]), option: StyleSheet6.flatten([defaultNativeStyles.valueSourceOption, (_h2 = schema.styles) == null ? void 0 : _h2.valueSourceOption]) };
}
case TestID2.valueEditor: {
return { selector: StyleSheet6.flatten([defaultNativeStyles.valueEditorSelector, (_i2 = schema.styles) == null ? void 0 : _i2.valueEditorSelector]), option: StyleSheet6.flatten([defaultNativeStyles.valueEditorOption, (_j2 = schema.styles) == null ? void 0 : _j2.valueEditorOption]) };
}
default:
}
return StyleSheet6.create(defaultNativeSelectStyles);
}, [(_a = schema.styles) == null ? void 0 : _a.combinatorOption, (_b = schema.styles) == null ? void 0 : _b.combinatorSelector, (_c = schema.styles) == null ? void 0 : _c.fieldOption, (_d = schema.styles) == null ? void 0 : _d.fieldSelector, (_e = schema.styles) == null ? void 0 : _e.operatorOption, (_f = schema.styles) == null ? void 0 : _f.operatorSelector, (_g = schema.styles) == null ? void 0 : _g.valueEditorOption, (_h = schema.styles) == null ? void 0 : _h.valueEditorSelector, (_i = schema.styles) == null ? void 0 : _i.valueSourceOption, (_j = schema.styles) == null ? void 0 : _j.valueSourceSelector, testID]);
var _useValueSelector = useValueSelector({ handleOnChange, listsAsArrays, multiple, value }), onChange = _useValueSelector.onChange;
var val = multiple ? Array.isArray(value) ? joinWith(value, ",") : value : value;
return /* @__PURE__ */ jsx6(TextInput2, { testID, "aria-disabled": disabled, style: styles.selector, value: val, onChangeText: onChange });
};
// src/components/NativeValueSelectorWeb.tsx
function _createForOfIteratorHelper4(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray4(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
} };
}
function _unsupportedIterableToArray4(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray4(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray4(r, a) : void 0;
}
}
function _arrayLikeToArray4(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp4 = Object.defineProperty;
var __getOwnPropSymbols4 = Object.getOwnPropertySymbols;
var __hasOwnProp4 = Object.prototype.hasOwnProperty;
var __propIsEnum4 = Object.prototype.propertyIsEnumerable;
var __defNormalProp7 = function __defNormalProp8(obj, key, value) {
return key in obj ? __defProp4(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
var __spreadValues7 = function __spreadValues8(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp4.call(b, prop)) __defNormalProp7(a, prop, b[prop]);
if (__getOwnPropSymbols4) {
var _iterator = _createForOfIteratorHelper4(__getOwnPropSymbols4(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum4.call(b, prop)) __defNormalProp7(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var NativeValueSelectorWeb = function NativeValueSelectorWeb2(props) {
return /* @__PURE__ */ jsx7(NativeValueSelector, __spreadValues7({}, props));
};
// src/components/NativeValueEditorWeb.tsx
var NativeValueEditorWeb = (props) => /* @__PURE__ */ React8.createElement(NativeValueEditor, __spreadProps(__spreadValues({}, props), { selectorComponent: NativeValueSelectorWeb }));
function _createForOfIteratorHelper5(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray5(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
} };
}
function _unsupportedIterableToArray5(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray5(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray5(r, a) : void 0;
}
}
function _arrayLikeToArray5(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp5 = Object.defineProperty;
var __defProps4 = Object.defineProperties;
var __getOwnPropDescs4 = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols5 = Object.getOwnPropertySymbols;
var __hasOwnProp5 = Object.prototype.hasOwnProperty;
var __propIsEnum5 = Object.prototype.propertyIsEnumerable;
var __defNormalProp9 = function __defNormalProp10(obj, key, value) {
return key in obj ? __defProp5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
var __spreadValues9 = function __spreadValues10(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp5.call(b, prop)) __defNormalProp9(a, prop, b[prop]);
if (__getOwnPropSymbols5) {
var _iterator = _createForOfIteratorHelper5(__getOwnPropSymbols5(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum5.call(b, prop)) __defNormalProp9(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var __spreadProps7 = function __spreadProps8(a, b) {
return __defProps4(a, __getOwnPropDescs4(b));
};
var NativeValueEditorWeb = function NativeValueEditorWeb2(props) {
return /* @__PURE__ */ jsx8(NativeValueEditor, __spreadProps7(__spreadValues9({}, props), { selectorComponent: NativeValueSelectorWeb }));
};
// src/components/QueryBuilderNative.tsx
import * as React11 from "react";
import { jsx as jsx11 } from "react/jsx-runtime";
import { useMemo as useMemo9 } from "react";
import {
QueryBuilderContext as _QBC,
QueryBuilderStateContext,
queryBuilderStore
} from "react-querybuilder";
import { QueryBuilderContext as _QBC, QueryBuilderStateContext, queryBuilderStore } from "react-querybuilder";
import { Provider } from "react-redux";

@@ -527,55 +598,240 @@

// src/components/RuleGroupNative.tsx
import * as React9 from "react";
import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
import { useMemo as useMemo6 } from "react";
import { StyleSheet as StyleSheet7, View as View6 } from "react-native";
import {
RuleGroupBodyComponents,
RuleGroupHeaderComponents,
TestID as TestID3,
useRuleGroup
} from "react-querybuilder";
var RuleGroupNative = (props) => {
var _a, _b, _c;
const rg = useRuleGroup(props);
const schema = rg.schema;
const styles = useMemo6(
() => {
var _a2, _b2, _c2;
return {
ruleGroup: StyleSheet7.flatten([defaultNativeStyles.ruleGroup, (_a2 = schema.styles) == null ? void 0 : _a2.ruleGroup]),
ruleGroupHeader: StyleSheet7.flatten([
defaultNativeStyles.ruleGroupHeader,
(_b2 = schema.styles) == null ? void 0 : _b2.ruleGroupHeader
]),
ruleGroupBody: StyleSheet7.flatten([
defaultNativeStyles.ruleGroupBody,
(_c2 = schema.styles) == null ? void 0 : _c2.ruleGroupBody
])
import { RuleGroupBodyComponents, RuleGroupHeaderComponents, TestID as TestID3, useRuleGroup } from "react-querybuilder";
function _createForOfIteratorHelper6(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray6(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
},
[(_a = schema.styles) == null ? void 0 : _a.ruleGroup, (_b = schema.styles) == null ? void 0 : _b.ruleGroupBody, (_c = schema.styles) == null ? void 0 : _c.ruleGroupHeader]
);
return /* @__PURE__ */ React9.createElement(View6, { style: styles.ruleGroup, testID: TestID3.ruleGroup }, /* @__PURE__ */ React9.createElement(View6, { style: styles.ruleGroupHeader }, /* @__PURE__ */ React9.createElement(RuleGroupHeaderComponents, __spreadValues({}, rg))), /* @__PURE__ */ React9.createElement(View6, { style: styles.ruleGroupBody }, /* @__PURE__ */ React9.createElement(RuleGroupBodyComponents, __spreadValues({}, rg))));
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
} };
}
function _unsupportedIterableToArray6(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray6(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray6(r, a) : void 0;
}
}
function _arrayLikeToArray6(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp6 = Object.defineProperty;
var __getOwnPropSymbols6 = Object.getOwnPropertySymbols;
var __hasOwnProp6 = Object.prototype.hasOwnProperty;
var __propIsEnum6 = Object.prototype.propertyIsEnumerable;
var __defNormalProp11 = function __defNormalProp12(obj, key, value) {
return key in obj ? __defProp6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
var __spreadValues11 = function __spreadValues12(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp6.call(b, prop)) __defNormalProp11(a, prop, b[prop]);
if (__getOwnPropSymbols6) {
var _iterator = _createForOfIteratorHelper6(__getOwnPropSymbols6(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum6.call(b, prop)) __defNormalProp11(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var RuleGroupNative = function RuleGroupNative2(props) {
var _a, _b, _c;
var rg = useRuleGroup(props);
var schema = rg.schema;
var styles = useMemo6(function() {
var _a2, _b2, _c2;
return { ruleGroup: StyleSheet7.flatten([defaultNativeStyles.ruleGroup, (_a2 = schema.styles) == null ? void 0 : _a2.ruleGroup]), ruleGroupHeader: StyleSheet7.flatten([defaultNativeStyles.ruleGroupHeader, (_b2 = schema.styles) == null ? void 0 : _b2.ruleGroupHeader]), ruleGroupBody: StyleSheet7.flatten([defaultNativeStyles.ruleGroupBody, (_c2 = schema.styles) == null ? void 0 : _c2.ruleGroupBody]) };
}, [(_a = schema.styles) == null ? void 0 : _a.ruleGroup, (_b = schema.styles) == null ? void 0 : _b.ruleGroupBody, (_c = schema.styles) == null ? void 0 : _c.ruleGroupHeader]);
return /* @__PURE__ */ jsxs4(View6, { style: styles.ruleGroup, testID: TestID3.ruleGroup, children: [/* @__PURE__ */ jsx9(View6, { style: styles.ruleGroupHeader, children: /* @__PURE__ */ jsx9(RuleGroupHeaderComponents, __spreadValues11({}, rg)) }), /* @__PURE__ */ jsx9(View6, { style: styles.ruleGroupBody, children: /* @__PURE__ */ jsx9(RuleGroupBodyComponents, __spreadValues11({}, rg)) })] });
};
// src/components/RuleNative.tsx
import * as React10 from "react";
import { jsx as jsx10 } from "react/jsx-runtime";
import { useMemo as useMemo7 } from "react";
import { StyleSheet as StyleSheet8, View as View7 } from "react-native";
import { RuleComponents, TestID as TestID4, useRule } from "react-querybuilder";
var RuleNative = (props) => {
function _createForOfIteratorHelper7(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray7(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
} };
}
function _unsupportedIterableToArray7(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray7(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray7(r, a) : void 0;
}
}
function _arrayLikeToArray7(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp7 = Object.defineProperty;
var __getOwnPropSymbols7 = Object.getOwnPropertySymbols;
var __hasOwnProp7 = Object.prototype.hasOwnProperty;
var __propIsEnum7 = Object.prototype.propertyIsEnumerable;
var __defNormalProp13 = function __defNormalProp14(obj, key, value) {
return key in obj ? __defProp7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
var __spreadValues13 = function __spreadValues14(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp7.call(b, prop)) __defNormalProp13(a, prop, b[prop]);
if (__getOwnPropSymbols7) {
var _iterator = _createForOfIteratorHelper7(__getOwnPropSymbols7(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum7.call(b, prop)) __defNormalProp13(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var RuleNative = function RuleNative2(props) {
var _a;
const r = useRule(props);
const schema = r.schema;
const styles = useMemo7(
() => {
var _a2;
return { rule: StyleSheet8.flatten([defaultNativeStyles.rule, (_a2 = schema.styles) == null ? void 0 : _a2.rule]) };
},
[(_a = schema.styles) == null ? void 0 : _a.rule]
);
return /* @__PURE__ */ React10.createElement(View7, { style: styles.rule, testID: TestID4.rule }, /* @__PURE__ */ React10.createElement(RuleComponents, __spreadValues({}, r)));
var r = useRule(props);
var schema = r.schema;
var styles = useMemo7(function() {
var _a2;
return { rule: StyleSheet8.flatten([defaultNativeStyles.rule, (_a2 = schema.styles) == null ? void 0 : _a2.rule]) };
}, [(_a = schema.styles) == null ? void 0 : _a.rule]);
return /* @__PURE__ */ jsx10(View7, { style: styles.rule, testID: TestID4.rule, children: /* @__PURE__ */ jsx10(RuleComponents, __spreadValues13({}, r)) });
};
// src/components/defaults.ts
function _createForOfIteratorHelper8(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray8(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
} };
}
function _unsupportedIterableToArray8(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray8(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray8(r, a) : void 0;
}
}
function _arrayLikeToArray8(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp8 = Object.defineProperty;
var __defProps5 = Object.defineProperties;
var __getOwnPropDescs5 = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols8 = Object.getOwnPropertySymbols;
var __hasOwnProp8 = Object.prototype.hasOwnProperty;
var __propIsEnum8 = Object.prototype.propertyIsEnumerable;
var __defNormalProp15 = function __defNormalProp16(obj, key, value) {
return key in obj ? __defProp8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
var __spreadValues15 = function __spreadValues16(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp8.call(b, prop)) __defNormalProp15(a, prop, b[prop]);
if (__getOwnPropSymbols8) {
var _iterator = _createForOfIteratorHelper8(__getOwnPropSymbols8(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum8.call(b, prop)) __defNormalProp15(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var __spreadProps9 = function __spreadProps10(a, b) {
return __defProps5(a, __getOwnPropDescs5(b));
};
var defaultNativeControlElements = {

@@ -589,5 +845,7 @@ actionElement: NativeActionElement,

// TODO?: implement drag-and-drop
dragHandle: forwardRef(
dragHandle: /* @__PURE__ */ forwardRef(
/* istanbul ignore next */
() => null
function() {
return null;
}
),

@@ -611,10 +869,3 @@ fieldSelector: NativeValueSelector,

};
var defaultNativeWebControlElements = __spreadProps(__spreadValues({}, defaultNativeControlElements), {
combinatorSelector: NativeValueSelectorWeb,
fieldSelector: NativeValueSelectorWeb,
operatorSelector: NativeValueSelectorWeb,
valueEditor: NativeValueEditorWeb,
valueSelector: NativeValueSelector,
valueSourceSelector: NativeValueSelectorWeb
});
var defaultNativeWebControlElements = __spreadProps9(__spreadValues15({}, defaultNativeControlElements), { combinatorSelector: NativeValueSelectorWeb, fieldSelector: NativeValueSelectorWeb, operatorSelector: NativeValueSelectorWeb, valueEditor: NativeValueEditorWeb, valueSelector: NativeValueSelectorWeb, valueSourceSelector: NativeValueSelectorWeb });

@@ -626,41 +877,173 @@ // src/components/useQueryBuilderNative.ts

import { useQueryBuilderSchema } from "react-querybuilder";
var useQueryBuilderNative = (props) => useQueryBuilderSchemaNative(props, useQueryBuilderSetup(props));
var useQueryBuilderSchemaNative = (props, setup) => {
const qb = useQueryBuilderSchema(props, setup);
const styles = useMemo8(() => {
function _createForOfIteratorHelper9(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray9(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
} };
}
function _unsupportedIterableToArray9(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray9(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray9(r, a) : void 0;
}
}
function _arrayLikeToArray9(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp9 = Object.defineProperty;
var __defProps6 = Object.defineProperties;
var __getOwnPropDescs6 = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols9 = Object.getOwnPropertySymbols;
var __hasOwnProp9 = Object.prototype.hasOwnProperty;
var __propIsEnum9 = Object.prototype.propertyIsEnumerable;
var __defNormalProp17 = function __defNormalProp18(obj, key, value) {
return key in obj ? __defProp9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
var __spreadValues17 = function __spreadValues18(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp9.call(b, prop)) __defNormalProp17(a, prop, b[prop]);
if (__getOwnPropSymbols9) {
var _iterator = _createForOfIteratorHelper9(__getOwnPropSymbols9(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum9.call(b, prop)) __defNormalProp17(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var __spreadProps11 = function __spreadProps12(a, b) {
return __defProps6(a, __getOwnPropDescs6(b));
};
var useQueryBuilderNative = function useQueryBuilderNative2(props) {
return useQueryBuilderSchemaNative(props, useQueryBuilderSetup(props));
};
var useQueryBuilderSchemaNative = function useQueryBuilderSchemaNative2(props, setup) {
var qb = useQueryBuilderSchema(props, setup);
var styles = useMemo8(function() {
var _a;
return StyleSheet9.create((_a = props.styles) != null ? _a : {});
}, [props.styles]);
return __spreadProps(__spreadValues({}, qb), { schema: __spreadProps(__spreadValues({}, qb.schema), { styles }) });
return __spreadProps11(__spreadValues17({}, qb), { schema: __spreadProps11(__spreadValues17({}, qb.schema), { styles }) });
};
// src/components/QueryBuilderNative.tsx
function _createForOfIteratorHelper10(r, e) {
var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
if (!t) {
if (Array.isArray(r) || (t = _unsupportedIterableToArray10(r)) || e && r && "number" == typeof r.length) {
t && (r = t);
var _n = 0, F = function F2() {
};
return { s: F, n: function n() {
return _n >= r.length ? { done: true } : { done: false, value: r[_n++] };
}, e: function e2(r2) {
throw r2;
}, f: F };
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
var o, a = true, u = false;
return { s: function s() {
t = t.call(r);
}, n: function n() {
var r2 = t.next();
return a = r2.done, r2;
}, e: function e2(r2) {
u = true, o = r2;
}, f: function f() {
try {
a || null == t["return"] || t["return"]();
} finally {
if (u) throw o;
}
} };
}
function _unsupportedIterableToArray10(r, a) {
if (r) {
if ("string" == typeof r) return _arrayLikeToArray10(r, a);
var t = {}.toString.call(r).slice(8, -1);
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray10(r, a) : void 0;
}
}
function _arrayLikeToArray10(r, a) {
(null == a || a > r.length) && (a = r.length);
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
return n;
}
var __defProp10 = Object.defineProperty;
var __defProps7 = Object.defineProperties;
var __getOwnPropDescs7 = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols10 = Object.getOwnPropertySymbols;
var __hasOwnProp10 = Object.prototype.hasOwnProperty;
var __propIsEnum10 = Object.prototype.propertyIsEnumerable;
var __defNormalProp19 = function __defNormalProp20(obj, key, value) {
return key in obj ? __defProp10(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
};
var __spreadValues19 = function __spreadValues20(a, b) {
for (var prop in b || (b = {})) if (__hasOwnProp10.call(b, prop)) __defNormalProp19(a, prop, b[prop]);
if (__getOwnPropSymbols10) {
var _iterator = _createForOfIteratorHelper10(__getOwnPropSymbols10(b)), _step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done; ) {
var prop = _step.value;
if (__propIsEnum10.call(b, prop)) __defNormalProp19(a, prop, b[prop]);
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
}
return a;
};
var __spreadProps13 = function __spreadProps14(a, b) {
return __defProps7(a, __getOwnPropDescs7(b));
};
var rootPath = [];
var QueryBuilderNativeInternal = ({
props
}) => {
const controlElements = useMemo9(
() => __spreadValues(__spreadValues({}, defaultNativeControlElements), props.controlElements),
[props.controlElements]
);
const qb = useQueryBuilderNative(__spreadProps(__spreadValues({}, props), { controlElements }));
const { ruleGroup: RuleGroupComponent } = qb.schema.controls;
const QueryBuilderContext = _QBC;
return /* @__PURE__ */ React11.createElement(QueryBuilderContext.Provider, { value: qb.rqbContext }, /* @__PURE__ */ React11.createElement(
RuleGroupComponent,
__spreadProps(__spreadValues({
ruleGroup: qb.rootGroup
}, qb.combinatorPropObject), {
path: rootPath,
translations: qb.translations,
schema: qb.schema,
actions: qb.actions,
id: qb.rootGroup.id,
disabled: qb.rootGroupDisabled,
parentDisabled: qb.queryDisabled,
context: props.context
})
));
var QueryBuilderNativeInternal = function QueryBuilderNativeInternal2(_ref) {
var props = _ref.props;
var controlElements = useMemo9(function() {
return __spreadValues19(__spreadValues19({}, defaultNativeControlElements), props.controlElements);
}, [props.controlElements]);
var qb = useQueryBuilderNative(__spreadProps13(__spreadValues19({}, props), { controlElements }));
var RuleGroupComponent = qb.schema.controls.ruleGroup;
var QueryBuilderContext = _QBC;
return /* @__PURE__ */ jsx11(QueryBuilderContext.Provider, { value: qb.rqbContext, children: /* @__PURE__ */ jsx11(RuleGroupComponent, __spreadProps13(__spreadValues19({ ruleGroup: qb.rootGroup }, qb.combinatorPropObject), { path: rootPath, translations: qb.translations, schema: qb.schema, actions: qb.actions, id: qb.rootGroup.id, disabled: qb.rootGroupDisabled, parentDisabled: qb.queryDisabled, context: props.context })) });
};
var QueryBuilderNative = (props) => /* @__PURE__ */ React11.createElement(Provider, { context: QueryBuilderStateContext, store: queryBuilderStore }, /* @__PURE__ */ React11.createElement(QueryBuilderNativeInternal, { props }));
var QueryBuilderNative = function QueryBuilderNative2(props) {
return /* @__PURE__ */ jsx11(Provider, { context: QueryBuilderStateContext, store: queryBuilderStore, children: /* @__PURE__ */ jsx11(QueryBuilderNativeInternal, { props }) });
};
export {

@@ -667,0 +1050,0 @@ NativeActionElement,

2

dist/types/components/NativeValueEditor.d.ts
import * as React from "react";
import type { ValueEditorNativeProps } from "../types";
export declare const NativeValueEditor: ({ operator, value, handleOnChange, title, className, type, inputType, values, listsAsArrays, parseNumbers, fieldData, disabled, separator, skipHook, testID, selectorComponent: SelectorComponent,...props }: ValueEditorNativeProps) => React.JSX.Element | null;
export declare const NativeValueEditor: (allProps: ValueEditorNativeProps) => React.JSX.Element | null;

38

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

@@ -35,2 +35,15 @@ "access": "public"

"homepage": "https://react-querybuilder.js.org/",
"keywords": [
"react",
"querybuilder",
"react-native",
"native",
"query",
"builder",
"operators",
"component",
"clause",
"expression",
"sql"
],
"scripts": {

@@ -43,25 +56,26 @@ "start": "bunx --bun vite",

"devDependencies": {
"@babel/preset-flow": "^7.24.7",
"@babel/preset-flow": "^7.25.9",
"@testing-library/jest-native": "^5.4.3",
"@testing-library/react-native": "^12.7.2",
"@types/react": "^18.3.9",
"@testing-library/react-native": "^12.8.1",
"@types/react": "^18.3.12",
"@types/react-test-renderer": "^18.3.0",
"@vitejs/plugin-react-swc": "^3.7.0",
"@vitejs/plugin-react": "^4.3.3",
"babel-plugin-syntax-hermes-parser": "^0.25.0",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-native": "~0.75.3",
"react-native-web": "~0.19.12",
"react-querybuilder": "7.8.0-alpha.0",
"react-native": "~0.76.1",
"react-native-web": "~0.19.13",
"react-querybuilder": "8.0.0-alpha.0",
"react-redux": "^9.1.2",
"react-test-renderer": "^18.3.1",
"rollup-plugin-visualizer": "^5.12.0",
"typescript": "^5.6.2",
"vite": "^5.4.8"
"typescript": "^5.6.3",
"vite": "^5.4.10"
},
"peerDependencies": {
"react": ">=18",
"react-querybuilder": "7.8.0-alpha.0",
"react-querybuilder": "8.0.0-alpha.0",
"react-redux": "^9.1.0"
},
"gitHead": "2e7089a27e676cff934dcd6514dbd379b7a6d869"
"gitHead": "c7df027ef644d535daac4f7178d5045ecf26c4bb"
}

59

README.md
## @react-querybuilder/native
Official [react-querybuilder](https://npmjs.com/package/react-querybuilder) components for [React Native](https://reactnative.dev/).
Official [react-querybuilder](https://npmjs.com/package/react-querybuilder) compatibility package for [React Native](https://reactnative.dev/).
To see them in action, [load the example in Expo Snack](TODO: url here).
- [Full documentation](https://react-querybuilder.js.org/)
- [CodeSandbox](https://react-querybuilder.js.org/sandbox?t=native) / [StackBlitz](https://react-querybuilder.js.org/sandbox?p=stackblitz&t=native) example projects
**[Full documentation](https://react-querybuilder.js.org/)**
## Installation

@@ -18,2 +17,52 @@

To render a React Native-compatible query builder, use `<QueryBuilderNative />` which accepts the same props `<QueryBuilder />`.
To render a React Native-compatible query builder, use `QueryBuilderNative`.
```tsx
import { QueryBuilderNative } from '@react-querybuilder/native';
import { useState } from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { type Field, formatQuery, type RuleGroupType } from 'react-querybuilder';
const styles = StyleSheet.create({
outer: { padding: 10, gap: 20 },
code: { fontFamily: 'monospace' },
});
const fields: Field[] = [
{ name: 'firstName', label: 'First Name' },
{ name: 'lastName', label: 'Last Name' },
];
export function App() {
const [query, setQuery] = useState<RuleGroupType>({ combinator: 'and', rules: [] });
return (
<View style={styles.outer}>
<QueryBuilderNative fields={fields} query={query} onQueryChange={setQuery} />
<Text style={styles.code}>{formatQuery(query, 'sql')}</Text>
</View>
);
}
```
`QueryBuilderNative` accepts the same props `QueryBuilder` and assigns the following props by default.
| Export | `QueryBuilder` prop |
| ------------------------------ | ---------------------------------- |
| `defaultNativeControlElements` | `controlElements` |
| `NativeActionElement` | `controlElements.actionElement` |
| `NativeInlineCombinator` | `controlElements.inlineCombinator` |
| `NativeNotToggle` | `controlElements.notToggle` |
| `NativeShiftActions` | `controlElements.shiftActions` |
| `NativeValueEditor` | `controlElements.valueEditor` |
| `NativeValueSelector` | `controlElements.valueSelector` |
| `RuleGroupNative` | `controlElements.ruleGroup` |
| `RuleNative` | `controlElements.rule` |
For `react-native-web`, assign `defaultNativeWebControlElements` to `controlElements` as in the example above.
| Export | `QueryBuilder` prop |
| --------------------------------- | ------------------------------- |
| `defaultNativeWebControlElements` | `controlElements` |
| `NativeValueEditorWeb` | `controlElements.valueEditor` |
| `NativeValueSelectorWeb` | `controlElements.valueSelector` |
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.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.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

dist/types-esm/components/NativeValueEditor.d.mts

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