@react-querybuilder/tremor
Version:
Custom Tremor components for react-querybuilder
622 lines (612 loc) • 26.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 _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", "ruleOrGroup", "path", "level", "context", "validation", "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 TremorActionElement = function TremorActionElement2(_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, _rg = _ref.ruleOrGroup, _path = _ref.path, _level = _ref.level, _context = _ref.context, _validation = _ref.validation, _schema = _ref.schema, otherProps = _objectWithoutProperties(_ref, _excluded);
return /* @__PURE__ */ jsx(Button, _objectSpread(_objectSpread({}, 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 }));
};
// ../../utils/react-compiler/react-compiler-runtime.ts
import * as React from "react";
var $empty = Symbol["for"]("react.memo_cache_sentinel");
function c(size) {
return React.useMemo(
function() {
var $ = Array.from({ length: size });
for (var ii = 0; ii < size; ii++) {
$[ii] = $empty;
}
$[$empty] = true;
return $;
},
// eslint-disable-next-line react-hooks/exhaustive-deps
[]
);
}
// src/TremorNotToggle.tsx
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
import { Switch } from "@tremor/react";
import * as React2 from "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 = ["className", "handleOnChange", "label", "checked", "title", "disabled", "testID", "path", "level", "context", "validation", "schema", "ruleGroup"];
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 TremorNotToggle = function TremorNotToggle2(t0) {
var $ = c(19);
var checked;
var className;
var disabled;
var handleOnChange;
var label;
var otherProps;
var testID;
var title;
if ($[0] !== t0) {
var _t = t0.className, t2 = t0.handleOnChange, t3 = t0.label, t4 = t0.checked, t5 = t0.title, t6 = t0.disabled, t7 = t0.testID, _path = t0.path, _level = t0.level, _context = t0.context, _validation = t0.validation, _schema = t0.schema, _ruleGroup = t0.ruleGroup, t8 = _objectWithoutProperties2(t0, _excluded2);
className = _t;
handleOnChange = t2;
label = t3;
checked = t4;
title = t5;
disabled = t6;
testID = t7;
otherProps = t8;
$[0] = t0;
$[1] = checked;
$[2] = className;
$[3] = disabled;
$[4] = handleOnChange;
$[5] = label;
$[6] = otherProps;
$[7] = testID;
$[8] = title;
} else {
checked = $[1];
className = $[2];
disabled = $[3];
handleOnChange = $[4];
label = $[5];
otherProps = $[6];
testID = $[7];
title = $[8];
}
var id = React2.useId();
var t1;
if ($[9] !== checked || $[10] !== className || $[11] !== disabled || $[12] !== handleOnChange || $[13] !== id || $[14] !== label || $[15] !== otherProps || $[16] !== testID || $[17] !== title) {
t1 = jsxs("div", { className, "data-testid": testID, children: [jsx2(Switch, _objectSpread2(_objectSpread2({}, otherProps), {}, { id, name: id, title, disabled, checked, onChange: handleOnChange })), jsx2("label", { htmlFor: id, title, children: label })] });
$[9] = checked;
$[10] = className;
$[11] = disabled;
$[12] = handleOnChange;
$[13] = id;
$[14] = label;
$[15] = otherProps;
$[16] = testID;
$[17] = title;
$[18] = t1;
} else {
t1 = $[18];
}
return t1;
};
// 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 React3 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 _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", "options", "value", "title", "disabled", "multiple", "listsAsArrays", "testID", "placeholder", "fieldData", "path", "level", "context", "validation", "schema", "rule", "rules"];
var _excluded22 = ["enableClear"];
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 TremorValueSelector = function TremorValueSelector2(_ref) {
var className = _ref.className, handleOnChange = _ref.handleOnChange, options = _ref.options, value = _ref.value, title = _ref.title, disabled = _ref.disabled, multiple = _ref.multiple, listsAsArrays = _ref.listsAsArrays, testID = _ref.testID, placeholder = _ref.placeholder, _fieldData = _ref.fieldData, _path = _ref.path, _level = _ref.level, _context = _ref.context, _validation = _ref.validation, _schema = _ref.schema, _rule = _ref.rule, _rules = _ref.rules, otherProps = _objectWithoutProperties3(_ref, _excluded3);
var _useValueSelector = useValueSelector({ handleOnChange, listsAsArrays, multiple, value }), onChange = _useValueSelector.onChange, val = _useValueSelector.val;
var optionElements = React3.useMemo(function() {
return toSelectItems(options, multiple);
}, [multiple, options]);
var _ec = otherProps.enableClear, multiSelectOtherProps = _objectWithoutProperties3(otherProps, _excluded22);
return multiple ? /* @__PURE__ */ jsx4(MultiSelect, _objectSpread3(_objectSpread3({}, multiSelectOtherProps), {}, { "data-testid": testID, title, className, disabled, value: toArray(val), placeholder, onValueChange: onChange, children: optionElements })) : /* @__PURE__ */ jsx4(Select, _objectSpread3(_objectSpread3({ enableClear: false }, otherProps), {}, { "data-testid": testID, title, className, value, disabled, onValueChange: onChange, children: optionElements }));
};
// src/TremorValueEditor.tsx
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);
}
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);
}
var dateFormat = "YYYY-MM-DD";
var ClearableValueSelector = function ClearableValueSelector2(props) {
return /* @__PURE__ */ jsx5(TremorValueSelector, _objectSpread4(_objectSpread4({}, props), {}, { enableClear: true }));
};
var TremorValueEditor = function TremorValueEditor2(allProps) {
var _fieldData$placeholde;
var $ = c(77);
var fieldData = allProps.fieldData, operator = allProps.operator, value = allProps.value, handleOnChange = allProps.handleOnChange, title = allProps.title, className = allProps.className, type = allProps.type, listsAsArrays = allProps.listsAsArrays, separator = allProps.separator, disabled = allProps.disabled, testID = allProps.testID, t0 = allProps.selectorComponent, extraProps = allProps.extraProps;
var selectorComponent = t0 === void 0 ? ClearableValueSelector : t0;
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 = (_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") && inputTypeCoerced !== "date") {
if (type === "text") {
var _t;
if ($[0] !== className || $[1] !== disabled || $[2] !== extraProps || $[3] !== inputTypeCoerced || $[4] !== multiValueHandler || $[5] !== placeHolderText || $[6] !== separator || $[7] !== testID || $[8] !== title || $[9] !== valueAsArray || $[10] !== valueListItemClassName) {
var editors = ["from", "to"].map(function(key, i) {
var _valueAsArray$i;
return jsx5(TextInput, _objectSpread4({ type: inputTypeCoerced, placeholder: placeHolderText, value: (_valueAsArray$i = valueAsArray[i]) !== null && _valueAsArray$i !== void 0 ? _valueAsArray$i : "", className: "".concat(valueListItemClassName, " input"), disabled, onValueChange: function onValueChange(v) {
return multiValueHandler(v, i);
} }, extraProps), key);
});
_t = jsxs2("span", { "data-testid": testID, className, title, children: [editors[0], separator, editors[1]] });
$[0] = className;
$[1] = disabled;
$[2] = extraProps;
$[3] = inputTypeCoerced;
$[4] = multiValueHandler;
$[5] = placeHolderText;
$[6] = separator;
$[7] = testID;
$[8] = title;
$[9] = valueAsArray;
$[10] = valueListItemClassName;
$[11] = _t;
} else {
_t = $[11];
}
return _t;
}
var _t2;
if ($[12] !== allProps || $[13] !== selectorComponent) {
_t2 = jsx5(ValueEditor, _objectSpread4(_objectSpread4({}, allProps), {}, { skipHook: true, selectorComponent }));
$[12] = allProps;
$[13] = selectorComponent;
$[14] = _t2;
} else {
_t2 = $[14];
}
return _t2;
}
switch (type) {
case "select": {
}
case "multiselect": {
var _t3;
if ($[15] !== allProps || $[16] !== selectorComponent) {
_t3 = jsx5(ValueEditor, _objectSpread4(_objectSpread4({}, allProps), {}, { skipHook: true, selectorComponent }));
$[15] = allProps;
$[16] = selectorComponent;
$[17] = _t3;
} else {
_t3 = $[17];
}
return _t3;
}
case "textarea": {
var _t4;
if ($[18] !== className || $[19] !== disabled || $[20] !== extraProps || $[21] !== handleOnChange || $[22] !== placeHolderText || $[23] !== title || $[24] !== value) {
_t4 = jsx5(Textarea, _objectSpread4({ className, value, title, placeholder: placeHolderText, disabled, onValueChange: handleOnChange }, extraProps));
$[18] = className;
$[19] = disabled;
$[20] = extraProps;
$[21] = handleOnChange;
$[22] = placeHolderText;
$[23] = title;
$[24] = value;
$[25] = _t4;
} else {
_t4 = $[25];
}
return _t4;
}
case "switch": {
var _t5;
if ($[26] !== className || $[27] !== disabled || $[28] !== extraProps || $[29] !== handleOnChange || $[30] !== title || $[31] !== value) {
_t5 = jsx5(Switch2, _objectSpread4({ className, title, checked: value, disabled, onChange: handleOnChange }, extraProps));
$[26] = className;
$[27] = disabled;
$[28] = extraProps;
$[29] = handleOnChange;
$[30] = title;
$[31] = value;
$[32] = _t5;
} else {
_t5 = $[32];
}
return _t5;
}
case "checkbox": {
}
case "radio": {
var _t6;
if ($[33] !== allProps) {
_t6 = jsx5(ValueEditor, _objectSpread4(_objectSpread4({}, allProps), {}, { skipHook: true }));
$[33] = allProps;
$[34] = _t6;
} else {
_t6 = $[34];
}
return _t6;
}
}
if (inputTypeCoerced === "date") {
if (operator === "between" || operator === "notBetween") {
var _t7;
if ($[35] !== className || $[36] !== disabled || $[37] !== extraProps || $[38] !== handleOnChange || $[39] !== listsAsArrays || $[40] !== placeHolderText || $[41] !== testID || $[42] !== valueAsArray) {
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();
});
var t2;
if ($[44] !== handleOnChange || $[45] !== listsAsArrays) {
t2 = function t22(dates) {
var dateArray = [dates.from, dates.to].map(_temp);
handleOnChange(listsAsArrays ? dateArray : dateArray.join(","));
};
$[44] = handleOnChange;
$[45] = listsAsArrays;
$[46] = t2;
} else {
t2 = $[46];
}
_t7 = jsx5(DateRangePicker, _objectSpread4({ "data-testid": testID, value: { from: twoDateArray[0], to: twoDateArray[1] }, className, disabled, placeholder: placeHolderText, enableSelect: false, enableClear: true, onValueChange: t2 }, extraProps));
$[35] = className;
$[36] = disabled;
$[37] = extraProps;
$[38] = handleOnChange;
$[39] = listsAsArrays;
$[40] = placeHolderText;
$[41] = testID;
$[42] = valueAsArray;
$[43] = _t7;
} else {
_t7 = $[43];
}
return _t7;
}
var _t8;
if ($[47] !== className || $[48] !== disabled || $[49] !== extraProps || $[50] !== handleOnChange || $[51] !== placeHolderText || $[52] !== testID || $[53] !== title || $[54] !== value) {
var _t9;
if ($[56] !== handleOnChange) {
_t9 = function _t92(d_0) {
return handleOnChange(d_0 ? dayjs(d_0).format(dateFormat) : "");
};
$[56] = handleOnChange;
$[57] = _t9;
} else {
_t9 = $[57];
}
_t8 = jsx5(DatePicker, _objectSpread4({ "data-testid": testID, title, className, placeholder: placeHolderText, disabled, enableClear: true, value: !!value && dayjs(value).isValid() ? dayjs(value).toDate() : void 0, onValueChange: _t9 }, extraProps));
$[47] = className;
$[48] = disabled;
$[49] = extraProps;
$[50] = handleOnChange;
$[51] = placeHolderText;
$[52] = testID;
$[53] = title;
$[54] = value;
$[55] = _t8;
} else {
_t8 = $[55];
}
return _t8;
}
if (inputTypeCoerced === "number") {
var _t0;
if ($[58] !== className || $[59] !== disabled || $[60] !== extraProps || $[61] !== handleOnChange || $[62] !== placeHolderText || $[63] !== testID || $[64] !== title || $[65] !== value) {
_t0 = jsx5(NumberInput, _objectSpread4({ "data-testid": testID, title, className, placeholder: placeHolderText, disabled, value, onValueChange: handleOnChange }, extraProps));
$[58] = className;
$[59] = disabled;
$[60] = extraProps;
$[61] = handleOnChange;
$[62] = placeHolderText;
$[63] = testID;
$[64] = title;
$[65] = value;
$[66] = _t0;
} else {
_t0 = $[66];
}
return _t0;
}
var t1;
if ($[67] !== className || $[68] !== disabled || $[69] !== extraProps || $[70] !== handleOnChange || $[71] !== inputTypeCoerced || $[72] !== placeHolderText || $[73] !== testID || $[74] !== title || $[75] !== value) {
t1 = jsx5(TextInput, _objectSpread4({ "data-testid": testID, title, className, placeholder: placeHolderText, type: inputTypeCoerced, disabled, value, onValueChange: handleOnChange }, extraProps));
$[67] = className;
$[68] = disabled;
$[69] = extraProps;
$[70] = handleOnChange;
$[71] = inputTypeCoerced;
$[72] = placeHolderText;
$[73] = testID;
$[74] = title;
$[75] = value;
$[76] = t1;
} else {
t1 = $[76];
}
return t1;
};
function _temp(d) {
return d ? dayjs(d).format(dateFormat) : "";
}
// 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 || titles === void 0 ? void 0 : titles.shiftUp, children: labels === null || labels === void 0 ? void 0 : labels.shiftUp }), /* @__PURE__ */ jsx6(Button2, { type: "button", variant: "light", disabled: disabled || shiftDownDisabled, onClick: shiftDown, title: titles === null || titles === void 0 ? void 0 : titles.shiftDown, children: labels === null || labels === void 0 ? 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.mjs.map