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

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

@@ -1,348 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { SolidAutocomplete, SolidButton, SolidDatePicker, SolidDialog, SolidDivider, SolidSelect } from "../../shad-cn-ui";
-import { SqlExpression } from "../../../types/solid-core";
-import { DashboardVariableRecord } from "./SolidDashboard";
-import { useLazyGetDashboardVariableSelectionDynamicValuesQuery } from "../../../redux/api/dashboardApi";
-type AutoCompleteCompleteEvent = { query: string };
-
-interface DashboardFilterProps {
-    dashboardVariables: DashboardVariableRecord[];
-    initialFilters: SqlExpression[];
-    onApply: (filters: SqlExpression[]) => void;
-    visible: boolean;
-    onHide: () => void;
-}
-
-const getNumberOfInputs = (matchMode: any): number | null => {
-    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;
-    }
-}
-
-const 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" }
-];
-
-const selectionFilterMatchModeOptions = [
-    { label: 'In', value: "$in" },
-    { label: 'Not In', value: "$notIn" }
-];
-
-const FilterValueInput = ({ rule, onChange }: any) => {
-    const numberOfInputs = getNumberOfInputs(rule.matchMode);
-
-    // Ensure values is an array properly sized immediately on render
-    let values = Array.isArray(rule.value) ? [...rule.value] : (rule.value ? [rule.value] : []);
-
-    if (numberOfInputs !== null && numberOfInputs > 0 && values.length !== numberOfInputs) {
-        if (values.length < numberOfInputs) {
-            values = [...values, ...Array(numberOfInputs - values.length).fill('')];
-        } else {
-            values = values.slice(0, numberOfInputs);
-        }
-    }
-    if (values.length === 0 && (numberOfInputs === null || numberOfInputs > 0)) {
-        values = [''];
-    }
-
-    const updateValue = (index: number, val: any) => {
-        const newValues = [...values];
-        newValues[index] = val;
-        onChange(rule.id, 'value', numberOfInputs === 1 ? newValues[0] : newValues);
-    };
-
-    const addInput = () => {
-        const newValues = [...values, ''];
-        onChange(rule.id, 'value', newValues);
-    };
-
-    const deleteInput = (index: number) => {
-        if (values.length > 1) {
-            const newValues = values.filter((_: any, i: number) => i !== index);
-            onChange(rule.id, 'value', newValues);
-        }
-    };
-
-    // Components for actual rendering
-    const renderDate = (val: any, index: number) => {
-        let dateVal = val ? new Date(val) : null;
-        if (isNaN(dateVal?.getTime() || 0)) dateVal = null;
-        return (
-        <SolidDatePicker
-          selected={dateVal || undefined}
-          onChange={(nextDate: Date | null) => {
-            const 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"
-            />
-        );
-    };
-
-    const SelectionStaticInput = ({ val, index, updateValue, dv }: any) => {
-        const [filteredItems, setFilteredItems] = useState<{ label: string, value: string }[]>([]);
-        const staticValues = JSON.parse(dv.selectionStaticValues || '[]') || [];
-        const staticValueItems = staticValues.map((v: any) => ({ value: v.split(':')[0], label: v.split(':')[1] }));
-
-        const search = (event: AutoCompleteCompleteEvent) => {
-            const query = event.query.toLowerCase();
-            const filtered = staticValueItems.filter((item: any) =>
-                item.label.toLowerCase().includes(query)
-            );
-            setFilteredItems(filtered);
-        };
-
-        return (
-            <SolidAutocomplete
-                value={val}
-                suggestions={filteredItems}
-                completeMethod={search}
-                onChange={(e) => updateValue(index, e.value)}
-                field="label"
-                dropdown
-                className="w-full"
-                inputClassName="w-full text-sm"
-            />
-        );
-    };
-
-    const SelectionDynamicInput = ({ val, index, updateValue, dv }: any) => {
-        const [filteredItems, setFilteredItems] = useState<{ label: string, value: string }[]>([]);
-        const [trigger] = useLazyGetDashboardVariableSelectionDynamicValuesQuery();
-
-        const search = async (event: AutoCompleteCompleteEvent) => {
-            const queryString = `variableId=${dv.id}&q=${event.query}`;
-            try {
-                const res = await trigger(queryString).unwrap();
-                const filtered = res.filter((item: any) =>
-                    item.label.toLowerCase().includes(event.query.toLowerCase())
-                );
-                setFilteredItems(filtered);
-            } catch (error) {
-                console.error(error);
-            }
-        };
-
-        return (
-            <SolidAutocomplete
-                value={val}
-                suggestions={filteredItems}
-                completeMethod={search}
-                onChange={(e) => updateValue(index, e.value)}
-                field="label"
-                dropdown
-                className="w-full"
-                inputClassName="w-full text-sm"
-            />
-        );
-    };
-
-    if (numberOfInputs === 0) return <></>;
-
-    return (
-        <div className="flex flex-column gap-2">
-            {values.map((val: any, index: number) => (
-                <div key={index} className="flex gap-2">
-                    <div className="flex-grow-1">
-                        {rule.variable.variableType === 'date' && renderDate(val, index)}
-                        {rule.variable.variableType === 'selectionStatic' && <SelectionStaticInput val={val} index={index} updateValue={updateValue} dv={rule.variable} />}
-                        {rule.variable.variableType === 'selectionDynamic' && <SelectionDynamicInput val={val} index={index} updateValue={updateValue} dv={rule.variable} />}
-                    </div>
-                    {numberOfInputs === null && (
-                        <div className="flex align-items-center">
-                            <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 }} />
-                            <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} />
-                        </div>
-                    )}
-                </div>
-            ))}
-        </div>
-    );
-};
-
-export const DashboardFilter: React.FC<DashboardFilterProps> = ({
-    dashboardVariables,
-    initialFilters,
-    onApply,
-    visible,
-    onHide,
-}) => {
-    const [rules, setRules] = useState<any[]>([]);
-
-    useEffect(() => {
-        if (visible) {
-            // Initialize rules based on dashboardVariables
-            const newRules = dashboardVariables.map((dv, index) => {
-                const existingFilter = initialFilters.find((f: any) => f.variableName === dv.variableName);
-
-                const defaultOperator = dv.defaultOperator || (dv.variableType === 'date' ? '$between' : '$in');
-
-                let 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]);
-
-    const handleChange = (id: number, key: string, value: any) => {
-        setRules((prev) =>
-            prev.map((rule) => {
-                if (rule.id === id) {
-                    let newVal = rule.value;
-                    // Immediate sync of values count when operator matches
-                    if (key === 'matchMode') {
-                        const newNum = getNumberOfInputs(value);
-                        let currentValues = Array.isArray(rule.value) ? [...rule.value] : (rule.value ? [rule.value] : []);
-                        if (newNum !== null && newNum > 0) {
-                            if (currentValues.length < newNum) {
-                                currentValues = [...currentValues, ...Array(newNum - currentValues.length).fill('')];
-                            } 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 { ...rule, [key]: value, value: newVal };
-                    }
-                    return { ...rule, [key]: value };
-                }
-                return rule;
-            })
-        );
-    };
-
-    const handleApply = () => {
-        const newFilters: SqlExpression[] = rules
-            .filter((rule) => {
-                if (['$null', '$notNull'].includes(rule.matchMode)) return true;
-
-                if (rule.value === null || rule.value === undefined) return false;
-                if (Array.isArray(rule.value)) {
-                    const hasValidValue = rule.value.some((v: any) => v !== '' && v !== null);
-                    if (!hasValidValue) return false;
-                } else {
-                    if (rule.value === '') return false;
-                }
-                return true;
-            })
-            .map((rule) => {
-                let finalValue = rule.value;
-                const numberOfInputs = getNumberOfInputs(rule.matchMode);
-                // Clean array values or extract single values
-                if (Array.isArray(finalValue)) {
-                    finalValue = finalValue.filter(v => 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(v => 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();
-    };
-
-    const handleClear = () => {
-        onApply([]);
-        onHide();
-    };
-
-    return (
-
-
-        <SolidDialog showHeader={false} visible={visible} className="solid-global-search-filter solid-dialog-lg" onHide={onHide}>
-            <div className="flex align-items-center justify-content-between px-3">
-                <h5 className="solid-custom-title m-0">Add Dashboard Filter</h5>
-                <SolidButton icon="si si-times" rounded text aria-label="Cancel" type="reset" size="sm" onClick={onHide} />
-            </div>
-            <SolidDivider className="m-0" />
-            <div className="p-2 lg:p-2">
-                <div className='primary-filter-fieldset'>
-                    <div className="flex flex-column gap-3 py-3">
-
-                        {rules.map((rule) => (
-                            <div key={rule.id} className="grid grid-nogutter align-items-start">
-                                <div className="col-12 md:col-4 pr-2">
-                                    <div className="p-inputtext p-disabled w-full flex align-items-center mb-2 md:mb-0" style={{ minHeight: '38px' }}>
-                                        {rule.fieldName}
-                                    </div>
-                                </div>
-                                <div className="col-12 md:col-4 pr-2">
-                                    <SolidSelect
-                                        value={rule.matchMode}
-                                        onChange={(e: any) => handleChange(rule.id, 'matchMode', e.value)}
-                                        options={rule.variable.variableType === 'date' ? dateFilterMatchModeOptions : selectionFilterMatchModeOptions}
-                                        placeholder="Select Operator"
-                                        className="w-full"
-                                    />
-                                </div>
-                                <div className="col-12 md:col-4">
-                                    <FilterValueInput rule={rule} onChange={handleChange} />
-                                </div>
-                            </div>
-                        ))}
-                        {rules.length === 0 && (
-                            <div className="text-color-secondary italic">No variables available for this dashboard.</div>
-                        )}
-                    </div>
-                </div>
-                {/* <div className="flex justify-content-between align-items-center mt-4">
-                    <Button label="Clear Filters" icon="si si-filter-slash" severity="danger" text onClick={handleClear} />
-                    <div className="flex gap-2">
-                    </div>
-                </div> */}
-                <div className='flex gap-3 mt-3'>
-                    <SolidButton label="Apply" size="sm" onClick={handleApply} autoFocus />
-                    <SolidButton type='button' label='Cancel' outlined size='sm' onClick={onHide} />
-                </div>
-
-            </div>
-        </SolidDialog>
-
-    );
-};

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

@@ -1,3 +0,0 @@
-declare const PrimeDataTableWrapper: ({ question, filters }: any) => import("react/jsx-runtime").JSX.Element;
-export default PrimeDataTableWrapper;
-//# sourceMappingURL=PrimeDataTableWrapper.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeDataTableWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/PrimeDataTableWrapper.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,qBAAqB,0BAA2B,GAAG,4CA+BxD,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';
-import PrimeReactDatatableRenderer from "./chart-renderers/PrimeReactDatatableRenderer";
-import { SolidSpinner } from "../../shad-cn-ui";
-import styles from './SolidDashboard.module.css';
-import qs from 'qs';
-var PrimeDataTableWrapper = function (_a) {
-    var _b, _c, _d;
-    var question = _a.question, filters = _a.filters;
-    var queryParams = qs.stringify({ isPreview: false, filters: filters }, { arrayFormat: 'brackets' });
-    var _e = useGetDashboardQuestionDataByIdQuery({
-        id: question.id,
-        qs: queryParams,
-    }), data = _e.data, isLoading = _e.isLoading;
-    if (isLoading)
-        return _jsx(SolidSpinner, {});
-    var textAlign = (_b = question === null || question === void 0 ? void 0 : question.textAlign) !== null && _b !== void 0 ? _b : 'start';
-    return (_jsxs("div", { className: "".concat(styles.SolidChartCardWrapper, " p-4"), style: { maxHeight: '40vh', overflowY: 'auto' }, children: [_jsx("div", { className: "font-medium text-".concat(textAlign), children: question.name }), _jsx("div", { className: "mt-2 font-bold text-3xl text-".concat(textAlign), children: (_c = data === null || data === void 0 ? void 0 : data.data) === null || _c === void 0 ? void 0 : _c.kpi }), _jsx(PrimeReactDatatableRenderer, { options: JSON.parse(question === null || question === void 0 ? void 0 : question.chartOptions), visualizationData: (_d = data === null || data === void 0 ? void 0 : data.data) === null || _d === void 0 ? void 0 : _d.visualizationData })] }));
-};
-export default PrimeDataTableWrapper;
-//# sourceMappingURL=PrimeDataTableWrapper.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PrimeDataTableWrapper.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/PrimeDataTableWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAC/F,OAAO,2BAA2B,MAAM,+CAA+C,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,MAAM,MAAM,6BAA6B,CAAA;AAChD,OAAO,EAAE,MAAM,IAAI,CAAC;AAEpB,IAAM,qBAAqB,GAAG,UAAC,EAA0B;;QAAxB,QAAQ,cAAA,EAAE,OAAO,aAAA;IAC9C,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAC5B,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,SAAA,EAAE,EAC7B,EAAE,WAAW,EAAE,UAAU,EAAE,CAC9B,CAAC;IAEI,IAAA,KAAsB,oCAAoC,CAAC;QAC7D,EAAE,EAAE,QAAQ,CAAC,EAAE;QACf,EAAE,EAAE,WAAW;KAClB,CAAC,EAHM,IAAI,UAAA,EAAE,SAAS,eAGrB,CAAC;IAEH,IAAI,SAAS;QAAE,OAAO,KAAC,YAAY,KAAG,CAAC;IAEvC,IAAM,SAAS,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,mCAAI,OAAO,CAAC;IAEjD,OAAO,CACH,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,SAAM,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,aAClG,cAAK,SAAS,EAAE,2BAAoB,SAAS,CAAE,YAC1C,QAAQ,CAAC,IAAI,GACZ,EAEN,cAAK,SAAS,EAAE,uCAAgC,SAAS,CAAE,YACtD,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,GAAG,GACd,EAEN,KAAC,2BAA2B,IACxB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,CAAC,EAC3C,iBAAiB,EAAE,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,iBAAiB,GAClD,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC","sourcesContent":["import { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';\nimport PrimeReactDatatableRenderer from \"./chart-renderers/PrimeReactDatatableRenderer\";\nimport { SolidSpinner } from \"../../shad-cn-ui\";\nimport styles from './SolidDashboard.module.css'\nimport qs from 'qs';\n\nconst PrimeDataTableWrapper = ({ question, filters }: any) => {\n    const queryParams = qs.stringify(\n        { isPreview: false, filters },\n        { arrayFormat: 'brackets' }\n    );\n\n    const { data, isLoading } = useGetDashboardQuestionDataByIdQuery({\n        id: question.id,\n        qs: queryParams,\n    });\n\n    if (isLoading) return <SolidSpinner />;\n\n    const textAlign = question?.textAlign ?? 'start';\n\n    return (\n        <div className={`${styles.SolidChartCardWrapper} p-4`} style={{ maxHeight: '40vh', overflowY: 'auto' }}>\n            <div className={`font-medium text-${textAlign}`}>\n                {question.name}\n            </div>\n\n            <div className={`mt-2 font-bold text-3xl text-${textAlign}`}>\n                {data?.data?.kpi}\n            </div>\n\n            <PrimeReactDatatableRenderer\n                options={JSON.parse(question?.chartOptions)}\n                visualizationData={data?.data?.visualizationData}\n            />\n        </div>\n    );\n};\n\nexport default PrimeDataTableWrapper;\n"]}

package/dist/components/core/dashboard/PrimeDataTableWrapper.tsx

@@ -1,40 +0,0 @@
-import { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';
-import PrimeReactDatatableRenderer from "./chart-renderers/PrimeReactDatatableRenderer";
-import { SolidSpinner } from "../../shad-cn-ui";
-import styles from './SolidDashboard.module.css'
-import qs from 'qs';
-
-const PrimeDataTableWrapper = ({ question, filters }: any) => {
-    const queryParams = qs.stringify(
-        { isPreview: false, filters },
-        { arrayFormat: 'brackets' }
-    );
-
-    const { data, isLoading } = useGetDashboardQuestionDataByIdQuery({
-        id: question.id,
-        qs: queryParams,
-    });
-
-    if (isLoading) return <SolidSpinner />;
-
-    const textAlign = question?.textAlign ?? 'start';
-
-    return (
-        <div className={`${styles.SolidChartCardWrapper} p-4`} style={{ maxHeight: '40vh', overflowY: 'auto' }}>
-            <div className={`font-medium text-${textAlign}`}>
-                {question.name}
-            </div>
-
-            <div className={`mt-2 font-bold text-3xl text-${textAlign}`}>
-                {data?.data?.kpi}
-            </div>
-
-            <PrimeReactDatatableRenderer
-                options={JSON.parse(question?.chartOptions)}
-                visualizationData={data?.data?.visualizationData}
-            />
-        </div>
-    );
-};
-
-export default PrimeDataTableWrapper;

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

@@ -1,28 +0,0 @@
-export declare enum DashboardVariableType {
-    DATE = "date",
-    SELECTION_STATIC = "selectionStatic",
-    SELECTION_DYNAMIC = "selectionDynamic"
-}
-declare enum SOURCE_TYPE {
-    SQL = "sql",
-    PROVIDER = "provider"
-}
-export interface DashboardVariableRecord {
-    id: number;
-    variableName: string;
-    variableType: DashboardVariableType;
-    selectionStaticValues?: string;
-    selectionDynamicSourceType?: SOURCE_TYPE;
-    selectionDynamicProviderName?: string;
-    selectionDynamicSQL?: string;
-    isMultiSelect?: boolean;
-    defaultValue?: string;
-    defaultOperator?: string;
-}
-type SolidDashboardViewProps = {
-    moduleName: string;
-    dashboardName?: string;
-};
-declare const SolidDashboard: (params: SolidDashboardViewProps) => import("react/jsx-runtime").JSX.Element;
-export default SolidDashboard;
-//# sourceMappingURL=SolidDashboard.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SolidDashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidDashboard.tsx"],"names":[],"mappings":"AAmBA,oBAAY,qBAAqB;IAC/B,IAAI,SAAS;IACb,gBAAgB,oBAAoB;IACpC,iBAAiB,qBAAqB;CACvC;AAED,aAAK,WAAW;IACd,GAAG,QAAQ;IACX,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,qBAAqB,CAAC;IACpC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,0BAA0B,CAAC,EAAE,WAAW,CAAC;IACzC,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAsED,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,cAAc,WAAY,uBAAuB,4CAgJtD,CAAA;AAED,eAAe,cAAc,CAAC"}

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

@@ -1,183 +0,0 @@
-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 };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useGetDashboardQuery } from '../../../redux/api/dashboardApi';
-import { SolidButton, SolidIcon, SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from '../../shad-cn-ui';
-import qs from 'qs';
-import { useEffect, useState } from 'react';
-import styles from './SolidDashboard.module.css';
-import SolidDashboardBody from './SolidDashboardBody';
-import { DashboardFilter } from './DashboardFilter';
-// import { SolidAiMainWrapper } from '../solid-ai/SolidAiMainWrapper'; // moved to SolidX Studio panel
-import { SolidDashboardFilterRequired } from './SolidDashboardFilterRequired';
-import { SolidDashboardLoading } from './SolidDashboardLoading';
-import { SolidDashboardRenderError } from './SolidDashboardRenderError';
-import { useDispatch, useSelector } from "react-redux";
-import { showNavbar, toggleNavbar } from "../../../redux/features/navbarSlice";
-import SolidDashboardNotAvailable from './SolidDashboardNotAvailable';
-import { showToast } from '../../../redux/features/toastSlice';
-import { ERROR_MESSAGES } from '../../../constants/error-messages';
-import { useUpsertUserDashboardLayoutMutation } from '../../../redux/api/dashboardLayoutApi';
-export var DashboardVariableType;
-(function (DashboardVariableType) {
-    DashboardVariableType["DATE"] = "date";
-    DashboardVariableType["SELECTION_STATIC"] = "selectionStatic";
-    DashboardVariableType["SELECTION_DYNAMIC"] = "selectionDynamic";
-})(DashboardVariableType || (DashboardVariableType = {}));
-var SOURCE_TYPE;
-(function (SOURCE_TYPE) {
-    SOURCE_TYPE["SQL"] = "sql";
-    SOURCE_TYPE["PROVIDER"] = "provider";
-})(SOURCE_TYPE || (SOURCE_TYPE = {}));
-function handleDashboardData(data, setDashboardVariables, setQuestions) {
-    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
-        // Set the dashboard variables
-        setDashboardVariables(dashboardData.dashboardVariables || []);
-        // Set the dashboard questions
-        setQuestions(dashboardData.questions);
-    }
-}
-function getQueryParams(moduleName, dashboardName) {
-    var filters = {
-        module: {
-            name: {
-                $eq: moduleName
-            }
-        }
-    };
-    if (dashboardName !== undefined) {
-        filters.name = { $eqi: dashboardName };
-    }
-    var query = {
-        filters: filters,
-        populate: ['dashboardVariables', 'questions']
-    };
-    var urlQuery = qs.stringify(query, {
-        encodeValuesOnly: true,
-    });
-    return urlQuery;
-}
-// Render the dashboard body only if:
-// 1. There are dashboard questions
-// AND
-// (
-// 1. There are dashboard variables and all dashboard variable filter rules have been applied i.e (all dashboard variables have been selected)
-//. OR
-// 2. There are no dashboard variables
-// )
-// 
-function isRenderDashboardBody(questions, dashboardVariables, filters) {
-    if (questions.length === 0) {
-        return false;
-    }
-    if (dashboardVariables.length === 0) {
-        return true;
-    }
-    // Check if all dashboard variables have corresponding filters applied
-    var allVariablesFiltered = dashboardVariables.every(function (variable) {
-        return filters.some(function (filter) { return filter.variableName === variable.variableName; });
-    });
-    return allVariablesFiltered;
-}
-var SolidDashboard = function (params) {
-    var _a, _b, _c, _d, _e, _f;
-    var _g = useGetDashboardQuery(getQueryParams(params.moduleName, params.dashboardName)), data = _g.data, isLoading = _g.isLoading, error = _g.error; // FIXME : error handling should be done properly
-    // Define a state called layoutOption and pass it after destructing the widgetOptions and dashboardOptions from layoutOption
-    // TODO [HP]: Shouldn't the type of this state variable be something different? Why are we muddling this with layout but calling it body props? 
-    // TODO [HP]: Body props should be clearly made up of Gridstack layout options, the questions that make up the body & the filter[] which is an array of SqlExpressions
-    // TODO [HP]: This is fully CONFUSED
-    // const [layoutOption, setLayoutOption] = useState<SolidDashboardBodyProps>({
-    //   filters: [],
-    //   questions: [],
-    // });
-    // TODO [HP]: replace dashboardVariableFilterRules with filters everywhere...
-    // const [dashboardVariableFilterRules, setDashboardVariableFilterRules] = useState<ISolidDashboardVariableFilterRule[]>([]);
-    var dispatch = useDispatch();
-    var visibleNavbar = useSelector(function (state) { var _a; return (_a = state.navbarState) === null || _a === void 0 ? void 0 : _a.visibleNavbar; });
-    var _h = useState([]), filters = _h[0], setFilters = _h[1];
-    var _j = useState([]), questions = _j[0], setQuestions = _j[1];
-    var _k = useState([]), dashboardVariables = _k[0], setDashboardVariables = _k[1];
-    var _l = useState(false), isDashboardFilterVisible = _l[0], setIsDashboardFilterVisible = _l[1];
-    var upsertDashboardLayout = useUpsertUserDashboardLayoutMutation()[0];
-    var _m = useState([]), dashboardLayout = _m[0], setDashboardLayout = _m[1];
-    var updateUserDashboardLayout = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var response, error_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, upsertDashboardLayout({
-                            dashboardId: data === null || data === void 0 ? void 0 : data.records[0].id,
-                            layout: JSON.stringify(dashboardLayout),
-                        }).unwrap()];
-                case 1:
-                    response = _a.sent();
-                    if (response.statusCode === 200) {
-                        dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_SUCCESSFULLY }));
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _a.sent();
-                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.LAYOUT, detail: ERROR_MESSAGES.DASHBOARD_LAYOUT_UPDATE_FAILED }));
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    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, setDashboardVariables, setQuestions);
-        }
-    }, [isLoading, data]);
-    var toggleBothSidebars = function () {
-        if (visibleNavbar) {
-            dispatch(toggleNavbar()); // close both
-        }
-        else {
-            dispatch(showNavbar()); // open both
-        }
-    };
-    return (_jsx("div", { className: "h-screen surface-0 flex", children: _jsxs("div", { className: "h-full flex-grow-1 ".concat(styles.SolidDashboardPageContentWrapper), children: [isLoading && _jsx(SolidDashboardLoading, {}), error && _jsx(SolidDashboardRenderError, {}), !isLoading && !error && data && data.records.length === 0 && (_jsx(SolidDashboardNotAvailable, {})), !isLoading && !error && data && data.records.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "page-header", style: { borderBottom: '1px solid var(--primary-light-color)' }, children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large", "aria-hidden": true }) }), _jsxs("p", { className: "view-title solid-text-wrapper flex align-items-center gap-1 ".concat(styles.SolidDashboardTitle), children: [((_a = data === null || data === void 0 ? void 0 : data.records[0]) === null || _a === void 0 ? void 0 : _a.displayName) ? (_b = data === null || data === void 0 ? void 0 : data.records[0]) === null || _b === void 0 ? void 0 : _b.displayName : (_c = data === null || data === void 0 ? void 0 : data.records[0]) === null || _c === void 0 ? void 0 : _c.name, ((_d = data === null || data === void 0 ? void 0 : data.records[0]) === null || _d === void 0 ? void 0 : _d.description) && (_jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx(SolidIcon, { name: "si-info-circle", className: "solid-field-tooltip-icon", "aria-hidden": true }) }), _jsx(SolidTooltipContent, { side: "right", children: (_e = data === null || data === void 0 ? void 0 : data.records[0]) === null || _e === void 0 ? void 0 : _e.description })] }))] })] }), dashboardVariables && dashboardVariables.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: 'flex gap-2', children: [_jsx(SolidButton, { type: "button", icon: filters.length > 0 ? "si si-filter-fill" : "si si-filter", className: "lg:hidden solid-icon-button", size: 'sm', variant: 'secondary', onClick: function () { return setIsDashboardFilterVisible(true); } }), _jsx(SolidButton, { type: "button", icon: filters.length > 0 ? "si si-filter-fill" : "si si-filter", label: "Filter", className: "hidden lg:inline-flex", size: 'sm', variant: 'secondary', onClick: function () { return setIsDashboardFilterVisible(true); } }), filters.length > 0 && (_jsx(SolidButton, { type: "button", size: "sm", icon: "si si-filter-slash", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () { setFilters([]); setIsDashboardFilterVisible(false); } })), _jsx(SolidButton, { type: "button", size: "sm", icon: "si si-save", severity: "secondary", className: "solid-icon-button ", outlined: true, onClick: function () { return updateUserDashboardLayout(); } })] }), _jsx(DashboardFilter, { dashboardVariables: dashboardVariables, initialFilters: filters, onApply: setFilters, visible: isDashboardFilterVisible, onHide: function () { return setIsDashboardFilterVisible(false); } })] }))] }), !isRenderDashboardBody(questions, dashboardVariables, filters) && _jsx(SolidDashboardFilterRequired, {}), isRenderDashboardBody(questions, dashboardVariables, filters) && _jsx(SolidDashboardBody, { dashboardId: (_f = data === null || data === void 0 ? void 0 : data.records[0]) === null || _f === void 0 ? void 0 : _f.id, questions: questions, filters: filters, dashboardLayout: dashboardLayout, setDashboardLayout: setDashboardLayout })] }))] }) }));
-};
-export default SolidDashboard;
-//# sourceMappingURL=SolidDashboard.js.map