UNPKG

@react-querybuilder/chakra

Version:

Custom Chakra UI components for react-querybuilder

720 lines (706 loc) 36.2 kB
"use strict"; 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