@react-querybuilder/chakra
Version:
Custom Chakra UI components for react-querybuilder
720 lines (706 loc) • 36.2 kB
JavaScript
;
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/index.tsx
var src_exports = {};
__export(src_exports, {
ChakraActionElement: () => ChakraActionElement,
ChakraNotToggle: () => ChakraNotToggle,
ChakraValueEditor: () => ChakraValueEditor,
ChakraValueSelector: () => ChakraValueSelector,
QueryBuilderChakra: () => QueryBuilderChakra,
chakraControlElements: () => chakraControlElements,
chakraTranslations: () => chakraTranslations
});
module.exports = __toCommonJS(src_exports);
var import_jsx_runtime9 = require("react/jsx-runtime");
var import_fa = require("react-icons/fa");
var import_react_querybuilder3 = require("react-querybuilder");
// src/ChakraActionElement.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var import_react = require("@chakra-ui/react");
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);
}
var _excluded = ["className", "handleOnClick", "label", "title", "disabled", "disabledTranslation", "testID", "rules", "level", "path", "context", "validation", "ruleOrGroup", "schema"];
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);
}
function _objectWithoutProperties(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose(e, t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
var ChakraActionElement = function ChakraActionElement2(_ref) {
var className = _ref.className, handleOnClick = _ref.handleOnClick, label = _ref.label, title = _ref.title, disabled = _ref.disabled, disabledTranslation = _ref.disabledTranslation, _testID = _ref.testID, _rules = _ref.rules, _level = _ref.level, _path = _ref.path, _context = _ref.context, _validation = _ref.validation, _ruleOrGroup = _ref.ruleOrGroup, _schema = _ref.schema, extraProps = _objectWithoutProperties(_ref, _excluded);
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Button, _objectSpread(_objectSpread({ 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
var import_jsx_runtime3 = require("react/jsx-runtime");
// src/snippets/switch.tsx
var import_jsx_runtime2 = require("react/jsx-runtime");
var import_react2 = require("@chakra-ui/react");
var React = __toESM(require("react"));
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 _excluded2 = ["inputProps", "children", "rootRef", "trackLabel", "thumbLabel"];
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 _objectWithoutProperties2(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose2(e, t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(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 (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
var Switch = /* @__PURE__ */ React.forwardRef(function Switch2(props, ref) {
var inputProps = props.inputProps, children = props.children, rootRef = props.rootRef, trackLabel = props.trackLabel, thumbLabel = props.thumbLabel, rest = _objectWithoutProperties2(props, _excluded2);
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Switch.Root, _objectSpread2(_objectSpread2({ ref: rootRef }, rest), {}, { children: [/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Switch.HiddenInput, _objectSpread2({ ref }, inputProps)), /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react2.Switch.Control, { children: [/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Switch.ThumbIndicator, { fallback: thumbLabel === null || thumbLabel === void 0 ? void 0 : thumbLabel.off, children: thumbLabel === null || thumbLabel === void 0 ? void 0 : thumbLabel.on }) }), trackLabel && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })] }), children != null && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react2.Switch.Label, { children })] }));
});
// src/ChakraNotToggle.tsx
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 _excluded3 = ["className", "handleOnChange", "label", "checked", "title", "disabled", "path", "context", "validation", "testID", "schema", "ruleGroup"];
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 _objectWithoutProperties3(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose3(e, t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
}
return i;
}
function _objectWithoutPropertiesLoose3(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
var ChakraNotToggle = function ChakraNotToggle2(_ref) {
var className = _ref.className, handleOnChange = _ref.handleOnChange, label = _ref.label, checked = _ref.checked, title = _ref.title, disabled = _ref.disabled, _path = _ref.path, _context = _ref.context, _validation = _ref.validation, _testID = _ref.testID, _schema = _ref.schema, _ruleGroup = _ref.ruleGroup, extraProps = _objectWithoutProperties3(_ref, _excluded3);
return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Switch, _objectSpread3(_objectSpread3({ title, className, disabled, checked, onCheckedChange: function onCheckedChange(e) {
return handleOnChange(e.checked);
} }, extraProps), {}, { children: label }));
};
// src/ChakraValueEditor.tsx
var import_jsx_runtime6 = require("react/jsx-runtime");
var import_react5 = require("@chakra-ui/react");
var import_react_querybuilder = require("react-querybuilder");
// src/snippets/checkbox.tsx
var import_jsx_runtime4 = require("react/jsx-runtime");
var import_react3 = require("@chakra-ui/react");
var React2 = __toESM(require("react"));
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);
}
var _excluded4 = ["icon", "children", "inputProps", "rootRef"];
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);
}
function _objectWithoutProperties4(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose4(e, t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
}
return i;
}
function _objectWithoutPropertiesLoose4(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
var Checkbox = /* @__PURE__ */ React2.forwardRef(function Checkbox2(props, ref) {
var icon = props.icon, children = props.children, inputProps = props.inputProps, rootRef = props.rootRef, rest = _objectWithoutProperties4(props, _excluded4);
return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react3.Checkbox.Root, _objectSpread4(_objectSpread4({ ref: rootRef }, rest), {}, { children: [/* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.Checkbox.HiddenInput, _objectSpread4({ ref }, inputProps)), /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.Checkbox.Control, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.Checkbox.Indicator, {}) }), children != null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.Checkbox.Label, { children })] }));
});
// src/snippets/radio.tsx
var import_jsx_runtime5 = require("react/jsx-runtime");
var import_react4 = require("@chakra-ui/react");
var React3 = __toESM(require("react"));
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);
}
var _excluded5 = ["children", "inputProps", "rootRef"];
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);
}
function _objectWithoutProperties5(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose5(e, t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
}
return i;
}
function _objectWithoutPropertiesLoose5(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
var CRGI = import_react4.RadioGroup.Item;
var Radio = /* @__PURE__ */ React3.forwardRef(function Radio2(props, ref) {
var children = props.children, inputProps = props.inputProps, rootRef = props.rootRef, rest = _objectWithoutProperties5(props, _excluded5);
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(CRGI, _objectSpread5(_objectSpread5({ ref: rootRef }, rest), {}, { children: [/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.RadioGroup.ItemHiddenInput, _objectSpread5({ ref }, inputProps)), /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.RadioGroup.ItemIndicator, {}), children && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.RadioGroup.ItemText, { children })] }));
});
var RadioGroup = import_react4.RadioGroup.Root;
// src/ChakraValueEditor.tsx
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);
}
var _excluded6 = ["fieldData", "operator", "value", "handleOnChange", "title", "className", "type", "values", "listsAsArrays", "separator", "valueSource", "testID", "disabled", "selectorComponent", "extraProps", "inputType", "parseNumbers"];
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);
}
function _objectWithoutProperties6(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose6(e, t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
}
return i;
}
function _objectWithoutPropertiesLoose6(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
var ChakraValueEditor = function ChakraValueEditor2(allProps) {
var _fieldData$placeholde;
var fieldData = allProps.fieldData, operator = allProps.operator, value = allProps.value, handleOnChange = allProps.handleOnChange, title = allProps.title, className = allProps.className, type = allProps.type, _allProps$values = allProps.values, values = _allProps$values === void 0 ? [] : _allProps$values, _listsAsArrays = allProps.listsAsArrays, separator = allProps.separator, _vs = allProps.valueSource, testID = allProps.testID, disabled = allProps.disabled, _allProps$selectorCom = allProps.selectorComponent, SelectorComponent = _allProps$selectorCom === void 0 ? allProps.schema.controls.valueSelector : _allProps$selectorCom, extraProps = allProps.extraProps, _inputType = allProps.inputType, _parseNumbers = allProps.parseNumbers, propsForValueSelector = _objectWithoutProperties6(allProps, _excluded6);
var _useValueEditor = (0, import_react_querybuilder.useValueEditor)(allProps), valueAsArray = _useValueEditor.valueAsArray, multiValueHandler = _useValueEditor.multiValueHandler, valueListItemClassName = _useValueEditor.valueListItemClassName, inputTypeCoerced = _useValueEditor.inputTypeCoerced;
if (operator === "null" || operator === "notNull") {
return null;
}
var placeHolderText = (_fieldData$placeholde = fieldData === null || fieldData === void 0 ? void 0 : fieldData.placeholder) !== null && _fieldData$placeholde !== void 0 ? _fieldData$placeholde : "";
if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text")) {
if (type === "text") {
var editors = ["from", "to"].map(function(key, i) {
var _valueAsArray$i;
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react5.Input, _objectSpread6({ type: inputTypeCoerced, value: (_valueAsArray$i = valueAsArray[i]) !== null && _valueAsArray$i !== void 0 ? _valueAsArray$i : "", disabled, className: valueListItemClassName, placeholder: placeHolderText, onChange: function onChange(e) {
return multiValueHandler(e.target.value, i);
} }, extraProps), key);
});
return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { "data-testid": testID, className, title, children: [editors[0], separator, editors[1]] });
}
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_querybuilder.ValueEditor, _objectSpread6(_objectSpread6({}, allProps), {}, { skipHook: true }));
}
switch (type) {
case "select":
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectorComponent, _objectSpread6(_objectSpread6({}, propsForValueSelector), {}, { className, title, value, disabled, handleOnChange, options: values }));
case "multiselect":
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_querybuilder.ValueEditor, _objectSpread6(_objectSpread6({}, allProps), {}, { skipHook: true }));
case "textarea":
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react5.Textarea, _objectSpread6({ value, title, disabled, className, placeholder: placeHolderText, onChange: function onChange(e_3) {
return handleOnChange(e_3.target.value);
} }, extraProps));
case "switch":
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Switch, _objectSpread6({ className, checked: !!value, title, disabled, onChange: function onChange(e_2) {
return handleOnChange(e_2.target.checked);
} }, extraProps));
case "checkbox":
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Checkbox, _objectSpread6({ className, title, disabled, onChange: function onChange(e_1) {
return handleOnChange(e_1.target.checked);
}, checked: !!value }, extraProps));
case "radio":
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RadioGroup, _objectSpread6(_objectSpread6({ className, title, value, onChange: function onChange(e_0) {
return handleOnChange(e_0.target.value);
}, disabled }, extraProps), {}, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react5.Stack, { direction: "row", children: values.map(function(v) {
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Radio, { value: v.name, children: v.label }, v.name);
}) }) }));
}
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react5.Input, _objectSpread6({ type: inputTypeCoerced, value, title, disabled, className, placeholder: placeHolderText, onChange: function onChange(e_4) {
return handleOnChange(e_4.target.value);
} }, extraProps));
};
// src/ChakraValueSelector.tsx
var import_jsx_runtime8 = require("react/jsx-runtime");
// src/utils.ts
var import_react_querybuilder2 = require("react-querybuilder");
// src/snippets/native-select.tsx
var import_jsx_runtime7 = require("react/jsx-runtime");
var import_react6 = require("@chakra-ui/react");
var React4 = __toESM(require("react"));
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);
}
var _excluded7 = ["icon", "children"];
var _excluded22 = ["items", "children"];
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);
}
function _objectWithoutProperties7(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose7(e, t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
}
return i;
}
function _objectWithoutPropertiesLoose7(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
var NativeSelectRoot = /* @__PURE__ */ React4.forwardRef(function NativeSelect(props, ref) {
var icon = props.icon, children = props.children, rest = _objectWithoutProperties7(props, _excluded7);
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react6.NativeSelect.Root, _objectSpread7(_objectSpread7({ ref }, rest), {}, { children: [children, /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react6.NativeSelect.Indicator, { children: icon })] }));
});
var NativeSelectField = /* @__PURE__ */ React4.forwardRef(function NativeSelectField2(props, ref) {
var itemsProp = props.items, children = props.children, rest = _objectWithoutProperties7(props, _excluded22);
var items = React4.useMemo(function() {
return itemsProp === null || itemsProp === void 0 ? void 0 : itemsProp.map(function(item) {
return typeof item === "string" ? { label: item, value: item } : item;
});
}, [itemsProp]);
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react6.NativeSelect.Field, _objectSpread7(_objectSpread7({ ref }, rest), {}, { children: [children, items === null || items === void 0 ? void 0 : items.map(function(item_0) {
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("option", { value: item_0.value, disabled: item_0.disabled, children: item_0.label }, item_0.value);
})] }));
});
// src/ChakraValueSelector.tsx
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);
}
var _excluded8 = ["className", "handleOnChange", "options", "value", "title", "disabled", "testID", "rule", "rules", "level", "path", "context", "validation", "operator", "field", "fieldData", "multiple", "listsAsArrays", "schema"];
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);
}
function _objectWithoutProperties8(e, t) {
if (null == e) return {};
var o, r, i = _objectWithoutPropertiesLoose8(e, t);
if (Object.getOwnPropertySymbols) {
var n = Object.getOwnPropertySymbols(e);
for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
}
return i;
}
function _objectWithoutPropertiesLoose8(r, e) {
if (null == r) return {};
var t = {};
for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
if (-1 !== e.indexOf(n)) continue;
t[n] = r[n];
}
return t;
}
var ChakraValueSelector = function ChakraValueSelector2(_ref) {
var className = _ref.className, handleOnChange = _ref.handleOnChange, options = _ref.options, value = _ref.value, title = _ref.title, disabled = _ref.disabled, _testID = _ref.testID, _rule = _ref.rule, _rules = _ref.rules, _level = _ref.level, _path = _ref.path, _context = _ref.context, _validation = _ref.validation, _operator = _ref.operator, _field = _ref.field, _fieldData = _ref.fieldData, _multiple = _ref.multiple, _listsAsArrays = _ref.listsAsArrays, _schema = _ref.schema, extraProps = _objectWithoutProperties8(_ref, _excluded8);
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(NativeSelectRoot, _objectSpread8(_objectSpread8({ className, title }, extraProps), {}, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(NativeSelectField, _objectSpread8(_objectSpread8({ value, onChange: function onChange(e) {
return handleOnChange(e.target.value);
} }, { disabled }), {}, { children: (0, import_react_querybuilder2.toOptions)(options) })) }));
};
// src/index.tsx
var chakraControlElements = { actionElement: ChakraActionElement, valueSelector: ChakraValueSelector, notToggle: ChakraNotToggle, valueEditor: ChakraValueEditor };
var chakraTranslations = { dragHandle: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaGripVertical, {}) }, removeGroup: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaTimes, {}) }, removeRule: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaTimes, {}) }, cloneRuleGroup: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaCopy, {}) }, cloneRule: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaCopy, {}) }, lockGroup: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaLockOpen, {}) }, lockRule: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaLockOpen, {}) }, lockGroupDisabled: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaLock, {}) }, lockRuleDisabled: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaLock, {}) }, shiftActionDown: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaChevronDown, {}) }, shiftActionUp: { label: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_fa.FaChevronUp, {}) } };
var QueryBuilderChakra = (0, import_react_querybuilder3.getCompatContextProvider)({ controlElements: chakraControlElements, translations: chakraTranslations });
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
ChakraActionElement,
ChakraNotToggle,
ChakraValueEditor,
ChakraValueSelector,
QueryBuilderChakra,
chakraControlElements,
chakraTranslations
});
//# sourceMappingURL=react-querybuilder_chakra.cjs.development.js.map