UNPKG

@react-querybuilder/tremor

Version:

Custom Tremor components for react-querybuilder

495 lines (486 loc) 24.7 kB
// src/index.tsx import { getCompatContextProvider } from "react-querybuilder"; // src/TremorActionElement.tsx import { jsx } from "react/jsx-runtime"; import { Button } from "@tremor/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 TremorActionElement = function TremorActionElement2(_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, _rg = _b.ruleOrGroup, _path = _b.path, _level = _b.level, _context = _b.context, _validation = _b.validation, _schema = _b.schema, otherProps = __objRest(_b, ["className", "handleOnClick", "label", "title", "disabled", "disabledTranslation", "testID", "rules", "ruleOrGroup", "path", "level", "context", "validation", "schema"]); return /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({}, otherProps), { "data-testid": testID, type: "button", variant: "primary", className, title: disabledTranslation && disabled ? disabledTranslation.title : title, onClick: function onClick(e) { return handleOnClick(e); }, disabled: disabled && !disabledTranslation, children: disabledTranslation && disabled ? disabledTranslation.label : label })); }; // src/TremorNotToggle.tsx import { jsx as jsx2, jsxs } from "react/jsx-runtime"; import { Switch } from "@tremor/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 TremorNotToggle = function TremorNotToggle2(_a) { var _b = _a, className = _b.className, handleOnChange = _b.handleOnChange, label = _b.label, checked = _b.checked, title = _b.title, disabled = _b.disabled, testID = _b.testID, _path = _b.path, _level = _b.level, _context = _b.context, _validation = _b.validation, _schema = _b.schema, _ruleGroup = _b.ruleGroup, otherProps = __objRest3(_b, ["className", "handleOnChange", "label", "checked", "title", "disabled", "testID", "path", "level", "context", "validation", "schema", "ruleGroup"]); var id = React.useId(); return /* @__PURE__ */ jsxs("div", { className, "data-testid": testID, children: [/* @__PURE__ */ jsx2(Switch, __spreadProps3(__spreadValues3({}, otherProps), { id, name: id, title, disabled, checked, onChange: handleOnChange })), /* @__PURE__ */ jsx2("label", { htmlFor: id, title, children: label })] }); }; // src/TremorValueEditor.tsx import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime"; import { DatePicker, DateRangePicker, NumberInput, Switch as Switch2, TextInput, Textarea } from "@tremor/react"; import dayjs from "dayjs"; import { ValueEditor, useValueEditor } from "react-querybuilder"; // src/TremorValueSelector.tsx import { jsx as jsx4 } from "react/jsx-runtime"; import { MultiSelect, Select } from "@tremor/react"; import * as React2 from "react"; import { toArray, useValueSelector } from "react-querybuilder"; // src/utils.tsx import { jsx as jsx3 } from "react/jsx-runtime"; import { MultiSelectItem, SelectItem } from "@tremor/react"; import { isOptionGroupArray } from "react-querybuilder"; var toSelectItems = function toSelectItems2(list, multi) { var flatList = isOptionGroupArray(list) ? list.flatMap(function(og) { return og.options; }) : list; if (Array.isArray(flatList)) { return flatList.map(function(opt) { return multi ? /* @__PURE__ */ jsx3(MultiSelectItem, { value: opt.name, "aria-disabled": !!opt.disabled, children: opt.label }, opt.name) : /* @__PURE__ */ jsx3(SelectItem, { value: opt.name, "aria-disabled": !!opt.disabled, children: opt.label }, opt.name); }); } return null; }; // src/TremorValueSelector.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 TremorValueSelector = function TremorValueSelector2(_a) { var _b = _a, className = _b.className, handleOnChange = _b.handleOnChange, options = _b.options, value = _b.value, title = _b.title, disabled = _b.disabled, multiple = _b.multiple, listsAsArrays = _b.listsAsArrays, testID = _b.testID, placeholder = _b.placeholder, _fieldData = _b.fieldData, _path = _b.path, _level = _b.level, _context = _b.context, _validation = _b.validation, _schema = _b.schema, _rule = _b.rule, _rules = _b.rules, otherProps = __objRest5(_b, ["className", "handleOnChange", "options", "value", "title", "disabled", "multiple", "listsAsArrays", "testID", "placeholder", "fieldData", "path", "level", "context", "validation", "schema", "rule", "rules"]); var _useValueSelector = useValueSelector({ handleOnChange, listsAsArrays, multiple, value }), onChange = _useValueSelector.onChange, val = _useValueSelector.val; var optionElements = React2.useMemo(function() { return toSelectItems(options, multiple); }, [multiple, options]); var _a2 = otherProps, _ec = _a2.enableClear, multiSelectOtherProps = __objRest5(_a2, ["enableClear"]); return multiple ? /* @__PURE__ */ jsx4(MultiSelect, __spreadProps5(__spreadValues5({}, multiSelectOtherProps), { "data-testid": testID, title, className, disabled, value: toArray(val), placeholder, onValueChange: onChange, children: optionElements })) : /* @__PURE__ */ jsx4(Select, __spreadProps5(__spreadValues5({ enableClear: false }, otherProps), { "data-testid": testID, title, className, value, disabled, onValueChange: onChange, children: optionElements })); }; // src/TremorValueEditor.tsx function _createForOfIteratorHelper4(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray4(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F2() { }; return { s: F, n: function n() { return _n >= r.length ? { done: true } : { done: false, value: r[_n++] }; }, e: function e2(r2) { throw r2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = true, u = false; return { s: function s() { t = t.call(r); }, n: function n() { var r2 = t.next(); return a = r2.done, r2; }, e: function e2(r2) { u = true, o = r2; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; } function _unsupportedIterableToArray4(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray4(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray4(r, a) : void 0; } } function _arrayLikeToArray4(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } var __defProp4 = Object.defineProperty; var __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 dateFormat = "YYYY-MM-DD"; var ClearableValueSelector = function ClearableValueSelector2(props) { return /* @__PURE__ */ jsx5(TremorValueSelector, __spreadProps7(__spreadValues7({}, props), { enableClear: true })); }; var TremorValueEditor = function TremorValueEditor2(allProps) { var _a; var fieldData = allProps.fieldData, operator = allProps.operator, value = allProps.value, handleOnChange = allProps.handleOnChange, title = allProps.title, className = allProps.className, type = allProps.type, _v = allProps.values, listsAsArrays = allProps.listsAsArrays, _parseNumbers = allProps.parseNumbers, separator = allProps.separator, _vs = allProps.valueSource, disabled = allProps.disabled, testID = allProps.testID, _allProps$selectorCom = allProps.selectorComponent, selectorComponent = _allProps$selectorCom === void 0 ? ClearableValueSelector : _allProps$selectorCom, _inputType = allProps.inputType, _validation = allProps.validation, extraProps = allProps.extraProps; 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 = (_a = fieldData == null ? void 0 : fieldData.placeholder) != null ? _a : ""; if ((operator === "between" || operator === "notBetween") && (type === "select" || type === "text") && // Date and time ranges are handled differently in Tremor--see below inputTypeCoerced !== "date") { if (type === "text") { var editors = ["from", "to"].map(function(key, i) { var _a2; return /* @__PURE__ */ jsx5(TextInput, __spreadValues7({ type: inputTypeCoerced, placeholder: placeHolderText, value: (_a2 = valueAsArray[i]) != null ? _a2 : "", className: "".concat(valueListItemClassName, " input"), disabled, onValueChange: function onValueChange(v) { return multiValueHandler(v, i); } }, extraProps), key); }); return /* @__PURE__ */ jsxs2("span", { "data-testid": testID, className, title, children: [editors[0], separator, editors[1]] }); } return /* @__PURE__ */ jsx5(ValueEditor, __spreadProps7(__spreadValues7({}, allProps), { skipHook: true, selectorComponent })); } switch (type) { case "select": case "multiselect": return /* @__PURE__ */ jsx5(ValueEditor, __spreadProps7(__spreadValues7({}, allProps), { skipHook: true, selectorComponent })); case "textarea": return /* @__PURE__ */ jsx5(Textarea, __spreadValues7({ className, value, title, placeholder: placeHolderText, disabled, onValueChange: handleOnChange }, extraProps)); case "switch": return /* @__PURE__ */ jsx5(Switch2, __spreadValues7({ className, title, checked: value, disabled, onChange: handleOnChange }, extraProps)); case "checkbox": case "radio": return /* @__PURE__ */ jsx5(ValueEditor, __spreadProps7(__spreadValues7({}, allProps), { skipHook: true })); } if (inputTypeCoerced === "date") { if (operator === "between" || operator === "notBetween") { var twoDateArray = [null, null].map(function(defaultValue, i_0) { if (!valueAsArray[i_0]) return defaultValue; var date = dayjs(valueAsArray[i_0]); if (!date.isValid()) { date = dayjs("".concat(dayjs().format("YYYY-MM-DD"))); } return date.toDate(); }); return /* @__PURE__ */ jsx5(DateRangePicker, __spreadValues7({ "data-testid": testID, value: { from: twoDateArray[0], to: twoDateArray[1] }, className, disabled, placeholder: placeHolderText, enableSelect: false, enableClear: true, onValueChange: function onValueChange(dates) { var dateArray = [dates.from, dates.to].map(function(d) { return d ? dayjs(d).format(dateFormat) : ""; }); handleOnChange(listsAsArrays ? dateArray : dateArray.join(",")); } }, extraProps)); } return /* @__PURE__ */ jsx5(DatePicker, __spreadValues7({ "data-testid": testID, title, className, placeholder: placeHolderText, disabled, enableClear: true, value: !!value && dayjs(value).isValid() ? dayjs(value).toDate() : void 0, onValueChange: function onValueChange(d_0) { return handleOnChange(d_0 ? dayjs(d_0).format(dateFormat) : ( /* istanbul ignore next */ "" )); } }, extraProps)); } if (inputTypeCoerced === "number") { return /* @__PURE__ */ jsx5(NumberInput, __spreadValues7({ "data-testid": testID, title, className, placeholder: placeHolderText, disabled, value, onValueChange: handleOnChange }, extraProps)); } return /* @__PURE__ */ jsx5(TextInput, __spreadValues7({ "data-testid": testID, title, className, placeholder: placeHolderText, type: inputTypeCoerced, disabled, value, onValueChange: handleOnChange }, extraProps)); }; // src/TremorShiftActions.tsx import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime"; import { Button as Button2 } from "@tremor/react"; var TremorShiftActions = function TremorShiftActions2(_ref) { var shiftUp = _ref.shiftUp, shiftDown = _ref.shiftDown, shiftUpDisabled = _ref.shiftUpDisabled, shiftDownDisabled = _ref.shiftDownDisabled, disabled = _ref.disabled, className = _ref.className, labels = _ref.labels, titles = _ref.titles, testID = _ref.testID; return /* @__PURE__ */ jsxs3("div", { "data-testid": testID, className, children: [/* @__PURE__ */ jsx6(Button2, { type: "button", variant: "light", disabled: disabled || shiftUpDisabled, onClick: shiftUp, title: titles == null ? void 0 : titles.shiftUp, children: labels == null ? void 0 : labels.shiftUp }), /* @__PURE__ */ jsx6(Button2, { type: "button", variant: "light", disabled: disabled || shiftDownDisabled, onClick: shiftDown, title: titles == null ? void 0 : titles.shiftDown, children: labels == null ? void 0 : labels.shiftDown })] }); }; // src/index.tsx var tremorControlElements = { actionElement: TremorActionElement, notToggle: TremorNotToggle, shiftActions: TremorShiftActions, valueEditor: TremorValueEditor, valueSelector: TremorValueSelector }; var tremorControlClassnames = { notToggle: "flex flex-row gap-1" }; var QueryBuilderTremor = getCompatContextProvider({ controlClassnames: tremorControlClassnames, controlElements: tremorControlElements }); export { QueryBuilderTremor, TremorActionElement, TremorNotToggle, TremorShiftActions, TremorValueEditor, TremorValueSelector, tremorControlClassnames, tremorControlElements }; //# sourceMappingURL=react-querybuilder_tremor.legacy-esm.js.map