@react-querybuilder/tremor
Version:
Custom Tremor components for react-querybuilder
664 lines (653 loc) • 29.8 kB
JavaScript
;
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
// src/index.tsx
var src_exports = {};
__export(src_exports, {
QueryBuilderTremor: () => QueryBuilderTremor,
TremorActionElement: () => TremorActionElement,
TremorNotToggle: () => TremorNotToggle,
TremorShiftActions: () => TremorShiftActions,
TremorValueEditor: () => TremorValueEditor,
TremorValueSelector: () => TremorValueSelector,
tremorControlClassnames: () => tremorControlClassnames,
tremorControlElements: () => tremorControlElements
});
module.exports = __toCommonJS(src_exports);
var import_react_querybuilder4 = require("react-querybuilder");
// src/TremorActionElement.tsx
var import_jsx_runtime = require("react/jsx-runtime");
var import_react = require("@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__ */ (0, import_jsx_runtime.jsx)(import_react.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
var React = __toESM(require("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
var import_jsx_runtime2 = require("react/jsx-runtime");
var import_react2 = require("@tremor/react");
var React2 = __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 = ["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 = (0, import_jsx_runtime2.jsxs)("div", { className, "data-testid": testID, children: [(0, import_jsx_runtime2.jsx)(import_react2.Switch, _objectSpread2(_objectSpread2({}, otherProps), {}, { id, name: id, title, disabled, checked, onChange: handleOnChange })), (0, import_jsx_runtime2.jsx)("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
var import_jsx_runtime5 = require("react/jsx-runtime");
var import_react5 = require("@tremor/react");
var import_dayjs = __toESM(require("dayjs"));
var import_react_querybuilder3 = require("react-querybuilder");
// src/TremorValueSelector.tsx
var import_jsx_runtime4 = require("react/jsx-runtime");
var import_react4 = require("@tremor/react");
var React3 = __toESM(require("react"));
var import_react_querybuilder2 = require("react-querybuilder");
// src/utils.tsx
var import_jsx_runtime3 = require("react/jsx-runtime");
var import_react3 = require("@tremor/react");
var import_react_querybuilder = require("react-querybuilder");
var toSelectItems = function toSelectItems2(list, multi) {
var flatList = (0, import_react_querybuilder.isOptionGroupArray)(list) ? list.flatMap(function(og) {
return og.options;
}) : list;
if (Array.isArray(flatList)) {
return flatList.map(function(opt) {
return multi ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react3.MultiSelectItem, { value: opt.name, "aria-disabled": !!opt.disabled, children: opt.label }, opt.name) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react3.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 = (0, import_react_querybuilder2.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__ */ (0, import_jsx_runtime4.jsx)(import_react4.MultiSelect, _objectSpread3(_objectSpread3({}, multiSelectOtherProps), {}, { "data-testid": testID, title, className, disabled, value: (0, import_react_querybuilder2.toArray)(val), placeholder, onValueChange: onChange, children: optionElements })) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react4.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__ */ (0, import_jsx_runtime5.jsx)(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 = (0, import_react_querybuilder3.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 (0, import_jsx_runtime5.jsx)(import_react5.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 = (0, import_jsx_runtime5.jsxs)("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 = (0, import_jsx_runtime5.jsx)(import_react_querybuilder3.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 = (0, import_jsx_runtime5.jsx)(import_react_querybuilder3.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 = (0, import_jsx_runtime5.jsx)(import_react5.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 = (0, import_jsx_runtime5.jsx)(import_react5.Switch, _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 = (0, import_jsx_runtime5.jsx)(import_react_querybuilder3.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 = (0, import_dayjs.default)(valueAsArray[i_0]);
if (!date.isValid()) {
date = (0, import_dayjs.default)("".concat((0, import_dayjs.default)().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 = (0, import_jsx_runtime5.jsx)(import_react5.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 ? (0, import_dayjs.default)(d_0).format(dateFormat) : "");
};
$[56] = handleOnChange;
$[57] = _t9;
} else {
_t9 = $[57];
}
_t8 = (0, import_jsx_runtime5.jsx)(import_react5.DatePicker, _objectSpread4({ "data-testid": testID, title, className, placeholder: placeHolderText, disabled, enableClear: true, value: !!value && (0, import_dayjs.default)(value).isValid() ? (0, import_dayjs.default)(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 = (0, import_jsx_runtime5.jsx)(import_react5.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 = (0, import_jsx_runtime5.jsx)(import_react5.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 ? (0, import_dayjs.default)(d).format(dateFormat) : "";
}
// src/TremorShiftActions.tsx
var import_jsx_runtime6 = require("react/jsx-runtime");
var import_react6 = require("@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__ */ (0, import_jsx_runtime6.jsxs)("div", { "data-testid": testID, className, children: [/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react6.Button, { 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__ */ (0, import_jsx_runtime6.jsx)(import_react6.Button, { 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 = (0, import_react_querybuilder4.getCompatContextProvider)({ controlClassnames: tremorControlClassnames, controlElements: tremorControlElements });
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
QueryBuilderTremor,
TremorActionElement,
TremorNotToggle,
TremorShiftActions,
TremorValueEditor,
TremorValueSelector,
tremorControlClassnames,
tremorControlElements
});
//# sourceMappingURL=react-querybuilder_tremor.cjs.development.js.map