@react-querybuilder/tremor
Version:
Custom Tremor components for react-querybuilder
495 lines (486 loc) • 24.7 kB
JavaScript
// 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