@solidxai/core-ui 0.1.12-beta.5 → 0.1.12-beta.6

package/dist/components/core/dashboard/DashboardFilter.js

@@ -0,0 +1,299 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { SolidAutocomplete, SolidButton, SolidDatePicker, SolidDialog, SolidDivider, SolidSelect } from "../../shad-cn-ui";
+import { useLazyGetDashboardVariableSelectionDynamicValuesQuery } from "../../../redux/api/dashboardApi";
+var getNumberOfInputs = function (matchMode) {
+    switch (matchMode) {
+        case '$between': return 2;
+        case '$in':
+        case '$notIn': return null;
+        case '$startsWith':
+        case '$contains':
+        case '$notContains':
+        case '$endsWith':
+        case '$equals':
+        case '$notEquals':
+        case '$lt':
+        case '$lte':
+        case '$gt':
+        case '$gte': return 1;
+        case '$null':
+        case '$notNull': return 0;
+        default: return 1;
+    }
+};
+var dateFilterMatchModeOptions = [
+    { label: 'Equals', value: "$eq" },
+    { label: 'Not Equals', value: "$nei" },
+    { label: 'Less Than', value: "$lt" },
+    { label: 'Less Than Or Equal', value: "$lte" },
+    { label: 'Greater Than', value: "$gt" },
+    { label: 'Greater Than Or Equal', value: "$gte" },
+    { label: 'In', value: "$in" },
+    { label: 'Not In', value: "$notIn" },
+    { label: 'Between', value: "$between" }
+];
+var selectionFilterMatchModeOptions = [
+    { label: 'In', value: "$in" },
+    { label: 'Not In', value: "$notIn" }
+];
+var FilterValueInput = function (_a) {
+    var rule = _a.rule, onChange = _a.onChange;
+    var numberOfInputs = getNumberOfInputs(rule.matchMode);
+    // Ensure values is an array properly sized immediately on render
+    var values = Array.isArray(rule.value) ? __spreadArray([], rule.value, true) : (rule.value ? [rule.value] : []);
+    if (numberOfInputs !== null && numberOfInputs > 0 && values.length !== numberOfInputs) {
+        if (values.length < numberOfInputs) {
+            values = __spreadArray(__spreadArray([], values, true), Array(numberOfInputs - values.length).fill(''), true);
+        }
+        else {
+            values = values.slice(0, numberOfInputs);
+        }
+    }
+    if (values.length === 0 && (numberOfInputs === null || numberOfInputs > 0)) {
+        values = [''];
+    }
+    var updateValue = function (index, val) {
+        var newValues = __spreadArray([], values, true);
+        newValues[index] = val;
+        onChange(rule.id, 'value', numberOfInputs === 1 ? newValues[0] : newValues);
+    };
+    var addInput = function () {
+        var newValues = __spreadArray(__spreadArray([], values, true), [''], false);
+        onChange(rule.id, 'value', newValues);
+    };
+    var deleteInput = function (index) {
+        if (values.length > 1) {
+            var newValues = values.filter(function (_, i) { return i !== index; });
+            onChange(rule.id, 'value', newValues);
+        }
+    };
+    // Components for actual rendering
+    var renderDate = function (val, index) {
+        var dateVal = val ? new Date(val) : null;
+        if (isNaN((dateVal === null || dateVal === void 0 ? void 0 : dateVal.getTime()) || 0))
+            dateVal = null;
+        return (_jsx(SolidDatePicker, { selected: dateVal || undefined, onChange: function (nextDate) {
+                var dateStr = nextDate ? nextDate.toISOString().split('T')[0] : '';
+                updateValue(index, dateStr);
+            }, dateFormat: "MM/dd/yyyy", placeholderText: "mm/dd/yyyy", className: "w-full", inputClassName: "w-full text-sm" }));
+    };
+    var SelectionStaticInput = function (_a) {
+        var val = _a.val, index = _a.index, updateValue = _a.updateValue, dv = _a.dv;
+        var _b = useState([]), filteredItems = _b[0], setFilteredItems = _b[1];
+        var staticValues = JSON.parse(dv.selectionStaticValues || '[]') || [];
+        var staticValueItems = staticValues.map(function (v) { return ({ value: v.split(':')[0], label: v.split(':')[1] }); });
+        var search = function (event) {
+            var query = event.query.toLowerCase();
+            var filtered = staticValueItems.filter(function (item) {
+                return item.label.toLowerCase().includes(query);
+            });
+            setFilteredItems(filtered);
+        };
+        return (_jsx(SolidAutocomplete, { value: val, suggestions: filteredItems, completeMethod: search, onChange: function (e) { return updateValue(index, e.value); }, field: "label", dropdown: true, className: "w-full", inputClassName: "w-full text-sm" }));
+    };
+    var SelectionDynamicInput = function (_a) {
+        var val = _a.val, index = _a.index, updateValue = _a.updateValue, dv = _a.dv;
+        var _b = useState([]), filteredItems = _b[0], setFilteredItems = _b[1];
+        var trigger = useLazyGetDashboardVariableSelectionDynamicValuesQuery()[0];
+        var search = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+            var queryString, res, filtered, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        queryString = "variableId=".concat(dv.id, "&q=").concat(event.query);
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, trigger(queryString).unwrap()];
+                    case 2:
+                        res = _a.sent();
+                        filtered = res.filter(function (item) {
+                            return item.label.toLowerCase().includes(event.query.toLowerCase());
+                        });
+                        setFilteredItems(filtered);
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _a.sent();
+                        console.error(error_1);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        return (_jsx(SolidAutocomplete, { value: val, suggestions: filteredItems, completeMethod: search, onChange: function (e) { return updateValue(index, e.value); }, field: "label", dropdown: true, className: "w-full", inputClassName: "w-full text-sm" }));
+    };
+    if (numberOfInputs === 0)
+        return _jsx(_Fragment, {});
+    return (_jsx("div", { className: "flex flex-column gap-2", children: values.map(function (val, index) { return (_jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { className: "flex-grow-1", children: [rule.variable.variableType === 'date' && renderDate(val, index), rule.variable.variableType === 'selectionStatic' && _jsx(SelectionStaticInput, { val: val, index: index, updateValue: updateValue, dv: rule.variable }), rule.variable.variableType === 'selectionDynamic' && _jsx(SelectionDynamicInput, { val: val, index: index, updateValue: updateValue, dv: rule.variable })] }), numberOfInputs === null && (_jsxs("div", { className: "flex align-items-center", children: [_jsx(SolidButton, { type: "button", text: true, severity: 'secondary', icon: "si si-plus", size: 'sm', onClick: addInput, className: 'p-0 mr-2 target-btn', style: { width: 30, minWidth: 30 } }), _jsx(SolidButton, { type: "button", text: true, severity: 'secondary', icon: "si si-trash", size: 'sm', onClick: function () { return deleteInput(index); }, className: 'p-0 target-btn', style: { width: 30, minWidth: 30 }, disabled: values.length <= 1 })] }))] }, index)); }) }));
+};
+export var DashboardFilter = function (_a) {
+    var dashboardVariables = _a.dashboardVariables, initialFilters = _a.initialFilters, onApply = _a.onApply, visible = _a.visible, onHide = _a.onHide;
+    var _b = useState([]), rules = _b[0], setRules = _b[1];
+    useEffect(function () {
+        if (visible) {
+            // Initialize rules based on dashboardVariables
+            var newRules = dashboardVariables.map(function (dv, index) {
+                var existingFilter = initialFilters.find(function (f) { return f.variableName === dv.variableName; });
+                var defaultOperator = dv.defaultOperator || (dv.variableType === 'date' ? '$between' : '$in');
+                var defaultValue = null;
+                if (existingFilter && existingFilter.value !== undefined) {
+                    defaultValue = existingFilter.value;
+                }
+                else if (dv.defaultValue) {
+                    try {
+                        defaultValue = JSON.parse(dv.defaultValue || '[]');
+                    }
+                    catch (e) {
+                        defaultValue = null;
+                    }
+                }
+                return {
+                    id: index + 1,
+                    fieldName: dv.variableName,
+                    matchMode: existingFilter ? existingFilter.operator : defaultOperator,
+                    value: defaultValue,
+                    variable: dv
+                };
+            });
+            setRules(newRules);
+        }
+    }, [visible, dashboardVariables, initialFilters]);
+    var handleChange = function (id, key, value) {
+        setRules(function (prev) {
+            return prev.map(function (rule) {
+                var _a, _b;
+                if (rule.id === id) {
+                    var newVal = rule.value;
+                    // Immediate sync of values count when operator matches
+                    if (key === 'matchMode') {
+                        var newNum = getNumberOfInputs(value);
+                        var currentValues = Array.isArray(rule.value) ? __spreadArray([], rule.value, true) : (rule.value ? [rule.value] : []);
+                        if (newNum !== null && newNum > 0) {
+                            if (currentValues.length < newNum) {
+                                currentValues = __spreadArray(__spreadArray([], currentValues, true), Array(newNum - currentValues.length).fill(''), true);
+                            }
+                            else if (currentValues.length > newNum) {
+                                currentValues = currentValues.slice(0, newNum);
+                            }
+                        }
+                        else if (newNum === null && currentValues.length === 0) {
+                            currentValues = [''];
+                        }
+                        newVal = newNum === 1 && currentValues.length === 1 ? currentValues[0] : currentValues;
+                        return __assign(__assign({}, rule), (_a = {}, _a[key] = value, _a.value = newVal, _a));
+                    }
+                    return __assign(__assign({}, rule), (_b = {}, _b[key] = value, _b));
+                }
+                return rule;
+            });
+        });
+    };
+    var handleApply = function () {
+        var newFilters = rules
+            .filter(function (rule) {
+            if (['$null', '$notNull'].includes(rule.matchMode))
+                return true;
+            if (rule.value === null || rule.value === undefined)
+                return false;
+            if (Array.isArray(rule.value)) {
+                var hasValidValue = rule.value.some(function (v) { return v !== '' && v !== null; });
+                if (!hasValidValue)
+                    return false;
+            }
+            else {
+                if (rule.value === '')
+                    return false;
+            }
+            return true;
+        })
+            .map(function (rule) {
+            var finalValue = rule.value;
+            var numberOfInputs = getNumberOfInputs(rule.matchMode);
+            // Clean array values or extract single values
+            if (Array.isArray(finalValue)) {
+                finalValue = finalValue.filter(function (v) { return v !== null && v !== ''; });
+                if (numberOfInputs === 1 && finalValue.length > 0) {
+                    finalValue = finalValue[0];
+                }
+            }
+            // For selection static/dynamic, we might have selected an object {label, value} or string
+            // We need to extract the 'value' if it's an object from AutoComplete selection
+            if (Array.isArray(finalValue)) {
+                finalValue = finalValue.map(function (v) { return typeof v === 'object' && v !== null && 'value' in v ? v.value : v; });
+            }
+            else if (typeof finalValue === 'object' && finalValue !== null && 'value' in finalValue) {
+                finalValue = finalValue.value;
+            }
+            return {
+                variableName: rule.fieldName,
+                operator: rule.matchMode,
+                value: finalValue,
+            };
+        });
+        onApply(newFilters);
+        onHide();
+    };
+    var handleClear = function () {
+        onApply([]);
+        onHide();
+    };
+    return (_jsxs(SolidDialog, { showHeader: false, visible: visible, className: "solid-global-search-filter solid-dialog-lg", onHide: onHide, children: [_jsxs("div", { className: "flex align-items-center justify-content-between px-3", children: [_jsx("h5", { className: "solid-custom-title m-0", children: "Add Dashboard Filter" }), _jsx(SolidButton, { icon: "si si-times", rounded: true, text: true, "aria-label": "Cancel", type: "reset", size: "sm", onClick: onHide })] }), _jsx(SolidDivider, { className: "m-0" }), _jsxs("div", { className: "p-2 lg:p-2", children: [_jsx("div", { className: 'primary-filter-fieldset', children: _jsxs("div", { className: "flex flex-column gap-3 py-3", children: [rules.map(function (rule) { return (_jsxs("div", { className: "grid grid-nogutter align-items-start", children: [_jsx("div", { className: "col-12 md:col-4 pr-2", children: _jsx("div", { className: "p-inputtext p-disabled w-full flex align-items-center mb-2 md:mb-0", style: { minHeight: '38px' }, children: rule.fieldName }) }), _jsx("div", { className: "col-12 md:col-4 pr-2", children: _jsx(SolidSelect, { value: rule.matchMode, onChange: function (e) { return handleChange(rule.id, 'matchMode', e.value); }, options: rule.variable.variableType === 'date' ? dateFilterMatchModeOptions : selectionFilterMatchModeOptions, placeholder: "Select Operator", className: "w-full" }) }), _jsx("div", { className: "col-12 md:col-4", children: _jsx(FilterValueInput, { rule: rule, onChange: handleChange }) })] }, rule.id)); }), rules.length === 0 && (_jsx("div", { className: "text-color-secondary italic", children: "No variables available for this dashboard." }))] }) }), _jsxs("div", { className: 'flex gap-3 mt-3', children: [_jsx(SolidButton, { label: "Apply", size: "sm", onClick: handleApply, autoFocus: true }), _jsx(SolidButton, { type: 'button', label: 'Cancel', outlined: true, size: 'sm', onClick: onHide })] })] })] }));
+};
+//# sourceMappingURL=DashboardFilter.js.map

package/dist/components/core/dashboard/DashboardFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardFilter.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/DashboardFilter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG3H,OAAO,EAAE,sDAAsD,EAAE,MAAM,iCAAiC,CAAC;AAWzG,IAAM,iBAAiB,GAAG,UAAC,SAAc;IACrC,QAAQ,SAAS,EAAE;QACf,KAAK,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QAC1B,KAAK,KAAK,CAAC;QAAC,KAAK,QAAQ,CAAC,CAAC,OAAO,IAAI,CAAC;QACvC,KAAK,aAAa,CAAC;QAAC,KAAK,WAAW,CAAC;QAAC,KAAK,cAAc,CAAC;QAAC,KAAK,WAAW,CAAC;QAAC,KAAK,SAAS,CAAC;QAAC,KAAK,YAAY,CAAC;QAAC,KAAK,KAAK,CAAC;QAAC,KAAK,MAAM,CAAC;QAAC,KAAK,KAAK,CAAC;QAAC,KAAK,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC;QAC3K,KAAK,OAAO,CAAC;QAAC,KAAK,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;QACxC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC;KACrB;AACL,CAAC,CAAA;AAED,IAAM,0BAA0B,GAAG;IAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;IACjC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;IACtC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE;IACpC,EAAE,KAAK,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,EAAE;IAC9C,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE;IACvC,EAAE,KAAK,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE;IACjD,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;IAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;CAC1C,CAAC;AAEF,IAAM,+BAA+B,GAAG;IACpC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE;IAC7B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;CACvC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,EAAuB;QAArB,IAAI,UAAA,EAAE,QAAQ,cAAA;IACtC,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEzD,iEAAiE;IACjE,IAAI,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAK,IAAI,CAAC,KAAK,QAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAE5F,IAAI,cAAc,KAAK,IAAI,IAAI,cAAc,GAAG,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,cAAc,EAAE;QACnF,IAAI,MAAM,CAAC,MAAM,GAAG,cAAc,EAAE;YAChC,MAAM,mCAAO,MAAM,SAAK,KAAK,CAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAC,CAAC;SAC3E;aAAM;YACH,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC;SAC5C;KACJ;IACD,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,cAAc,KAAK,IAAI,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE;QACxE,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC;KACjB;IAED,IAAM,WAAW,GAAG,UAAC,KAAa,EAAE,GAAQ;QACxC,IAAM,SAAS,qBAAO,MAAM,OAAC,CAAC;QAC9B,SAAS,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC;QACvB,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,cAAc,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAChF,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QACb,IAAM,SAAS,mCAAO,MAAM,UAAE,EAAE,SAAC,CAAC;QAClC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,KAAa;QAC9B,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YACnB,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,UAAC,CAAM,EAAE,CAAS,IAAK,OAAA,CAAC,KAAK,KAAK,EAAX,CAAW,CAAC,CAAC;YACpE,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC;SACzC;IACL,CAAC,CAAC;IAEF,kCAAkC;IAClC,IAAM,UAAU,GAAG,UAAC,GAAQ,EAAE,KAAa;QACvC,IAAI,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QACzC,IAAI,KAAK,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,EAAE,KAAI,CAAC,CAAC;YAAE,OAAO,GAAG,IAAI,CAAC;QACnD,OAAO,CACP,KAAC,eAAe,IACd,QAAQ,EAAE,OAAO,IAAI,SAAS,EAC9B,QAAQ,EAAE,UAAC,QAAqB;gBAC9B,IAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC7D,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;YAChC,CAAC,EACD,UAAU,EAAC,YAAY,EACvB,eAAe,EAAC,YAAY,EAC5B,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,gBAAgB,GACjC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,EAAoC;YAAlC,GAAG,SAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,EAAE,QAAA;QACjD,IAAA,KAAoC,QAAQ,CAAqC,EAAE,CAAC,EAAnF,aAAa,QAAA,EAAE,gBAAgB,QAAoD,CAAC;QAC3F,IAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,qBAAqB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACxE,IAAM,gBAAgB,GAAG,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAApD,CAAoD,CAAC,CAAC;QAE5G,IAAM,MAAM,GAAG,UAAC,KAAgC;YAC5C,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;YACxC,IAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,UAAC,IAAS;gBAC/C,OAAA,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAxC,CAAwC,CAC3C,CAAC;YACF,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEF,OAAO,CACH,KAAC,iBAAiB,IACd,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,aAAa,EAC1B,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC5C,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,gBAAgB,GACjC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,qBAAqB,GAAG,UAAC,EAAoC;YAAlC,GAAG,SAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,EAAE,QAAA;QAClD,IAAA,KAAoC,QAAQ,CAAqC,EAAE,CAAC,EAAnF,aAAa,QAAA,EAAE,gBAAgB,QAAoD,CAAC;QACpF,IAAA,OAAO,GAAI,sDAAsD,EAAE,GAA5D,CAA6D;QAE3E,IAAM,MAAM,GAAG,UAAO,KAAgC;;;;;wBAC5C,WAAW,GAAG,qBAAc,EAAE,CAAC,EAAE,gBAAM,KAAK,CAAC,KAAK,CAAE,CAAC;;;;wBAE3C,qBAAM,OAAO,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,EAAA;;wBAAzC,GAAG,GAAG,SAAmC;wBACzC,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,UAAC,IAAS;4BAClC,OAAA,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;wBAA5D,CAA4D,CAC/D,CAAC;wBACF,gBAAgB,CAAC,QAAQ,CAAC,CAAC;;;;wBAE3B,OAAO,CAAC,KAAK,CAAC,OAAK,CAAC,CAAC;;;;;aAE5B,CAAC;QAEF,OAAO,CACH,KAAC,iBAAiB,IACd,KAAK,EAAE,GAAG,EACV,WAAW,EAAE,aAAa,EAC1B,cAAc,EAAE,MAAM,EACtB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA3B,CAA2B,EAC5C,KAAK,EAAC,OAAO,EACb,QAAQ,QACR,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,gBAAgB,GACjC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,IAAI,cAAc,KAAK,CAAC;QAAE,OAAO,mBAAK,CAAC;IAEvC,OAAO,CACH,cAAK,SAAS,EAAC,wBAAwB,YAClC,MAAM,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,KAAa,IAAK,OAAA,CACrC,eAAiB,SAAS,EAAC,YAAY,aACnC,eAAK,SAAS,EAAC,aAAa,aACvB,IAAI,CAAC,QAAQ,CAAC,YAAY,KAAK,MAAM,IAAI,UAAU,CAAC,GAAG,EAAE,KAAK,CAAC,EAC/D,IAAI,CAAC,QAAQ,CAAC,YAAY,KAAK,iBAAiB,IAAI,KAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,GAAI,EACjJ,IAAI,CAAC,QAAQ,CAAC,YAAY,KAAK,kBAAkB,IAAI,KAAC,qBAAqB,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,GAAI,IAClJ,EACL,cAAc,KAAK,IAAI,IAAI,CACxB,eAAK,SAAS,EAAC,yBAAyB,aACpC,KAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,EAC1K,KAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EAAE,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,IAAI,CAAC,GAAI,IAClN,CACT,KAXK,KAAK,CAYT,CACT,EAdwC,CAcxC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAmC,UAAC,EAM/D;QALG,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA;IAEA,IAAA,KAAoB,QAAQ,CAAQ,EAAE,CAAC,EAAtC,KAAK,QAAA,EAAE,QAAQ,QAAuB,CAAC;IAE9C,SAAS,CAAC;QACN,IAAI,OAAO,EAAE;YACT,+CAA+C;YAC/C,IAAM,QAAQ,GAAG,kBAAkB,CAAC,GAAG,CAAC,UAAC,EAAE,EAAE,KAAK;gBAC9C,IAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,YAAY,KAAK,EAAE,CAAC,YAAY,EAAlC,CAAkC,CAAC,CAAC;gBAE3F,IAAM,eAAe,GAAG,EAAE,CAAC,eAAe,IAAI,CAAC,EAAE,CAAC,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBAEhG,IAAI,YAAY,GAAG,IAAI,CAAC;gBACxB,IAAI,cAAc,IAAI,cAAc,CAAC,KAAK,KAAK,SAAS,EAAE;oBACtD,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC;iBACvC;qBAAM,IAAI,EAAE,CAAC,YAAY,EAAE;oBACxB,IAAI;wBACA,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,IAAI,IAAI,CAAC,CAAC;qBACtD;oBAAC,OAAO,CAAC,EAAE;wBACR,YAAY,GAAG,IAAI,CAAC;qBACvB;iBACJ;gBAED,OAAO;oBACH,EAAE,EAAE,KAAK,GAAG,CAAC;oBACb,SAAS,EAAE,EAAE,CAAC,YAAY;oBAC1B,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;oBACrE,KAAK,EAAE,YAAY;oBACnB,QAAQ,EAAE,EAAE;iBACf,CAAC;YACN,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACtB;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,EAAE,cAAc,CAAC,CAAC,CAAC;IAElD,IAAM,YAAY,GAAG,UAAC,EAAU,EAAE,GAAW,EAAE,KAAU;QACrD,QAAQ,CAAC,UAAC,IAAI;YACV,OAAA,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;;gBACV,IAAI,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE;oBAChB,IAAI,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC;oBACxB,uDAAuD;oBACvD,IAAI,GAAG,KAAK,WAAW,EAAE;wBACrB,IAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;wBACxC,IAAI,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,mBAAK,IAAI,CAAC,KAAK,QAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;wBACnG,IAAI,MAAM,KAAK,IAAI,IAAI,MAAM,GAAG,CAAC,EAAE;4BAC/B,IAAI,aAAa,CAAC,MAAM,GAAG,MAAM,EAAE;gCAC/B,aAAa,mCAAO,aAAa,SAAK,KAAK,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,OAAC,CAAC;6BACxF;iCAAM,IAAI,aAAa,CAAC,MAAM,GAAG,MAAM,EAAE;gCACtC,aAAa,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;6BAClD;yBACJ;6BAAM,IAAI,MAAM,KAAK,IAAI,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;4BACtD,aAAa,GAAG,CAAC,EAAE,CAAC,CAAC;yBACxB;wBACD,MAAM,GAAG,MAAM,KAAK,CAAC,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;wBACvF,6BAAY,IAAI,gBAAG,GAAG,IAAG,KAAK,EAAE,QAAK,GAAE,MAAM,OAAG;qBACnD;oBACD,6BAAY,IAAI,gBAAG,GAAG,IAAG,KAAK,OAAG;iBACpC;gBACD,OAAO,IAAI,CAAC;YAChB,CAAC,CAAC;QAtBF,CAsBE,CACL,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG;QAChB,IAAM,UAAU,GAAoB,KAAK;aACpC,MAAM,CAAC,UAAC,IAAI;YACT,IAAI,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;gBAAE,OAAO,IAAI,CAAC;YAEhE,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;gBAAE,OAAO,KAAK,CAAC;YAClE,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gBAC3B,IAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAtB,CAAsB,CAAC,CAAC;gBAC1E,IAAI,CAAC,aAAa;oBAAE,OAAO,KAAK,CAAC;aACpC;iBAAM;gBACH,IAAI,IAAI,CAAC,KAAK,KAAK,EAAE;oBAAE,OAAO,KAAK,CAAC;aACvC;YACD,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC;aACD,GAAG,CAAC,UAAC,IAAI;YACN,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC;YAC5B,IAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YACzD,8CAA8C;YAC9C,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC3B,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAAE,EAAtB,CAAsB,CAAC,CAAC;gBAC5D,IAAI,cAAc,KAAK,CAAC,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;oBAC/C,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;iBAC9B;aACJ;YAED,0FAA0F;YAC1F,+EAA+E;YAC/E,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;gBAC3B,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAjE,CAAiE,CAAC,CAAC;aACvG;iBAAM,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,IAAI,IAAI,OAAO,IAAI,UAAU,EAAE;gBACvF,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC;aACjC;YAED,OAAO;gBACH,YAAY,EAAE,IAAI,CAAC,SAAS;gBAC5B,QAAQ,EAAE,IAAI,CAAC,SAAS;gBACxB,KAAK,EAAE,UAAU;aACpB,CAAA;QACL,CAAC,CAAC,CAAC;QAEP,OAAO,CAAC,UAAU,CAAC,CAAC;QACpB,MAAM,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG;QAChB,OAAO,CAAC,EAAE,CAAC,CAAC;QACZ,MAAM,EAAE,CAAC;IACb,CAAC,CAAC;IAEF,OAAO,CAGH,MAAC,WAAW,IAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,4CAA4C,EAAC,MAAM,EAAE,MAAM,aACnH,eAAK,SAAS,EAAC,sDAAsD,aACjE,aAAI,SAAS,EAAC,wBAAwB,qCAA0B,EAChE,KAAC,WAAW,IAAC,IAAI,EAAC,aAAa,EAAC,OAAO,QAAC,IAAI,sBAAY,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,MAAM,GAAI,IACzG,EACN,KAAC,YAAY,IAAC,SAAS,EAAC,KAAK,GAAG,EAChC,eAAK,SAAS,EAAC,YAAY,aACvB,cAAK,SAAS,EAAC,yBAAyB,YACpC,eAAK,SAAS,EAAC,6BAA6B,aAEvC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACjB,eAAmB,SAAS,EAAC,sCAAsC,aAC/D,cAAK,SAAS,EAAC,sBAAsB,YACjC,cAAK,SAAS,EAAC,oEAAoE,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC3G,IAAI,CAAC,SAAS,GACb,GACJ,EACN,cAAK,SAAS,EAAC,sBAAsB,YACjC,KAAC,WAAW,IACR,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,UAAC,CAAM,IAAK,OAAA,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EAA3C,CAA2C,EACjE,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,+BAA+B,EAC7G,WAAW,EAAC,iBAAiB,EAC7B,SAAS,EAAC,QAAQ,GACpB,GACA,EACN,cAAK,SAAS,EAAC,iBAAiB,YAC5B,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,GAAI,GACtD,KAjBA,IAAI,CAAC,EAAE,CAkBX,CACT,EApBoB,CAoBpB,CAAC,EACD,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CACnB,cAAK,SAAS,EAAC,6BAA6B,2DAAiD,CAChG,IACC,GACJ,EAMN,eAAK,SAAS,EAAC,iBAAiB,aAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,WAAW,EAAE,SAAS,SAAG,EACvE,KAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,QAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,MAAM,GAAI,IAC9E,IAEJ,IACI,CAEjB,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { SolidAutocomplete, SolidButton, SolidDatePicker, SolidDialog, SolidDivider, SolidSelect } from \"../../shad-cn-ui\";\nimport { SqlExpression } from \"../../../types/solid-core\";\nimport { DashboardVariableRecord } from \"./SolidDashboard\";\nimport { useLazyGetDashboardVariableSelectionDynamicValuesQuery } from \"../../../redux/api/dashboardApi\";\ntype AutoCompleteCompleteEvent = { query: string };\n\ninterface DashboardFilterProps {\n    dashboardVariables: DashboardVariableRecord[];\n    initialFilters: SqlExpression[];\n    onApply: (filters: SqlExpression[]) => void;\n    visible: boolean;\n    onHide: () => void;\n}\n\nconst getNumberOfInputs = (matchMode: any): number | null => {\n    switch (matchMode) {\n        case '$between': return 2;\n        case '$in': case '$notIn': return null;\n        case '$startsWith': case '$contains': case '$notContains': case '$endsWith': case '$equals': case '$notEquals': case '$lt': case '$lte': case '$gt': case '$gte': return 1;\n        case '$null': case '$notNull': return 0;\n        default: return 1;\n    }\n}\n\nconst dateFilterMatchModeOptions = [\n    { label: 'Equals', value: \"$eq\" },\n    { label: 'Not Equals', value: \"$nei\" },\n    { label: 'Less Than', value: \"$lt\" },\n    { label: 'Less Than Or Equal', value: \"$lte\" },\n    { label: 'Greater Than', value: \"$gt\" },\n    { label: 'Greater Than Or Equal', value: \"$gte\" },\n    { label: 'In', value: \"$in\" },\n    { label: 'Not In', value: \"$notIn\" },\n    { label: 'Between', value: \"$between\" }\n];\n\nconst selectionFilterMatchModeOptions = [\n    { label: 'In', value: \"$in\" },\n    { label: 'Not In', value: \"$notIn\" }\n];\n\nconst FilterValueInput = ({ rule, onChange }: any) => {\n    const numberOfInputs = getNumberOfInputs(rule.matchMode);\n\n    // Ensure values is an array properly sized immediately on render\n    let values = Array.isArray(rule.value) ? [...rule.value] : (rule.value ? [rule.value] : []);\n\n    if (numberOfInputs !== null && numberOfInputs > 0 && values.length !== numberOfInputs) {\n        if (values.length < numberOfInputs) {\n            values = [...values, ...Array(numberOfInputs - values.length).fill('')];\n        } else {\n            values = values.slice(0, numberOfInputs);\n        }\n    }\n    if (values.length === 0 && (numberOfInputs === null || numberOfInputs > 0)) {\n        values = [''];\n    }\n\n    const updateValue = (index: number, val: any) => {\n        const newValues = [...values];\n        newValues[index] = val;\n        onChange(rule.id, 'value', numberOfInputs === 1 ? newValues[0] : newValues);\n    };\n\n    const addInput = () => {\n        const newValues = [...values, ''];\n        onChange(rule.id, 'value', newValues);\n    };\n\n    const deleteInput = (index: number) => {\n        if (values.length > 1) {\n            const newValues = values.filter((_: any, i: number) => i !== index);\n            onChange(rule.id, 'value', newValues);\n        }\n    };\n\n    // Components for actual rendering\n    const renderDate = (val: any, index: number) => {\n        let dateVal = val ? new Date(val) : null;\n        if (isNaN(dateVal?.getTime() || 0)) dateVal = null;\n        return (\n        <SolidDatePicker\n          selected={dateVal || undefined}\n          onChange={(nextDate: Date | null) => {\n            const dateStr = nextDate ? nextDate.toISOString().split('T')[0] : '';\n                    updateValue(index, dateStr);\n                }}\n                dateFormat=\"MM/dd/yyyy\"\n                placeholderText=\"mm/dd/yyyy\"\n                className=\"w-full\"\n                inputClassName=\"w-full text-sm\"\n            />\n        );\n    };\n\n    const SelectionStaticInput = ({ val, index, updateValue, dv }: any) => {\n        const [filteredItems, setFilteredItems] = useState<{ label: string, value: string }[]>([]);\n        const staticValues = JSON.parse(dv.selectionStaticValues || '[]') || [];\n        const staticValueItems = staticValues.map((v: any) => ({ value: v.split(':')[0], label: v.split(':')[1] }));\n\n        const search = (event: AutoCompleteCompleteEvent) => {\n            const query = event.query.toLowerCase();\n            const filtered = staticValueItems.filter((item: any) =>\n                item.label.toLowerCase().includes(query)\n            );\n            setFilteredItems(filtered);\n        };\n\n        return (\n            <SolidAutocomplete\n                value={val}\n                suggestions={filteredItems}\n                completeMethod={search}\n                onChange={(e) => updateValue(index, e.value)}\n                field=\"label\"\n                dropdown\n                className=\"w-full\"\n                inputClassName=\"w-full text-sm\"\n            />\n        );\n    };\n\n    const SelectionDynamicInput = ({ val, index, updateValue, dv }: any) => {\n        const [filteredItems, setFilteredItems] = useState<{ label: string, value: string }[]>([]);\n        const [trigger] = useLazyGetDashboardVariableSelectionDynamicValuesQuery();\n\n        const search = async (event: AutoCompleteCompleteEvent) => {\n            const queryString = `variableId=${dv.id}&q=${event.query}`;\n            try {\n                const res = await trigger(queryString).unwrap();\n                const filtered = res.filter((item: any) =>\n                    item.label.toLowerCase().includes(event.query.toLowerCase())\n                );\n                setFilteredItems(filtered);\n            } catch (error) {\n                console.error(error);\n            }\n        };\n\n        return (\n            <SolidAutocomplete\n                value={val}\n                suggestions={filteredItems}\n                completeMethod={search}\n                onChange={(e) => updateValue(index, e.value)}\n                field=\"label\"\n                dropdown\n                className=\"w-full\"\n                inputClassName=\"w-full text-sm\"\n            />\n        );\n    };\n\n    if (numberOfInputs === 0) return <></>;\n\n    return (\n        <div className=\"flex flex-column gap-2\">\n            {values.map((val: any, index: number) => (\n                <div key={index} className=\"flex gap-2\">\n                    <div className=\"flex-grow-1\">\n                        {rule.variable.variableType === 'date' && renderDate(val, index)}\n                        {rule.variable.variableType === 'selectionStatic' && <SelectionStaticInput val={val} index={index} updateValue={updateValue} dv={rule.variable} />}\n                        {rule.variable.variableType === 'selectionDynamic' && <SelectionDynamicInput val={val} index={index} updateValue={updateValue} dv={rule.variable} />}\n                    </div>\n                    {numberOfInputs === null && (\n                        <div className=\"flex align-items-center\">\n                            <SolidButton type=\"button\" text severity='secondary' icon=\"si si-plus\" size='sm' onClick={addInput} className='p-0 mr-2 target-btn' style={{ width: 30, minWidth: 30 }} />\n                            <SolidButton type=\"button\" text severity='secondary' icon=\"si si-trash\" size='sm' onClick={() => deleteInput(index)} className='p-0 target-btn' style={{ width: 30, minWidth: 30 }} disabled={values.length <= 1} />\n                        </div>\n                    )}\n                </div>\n            ))}\n        </div>\n    );\n};\n\nexport const DashboardFilter: React.FC<DashboardFilterProps> = ({\n    dashboardVariables,\n    initialFilters,\n    onApply,\n    visible,\n    onHide,\n}) => {\n    const [rules, setRules] = useState<any[]>([]);\n\n    useEffect(() => {\n        if (visible) {\n            // Initialize rules based on dashboardVariables\n            const newRules = dashboardVariables.map((dv, index) => {\n                const existingFilter = initialFilters.find((f: any) => f.variableName === dv.variableName);\n\n                const defaultOperator = dv.defaultOperator || (dv.variableType === 'date' ? '$between' : '$in');\n\n                let defaultValue = null;\n                if (existingFilter && existingFilter.value !== undefined) {\n                    defaultValue = existingFilter.value;\n                } else if (dv.defaultValue) {\n                    try {\n                        defaultValue = JSON.parse(dv.defaultValue || '[]');\n                    } catch (e) {\n                        defaultValue = null;\n                    }\n                }\n\n                return {\n                    id: index + 1,\n                    fieldName: dv.variableName,\n                    matchMode: existingFilter ? existingFilter.operator : defaultOperator,\n                    value: defaultValue,\n                    variable: dv\n                };\n            });\n            setRules(newRules);\n        }\n    }, [visible, dashboardVariables, initialFilters]);\n\n    const handleChange = (id: number, key: string, value: any) => {\n        setRules((prev) =>\n            prev.map((rule) => {\n                if (rule.id === id) {\n                    let newVal = rule.value;\n                    // Immediate sync of values count when operator matches\n                    if (key === 'matchMode') {\n                        const newNum = getNumberOfInputs(value);\n                        let currentValues = Array.isArray(rule.value) ? [...rule.value] : (rule.value ? [rule.value] : []);\n                        if (newNum !== null && newNum > 0) {\n                            if (currentValues.length < newNum) {\n                                currentValues = [...currentValues, ...Array(newNum - currentValues.length).fill('')];\n                            } else if (currentValues.length > newNum) {\n                                currentValues = currentValues.slice(0, newNum);\n                            }\n                        } else if (newNum === null && currentValues.length === 0) {\n                            currentValues = [''];\n                        }\n                        newVal = newNum === 1 && currentValues.length === 1 ? currentValues[0] : currentValues;\n                        return { ...rule, [key]: value, value: newVal };\n                    }\n                    return { ...rule, [key]: value };\n                }\n                return rule;\n            })\n        );\n    };\n\n    const handleApply = () => {\n        const newFilters: SqlExpression[] = rules\n            .filter((rule) => {\n                if (['$null', '$notNull'].includes(rule.matchMode)) return true;\n\n                if (rule.value === null || rule.value === undefined) return false;\n                if (Array.isArray(rule.value)) {\n                    const hasValidValue = rule.value.some((v: any) => v !== '' && v !== null);\n                    if (!hasValidValue) return false;\n                } else {\n                    if (rule.value === '') return false;\n                }\n                return true;\n            })\n            .map((rule) => {\n                let finalValue = rule.value;\n                const numberOfInputs = getNumberOfInputs(rule.matchMode);\n                // Clean array values or extract single values\n                if (Array.isArray(finalValue)) {\n                    finalValue = finalValue.filter(v => v !== null && v !== '');\n                    if (numberOfInputs === 1 && finalValue.length > 0) {\n                        finalValue = finalValue[0];\n                    }\n                }\n\n                // For selection static/dynamic, we might have selected an object {label, value} or string\n                // We need to extract the 'value' if it's an object from AutoComplete selection\n                if (Array.isArray(finalValue)) {\n                    finalValue = finalValue.map(v => typeof v === 'object' && v !== null && 'value' in v ? v.value : v);\n                } else if (typeof finalValue === 'object' && finalValue !== null && 'value' in finalValue) {\n                    finalValue = finalValue.value;\n                }\n\n                return {\n                    variableName: rule.fieldName,\n                    operator: rule.matchMode,\n                    value: finalValue,\n                }\n            });\n\n        onApply(newFilters);\n        onHide();\n    };\n\n    const handleClear = () => {\n        onApply([]);\n        onHide();\n    };\n\n    return (\n\n\n        <SolidDialog showHeader={false} visible={visible} className=\"solid-global-search-filter solid-dialog-lg\" onHide={onHide}>\n            <div className=\"flex align-items-center justify-content-between px-3\">\n                <h5 className=\"solid-custom-title m-0\">Add Dashboard Filter</h5>\n                <SolidButton icon=\"si si-times\" rounded text aria-label=\"Cancel\" type=\"reset\" size=\"sm\" onClick={onHide} />\n            </div>\n            <SolidDivider className=\"m-0\" />\n            <div className=\"p-2 lg:p-2\">\n                <div className='primary-filter-fieldset'>\n                    <div className=\"flex flex-column gap-3 py-3\">\n\n                        {rules.map((rule) => (\n                            <div key={rule.id} className=\"grid grid-nogutter align-items-start\">\n                                <div className=\"col-12 md:col-4 pr-2\">\n                                    <div className=\"p-inputtext p-disabled w-full flex align-items-center mb-2 md:mb-0\" style={{ minHeight: '38px' }}>\n                                        {rule.fieldName}\n                                    </div>\n                                </div>\n                                <div className=\"col-12 md:col-4 pr-2\">\n                                    <SolidSelect\n                                        value={rule.matchMode}\n                                        onChange={(e: any) => handleChange(rule.id, 'matchMode', e.value)}\n                                        options={rule.variable.variableType === 'date' ? dateFilterMatchModeOptions : selectionFilterMatchModeOptions}\n                                        placeholder=\"Select Operator\"\n                                        className=\"w-full\"\n                                    />\n                                </div>\n                                <div className=\"col-12 md:col-4\">\n                                    <FilterValueInput rule={rule} onChange={handleChange} />\n                                </div>\n                            </div>\n                        ))}\n                        {rules.length === 0 && (\n                            <div className=\"text-color-secondary italic\">No variables available for this dashboard.</div>\n                        )}\n                    </div>\n                </div>\n                {/* <div className=\"flex justify-content-between align-items-center mt-4\">\n                    <Button label=\"Clear Filters\" icon=\"si si-filter-slash\" severity=\"danger\" text onClick={handleClear} />\n                    <div className=\"flex gap-2\">\n                    </div>\n                </div> */}\n                <div className='flex gap-3 mt-3'>\n                    <SolidButton label=\"Apply\" size=\"sm\" onClick={handleApply} autoFocus />\n                    <SolidButton type='button' label='Cancel' outlined size='sm' onClick={onHide} />\n                </div>\n\n            </div>\n        </SolidDialog>\n\n    );\n};\n"]}