UNPKG

@react-querybuilder/chakra

Version:

Custom Chakra UI components for react-querybuilder

929 lines (916 loc) 40.8 kB
// 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