@react-querybuilder/chakra
Version:
Custom Chakra UI components for react-querybuilder
929 lines (916 loc) • 40.8 kB
JavaScript
// src/index.tsx
import { jsx as jsx9 } from "react/jsx-runtime";
import { FaChevronDown, FaChevronUp, FaCopy, FaGripVertical, FaLock, FaLockOpen, FaTimes } from "react-icons/fa";
import { getCompatContextProvider } from "react-querybuilder";
// src/ChakraActionElement.tsx
import { jsx } from "react/jsx-runtime";
import { Button } from "@chakra-ui/react";
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;
var __defProps = Object.defineProperties;
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
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 = function __spreadProps2(a, b) {
return __defProps(a, __getOwnPropDescs(b));
};
var __objRest = function __objRest2(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) {
var _iterator2 = _createForOfIteratorHelper(__getOwnPropSymbols(source)), _step2;
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
var prop = _step2.value;
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}
return target;
};
var ChakraActionElement = function ChakraActionElement2(_a) {
var _b = _a, className = _b.className, handleOnClick = _b.handleOnClick, label = _b.label, title = _b.title, disabled = _b.disabled, disabledTranslation = _b.disabledTranslation, _testID = _b.testID, _rules = _b.rules, _level = _b.level, _path = _b.path, _context = _b.context, _validation = _b.validation, _ruleOrGroup = _b.ruleOrGroup, _schema = _b.schema, extraProps = __objRest(_b, [
"className",
"handleOnClick",
"label",
"title",
"disabled",
"disabledTranslation",
// Props that should not be in extraProps
"testID",
"rules",
"level",
"path",
"context",
"validation",
"ruleOrGroup",
"schema"
]);
return /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({ className, title: disabledTranslation && disabled ? disabledTranslation.title : title, onClick: function onClick(e) {
return handleOnClick(e);
}, disabled: disabled && !disabledTranslation }, extraProps), { children: disabledTranslation && disabled ? disabledTranslation.label : label }));
};
// src/ChakraNotToggle.tsx
import { jsx as jsx3 } from "react/jsx-runtime";
// src/snippets/switch.tsx
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
import { Switch as ChakraSwitch } from "@chakra-ui/react";
import * as React from "react";
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() {
};
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 __objRest3 = function __objRest4(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 Switch = /* @__PURE__ */ React.forwardRef(function Switch2(props, ref) {
var _a = props, inputProps = _a.inputProps, children = _a.children, rootRef = _a.rootRef, trackLabel = _a.trackLabel, thumbLabel = _a.thumbLabel, rest = __objRest3(_a, ["inputProps", "children", "rootRef", "trackLabel", "thumbLabel"]);
return /* @__PURE__ */ jsxs(ChakraSwitch.Root, __spreadProps3(__spreadValues3({ ref: rootRef }, rest), { children: [/* @__PURE__ */ jsx2(ChakraSwitch.HiddenInput, __spreadValues3({ ref }, inputProps)), /* @__PURE__ */ jsxs(ChakraSwitch.Control, { children: [/* @__PURE__ */ jsx2(ChakraSwitch.Thumb, { children: thumbLabel && /* @__PURE__ */ jsx2(ChakraSwitch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }), trackLabel && /* @__PURE__ */ jsx2(ChakraSwitch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })] }), children != null && /* @__PURE__ */ jsx2(ChakraSwitch.Label, { children })] }));
});
// src/ChakraNotToggle.tsx
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() {
};
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 _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;
};
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 __objRest5 = function __objRest6(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 ChakraNotToggle = function ChakraNotToggle2(_a) {
var _b = _a, className = _b.className, handleOnChange = _b.handleOnChange, label = _b.label, checked = _b.checked, title = _b.title, disabled = _b.disabled, _path = _b.path, _context = _b.context, _validation = _b.validation, _testID = _b.testID, _schema = _b.schema, _ruleGroup = _b.ruleGroup, extraProps = __objRest5(_b, [
"className",
"handleOnChange",
"label",
"checked",
"title",
"disabled",
// Props that should not be in extraProps
"path",
"context",
"validation",
"testID",
"schema",
"ruleGroup"
]);
return /* @__PURE__ */ jsx3(Switch, __spreadProps5(__spreadValues5({ title, className, disabled, checked, onCheckedChange: function onCheckedChange(e) {
return handleOnChange(e.checked);
} }, extraProps), { children: label }));
};
// src/ChakraValueEditor.tsx
import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
import { Input, Stack, Textarea } from "@chakra-ui/react";
import { ValueEditor, useValueEditor } from "react-querybuilder";
// src/snippets/checkbox.tsx
import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
import { Checkbox as ChakraCheckbox } from "@chakra-ui/react";
import * as React2 from "react";
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 __defProps4 = Object.defineProperties;
var __getOwnPropDescs4 = Object.getOwnPropertyDescriptors;
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 __spreadProps7 = function __spreadProps8(a, b) {
return __defProps4(a, __getOwnPropDescs4(b));
};
var __objRest7 = function __objRest8(source, exclude) {
var target = {};
for (var prop in source) if (__hasOwnProp4.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
if (source != null && __getOwnPropSymbols4) {
var _iterator2 = _createForOfIteratorHelper4(__getOwnPropSymbols4(source)), _step2;
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
var prop = _step2.value;
if (exclude.indexOf(prop) < 0 && __propIsEnum4.call(source, prop)) target[prop] = source[prop];
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}
return target;
};
var Checkbox = /* @__PURE__ */ React2.forwardRef(function Checkbox2(props, ref) {
var _a = props, icon = _a.icon, children = _a.children, inputProps = _a.inputProps, rootRef = _a.rootRef, rest = __objRest7(_a, ["icon", "children", "inputProps", "rootRef"]);
return /* @__PURE__ */ jsxs2(ChakraCheckbox.Root, __spreadProps7(__spreadValues7({ ref: rootRef }, rest), { children: [/* @__PURE__ */ jsx4(ChakraCheckbox.HiddenInput, __spreadValues7({ ref }, inputProps)), /* @__PURE__ */ jsx4(ChakraCheckbox.Control, { children: icon || /* @__PURE__ */ jsx4(ChakraCheckbox.Indicator, {}) }), children != null && /* @__PURE__ */ jsx4(ChakraCheckbox.Label, { children })] }));
});
// src/snippets/radio.tsx
import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
import { RadioGroup as ChakraRadioGroup } from "@chakra-ui/react";
import * as React3 from "react";
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 __defProps5 = Object.defineProperties;
var __getOwnPropDescs5 = 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 __spreadProps9 = function __spreadProps10(a, b) {
return __defProps5(a, __getOwnPropDescs5(b));
};
var __objRest9 = function __objRest10(source, exclude) {
var target = {};
for (var prop in source) if (__hasOwnProp5.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
if (source != null && __getOwnPropSymbols5) {
var _iterator2 = _createForOfIteratorHelper5(__getOwnPropSymbols5(source)), _step2;
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
var prop = _step2.value;
if (exclude.indexOf(prop) < 0 && __propIsEnum5.call(source, prop)) target[prop] = source[prop];
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}
return target;
};
var CRGI = ChakraRadioGroup.Item;
var Radio = /* @__PURE__ */ React3.forwardRef(function Radio2(props, ref) {
var _a = props, children = _a.children, inputProps = _a.inputProps, rootRef = _a.rootRef, rest = __objRest9(_a, ["children", "inputProps", "rootRef"]);
return /* @__PURE__ */ jsxs3(CRGI, __spreadProps9(__spreadValues9({ ref: rootRef }, rest), { children: [/* @__PURE__ */ jsx5(ChakraRadioGroup.ItemHiddenInput, __spreadValues9({ ref }, inputProps)), /* @__PURE__ */ jsx5(ChakraRadioGroup.ItemIndicator, {}), children && /* @__PURE__ */ jsx5(ChakraRadioGroup.ItemText, { children })] }));
});
var RadioGroup = ChakraRadioGroup.Root;
// src/ChakraValueEditor.tsx
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() {
};
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 __defProps6 = Object.defineProperties;
var __getOwnPropDescs6 = Object.getOwnPropertyDescriptors;
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 __spreadProps11 = function __spreadProps12(a, b) {
return __defProps6(a, __getOwnPropDescs6(b));
};
var __objRest11 = function __objRest12(source, exclude) {
var target = {};
for (var prop in source) if (__hasOwnProp6.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
if (source != null && __getOwnPropSymbols6) {
var _iterator2 = _createForOfIteratorHelper6(__getOwnPropSymbols6(source)), _step2;
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
var prop = _step2.value;
if (exclude.indexOf(prop) < 0 && __propIsEnum6.call(source, prop)) target[prop] = source[prop];
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}
return target;
};
var ChakraValueEditor = function ChakraValueEditor2(allProps) {
var _b;
var _a = allProps, fieldData = _a.fieldData, operator = _a.operator, value = _a.value, handleOnChange = _a.handleOnChange, title = _a.title, className = _a.className, type = _a.type, _a$values = _a.values, values = _a$values === void 0 ? [] : _a$values, _listsAsArrays = _a.listsAsArrays, separator = _a.separator, _vs = _a.valueSource, testID = _a.testID, disabled = _a.disabled, _a$selectorComponent = _a.selectorComponent, SelectorComponent = _a$selectorComponent === void 0 ? allProps.schema.controls.valueSelector : _a$selectorComponent, extraProps = _a.extraProps, _inputType = _a.inputType, _parseNumbers = _a.parseNumbers, propsForValueSelector = __objRest11(_a, ["fieldData", "operator", "value", "handleOnChange", "title", "className", "type", "values", "listsAsArrays", "separator", "valueSource", "testID", "disabled", "selectorComponent", "extraProps", "inputType", "parseNumbers"]);
var _useValueEditor = useValueEditor(allProps), valueAsArray = _useValueEditor.valueAsArray, multiValueHandler = _useValueEditor.multiValueHandler, valueListItemClassName = _useValueEditor.valueListItemClassName, inputTypeCoerced = _useValueEditor.inputTypeCoerced;
if (operator === "null" || operator === "notNull") {
return null;
}
var placeHolderText = (_b = fieldData == null ? void 0 : fieldData.placeholder) != null ? _b : "";
if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text")) {
if (type === "text") {
var editors = ["from", "to"].map(function(key, i) {
var _a2;
return /* @__PURE__ */ jsx6(Input, __spreadValues11({ type: inputTypeCoerced, value: (_a2 = valueAsArray[i]) != null ? _a2 : "", disabled, className: valueListItemClassName, placeholder: placeHolderText, onChange: function onChange(e) {
return multiValueHandler(e.target.value, i);
} }, extraProps), key);
});
return /* @__PURE__ */ jsxs4("span", { "data-testid": testID, className, title, children: [editors[0], separator, editors[1]] });
}
return /* @__PURE__ */ jsx6(ValueEditor, __spreadProps11(__spreadValues11({}, allProps), { skipHook: true }));
}
switch (type) {
case "select":
return /* @__PURE__ */ jsx6(SelectorComponent, __spreadProps11(__spreadValues11({}, propsForValueSelector), { className, title, value, disabled, handleOnChange, options: values }));
case "multiselect":
return /* @__PURE__ */ jsx6(ValueEditor, __spreadProps11(__spreadValues11({}, allProps), { skipHook: true }));
case "textarea":
return /* @__PURE__ */ jsx6(Textarea, __spreadValues11({ value, title, disabled, className, placeholder: placeHolderText, onChange: function onChange(e_3) {
return handleOnChange(e_3.target.value);
} }, extraProps));
case "switch":
return /* @__PURE__ */ jsx6(Switch, __spreadValues11({ className, checked: !!value, title, disabled, onChange: function onChange(e_2) {
return handleOnChange(e_2.target.checked);
} }, extraProps));
case "checkbox":
return /* @__PURE__ */ jsx6(Checkbox, __spreadValues11({ className, title, disabled, onChange: function onChange(e_1) {
return handleOnChange(e_1.target.checked);
}, checked: !!value }, extraProps));
case "radio":
return /* @__PURE__ */ jsx6(RadioGroup, __spreadProps11(__spreadValues11({ className, title, value, onChange: function onChange(e_0) {
return handleOnChange(e_0.target.value);
}, disabled }, extraProps), { children: /* @__PURE__ */ jsx6(Stack, { direction: "row", children: values.map(function(v) {
return /* @__PURE__ */ jsx6(Radio, { value: v.name, children: v.label }, v.name);
}) }) }));
}
return /* @__PURE__ */ jsx6(Input, __spreadValues11({ type: inputTypeCoerced, value, title, disabled, className, placeholder: placeHolderText, onChange: function onChange(e_4) {
return handleOnChange(e_4.target.value);
} }, extraProps));
};
// src/ChakraValueSelector.tsx
import { jsx as jsx8 } from "react/jsx-runtime";
// src/utils.ts
import { isOptionGroupArray, toOptions } from "react-querybuilder";
// src/snippets/native-select.tsx
import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
import { NativeSelect as Select } from "@chakra-ui/react";
import * as React4 from "react";
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 __defProps7 = Object.defineProperties;
var __getOwnPropDescs7 = Object.getOwnPropertyDescriptors;
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 __spreadProps13 = function __spreadProps14(a, b) {
return __defProps7(a, __getOwnPropDescs7(b));
};
var __objRest13 = function __objRest14(source, exclude) {
var target = {};
for (var prop in source) if (__hasOwnProp7.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
if (source != null && __getOwnPropSymbols7) {
var _iterator2 = _createForOfIteratorHelper7(__getOwnPropSymbols7(source)), _step2;
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
var prop = _step2.value;
if (exclude.indexOf(prop) < 0 && __propIsEnum7.call(source, prop)) target[prop] = source[prop];
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}
return target;
};
var NativeSelectRoot = /* @__PURE__ */ React4.forwardRef(function NativeSelect(props, ref) {
var _a = props, icon = _a.icon, children = _a.children, rest = __objRest13(_a, ["icon", "children"]);
return /* @__PURE__ */ jsxs5(Select.Root, __spreadProps13(__spreadValues13({ ref }, rest), { children: [children, /* @__PURE__ */ jsx7(Select.Indicator, { children: icon })] }));
});
var NativeSelectField = /* @__PURE__ */ React4.forwardRef(function NativeSelectField2(props, ref) {
var _a = props, itemsProp = _a.items, children = _a.children, rest = __objRest13(_a, ["items", "children"]);
var items = React4.useMemo(function() {
return itemsProp == null ? void 0 : itemsProp.map(function(item) {
return typeof item === "string" ? { label: item, value: item } : item;
});
}, [itemsProp]);
return /* @__PURE__ */ jsxs5(Select.Field, __spreadProps13(__spreadValues13({ ref }, rest), { children: [children, items == null ? void 0 : items.map(function(item_0) {
return /* @__PURE__ */ jsx7("option", { value: item_0.value, disabled: item_0.disabled, children: item_0.label }, item_0.value);
})] }));
});
// src/ChakraValueSelector.tsx
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 __defProps8 = Object.defineProperties;
var __getOwnPropDescs8 = 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 __spreadProps15 = function __spreadProps16(a, b) {
return __defProps8(a, __getOwnPropDescs8(b));
};
var __objRest15 = function __objRest16(source, exclude) {
var target = {};
for (var prop in source) if (__hasOwnProp8.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
if (source != null && __getOwnPropSymbols8) {
var _iterator2 = _createForOfIteratorHelper8(__getOwnPropSymbols8(source)), _step2;
try {
for (_iterator2.s(); !(_step2 = _iterator2.n()).done; ) {
var prop = _step2.value;
if (exclude.indexOf(prop) < 0 && __propIsEnum8.call(source, prop)) target[prop] = source[prop];
}
} catch (err) {
_iterator2.e(err);
} finally {
_iterator2.f();
}
}
return target;
};
var ChakraValueSelector = function ChakraValueSelector2(_a) {
var _b = _a, className = _b.className, handleOnChange = _b.handleOnChange, options = _b.options, value = _b.value, title = _b.title, disabled = _b.disabled, _testID = _b.testID, _rule = _b.rule, _rules = _b.rules, _level = _b.level, _path = _b.path, _context = _b.context, _validation = _b.validation, _operator = _b.operator, _field = _b.field, _fieldData = _b.fieldData, _multiple = _b.multiple, _listsAsArrays = _b.listsAsArrays, _schema = _b.schema, extraProps = __objRest15(_b, [
"className",
"handleOnChange",
"options",
"value",
"title",
"disabled",
// Props that should not be in extraProps
"testID",
"rule",
"rules",
"level",
"path",
"context",
"validation",
"operator",
"field",
"fieldData",
"multiple",
"listsAsArrays",
"schema"
]);
return /* @__PURE__ */ jsx8(NativeSelectRoot, __spreadProps15(__spreadValues15({ className, title }, extraProps), { children: /* @__PURE__ */ jsx8(NativeSelectField, __spreadProps15(__spreadValues15({ value, onChange: function onChange(e) {
return handleOnChange(e.target.value);
} }, { disabled }), { children: toOptions(options) })) }));
};
// src/index.tsx
var chakraControlElements = { actionElement: ChakraActionElement, valueSelector: ChakraValueSelector, notToggle: ChakraNotToggle, valueEditor: ChakraValueEditor };
var chakraTranslations = { dragHandle: { label: /* @__PURE__ */ jsx9(FaGripVertical, {}) }, removeGroup: { label: /* @__PURE__ */ jsx9(FaTimes, {}) }, removeRule: { label: /* @__PURE__ */ jsx9(FaTimes, {}) }, cloneRuleGroup: { label: /* @__PURE__ */ jsx9(FaCopy, {}) }, cloneRule: { label: /* @__PURE__ */ jsx9(FaCopy, {}) }, lockGroup: { label: /* @__PURE__ */ jsx9(FaLockOpen, {}) }, lockRule: { label: /* @__PURE__ */ jsx9(FaLockOpen, {}) }, lockGroupDisabled: { label: /* @__PURE__ */ jsx9(FaLock, {}) }, lockRuleDisabled: { label: /* @__PURE__ */ jsx9(FaLock, {}) }, shiftActionDown: { label: /* @__PURE__ */ jsx9(FaChevronDown, {}) }, shiftActionUp: { label: /* @__PURE__ */ jsx9(FaChevronUp, {}) } };
var QueryBuilderChakra = getCompatContextProvider({ controlElements: chakraControlElements, translations: chakraTranslations });
export {
ChakraActionElement,
ChakraNotToggle,
ChakraValueEditor,
ChakraValueSelector,
QueryBuilderChakra,
chakraControlElements,
chakraTranslations
};
//# sourceMappingURL=react-querybuilder_chakra.legacy-esm.js.map