@solidstarters/solid-core-ui 1.1.144 → 1.1.149

package/dist/components/common/MultipleSelectAutoCompleteField.js

@@ -75,7 +75,7 @@ export var MultipleSelectAutoCompleteField = function (_a) {
             }
             if (relationField === true) {
                 formik.setFieldValue(fieldName, e.value);
-                formik.setFieldValue(fieldNameId, e.value.id);
+                // formik.setFieldValue(fieldNameId, e.value.id);
             }
             else {
                 var mediaTypes = e.value.map(function (i) { return i[valueKey]; });

package/dist/components/common/MultipleSelectAutoCompleteField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleSelectAutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI5C,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAwI;QAAtI,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA;IAEvK,IAAA,KAAkC,QAAQ,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,EAA5I,YAAY,QAAA,EAAE,eAAe,QAA+G,CAAC;IAC9I,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,sBAAsB;QACtB,eAAe,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,CAAA;QAClH,iDAAiD;QAEjD,IAAI;IACR,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,WAAW,GAAG,UAAO,KAAU;;;;wBACpB,qBAAM,UAAU,CAAC,KAAK,CAAC,EAAA;;oBAA9B,IAAI,GAAG,SAAuB;oBACpC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;SAEzB,CAAC;IAKF,OAAO,CAEH,KAAC,YAAY,IACT,QAAQ,QACR,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAC5C,cAAc,EAAE,WAAW,EAC3B,sBAAsB,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EACxC,SAAS,EAAC,oCAAoC;QAC9C,WAAW;QACX,uBAAuB;QACvB,KAAK;QACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,UAAC,CAAC;YACR,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACzB,IAAI,gBAAgB,EAAE;gBAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC;aACvB;YACD,IAAI,aAAa,KAAK,IAAI,EAAE;gBACxB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzC,MAAM,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;aACjD;iBAAM;gBACH,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,EAAX,CAAW,CAAC,CAAC;gBACxD,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC/C;QACL,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"MultipleSelectAutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAI5C,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAwI;QAAtI,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA;IAEvK,IAAA,KAAkC,QAAQ,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,EAA5I,YAAY,QAAA,EAAE,eAAe,QAA+G,CAAC;IAC9I,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,sBAAsB;QACtB,eAAe,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,CAAA;QAClH,iDAAiD;QAEjD,IAAI;IACR,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,WAAW,GAAG,UAAO,KAAU;;;;wBACpB,qBAAM,UAAU,CAAC,KAAK,CAAC,EAAA;;oBAA9B,IAAI,GAAG,SAAuB;oBACpC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;SAEzB,CAAC;IAKF,OAAO,CAEH,KAAC,YAAY,IACT,QAAQ,QACR,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAC5C,cAAc,EAAE,WAAW,EAC3B,sBAAsB,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,EACxC,SAAS,EAAC,oCAAoC;QAC9C,WAAW;QACX,uBAAuB;QACvB,KAAK;QACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,UAAC,CAAC;YACR,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACzB,IAAI,gBAAgB,EAAE;gBAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC;aACvB;YACD,IAAI,aAAa,KAAK,IAAI,EAAE;gBACxB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzC,iDAAiD;aACpD;iBAAM;gBACH,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,EAAX,CAAW,CAAC,CAAC;gBACxD,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC/C;QACL,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA"}

package/dist/components/core/dashboard/SolidDashboard.d.ts

@@ -1,3 +1,30 @@
-declare const SolidDashboard: () => import("react/jsx-runtime").JSX.Element;
+export declare enum SolidDashboardVariableType {
+    DATE = "date",
+    SELECTION_STATIC = "selectionStatic",
+    SELECTION_DYNAMIC = "selectionDynamic"
+}
+declare enum SOURCE_TYPE {
+    SQL = "sql",
+    PROVIDER = "provider"
+}
+export interface ISolidDashboardVariableRecord {
+    id: number;
+    name: string;
+    type: SolidDashboardVariableType;
+    isMultiple: boolean;
+    selectionStaticValues?: string[];
+    selectionDyanmicSourceType?: SOURCE_TYPE;
+    selectionDynamicProviderName?: string;
+    selectionDynamicSQL?: string;
+    sourceType?: SOURCE_TYPE;
+}
+export interface ISolidDashboardVariableFilterRule extends ISolidDashboardVariableRecord {
+    value: any;
+    matchMode: string;
+}
+export interface SolidDashboardProps {
+    dashboardName: string;
+}
+declare const SolidDashboard: ({ dashboardName }: SolidDashboardProps) => import("react/jsx-runtime").JSX.Element;
 export default SolidDashboard;
 //# sourceMappingURL=SolidDashboard.d.ts.map

package/dist/components/core/dashboard/SolidDashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,cAAc,+CA4BnB,CAAA;AA4BD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SolidDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"AAQA,oBAAY,0BAA0B;IACpC,IAAI,SAAS;IACb,gBAAgB,oBAAoB;IACpC,iBAAiB,qBAAqB;CACvC;AAED,aAAK,WAAW;IACd,GAAG,QAAQ;IACX,QAAQ,aAAa;CACtB;AACD,MAAM,WAAW,6BAA6B;IAC5C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,0BAA0B,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,MAAM,EAAE,CAAC;IACjC,0BAA0B,CAAC,EAAE,WAAW,CAAC;IACzC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,iCAAkC,SAAQ,6BAA6B;IACtF,KAAK,EAAE,GAAG,CAAC;IACX,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;CACvB;AA0FD,QAAA,MAAM,cAAc,sBAAuB,mBAAmB,4CAgC7D,CAAA;AAED,eAAe,cAAc,CAAC"}

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

@@ -1,37 +1,84 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useGetDashboardQuery } from '../../../redux/api/dashboardApi';
+import moment from 'moment';
 import qs from 'qs';
 import { useEffect, useState } from 'react';
 import SolidDashboardBody from './SolidDashboardBody';
-import SolidDashboardVariableFilterWrapper from './SolidDashboardVariableFilterWrapper';
-var SolidDashboard = function () {
-    var _a = useGetDashboardQuery(getQueryParams()), data = _a.data, isLoading = _a.isLoading, error = _a.error; //FIXME : error handling should be done properly
-    // Define a state called layoutOption and pass it after destructing the widgetOptions and dashboardOptions from layoutOption
-    var _b = useState({}), layoutOption = _b[0], setLayoutOption = _b[1];
-    useEffect(function () {
-        // Invoke the dashboard api to fetch the dashboard data
-        console.log('Dashboard Data testing:', isLoading, data, error);
-        if (!isLoading && data) {
-            // Assuming data contains the layout options
-            var records = data.records, meta = data.meta;
-            if (records && records.length > 0) {
-                var dashboardData = records[0]; // Assuming we want the first dashboard
-                setLayoutOption(getDashboardLayoutOptions(dashboardData));
-            }
+import SolidDashboardVariableFilterDialog from './SolidDashboardVariableFilterWrapper';
+export var SolidDashboardVariableType;
+(function (SolidDashboardVariableType) {
+    SolidDashboardVariableType["DATE"] = "date";
+    SolidDashboardVariableType["SELECTION_STATIC"] = "selectionStatic";
+    SolidDashboardVariableType["SELECTION_DYNAMIC"] = "selectionDynamic";
+})(SolidDashboardVariableType || (SolidDashboardVariableType = {}));
+var SOURCE_TYPE;
+(function (SOURCE_TYPE) {
+    SOURCE_TYPE["SQL"] = "sql";
+    SOURCE_TYPE["PROVIDER"] = "provider";
+})(SOURCE_TYPE || (SOURCE_TYPE = {}));
+function handleDashboardData(data, setLayoutOption, setDashboardVariableFilterRules) {
+    var records = data.records, meta = data.meta;
+    if (records && records.length > 0) {
+        // Set the layout options for the dashboard body
+        var dashboardData = records[0]; // Assuming we want the first dashboard
+        setLayoutOption(getDashboardLayoutOptions(dashboardData));
+        // Set the filter rules based on the dashboard variables
+        var variables = dashboardData.dashboardVariables || [];
+        var defaultRules = getDefaultFilterRules(variables);
+        setDashboardVariableFilterRules(defaultRules);
+    }
+}
+function getDefaultFilterRules(variables) {
+    var formattedVariables = variables.map(function (variable) { return ({
+        id: variable.id,
+        name: variable.variableName,
+        type: variable.variableType,
+        isMultiple: variable.isMultiple || false,
+        selectionStaticValues: variable.selectionStaticValues ? JSON.parse(variable.selectionStaticValues) : [],
+        selectionDyanmicSourceType: variable.selectionDyanmicSourceType || SOURCE_TYPE.SQL,
+        selectionDynamicProviderName: variable.selectionDynamicProviderName || '',
+        selectionDynamicSQL: variable.selectionDynamicSQL || '',
+        sourceType: variable.sourceType || SOURCE_TYPE.SQL,
+    }); });
+    // Set the filter rules based on the formatted variables
+    var filterRules = formattedVariables.map(function (variable) {
+        var _a;
+        // Based on the variable type, set default values and match modes
+        // Date variables will be for the last 1 month by default
+        // Selection variables will be '' the first option by default
+        switch (variable.type) {
+            case SolidDashboardVariableType.DATE:
+                return __assign(__assign({}, variable), { value: moment().subtract(1, 'months').toDate(), matchMode: '$gte' });
+            case SolidDashboardVariableType.SELECTION_STATIC:
+                return __assign(__assign({}, variable), { value: ((_a = variable === null || variable === void 0 ? void 0 : variable.selectionStaticValues) === null || _a === void 0 ? void 0 : _a[0]) || '', matchMode: '$in' });
+            case SolidDashboardVariableType.SELECTION_DYNAMIC:
+                return __assign(__assign({}, variable), { value: [{ label: "Oswald Rodrigues", value: "oswald@logicloop.io" }], matchMode: '$in' });
+            default:
+                return __assign(__assign({}, variable), { value: '', matchMode: '$eq' });
         }
-    }, [isLoading, data]);
-    return (_jsxs("div", { children: [_jsx(SolidDashboardVariableFilterWrapper, {}), _jsx(SolidDashboardBody, { dashboardOptions: layoutOption.dashboardOptions, widgetOptions: layoutOption.widgetOptions })] }));
-};
-function getQueryParams() {
+    });
+    return filterRules;
+}
+function getQueryParams(dashboardName) {
     var query = {
         filters: {
-            module: {
-                name: {
-                    $eq: 'library-management'
-                }
+            name: {
+                $eq: dashboardName
             }
-        }
+        },
+        populate: ['dashboardVariables']
     };
     var urlQuery = qs.stringify(query, {
         encodeValuesOnly: true,
@@ -47,5 +94,23 @@ function getDashboardLayoutOptions(dashboardRecord) {
         dashboardOptions: layoutJsonParsed.dashboardOptions || {}
     };
 }
+var SolidDashboard = function (_a) {
+    var _b, _c;
+    var dashboardName = _a.dashboardName;
+    var _d = useGetDashboardQuery(getQueryParams(dashboardName)), data = _d.data, isLoading = _d.isLoading, error = _d.error; //FIXME : error handling should be done properly
+    // Define a state called layoutOption and pass it after destructing the widgetOptions and dashboardOptions from layoutOption
+    var _e = useState({}), layoutOption = _e[0], setLayoutOption = _e[1];
+    // const [dashboardVariables, setDashboardVariables] = useState<SolidDashboardVariableRecord[]>([]);
+    var _f = useState([]), dashboardVariableFilterRules = _f[0], setDashboardVariableFilterRules = _f[1];
+    useEffect(function () {
+        // Invoke the dashboard api to fetch the dashboard data
+        console.log('Dashboard Data testing:', isLoading, data, error);
+        if (!isLoading && data) {
+            // Assuming data contains the layout options
+            handleDashboardData(data, setLayoutOption, setDashboardVariableFilterRules);
+        }
+    }, [isLoading, data]);
+    return (_jsxs("div", { className: "h-screen surface-0", children: [isLoading && _jsx("p", { children: "Loading dashboard..." }), error && _jsx("p", { className: "text-red-600", children: "Failed to load dashboard." }), !isLoading && !error && (_jsxs(_Fragment, { children: [_jsx(SolidDashboardVariableFilterDialog, { dashboardVariableFilterRules: dashboardVariableFilterRules, setDashboardVariableFilterRules: setDashboardVariableFilterRules }), _jsx(SolidDashboardBody, { dashboardOptions: (_b = layoutOption.dashboardOptions) !== null && _b !== void 0 ? _b : {}, widgetOptions: (_c = layoutOption.widgetOptions) !== null && _c !== void 0 ? _c : [] })] }))] }));
+};
 export default SolidDashboard;
 //# sourceMappingURL=SolidDashboard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboard.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,kBAA+C,MAAM,sBAAsB,CAAC;AACnF,OAAO,mCAAmC,MAAM,uCAAuC,CAAC;AAExF,IAAM,cAAc,GAAG;IACf,IAAA,KAA6B,oBAAoB,CAAC,cAAc,EAAE,CAAC,EAAjE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAA2C,CAAA,CAAC,gDAAgD;IAC1H,4HAA4H;IACtH,IAAA,KAAkC,QAAQ,CAA0B,EAAE,CAAC,EAAtE,YAAY,QAAA,EAAE,eAAe,QAAyC,CAAC;IAE9E,SAAS,CAAC;QACR,uDAAuD;QACvD,OAAO,CAAC,GAAG,CAAC,yBAAyB,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAC/D,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;YACtB,4CAA4C;YACpC,IAAA,OAAO,GAAW,IAAI,QAAf,EAAE,IAAI,GAAK,IAAI,KAAT,CAAU;YAC/B,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBACjC,IAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,uCAAuC;gBACzE,eAAe,CAAC,yBAAyB,CAAC,aAAa,CAAC,CAAC,CAAC;aAC3D;SACF;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAGtB,OAAO,CACL,0BACE,KAAC,mCAAmC,KAAG,EACvC,KAAC,kBAAkB,IACjB,gBAAgB,EAAE,YAAY,CAAC,gBAAgB,EAC/C,aAAa,EAAE,YAAY,CAAC,aAAa,GACzC,IACE,CACP,CAAC;AACJ,CAAC,CAAA;AAED,SAAS,cAAc;IACrB,IAAM,KAAK,GAAG;QACZ,OAAO,EAAE;YACP,MAAM,EAAE;gBACN,IAAI,EAAE;oBACJ,GAAG,EAAE,oBAAoB;iBAC1B;aACF;SACF;KACF,CAAC;IACF,IAAM,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE;QACnC,gBAAgB,EAAE,IAAI;KACvB,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,yBAAyB,CAAC,eAAoB;IACrD,0DAA0D;IAC1D,IAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAElG,gFAAgF;IAChF,OAAO;QACL,aAAa,EAAE,gBAAgB,CAAC,aAAa,IAAI,EAAE;QACnD,gBAAgB,EAAE,gBAAgB,CAAC,gBAAgB,IAAI,EAAE;KAC1D,CAAC;AACJ,CAAC;AACD,eAAe,cAAc,CAAC"}
+{"version":3,"file":"SolidDashboard.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AACb,OAAO,EAAqB,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AACnF,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAA4B,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtE,OAAO,kBAA+C,MAAM,sBAAsB,CAAC;AACnF,OAAO,kCAAkC,MAAM,uCAAuC,CAAC;AAEvF,MAAM,CAAN,IAAY,0BAIX;AAJD,WAAY,0BAA0B;IACpC,2CAAa,CAAA;IACb,kEAAoC,CAAA;IACpC,oEAAsC,CAAA;AACxC,CAAC,EAJW,0BAA0B,KAA1B,0BAA0B,QAIrC;AAED,IAAK,WAGJ;AAHD,WAAK,WAAW;IACd,0BAAW,CAAA;IACX,oCAAqB,CAAA;AACvB,CAAC,EAHI,WAAW,KAAX,WAAW,QAGf;AAsBD,SAAS,mBAAmB,CAAC,IAAuB,EAAE,eAAkE,EAAE,+BAA8F;IAC9M,IAAA,OAAO,GAAW,IAAI,QAAf,EAAE,IAAI,GAAK,IAAI,KAAT,CAAU;IAC/B,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QACjC,gDAAgD;QAChD,IAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,uCAAuC;QACzE,eAAe,CAAC,yBAAyB,CAAC,aAAa,CAAC,CAAC,CAAC;QAE1D,wDAAwD;QACxD,IAAM,SAAS,GAAG,aAAa,CAAC,kBAAkB,IAAI,EAAE,CAAC;QACzD,IAAM,YAAY,GAAG,qBAAqB,CAAC,SAAS,CAAC,CAAC;QACtD,+BAA+B,CAAC,YAAY,CAAC,CAAC;KAC/C;AACH,CAAC;AAED,SAAS,qBAAqB,CAAC,SAAc;IAC3C,IAAM,kBAAkB,GAAoC,SAAS,CAAC,GAAG,CAAC,UAAC,QAAa,IAAK,OAAA,CAAC;QAC5F,EAAE,EAAE,QAAQ,CAAC,EAAE;QACf,IAAI,EAAE,QAAQ,CAAC,YAAY;QAC3B,IAAI,EAAE,QAAQ,CAAC,YAAY;QAC3B,UAAU,EAAE,QAAQ,CAAC,UAAU,IAAI,KAAK;QACxC,qBAAqB,EAAE,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,EAAE;QACvG,0BAA0B,EAAE,QAAQ,CAAC,0BAA0B,IAAI,WAAW,CAAC,GAAG;QAClF,4BAA4B,EAAE,QAAQ,CAAC,4BAA4B,IAAI,EAAE;QACzE,mBAAmB,EAAE,QAAQ,CAAC,mBAAmB,IAAI,EAAE;QACvD,UAAU,EAAE,QAAQ,CAAC,UAAU,IAAI,WAAW,CAAC,GAAG;KACnD,CAAC,EAV2F,CAU3F,CAAC,CAAC;IAEJ,wDAAwD;IACxD,IAAM,WAAW,GAAG,kBAAkB,CAAC,GAAG,CAAC,UAAC,QAAuC;;QACjF,iEAAiE;QACjE,yDAAyD;QACzD,6DAA6D;QAC7D,QAAQ,QAAQ,CAAC,IAAI,EAAE;YACrB,KAAK,0BAA0B,CAAC,IAAI;gBAClC,6BACK,QAAQ,KACX,KAAK,EAAE,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,MAAM,EAAE,EAC9C,SAAS,EAAE,MAAM,IACjB;YACJ,KAAK,0BAA0B,CAAC,gBAAgB;gBAC9C,6BACK,QAAQ,KACX,KAAK,EAAE,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,qBAAqB,0CAAG,CAAC,CAAC,KAAI,EAAE,EACjD,SAAS,EAAE,KAAK,IAChB;YACJ,KAAK,0BAA0B,CAAC,iBAAiB;gBAC/C,6BACK,QAAQ,KACX,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,qBAAqB,EAAE,CAAC,EACpE,SAAS,EAAE,KAAK,IAChB;YACJ;gBACE,6BACK,QAAQ,KACX,KAAK,EAAE,EAAE,EACT,SAAS,EAAE,KAAK,IAChB;SACL;IACH,CAAC,CAAC,CAAC;IACH,OAAO,WAAW,CAAC;AACrB,CAAC;AAED,SAAS,cAAc,CAAC,aAAqB;IAC3C,IAAM,KAAK,GAAG;QACZ,OAAO,EAAE;YACP,IAAI,EAAE;gBACJ,GAAG,EAAE,aAAa;aACnB;SACF;QACD,QAAQ,EAAE,CAAC,oBAAoB,CAAC;KACjC,CAAC;IACF,IAAM,QAAQ,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,EAAE;QACnC,gBAAgB,EAAE,IAAI;KACvB,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,SAAS,yBAAyB,CAAC,eAAoB;IACrD,0DAA0D;IAC1D,IAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAElG,gFAAgF;IAChF,OAAO;QACL,aAAa,EAAE,gBAAgB,CAAC,aAAa,IAAI,EAAE;QACnD,gBAAgB,EAAE,gBAAgB,CAAC,gBAAgB,IAAI,EAAE;KAC1D,CAAC;AACJ,CAAC;AAED,IAAM,cAAc,GAAG,UAAC,EAAsC;;QAApC,aAAa,mBAAA;IAC/B,IAAA,KAA6B,oBAAoB,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,EAA9E,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAwD,CAAA,CAAC,gDAAgD;IACvI,4HAA4H;IACtH,IAAA,KAAkC,QAAQ,CAA0B,EAAE,CAAC,EAAtE,YAAY,QAAA,EAAE,eAAe,QAAyC,CAAC;IAC9E,oGAAoG;IAC9F,IAAA,KAAkE,QAAQ,CAAsC,EAAE,CAAC,EAAlH,4BAA4B,QAAA,EAAE,+BAA+B,QAAqD,CAAC;IAE1H,SAAS,CAAC;QACR,uDAAuD;QACvD,OAAO,CAAC,GAAG,CAAC,yBAAyB,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;QAC/D,IAAI,CAAC,SAAS,IAAI,IAAI,EAAE;YACtB,4CAA4C;YAC5C,mBAAmB,CAAC,IAAI,EAAE,eAAe,EAAE,+BAA+B,CAAC,CAAC;SAC7E;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAGtB,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aAChC,SAAS,IAAI,+CAA2B,EACxC,KAAK,IAAI,YAAG,SAAS,EAAC,cAAc,0CAA8B,EAClE,CAAC,SAAS,IAAI,CAAC,KAAK,IAAI,CACvB,8BACE,KAAC,kCAAkC,IAAC,4BAA4B,EAAE,4BAA4B,EAAE,+BAA+B,EAAE,+BAA+B,GAAI,EACpK,KAAC,kBAAkB,IACjB,gBAAgB,EAAE,MAAA,YAAY,CAAC,gBAAgB,mCAAI,EAAE,EACrD,aAAa,EAAE,MAAA,YAAY,CAAC,aAAa,mCAAI,EAAE,GAC/C,IACD,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAA;AAED,eAAe,cAAc,CAAC"}

package/dist/components/core/dashboard/SolidDashboardVariableFilter.d.ts

@@ -1,3 +1,18 @@
-export declare const SolidDashboardVariableFilter: () => import("react/jsx-runtime").JSX.Element;
+import { Dispatch, SetStateAction } from "react";
+import { ISolidDashboardVariableFilterRule } from "./SolidDashboard";
+export interface SolidDashboardVariableFilteredVariableProps {
+    rule: ISolidDashboardVariableFilterRule;
+    onChange: (id: number, key: keyof ISolidDashboardVariableFilterRule, value: any) => void;
+}
+export interface SolidDashboardVariableFilterRuleProps {
+    dashboardVariableFilterRules: ISolidDashboardVariableFilterRule[];
+    setDashboardVariableFilterRules: Dispatch<SetStateAction<ISolidDashboardVariableFilterRule[]>>;
+}
+export interface SolidDashboardVariableFilterProps {
+    dashboardVariableFilterRules: ISolidDashboardVariableFilterRule[];
+    setDashboardVariableFilterRules: Dispatch<SetStateAction<ISolidDashboardVariableFilterRule[]>>;
+    closeFilterDialog: () => void;
+}
+export declare const SolidDashboardVariableFilter: React.FC<SolidDashboardVariableFilterProps>;
 export default SolidDashboardVariableFilter;
 //# sourceMappingURL=SolidDashboardVariableFilter.d.ts.map

package/dist/components/core/dashboard/SolidDashboardVariableFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardVariableFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilter.tsx"],"names":[],"mappings":"AAyCA,eAAO,MAAM,4BAA4B,+CAUxC,CAAA;AACD,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"SolidDashboardVariableFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,iCAAiC,EAA8B,MAAM,kBAAkB,CAAC;AAKjG,MAAM,WAAW,2CAA2C;IACxD,IAAI,EAAE,iCAAiC,CAAC;IACxC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,iCAAiC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC5F;AACD,MAAM,WAAW,qCAAqC;IAClD,4BAA4B,EAAE,iCAAiC,EAAE,CAAC;IAClE,+BAA+B,EAAE,QAAQ,CAAC,cAAc,CAAC,iCAAiC,EAAE,CAAC,CAAC,CAAC;CAClG;AACD,MAAM,WAAW,iCAAiC;IAC9C,4BAA4B,EAAE,iCAAiC,EAAE,CAAC;IAClE,+BAA+B,EAAE,QAAQ,CAAC,cAAc,CAAC,iCAAiC,EAAE,CAAC,CAAC,CAAC;IAC/F,iBAAiB,EAAE,MAAM,IAAI,CAAC;CACjC;AAyDD,eAAO,MAAM,4BAA4B,EAAE,KAAK,CAAC,EAAE,CAAC,iCAAiC,CAapF,CAAA;AACD,eAAe,4BAA4B,CAAC"}

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

@@ -1,13 +1,57 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"use client";
+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);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "primereact/button";
-import { Dropdown } from "primereact/dropdown";
-var SolidDashboardVariableFilterRule = function () {
-    return (_jsxs("div", { className: 'flex align-items-center gap-3', children: [_jsxs("div", { className: 'formgrid grid w-full', children: [_jsx("div", { className: 'col-4', children: _jsx(Dropdown, { onChange: function () {
-                                console.log("Field Name Changed");
-                            }, options: [], optionLabel: 'name', optionValue: 'value', placeholder: "Select Dashboard Variable", className: 'w-full p-inputtext-sm' }) }), _jsx("div", { className: 'col-8', children: _jsx("div", { className: 'formgrid grid w-full', children: _jsx("div", { className: 'col-12', children: "SolidFilterFields" }) }) })] }), _jsxs("div", { className: 'formgrid grid', children: [_jsx("div", { className: 'col-4 px-0 flex align-items-center', children: _jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-plus", size: 'small', onClick: function () { console.log("Add a variable filter rule"); }, className: 'solid-filter-action-btn' }) }), _jsx("div", { className: 'col-4 px-0 flex align-items-center', children: _jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-trash", size: 'small', onClick: function () { console.log("Delete a variable filter rule"); }, className: 'solid-filter-action-btn' }) })] })] }));
-};
-export var SolidDashboardVariableFilter = function () {
-    return (_jsxs("div", { className: '', children: [_jsx(SolidDashboardVariableFilterRule, {}), _jsxs("div", { className: 'flex gap-3 mt-3', children: [_jsx(Button, { label: "Apply", size: "small", onClick: function () { console.log("Dashboard variable filter applied"); }, type: "submit" }), _jsx(Button, { type: 'button', label: 'Cancel', outlined: true, size: 'small', onClick: function () { console.log("Dashboard variable filter cancelled"); } })] })] }));
+import { Divider } from "primereact/divider";
+import { useState } from "react";
+import { SolidDashboardVariableType } from "./SolidDashboard";
+import SolidDashboardVariableDate from "./variable-filters/SolidDashboardVariableDate";
+import SolidDashboardVariableSelectionDynamic from "./variable-filters/SolidDashboardVariableSelectionDynamic";
+import SolidDashboardVariableSelectionStatic from "./variable-filters/SolidDashboardVariableSelectionStatic";
+// Create a function onChange func which return a function that updates the state of the dashboardVariableFilterRules  and takes id, key, value as parameters
+function getRuleOnChangeFunc(setDashboardVariableFilterRules) {
+    return function (id, key, value) {
+        setDashboardVariableFilterRules(function (prevRules) {
+            return prevRules.map(function (r) {
+                var _a;
+                return (r.id === id ? __assign(__assign({}, r), (_a = {}, _a[key] = value, _a)) : r);
+            });
+        });
+        console.log("Updated rule:", id, key, value);
+    };
+}
+var SolidDashboardVariableFilteredVariable = function (_a) {
+    var _b;
+    var dashboardVariableFilterRule = _a.rule, onChange = _a.onChange;
+    switch (dashboardVariableFilterRule.type) {
+        case SolidDashboardVariableType.DATE:
+            return _jsx(SolidDashboardVariableDate, { rule: dashboardVariableFilterRule, onChange: onChange });
+        case SolidDashboardVariableType.SELECTION_STATIC:
+            return _jsx(SolidDashboardVariableSelectionStatic, { selectionOptions: (_b = dashboardVariableFilterRule.selectionStaticValues) !== null && _b !== void 0 ? _b : [], rule: dashboardVariableFilterRule, onChange: onChange });
+        case SolidDashboardVariableType.SELECTION_DYNAMIC:
+            return _jsx(SolidDashboardVariableSelectionDynamic, { rule: dashboardVariableFilterRule, onChange: onChange });
+        default:
+            return _jsx(_Fragment, {});
+    }
+};
+var SolidDashboardVariableFilterRule = function (_a) {
+    var dashboardVariableFilterRules = _a.dashboardVariableFilterRules, setDashboardVariableFilterRules = _a.setDashboardVariableFilterRules;
+    var _b = useState(null), selectedVariable = _b[0], setSelectedVariable = _b[1];
+    return (_jsx("div", { className: "flex flex-column gap-2", children: dashboardVariableFilterRules.map(function (rule) { return (_jsxs("div", { className: 'formgrid grid w-full', children: [_jsx("div", { className: 'col-4', children: _jsx("div", { children: (rule === null || rule === void 0 ? void 0 : rule.name) || 'No variable selected' }) }), _jsx("div", { className: 'col-8', children: _jsx("div", { className: 'formgrid grid w-full', children: _jsx("div", { className: 'col-12', children: _jsx(SolidDashboardVariableFilteredVariable, { rule: rule, onChange: getRuleOnChangeFunc(setDashboardVariableFilterRules) }) }) }) })] })); }) }));
+};
+export var SolidDashboardVariableFilter = function (_a) {
+    var dashboardVariableFilterRules = _a.dashboardVariableFilterRules, setDashboardVariableFilterRules = _a.setDashboardVariableFilterRules, closeFilterDialog = _a.closeFilterDialog;
+    return (_jsxs("div", { className: '', children: [_jsx("div", { className: "px-3 py-2", children: _jsx(SolidDashboardVariableFilterRule, { dashboardVariableFilterRules: dashboardVariableFilterRules, setDashboardVariableFilterRules: setDashboardVariableFilterRules }) }), _jsx(Divider, { className: "m-0" }), _jsxs("div", { className: 'flex gap-3 p-3', children: [_jsx(Button, { label: "Apply", size: "small", onClick: function () { console.log(dashboardVariableFilterRules); }, type: "submit" }), _jsx(Button, { type: 'button', label: 'Cancel', outlined: true, size: 'small', onClick: closeFilterDialog })] })] }));
 };
 export default SolidDashboardVariableFilter;
 //# sourceMappingURL=SolidDashboardVariableFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardVariableFilter.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,IAAM,gCAAgC,GAAG;IACrC,OAAO,CACH,eAAK,SAAS,EAAC,+BAA+B,aAC1C,eAAK,SAAS,EAAC,sBAAsB,aACjC,cAAK,SAAS,EAAC,OAAO,YAClB,KAAC,QAAQ,IACL,QAAQ,EAAG;gCACP,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;4BACtC,CAAC,EACD,OAAO,EAAE,EAAE,EACX,WAAW,EAAC,MAAM,EAClB,WAAW,EAAC,OAAO,EACnB,WAAW,EAAC,2BAA2B,EACvC,SAAS,EAAC,uBAAuB,GACnC,GACA,EACN,cAAK,SAAS,EAAC,OAAO,YAClB,cAAK,SAAS,EAAC,sBAAsB,YAE7B,cAAK,SAAS,EAAC,QAAQ,kCAEjB,GAER,GACJ,IACJ,EACN,eAAK,SAAS,EAAC,eAAe,aAC1B,cAAK,SAAS,EAAC,oCAAoC,YAC/C,KAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAO,OAAO,CAAC,GAAG,CAAC,4BAA4B,CAAC,CAAA,CAAA,CAAC,EAAE,SAAS,EAAC,yBAAyB,GAAG,GACjK,EACN,cAAK,SAAS,EAAC,oCAAoC,YAC/C,KAAC,MAAM,IAAC,IAAI,QAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAO,OAAO,CAAC,GAAG,CAAC,+BAA+B,CAAC,CAAA,CAAA,CAAC,EAAE,SAAS,EAAC,yBAAyB,GAAG,GACrK,IACJ,IACJ,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,4BAA4B,GAAG;IACxC,OAAO,CACH,eAAK,SAAS,EAAC,EAAE,aACb,KAAC,gCAAgC,KAAG,EACpC,eAAK,SAAS,EAAC,iBAAiB,aAC5B,KAAC,MAAM,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAQ,OAAO,CAAC,GAAG,CAAC,mCAAmC,CAAC,CAAA,CAAC,CAAC,EAAE,IAAI,EAAC,QAAQ,GAAG,EACxH,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAQ,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAA,CAAC,CAAC,GAAI,IAClI,IACJ,CACT,CAAC;AACN,CAAC,CAAA;AACD,eAAe,4BAA4B,CAAC"}
+{"version":3,"file":"SolidDashboardVariableFilter.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilter.tsx"],"names":[],"mappings":"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"}

package/dist/components/core/dashboard/SolidDashboardVariableFilterDialog.d.ts

@@ -0,0 +1,10 @@
+import { ISolidDashboardVariableFilterRule } from "./SolidDashboard";
+import { Dispatch, SetStateAction } from "react";
+import React from "react";
+export interface SolidDashboardVariablesFilterDialogProps {
+    dashboardVariableFilterRules: ISolidDashboardVariableFilterRule[];
+    setDashboardVariableFilterRules: Dispatch<SetStateAction<ISolidDashboardVariableFilterRule[]>>;
+}
+declare const SolidDashboardVariableFilterDialog: React.FC<SolidDashboardVariablesFilterDialogProps>;
+export default SolidDashboardVariableFilterDialog;
+//# sourceMappingURL=SolidDashboardVariableFilterDialog.d.ts.map

package/dist/components/core/dashboard/SolidDashboardVariableFilterDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDashboardVariableFilterDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilterDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iCAAiC,EAAiC,MAAM,kBAAkB,CAAC;AACpG,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,wCAAwC;IACvD,4BAA4B,EAAE,iCAAiC,EAAE,CAAC;IAClE,+BAA+B,EAAE,QAAQ,CAAC,cAAc,CAAC,iCAAiC,EAAE,CAAC,CAAC,CAAC;CAChG;AAED,QAAA,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CAgB1F,CAAA;AACD,eAAe,kCAAkC,CAAC"}

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

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "primereact/button";
+import { Dialog } from "primereact/dialog";
+import SolidDashboardVariableFilter from "./SolidDashboardVariableFilter";
+import { useState } from "react";
+var SolidDashboardVariableFilterDialog = function (_a) {
+    var dashboardVariableFilterRules = _a.dashboardVariableFilterRules, setDashboardVariableFilterRules = _a.setDashboardVariableFilterRules;
+    var _b = useState(false), showFilterDialog = _b[0], setShowFilterDialog = _b[1];
+    return (_jsxs("div", { className: "page-header", style: { borderBottom: '1px solid var(--primary-light-color)' }, children: [_jsx("p", { className: "m-0 view-title", children: "Dashboard" }), _jsx("div", { children: _jsx(Button, { size: "small", label: "Filter", outlined: true, onClick: function () { return setShowFilterDialog(true); } }) }), _jsx(Dialog, { header: _jsx("h5", { children: "Add Variable Filter" }), headerClassName: "px-3 py-2", contentClassName: "p-0", visible: showFilterDialog, style: { width: '65vw' }, onHide: function () { if (!showFilterDialog)
+                    return; setShowFilterDialog(false); }, children: _jsx(SolidDashboardVariableFilter, { dashboardVariableFilterRules: dashboardVariableFilterRules, setDashboardVariableFilterRules: setDashboardVariableFilterRules, closeFilterDialog: function () { setShowFilterDialog(false); } }) })] }));
+};
+export default SolidDashboardVariableFilterDialog;
+//# sourceMappingURL=SolidDashboardVariableFilterDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDashboardVariableFilterDialog.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilterDialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,OAAO,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO3D,IAAM,kCAAkC,GAAuD,UAAC,EAAiE;QAA/D,4BAA4B,kCAAA,EAAE,+BAA+B,qCAAA;IACvJ,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAChE,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,sCAAsC,EAAE,aAC1F,YAAG,SAAS,EAAC,gBAAgB,0BAEzB,EACJ,wBACE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,QAAC,OAAO,EAAE,cAAI,OAAA,mBAAmB,CAAC,IAAI,CAAC,EAAzB,CAAyB,GAAG,GAClF,EAEN,KAAC,MAAM,IAAC,MAAM,EAAE,+CAA4B,EAAE,eAAe,EAAC,WAAW,EAAC,gBAAgB,EAAC,KAAK,EAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,cAAQ,IAAI,CAAC,gBAAgB;oBAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAChO,KAAC,4BAA4B,IAAC,4BAA4B,EAAE,4BAA4B,EAAE,+BAA+B,EAAE,+BAA+B,EAAE,iBAAiB,EAAE,cAAQ,mBAAmB,CAAC,KAAK,CAAC,CAAA,CAAC,CAAC,GAAI,GAChN,IACL,CACP,CAAC;AACJ,CAAC,CAAA;AACD,eAAe,kCAAkC,CAAC"}

package/dist/components/core/dashboard/SolidDashboardVariableFilterWrapper.d.ts

@@ -1,3 +1,10 @@
-declare const SolidDashboardVariableFilterWrapper: () => import("react/jsx-runtime").JSX.Element;
-export default SolidDashboardVariableFilterWrapper;
+import { ISolidDashboardVariableFilterRule } from "./SolidDashboard";
+import { Dispatch, SetStateAction } from "react";
+import React from "react";
+export interface SolidDashboardVariablesFilterDialogProps {
+    dashboardVariableFilterRules: ISolidDashboardVariableFilterRule[];
+    setDashboardVariableFilterRules: Dispatch<SetStateAction<ISolidDashboardVariableFilterRule[]>>;
+}
+declare const SolidDashboardVariableFilterDialog: React.FC<SolidDashboardVariablesFilterDialogProps>;
+export default SolidDashboardVariableFilterDialog;
 //# sourceMappingURL=SolidDashboardVariableFilterWrapper.d.ts.map

package/dist/components/core/dashboard/SolidDashboardVariableFilterWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardVariableFilterWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilterWrapper.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,mCAAmC,+CAWxC,CAAA;AACD,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"SolidDashboardVariableFilterWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilterWrapper.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iCAAiC,EAAiC,MAAM,kBAAkB,CAAC;AACpG,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,MAAM,WAAW,wCAAwC;IACvD,4BAA4B,EAAE,iCAAiC,EAAE,CAAC;IAClE,+BAA+B,EAAE,QAAQ,CAAC,cAAc,CAAC,iCAAiC,EAAE,CAAC,CAAC,CAAC;CAChG;AAED,QAAA,MAAM,kCAAkC,EAAE,KAAK,CAAC,EAAE,CAAC,wCAAwC,CAgB1F,CAAA;AACD,eAAe,kCAAkC,CAAC"}

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

@@ -1,10 +1,14 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from "primereact/button";
 import { Dialog } from "primereact/dialog";
-import { Divider } from "primereact/divider";
 import SolidDashboardVariableFilter from "./SolidDashboardVariableFilter";
-var SolidDashboardVariableFilterWrapper = function () {
-    return (_jsxs(Dialog, { header: false, className: "solid-global-search-filter", showHeader: false, visible: true, style: { width: '65vw' }, onHide: function () { console.log('Dialog closed'); }, children: [_jsxs("div", { className: "flex align-items-center justify-content-between px-3", children: [_jsx("h5", { className: "solid-custom-title m-0", children: "Add Variable Filter" }), _jsx(Button, { icon: "pi pi-times", rounded: true, text: true, "aria-label": "Cancel", type: "reset", size: "small", onClick: function () { console.log("Cancel clicked"); } })] }), _jsx(Divider, { className: "m-0" }), _jsx(SolidDashboardVariableFilter, {})] }));
+import { useState } from "react";
+var SolidDashboardVariableFilterDialog = function (_a) {
+    var dashboardVariableFilterRules = _a.dashboardVariableFilterRules, setDashboardVariableFilterRules = _a.setDashboardVariableFilterRules;
+    var _b = useState(false), showFilterDialog = _b[0], setShowFilterDialog = _b[1];
+    return (_jsxs("div", { className: "page-header", style: { borderBottom: '1px solid var(--primary-light-color)' }, children: [_jsx("p", { className: "m-0 view-title", children: "Dashboard" }), _jsx("div", { children: _jsx(Button, { size: "small", label: "Filter", outlined: true, onClick: function () { return setShowFilterDialog(true); } }) }), _jsx(Dialog, { header: _jsx("h5", { children: "Add Variable Filter" }), headerClassName: "px-3 py-2", contentClassName: "p-0", visible: showFilterDialog, style: { width: '65vw' }, onHide: function () { if (!showFilterDialog)
+                    return; setShowFilterDialog(false); }, children: _jsx(SolidDashboardVariableFilter, { dashboardVariableFilterRules: dashboardVariableFilterRules, setDashboardVariableFilterRules: setDashboardVariableFilterRules, closeFilterDialog: function () { setShowFilterDialog(false); } }) })] }));
 };
-export default SolidDashboardVariableFilterWrapper;
+export default SolidDashboardVariableFilterDialog;
 //# sourceMappingURL=SolidDashboardVariableFilterWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidDashboardVariableFilterWrapper.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilterWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,IAAM,mCAAmC,GAAG;IAC1C,OAAO,CACH,MAAC,MAAM,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAC,4BAA4B,EAAC,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,cAAQ,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,aACvK,eAAK,SAAS,EAAC,sDAAsD,aACnE,aAAI,SAAS,EAAC,wBAAwB,oCAAyB,EAC/D,KAAC,MAAM,IAAC,IAAI,EAAC,aAAa,EAAC,OAAO,QAAC,IAAI,sBAAY,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAO,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA,CAAA,CAAC,GAAI,IACpI,EACN,KAAC,OAAO,IAAC,SAAS,EAAC,KAAK,GAAG,EAC3B,KAAC,4BAA4B,KAAG,IACzB,CACZ,CAAC;AACJ,CAAC,CAAA;AACD,eAAe,mCAAmC,CAAC"}
+{"version":3,"file":"SolidDashboardVariableFilterWrapper.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableFilterWrapper.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,4BAA4B,MAAM,gCAAgC,CAAC;AAE1E,OAAO,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAO3D,IAAM,kCAAkC,GAAuD,UAAC,EAAiE;QAA/D,4BAA4B,kCAAA,EAAE,+BAA+B,qCAAA;IACvJ,IAAA,KAA0C,QAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAChE,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,sCAAsC,EAAE,aAC1F,YAAG,SAAS,EAAC,gBAAgB,0BAEzB,EACJ,wBACE,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,QAAC,OAAO,EAAE,cAAI,OAAA,mBAAmB,CAAC,IAAI,CAAC,EAAzB,CAAyB,GAAG,GAClF,EAEN,KAAC,MAAM,IAAC,MAAM,EAAE,+CAA4B,EAAE,eAAe,EAAC,WAAW,EAAC,gBAAgB,EAAC,KAAK,EAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,cAAQ,IAAI,CAAC,gBAAgB;oBAAE,OAAO,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAChO,KAAC,4BAA4B,IAAC,4BAA4B,EAAE,4BAA4B,EAAE,+BAA+B,EAAE,+BAA+B,EAAE,iBAAiB,EAAE,cAAQ,mBAAmB,CAAC,KAAK,CAAC,CAAA,CAAC,CAAC,GAAI,GAChN,IACL,CACP,CAAC;AACJ,CAAC,CAAA;AACD,eAAe,kCAAkC,CAAC"}

package/dist/components/core/dashboard/SolidDashboardVariableVarInputsFilterElement.d.ts

@@ -0,0 +1,7 @@
+export declare enum InputTypes {
+    Date = "Date",
+    SelectionStatic = "SelectionStatic",
+    SelectionDynamic = "SelectionDynamic"
+}
+export declare const SolidDashboardVariableVarInputsFilterElement: ({ values, onChange, inputType, numberOfInputs, fieldMetadata }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidDashboardVariableVarInputsFilterElement.d.ts.map

package/dist/components/core/dashboard/SolidDashboardVariableVarInputsFilterElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDashboardVariableVarInputsFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableVarInputsFilterElement.tsx"],"names":[],"mappings":"AAMA,oBAAY,UAAU;IAClB,IAAI,SAAS;IACb,eAAe,oBAAoB;IACnC,gBAAgB,qBAAqB;CACxC;AAID,eAAO,MAAM,4CAA4C,mEAA6F,GAAG,4CA4GxJ,CAAA"}

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

@@ -0,0 +1,68 @@
+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 { Button } from "primereact/button";
+import { Calendar } from "primereact/calendar";
+import { useEffect, useState } from "react";
+import { SolidSelectionStaticFilterElement } from "../filter/SolidSelectionStaticFilterElement";
+import { SolidDashboardSelectionDynamicFilterElement } from "./variable-filters/SolidDashboardSelectionDynamicFilterElement";
+export var InputTypes;
+(function (InputTypes) {
+    InputTypes["Date"] = "Date";
+    InputTypes["SelectionStatic"] = "SelectionStatic";
+    InputTypes["SelectionDynamic"] = "SelectionDynamic";
+})(InputTypes || (InputTypes = {}));
+// Based on numberOfInputs map the input filed and hide add and delete 
+export var SolidDashboardVariableVarInputsFilterElement = function (_a) {
+    var values = _a.values, onChange = _a.onChange, _b = _a.inputType, inputType = _b === void 0 ? InputTypes.Date : _b, _c = _a.numberOfInputs, numberOfInputs = _c === void 0 ? null : _c, fieldMetadata = _a.fieldMetadata;
+    if (!values) {
+        values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+        // values = [''];
+    }
+    else {
+        if (values[0] == '') {
+            values = numberOfInputs && numberOfInputs > 0 ? Array(numberOfInputs).fill('') : [''];
+        }
+        else {
+            values = values;
+        }
+    }
+    // TODO: Ideally values will be an array, so we can spread them here instead of making a nested array.
+    var _d = useState(__spreadArray([], values, true)), inputs = _d[0], setInputs = _d[1];
+    useEffect(function () {
+        setInputs(__spreadArray([], values, true));
+    }, [numberOfInputs]);
+    var updateInputs = function (index, value) {
+        var updatedSpecification = inputs.map(function (item, i) {
+            return i === index ? value : item;
+        });
+        setInputs(updatedSpecification);
+    };
+    var addInput = function () {
+        setInputs(__spreadArray(__spreadArray([], inputs, true), [''], false));
+    };
+    var deleteInput = function (index) {
+        if (inputs.length > 1) {
+            var updatedRows = inputs.filter(function (_, rowIndex) { return rowIndex !== index; });
+            setInputs(updatedRows);
+        }
+        else {
+        }
+    };
+    useEffect(function () {
+        onChange(inputs);
+    }, [inputs]);
+    return (_jsx(_Fragment, { children: inputs && inputs.map(function (value, index) { return (_jsxs("div", { className: "flex", children: [inputType === InputTypes.Date &&
+                    _jsx(Calendar, { value: value, onChange: function (e) { return updateInputs(index, e.target.value); }, dateFormat: "mm/dd/yy", placeholder: "mm/dd/yyyy", mask: "99/99/9999", className: "w-full", inputClassName: "w-full p-inputtext-sm" }), inputType === InputTypes.SelectionDynamic &&
+                    _jsx(SolidDashboardSelectionDynamicFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), inputType === InputTypes.SelectionStatic &&
+                    _jsx(SolidSelectionStaticFilterElement, { value: value, index: index, updateInputs: updateInputs, fieldMetadata: fieldMetadata }), numberOfInputs === null &&
+                    _jsxs(_Fragment, { children: [_jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-plus", size: 'small', onClick: function () { return addInput(); }, className: 'solid-filter-action-btn' }), _jsx(Button, { text: true, severity: 'secondary', icon: "pi pi-trash", size: 'small', onClick: function () { return deleteInput(index); }, className: 'solid-filter-action-btn' })] })] })); }) }));
+};
+//# sourceMappingURL=SolidDashboardVariableVarInputsFilterElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDashboardVariableVarInputsFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboardVariableVarInputsFilterElement.tsx"],"names":[],"mappings":"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"}

package/dist/components/core/dashboard/variable-filters/SolidDashboardSelectionDynamicFilterElement.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidDashboardSelectionDynamicFilterElement: ({ value, updateInputs, index, variableId }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidDashboardSelectionDynamicFilterElement.d.ts.map

package/dist/components/core/dashboard/variable-filters/SolidDashboardSelectionDynamicFilterElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDashboardSelectionDynamicFilterElement.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/variable-filters/SolidDashboardSelectionDynamicFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,2CAA2C,+CAAgD,GAAG,4CA4C1G,CAAA"}