@solidxai/core-ui 0.1.9-beta.2 → 0.1.9-beta.20

package/dist/components/core/common/SolidGlobalSearchElement.tsx

@@ -172,8 +172,17 @@ const transformRulesToFilters = (input: any, viewData: any) => {
     const processRule = (rule: any) => {
         if (rule.value !== undefined && rule.value !== null) {
 
-            // Ensure rule.value is always an array
-            let values = typeof rule.value[0] === "object" ? rule.value.map((i: any) => i?.value ? i?.value : i) : rule?.value;
+            // Ensure rule.value is always an array of primitive values.
+            // Mixed arrays like ["failed", { label: "pending", value: "pending" }]
+            // must be normalized before query serialization.
+            const rawValues = Array.isArray(rule?.value) ? rule.value : [rule?.value];
+            let values = rawValues.map((item: any) => {
+                if (item && typeof item === "object") {
+                    if (Object.prototype.hasOwnProperty.call(item, "value")) return item.value;
+                    if (Object.prototype.hasOwnProperty.call(item, "label")) return item.label;
+                }
+                return item;
+            });
             if (rule.matchMode !== '$in' && rule.matchMode !== '$notIn' && rule.matchMode !== '$between' && rule.matchMode !== '$null' && rule.matchMode !== '$notNull') {
                 values = values[0];
             }
@@ -533,7 +542,9 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
     type OverlayOption =
         | { id: string; kind: "field"; field: any }
         | { id: string; kind: "predefined"; predefined: any }
-        | { id: string; kind: "saved"; saved: any };
+        | { id: string; kind: "saved"; saved: any }
+        | { id: string; kind: "custom" }
+        | { id: string; kind: "grouping" };
     type ManagedChipItem = {
         id: string;
         type: "saved" | "search" | "predefined" | "custom" | "grouping";
@@ -648,10 +659,17 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
     const [savedFilterQueryString, setSavedFilterQueryString] = useState<string>();
     const [showOverlay, setShowOverlay] = useState(false);
     const overlayRef = useRef<HTMLDivElement | null>(null);
+    const searchInputRef = useRef<HTMLInputElement | null>(null);
     const [showChipManager, setShowChipManager] = useState(false);
     const chipManagerRef = useRef<HTMLDivElement | null>(null);
     const chipManagerTriggerRef = useRef<HTMLButtonElement | null>(null);
 
+    const focusSearchInput = () => {
+        requestAnimationFrame(() => {
+            searchInputRef.current?.focus();
+        });
+    };
+
     useEffect(() => {
         if (focusedIndex >= 0 && showOverlay) {
             const activeElement = document.querySelector(`.solid-search-overlay-option-active`);
@@ -909,12 +927,20 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
             const fieldElements = extractFields(layoutChildren);
 
 
-            const fieldsList = Object.entries(fieldsData ?? {}).map(([key, value]: any) => {
+            // Build one entry per layout column (not per field name), so multiple columns
+            // sharing the same field name (e.g. several viewMetadata columns with different
+            // searchFields/labels) each appear as a separate searchable option.
+            const seenKeys = new Set<string>();
+            const fieldsList: any[] = [];
+
+            // First pass: one entry per unique field name (for non-searchable / filter use)
+            Object.entries(fieldsData ?? {}).forEach(([key, value]: any) => {
                 const viewFieldElement = fieldElements.find(
                     (f: any) => f?.attrs?.name === key
                 );
-                return {
-                    name: value.displayName,
+                seenKeys.add(key);
+                fieldsList.push({
+                    name: viewFieldElement?.attrs?.label ?? value.displayName,
                     value: key,
                     type: value.type,
                     ormType: value.ormType,
@@ -922,7 +948,33 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                     searchField: viewFieldElement?.attrs?.searchField ?? null,
                     isSearchable: viewFieldElement?.attrs?.isSearchable ?? false,
                     relationType: value?.relationType ?? null,
-                };
+                });
+            });
+
+            // Second pass: for any layout column that shares a field name but has a
+            // distinct searchField, add it as an additional searchable entry.
+            fieldElements.forEach((fieldElement: any) => {
+                const key = fieldElement?.attrs?.name;
+                const searchField = fieldElement?.attrs?.searchField;
+                const isSearchable = fieldElement?.attrs?.isSearchable ?? false;
+                if (!isSearchable || !searchField) return;
+                // Already covered by the first pass entry for this key?
+                const existingEntry = fieldsList.find(
+                    (e: any) => e.value === key && e.searchField === searchField
+                );
+                if (existingEntry) return; // already in list
+                const value: any = (fieldsData ?? {})[key];
+                if (!value) return;
+                fieldsList.push({
+                    name: fieldElement?.attrs?.label ?? value.displayName,
+                    value: key,
+                    type: value.type,
+                    ormType: value.ormType,
+                    matchMode: fieldElement?.attrs?.searchMatchMode,
+                    searchField: searchField,
+                    isSearchable: true,
+                    relationType: value?.relationType ?? null,
+                });
             });
 
             const filterableFieldsList = fieldsList.filter((field: any) => {
@@ -1593,9 +1645,20 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
             kind: "saved" as const,
             saved: s,
         }));
+        const custom: OverlayOption[] = [{
+            id: "footer:custom",
+            kind: "custom" as const,
+        }];
+        const grouping: OverlayOption[] =
+            viewType === "tree"
+                ? [{
+                    id: "footer:grouping",
+                    kind: "grouping" as const,
+                }]
+                : [];
 
-        return [...fields, ...predefined, ...saved];
-    }, [inputValue, searchableFields, predefinedSearches, savedFilters]);
+        return [...fields, ...predefined, ...saved, ...custom, ...grouping];
+    }, [inputValue, searchableFields, predefinedSearches, savedFilters, viewType]);
 
     const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
         const currentValue = inputValue?.trim() || "";
@@ -1640,6 +1703,10 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                     handlePredefinedSearch(activeOption.predefined);
                 } else if (activeOption?.kind === "saved") {
                     applySavedFilter(activeOption.saved);
+                } else if (activeOption?.kind === "custom") {
+                    openCustomFilterDialog();
+                } else if (activeOption?.kind === "grouping") {
+                    openGroupingDialog();
                 } else if (currentValue) {
                     handleAddChip();
                     setShowOverlay(false);
@@ -1822,6 +1889,7 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                         <li ref={chipsRef} className="solid-global-search-input-item">
                             <div className="relative solid-global-search-element-wrapper">
                                 <SolidInput
+                                    ref={searchInputRef}
                                     className="solid-global-search-input"
                                     value={inputValue || ""}
                                     placeholder="Search."
@@ -1845,9 +1913,14 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                                 <SolidButton
                                     variant="outline"
                                     size="sm"
+                                    onMouseDown={(e) => {
+                                        // Preserve input focus so overlay keyboard navigation continues to work.
+                                        e.preventDefault();
+                                    }}
                                     onClick={() => {
                                         setShowChipManager(false);
                                         setShowOverlay(true);
+                                        focusSearchInput();
                                     }}
                                     className="custom-filter-button solid-global-search-trigger"
                                 >
@@ -2035,8 +2108,12 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                         <div className="solid-search-overlay-footer">
                             <button
                                 type="button"
-                                className="px-3 py-2 flex flex-column solid-search-overlay-footer-action"
+                                className={`px-3 py-2 flex flex-column solid-search-overlay-footer-action ${overlayOptions[focusedIndex]?.id === "footer:custom" ? "solid-search-overlay-option-active" : ""}`}
                                 onClick={openCustomFilterDialog}
+                                onMouseEnter={() => {
+                                    const optIndex = overlayOptions.findIndex((o) => o.id === "footer:custom");
+                                    if (optIndex !== -1) setFocusedIndex(optIndex);
+                                }}
                             >
                                 <div className="solid-search-overlay-footer-action-main">
                                     <div className="solid-search-overlay-panel-callout-icon">
@@ -2055,8 +2132,12 @@ export const SolidGlobalSearchElement = forwardRef(({ viewData, viewType, handle
                             {viewType === "tree" && (
                                 <button
                                     type="button"
-                                    className="px-3 py-2 flex flex-column solid-search-overlay-footer-action solid-search-overlay-footer-action-secondary"
+                                    className={`px-3 py-2 flex flex-column solid-search-overlay-footer-action solid-search-overlay-footer-action-secondary ${overlayOptions[focusedIndex]?.id === "footer:grouping" ? "solid-search-overlay-option-active" : ""}`}
                                     onClick={openGroupingDialog}
+                                    onMouseEnter={() => {
+                                        const optIndex = overlayOptions.findIndex((o) => o.id === "footer:grouping");
+                                        if (optIndex !== -1) setFocusedIndex(optIndex);
+                                    }}
                                 >
                                     <div className="solid-search-overlay-footer-action-main">
                                         <div className="solid-search-overlay-panel-callout-icon">

package/dist/components/core/common/SolidSaveCustomFilterForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSaveCustomFilterForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";AAIA,UAAU,8BAA8B;IACpC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,gBAAgB,EAAE,CAAC,EAAG,IAAA,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,GAAG,CAAA;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAmE9E,CAAC"}
+{"version":3,"file":"SolidSaveCustomFilterForm.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";AAIA,UAAU,8BAA8B;IACpC,sBAAsB,EAAE,GAAG,CAAC;IAC5B,gBAAgB,EAAE,CAAC,EAAG,IAAA,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,GAAG,CAAA;CACnB;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC,8BAA8B,CAkE9E,CAAC"}

package/dist/components/core/common/SolidSaveCustomFilterForm.js

@@ -32,6 +32,6 @@ export var SolidSaveCustomFilterForm = function (_a) {
         };
         handleSaveFilter(formData);
     };
-    return (_jsxs("form", { onSubmit: handleSubmit, className: "solid-save-filter-form", children: [_jsxs("div", { className: "solid-save-filter-field", children: [_jsx("label", { htmlFor: "name", className: "solid-save-filter-label", children: "Name" }), _jsx(SolidInput, { id: "name", name: "name", placeholder: "Filter Title", value: formValues.name, onChange: handleChange, readOnly: currentSavedFilterData, className: "solid-save-filter-input" })] }), _jsxs("label", { htmlFor: "isPrivate", className: "solid-save-filter-checkbox-row", children: [_jsx("input", { id: "isPrivate", name: "isPrivate", type: "checkbox", className: "solid-save-filter-checkbox", checked: formValues.isPrivate, onChange: handleChange }), _jsxs("span", { className: "solid-save-filter-checkbox-copy", children: [_jsx("span", { className: "solid-save-filter-label", children: "Private Filter" }), _jsx("span", { className: "solid-save-filter-hint", children: "Only you will be able to access this saved filter." })] })] }), _jsxs("div", { className: "solid-save-filter-actions", children: [_jsx(SolidButton, { type: "submit", size: "sm", children: currentSavedFilterData ? "Update" : "Save" }), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", onClick: function () { return closeDialog(); }, children: "Cancel" })] })] }));
+    return (_jsxs("form", { onSubmit: handleSubmit, className: "solid-save-filter-form", children: [_jsxs("div", { className: "solid-save-filter-field", children: [_jsx("label", { htmlFor: "name", className: "solid-save-filter-label", children: "Name" }), _jsx(SolidInput, { id: "name", name: "name", placeholder: "Filter Title", value: formValues.name, onChange: handleChange, className: "solid-save-filter-input" })] }), _jsxs("label", { htmlFor: "isPrivate", className: "solid-save-filter-checkbox-row", children: [_jsx("input", { id: "isPrivate", name: "isPrivate", type: "checkbox", className: "solid-save-filter-checkbox", checked: formValues.isPrivate, onChange: handleChange }), _jsxs("span", { className: "solid-save-filter-checkbox-copy", children: [_jsx("span", { className: "solid-save-filter-label", children: "Private Filter" }), _jsx("span", { className: "solid-save-filter-hint", children: "Only you will be able to access this saved filter." })] })] }), _jsxs("div", { className: "solid-save-filter-actions", children: [_jsx(SolidButton, { type: "submit", size: "sm", children: currentSavedFilterData ? "Update" : "Save" }), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", onClick: function () { return closeDialog(); }, children: "Cancel" })] })] }));
 };
 //# sourceMappingURL=SolidSaveCustomFilterForm.js.map

package/dist/components/core/common/SolidSaveCustomFilterForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSaveCustomFilterForm.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAQzD,MAAM,CAAC,IAAM,yBAAyB,GAA6C,UAAC,EAAyD;QAAvD,sBAAsB,4BAAA,EAAE,gBAAgB,sBAAA,EAAE,WAAW,iBAAA;IACjI,IAAA,KAA8B,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAxL,UAAU,QAAA,EAAE,aAAa,QAA+J,CAAC;IAEhM,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAA,KAAiC,CAAC,CAAC,MAAM,EAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAa,CAAC;QAChD,aAAa,CAAC,UAAC,IAAI;;YAAK,OAAA,uBACjB,IAAI,gBACN,IAAI,IAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,OAC/C;QAHsB,CAGtB,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,CAAkB;QACpC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAM,QAAQ,GAAG;YACb,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;YAC7D,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,SAAS,EAAE,UAAU,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;SACvD,CAAA;QACD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,gBAAM,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,wBAAwB,aAC5D,eAAK,SAAS,EAAC,yBAAyB,aACpC,gBAAO,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,yBAAyB,qBAAa,EACtE,KAAC,UAAU,IACP,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,cAAc,EAC1B,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,sBAAsB,EAChC,SAAS,EAAC,yBAAyB,GACrC,IACA,EACN,iBAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,gCAAgC,aACjE,gBACI,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,UAAU,CAAC,SAAS,EAC7B,QAAQ,EAAE,YAAY,GACxB,EACF,gBAAM,SAAS,EAAC,iCAAiC,aAC7C,eAAM,SAAS,EAAC,yBAAyB,+BAAsB,EAC/D,eAAM,SAAS,EAAC,wBAAwB,mEAA0D,IAC/F,IACH,EACR,eAAK,SAAS,EAAC,2BAA2B,aACtC,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,YAER,sBAAsB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GACjC,EACd,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,uBAGlB,IACZ,IACH,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useState } from \"react\";\nimport { SolidButton } from \"../../shad-cn-ui/SolidButton\";\nimport { SolidInput } from \"../../shad-cn-ui/SolidInput\";\n\ninterface SolidSaveCustomFilterFormProps {\n    currentSavedFilterData: any,\n    handleSaveFilter: ({ }) => void;\n    closeDialog: any\n}\n\nexport const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps> = ({ currentSavedFilterData, handleSaveFilter, closeDialog }) => {\n    const [formValues, setFormValues] = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : \"\", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false });\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const { name, value, type, checked } = e.target;\n        setFormValues((prev) => ({\n            ...prev,\n            [name]: type === \"checkbox\" ? checked : value,\n        }));\n    };\n\n    const handleSubmit = (e: React.FormEvent) => {\n        e.preventDefault();\n        const formData = {\n            id: currentSavedFilterData ? currentSavedFilterData.id : null,\n            name: formValues.name,\n            isPrivate: formValues.isPrivate === true ? true : \"\",\n        }\n        handleSaveFilter(formData);\n    };\n\n    return (\n        <form onSubmit={handleSubmit} className=\"solid-save-filter-form\">\n            <div className=\"solid-save-filter-field\">\n                <label htmlFor=\"name\" className=\"solid-save-filter-label\">Name</label>\n                <SolidInput\n                    id=\"name\"\n                    name=\"name\"\n                    placeholder=\"Filter Title\"\n                    value={formValues.name}\n                    onChange={handleChange}\n                    readOnly={currentSavedFilterData}\n                    className=\"solid-save-filter-input\"\n                />\n            </div>\n            <label htmlFor=\"isPrivate\" className=\"solid-save-filter-checkbox-row\">\n                <input\n                    id=\"isPrivate\"\n                    name=\"isPrivate\"\n                    type=\"checkbox\"\n                    className=\"solid-save-filter-checkbox\"\n                    checked={formValues.isPrivate}\n                    onChange={handleChange}\n                />\n                <span className=\"solid-save-filter-checkbox-copy\">\n                    <span className=\"solid-save-filter-label\">Private Filter</span>\n                    <span className=\"solid-save-filter-hint\">Only you will be able to access this saved filter.</span>\n                </span>\n            </label>\n            <div className=\"solid-save-filter-actions\">\n                <SolidButton\n                    type=\"submit\"\n                    size=\"sm\"\n                >\n                    {currentSavedFilterData ? \"Update\" : \"Save\"}\n                </SolidButton>\n                <SolidButton\n                    type=\"button\"\n                    size=\"sm\"\n                    variant=\"outline\"\n                    onClick={() => closeDialog()}\n                >\n                    Cancel\n                </SolidButton>\n            </div>\n        </form>\n    );\n};\n"]}
+{"version":3,"file":"SolidSaveCustomFilterForm.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSaveCustomFilterForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAQzD,MAAM,CAAC,IAAM,yBAAyB,GAA6C,UAAC,EAAyD;QAAvD,sBAAsB,4BAAA,EAAE,gBAAgB,sBAAA,EAAE,WAAW,iBAAA;IACjI,IAAA,KAA8B,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,EAAxL,UAAU,QAAA,EAAE,aAAa,QAA+J,CAAC;IAEhM,IAAM,YAAY,GAAG,UAAC,CAAsC;QAClD,IAAA,KAAiC,CAAC,CAAC,MAAM,EAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAa,CAAC;QAChD,aAAa,CAAC,UAAC,IAAI;;YAAK,OAAA,uBACjB,IAAI,gBACN,IAAI,IAAG,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,OAC/C;QAHsB,CAGtB,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,CAAkB;QACpC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAM,QAAQ,GAAG;YACb,EAAE,EAAE,sBAAsB,CAAC,CAAC,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;YAC7D,IAAI,EAAE,UAAU,CAAC,IAAI;YACrB,SAAS,EAAE,UAAU,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;SACvD,CAAA;QACD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACH,gBAAM,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAC,wBAAwB,aAC5D,eAAK,SAAS,EAAC,yBAAyB,aACpC,gBAAO,OAAO,EAAC,MAAM,EAAC,SAAS,EAAC,yBAAyB,qBAAa,EACtE,KAAC,UAAU,IACP,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,cAAc,EAC1B,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,yBAAyB,GACrC,IACA,EACN,iBAAO,OAAO,EAAC,WAAW,EAAC,SAAS,EAAC,gCAAgC,aACjE,gBACI,EAAE,EAAC,WAAW,EACd,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,4BAA4B,EACtC,OAAO,EAAE,UAAU,CAAC,SAAS,EAC7B,QAAQ,EAAE,YAAY,GACxB,EACF,gBAAM,SAAS,EAAC,iCAAiC,aAC7C,eAAM,SAAS,EAAC,yBAAyB,+BAAsB,EAC/D,eAAM,SAAS,EAAC,wBAAwB,mEAA0D,IAC/F,IACH,EACR,eAAK,SAAS,EAAC,2BAA2B,aACtC,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,YAER,sBAAsB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GACjC,EACd,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,uBAGlB,IACZ,IACH,CACV,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useState } from \"react\";\nimport { SolidButton } from \"../../shad-cn-ui/SolidButton\";\nimport { SolidInput } from \"../../shad-cn-ui/SolidInput\";\n\ninterface SolidSaveCustomFilterFormProps {\n    currentSavedFilterData: any,\n    handleSaveFilter: ({ }) => void;\n    closeDialog: any\n}\n\nexport const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps> = ({ currentSavedFilterData, handleSaveFilter, closeDialog }) => {\n    const [formValues, setFormValues] = useState({ name: currentSavedFilterData ? currentSavedFilterData.name : \"\", isPrivate: currentSavedFilterData ? currentSavedFilterData.isPrivate : false });\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        const { name, value, type, checked } = e.target;\n        setFormValues((prev) => ({\n            ...prev,\n            [name]: type === \"checkbox\" ? checked : value,\n        }));\n    };\n\n    const handleSubmit = (e: React.FormEvent) => {\n        e.preventDefault();\n        const formData = {\n            id: currentSavedFilterData ? currentSavedFilterData.id : null,\n            name: formValues.name,\n            isPrivate: formValues.isPrivate === true ? true : \"\",\n        }\n        handleSaveFilter(formData);\n    };\n\n    return (\n        <form onSubmit={handleSubmit} className=\"solid-save-filter-form\">\n            <div className=\"solid-save-filter-field\">\n                <label htmlFor=\"name\" className=\"solid-save-filter-label\">Name</label>\n                <SolidInput\n                    id=\"name\"\n                    name=\"name\"\n                    placeholder=\"Filter Title\"\n                    value={formValues.name}\n                    onChange={handleChange}\n                    className=\"solid-save-filter-input\"\n                />\n            </div>\n            <label htmlFor=\"isPrivate\" className=\"solid-save-filter-checkbox-row\">\n                <input\n                    id=\"isPrivate\"\n                    name=\"isPrivate\"\n                    type=\"checkbox\"\n                    className=\"solid-save-filter-checkbox\"\n                    checked={formValues.isPrivate}\n                    onChange={handleChange}\n                />\n                <span className=\"solid-save-filter-checkbox-copy\">\n                    <span className=\"solid-save-filter-label\">Private Filter</span>\n                    <span className=\"solid-save-filter-hint\">Only you will be able to access this saved filter.</span>\n                </span>\n            </label>\n            <div className=\"solid-save-filter-actions\">\n                <SolidButton\n                    type=\"submit\"\n                    size=\"sm\"\n                >\n                    {currentSavedFilterData ? \"Update\" : \"Save\"}\n                </SolidButton>\n                <SolidButton\n                    type=\"button\"\n                    size=\"sm\"\n                    variant=\"outline\"\n                    onClick={() => closeDialog()}\n                >\n                    Cancel\n                </SolidButton>\n            </div>\n        </form>\n    );\n};\n"]}

package/dist/components/core/common/SolidSaveCustomFilterForm.tsx

@@ -39,7 +39,6 @@ export const SolidSaveCustomFilterForm: React.FC<SolidSaveCustomFilterFormProps>
                     placeholder="Filter Title"
                     value={formValues.name}
                     onChange={handleChange}
-                    readOnly={currentSavedFilterData}
                     className="solid-save-filter-input"
                 />
             </div>

package/dist/components/core/dashboard/mappers/echartsOptionMapper.d.ts

@@ -0,0 +1,4 @@
+import type { EChartsOption } from "echarts";
+export declare const resolveChartType: (definition: any) => "line" | "bar" | "pie" | "unknown";
+export declare const toEChartsOption: (definition: any, runtimeData: any) => EChartsOption;
+//# sourceMappingURL=echartsOptionMapper.d.ts.map

package/dist/components/core/dashboard/mappers/echartsOptionMapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"echartsOptionMapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/mappers/echartsOptionMapper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAY7C,eAAO,MAAM,gBAAgB,eAAgB,GAAG,KAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,SAM3E,CAAC;AAYF,eAAO,MAAM,eAAe,eAAgB,GAAG,eAAe,GAAG,KAAG,aAkDnE,CAAC"}

package/dist/components/core/dashboard/mappers/echartsOptionMapper.js

@@ -0,0 +1,79 @@
+var readType = function (definition) {
+    var _a, _b, _c, _d, _e, _f;
+    var raw = (_f = (_e = (_d = (_b = (_a = definition === null || definition === void 0 ? void 0 : definition.visualization) === null || _a === void 0 ? void 0 : _a.type) !== null && _b !== void 0 ? _b : (_c = definition === null || definition === void 0 ? void 0 : definition.visualization) === null || _c === void 0 ? void 0 : _c.chartType) !== null && _d !== void 0 ? _d : definition === null || definition === void 0 ? void 0 : definition.type) !== null && _e !== void 0 ? _e : definition === null || definition === void 0 ? void 0 : definition.widgetType) !== null && _f !== void 0 ? _f : "";
+    return "".concat(raw).toLowerCase();
+};
+export var resolveChartType = function (definition) {
+    var type = readType(definition);
+    if (type.includes("line"))
+        return "line";
+    if (type.includes("bar"))
+        return "bar";
+    if (type.includes("pie") || type.includes("donut") || type.includes("doughnut"))
+        return "pie";
+    return "unknown";
+};
+var seriesFromRuntime = function (runtimeData, forcedType) {
+    var source = Array.isArray(runtimeData === null || runtimeData === void 0 ? void 0 : runtimeData.series) ? runtimeData.series : [];
+    return source.map(function (entry) {
+        var _a;
+        return ({
+            name: (_a = entry === null || entry === void 0 ? void 0 : entry.name) !== null && _a !== void 0 ? _a : "",
+            type: forcedType,
+            smooth: forcedType === "line",
+            data: Array.isArray(entry === null || entry === void 0 ? void 0 : entry.data) ? entry.data : [],
+        });
+    });
+};
+export var toEChartsOption = function (definition, runtimeData) {
+    var chartType = resolveChartType(definition);
+    if (chartType === "pie") {
+        var items = Array.isArray(runtimeData === null || runtimeData === void 0 ? void 0 : runtimeData.items) ? runtimeData.items : [];
+        return {
+            tooltip: { trigger: "item" },
+            legend: { top: 0, type: "scroll" },
+            series: [
+                {
+                    type: "pie",
+                    radius: ["42%", "70%"],
+                    avoidLabelOverlap: true,
+                    itemStyle: { borderRadius: 6, borderColor: "#fff", borderWidth: 1 },
+                    label: { show: true, formatter: "{b}: {d}%" },
+                    data: items.map(function (item) {
+                        var _a, _b, _c;
+                        return ({
+                            name: (_b = (_a = item === null || item === void 0 ? void 0 : item.name) !== null && _a !== void 0 ? _a : item === null || item === void 0 ? void 0 : item.label) !== null && _b !== void 0 ? _b : "",
+                            value: (_c = item === null || item === void 0 ? void 0 : item.value) !== null && _c !== void 0 ? _c : 0,
+                        });
+                    }),
+                },
+            ],
+        };
+    }
+    if (chartType === "line" || chartType === "bar") {
+        return {
+            tooltip: { trigger: "axis" },
+            legend: { top: 0, type: "scroll" },
+            grid: { left: 20, right: 20, bottom: 24, top: 36, containLabel: true },
+            xAxis: {
+                type: "category",
+                boundaryGap: chartType === "bar",
+                data: Array.isArray(runtimeData === null || runtimeData === void 0 ? void 0 : runtimeData.categories) ? runtimeData.categories : [],
+                axisLabel: {
+                    hideOverlap: true,
+                },
+            },
+            yAxis: { type: "value" },
+            series: seriesFromRuntime(runtimeData, chartType),
+        };
+    }
+    return {
+        title: {
+            text: "Unsupported chart type",
+            left: "center",
+            top: "middle",
+            textStyle: { fontSize: 12, fontWeight: "normal", color: "#64748b" },
+        },
+    };
+};
+//# sourceMappingURL=echartsOptionMapper.js.map

package/dist/components/core/dashboard/mappers/echartsOptionMapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"echartsOptionMapper.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/mappers/echartsOptionMapper.ts"],"names":[],"mappings":"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","sourcesContent":["import type { EChartsOption } from \"echarts\";\n\nconst readType = (definition: any): string => {\n  const raw =\n    definition?.visualization?.type ??\n    definition?.visualization?.chartType ??\n    definition?.type ??\n    definition?.widgetType ??\n    \"\";\n  return `${raw}`.toLowerCase();\n};\n\nexport const resolveChartType = (definition: any): \"line\" | \"bar\" | \"pie\" | \"unknown\" => {\n  const type = readType(definition);\n  if (type.includes(\"line\")) return \"line\";\n  if (type.includes(\"bar\")) return \"bar\";\n  if (type.includes(\"pie\") || type.includes(\"donut\") || type.includes(\"doughnut\")) return \"pie\";\n  return \"unknown\";\n};\n\nconst seriesFromRuntime = (runtimeData: any, forcedType: \"line\" | \"bar\"): any[] => {\n  const source = Array.isArray(runtimeData?.series) ? runtimeData.series : [];\n  return source.map((entry: any) => ({\n    name: entry?.name ?? \"\",\n    type: forcedType,\n    smooth: forcedType === \"line\",\n    data: Array.isArray(entry?.data) ? entry.data : [],\n  }));\n};\n\nexport const toEChartsOption = (definition: any, runtimeData: any): EChartsOption => {\n  const chartType = resolveChartType(definition);\n\n  if (chartType === \"pie\") {\n    const items = Array.isArray(runtimeData?.items) ? runtimeData.items : [];\n    return {\n      tooltip: { trigger: \"item\" },\n      legend: { top: 0, type: \"scroll\" },\n      series: [\n        {\n          type: \"pie\",\n          radius: [\"42%\", \"70%\"],\n          avoidLabelOverlap: true,\n          itemStyle: { borderRadius: 6, borderColor: \"#fff\", borderWidth: 1 },\n          label: { show: true, formatter: \"{b}: {d}%\" },\n          data: items.map((item: any) => ({\n            name: item?.name ?? item?.label ?? \"\",\n            value: item?.value ?? 0,\n          })),\n        },\n      ],\n    };\n  }\n\n  if (chartType === \"line\" || chartType === \"bar\") {\n    return {\n      tooltip: { trigger: \"axis\" },\n      legend: { top: 0, type: \"scroll\" },\n      grid: { left: 20, right: 20, bottom: 24, top: 36, containLabel: true },\n      xAxis: {\n        type: \"category\",\n        boundaryGap: chartType === \"bar\",\n        data: Array.isArray(runtimeData?.categories) ? runtimeData.categories : [],\n        axisLabel: {\n          hideOverlap: true,\n        },\n      },\n      yAxis: { type: \"value\" },\n      series: seriesFromRuntime(runtimeData, chartType),\n    };\n  }\n\n  return {\n    title: {\n      text: \"Unsupported chart type\",\n      left: \"center\",\n      top: \"middle\",\n      textStyle: { fontSize: 12, fontWeight: \"normal\", color: \"#64748b\" },\n    },\n  };\n};\n"]}

package/dist/components/core/dashboard/mappers/echartsOptionMapper.ts

@@ -0,0 +1,81 @@
+import type { EChartsOption } from "echarts";
+
+const readType = (definition: any): string => {
+  const raw =
+    definition?.visualization?.type ??
+    definition?.visualization?.chartType ??
+    definition?.type ??
+    definition?.widgetType ??
+    "";
+  return `${raw}`.toLowerCase();
+};
+
+export const resolveChartType = (definition: any): "line" | "bar" | "pie" | "unknown" => {
+  const type = readType(definition);
+  if (type.includes("line")) return "line";
+  if (type.includes("bar")) return "bar";
+  if (type.includes("pie") || type.includes("donut") || type.includes("doughnut")) return "pie";
+  return "unknown";
+};
+
+const seriesFromRuntime = (runtimeData: any, forcedType: "line" | "bar"): any[] => {
+  const source = Array.isArray(runtimeData?.series) ? runtimeData.series : [];
+  return source.map((entry: any) => ({
+    name: entry?.name ?? "",
+    type: forcedType,
+    smooth: forcedType === "line",
+    data: Array.isArray(entry?.data) ? entry.data : [],
+  }));
+};
+
+export const toEChartsOption = (definition: any, runtimeData: any): EChartsOption => {
+  const chartType = resolveChartType(definition);
+
+  if (chartType === "pie") {
+    const items = Array.isArray(runtimeData?.items) ? runtimeData.items : [];
+    return {
+      tooltip: { trigger: "item" },
+      legend: { top: 0, type: "scroll" },
+      series: [
+        {
+          type: "pie",
+          radius: ["42%", "70%"],
+          avoidLabelOverlap: true,
+          itemStyle: { borderRadius: 6, borderColor: "#fff", borderWidth: 1 },
+          label: { show: true, formatter: "{b}: {d}%" },
+          data: items.map((item: any) => ({
+            name: item?.name ?? item?.label ?? "",
+            value: item?.value ?? 0,
+          })),
+        },
+      ],
+    };
+  }
+
+  if (chartType === "line" || chartType === "bar") {
+    return {
+      tooltip: { trigger: "axis" },
+      legend: { top: 0, type: "scroll" },
+      grid: { left: 20, right: 20, bottom: 24, top: 36, containLabel: true },
+      xAxis: {
+        type: "category",
+        boundaryGap: chartType === "bar",
+        data: Array.isArray(runtimeData?.categories) ? runtimeData.categories : [],
+        axisLabel: {
+          hideOverlap: true,
+        },
+      },
+      yAxis: { type: "value" },
+      series: seriesFromRuntime(runtimeData, chartType),
+    };
+  }
+
+  return {
+    title: {
+      text: "Unsupported chart type",
+      left: "center",
+      top: "middle",
+      textStyle: { fontSize: 12, fontWeight: "normal", color: "#64748b" },
+    },
+  };
+};

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+export declare function DefaultDashboardBarChartWidget(props: DashboardWidgetComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultDashboardBarChartWidget.d.ts.map

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardBarChartWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAGjF,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,6BAA6B,2CAElF"}

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.js

@@ -0,0 +1,17 @@
+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 } from "react/jsx-runtime";
+import { DefaultDashboardChartWidget } from "./DefaultDashboardChartWidget";
+export function DefaultDashboardBarChartWidget(props) {
+    return _jsx(DefaultDashboardChartWidget, __assign({}, props));
+}
+//# sourceMappingURL=DefaultDashboardBarChartWidget.js.map

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardBarChartWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAE5E,MAAM,UAAU,8BAA8B,CAAC,KAAoC;IACjF,OAAO,KAAC,2BAA2B,eAAK,KAAK,EAAI,CAAC;AACpD,CAAC","sourcesContent":["import type { DashboardWidgetComponentProps } from \"../../../../types/dashboard\";\nimport { DefaultDashboardChartWidget } from \"./DefaultDashboardChartWidget\";\n\nexport function DefaultDashboardBarChartWidget(props: DashboardWidgetComponentProps) {\n  return <DefaultDashboardChartWidget {...props} />;\n}\n"]}

package/dist/components/core/dashboard/widgets/DefaultDashboardBarChartWidget.tsx

@@ -0,0 +1,6 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+import { DefaultDashboardChartWidget } from "./DefaultDashboardChartWidget";
+
+export function DefaultDashboardBarChartWidget(props: DashboardWidgetComponentProps) {
+  return <DefaultDashboardChartWidget {...props} />;
+}

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+export declare function DefaultDashboardChartWidget({ definition, runtime }: DashboardWidgetComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultDashboardChartWidget.d.ts.map

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardChartWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardChartWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAGjF,wBAAgB,2BAA2B,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,6BAA6B,2CAkDjG"}

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import ReactECharts from "echarts-for-react";
+import { toEChartsOption } from "../mappers/echartsOptionMapper";
+export function DefaultDashboardChartWidget(_a) {
+    var _b, _c;
+    var definition = _a.definition, runtime = _a.runtime;
+    var chartRef = useRef(null);
+    var containerRef = useRef(null);
+    var option = toEChartsOption(definition, (_c = (_b = runtime === null || runtime === void 0 ? void 0 : runtime.data) !== null && _b !== void 0 ? _b : runtime) !== null && _c !== void 0 ? _c : {});
+    useEffect(function () {
+        var _a, _b;
+        var resizeChart = function () {
+            var _a, _b, _c, _d;
+            try {
+                (_d = (_c = (_b = (_a = chartRef.current) === null || _a === void 0 ? void 0 : _a.getEchartsInstance) === null || _b === void 0 ? void 0 : _b.call(_a)) === null || _c === void 0 ? void 0 : _c.resize) === null || _d === void 0 ? void 0 : _d.call(_c, { width: "auto", height: "auto" });
+            }
+            catch (_e) {
+                // no-op: chart may not be ready yet
+            }
+        };
+        var observedElement = (_b = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.closest(".grid-stack-item-content")) !== null && _b !== void 0 ? _b : containerRef.current;
+        var observer = typeof ResizeObserver !== "undefined" && observedElement
+            ? new ResizeObserver(function () { return resizeChart(); })
+            : null;
+        if (observer && observedElement) {
+            observer.observe(observedElement);
+        }
+        var rafId = window.requestAnimationFrame(resizeChart);
+        var timeoutId = window.setTimeout(resizeChart, 120);
+        var timeoutIdLong = window.setTimeout(resizeChart, 320);
+        return function () {
+            window.cancelAnimationFrame(rafId);
+            window.clearTimeout(timeoutId);
+            window.clearTimeout(timeoutIdLong);
+            observer === null || observer === void 0 ? void 0 : observer.disconnect();
+        };
+    }, [option]);
+    return (_jsx("div", { ref: containerRef, style: { width: "100%", height: "100%", minHeight: 240, flex: 1 }, children: _jsx(ReactECharts, { ref: chartRef, option: option, style: { width: "100%", height: "100%", minHeight: 240 }, notMerge: true, lazyUpdate: true, autoResize: true }) }));
+}
+//# sourceMappingURL=DefaultDashboardChartWidget.js.map

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardChartWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardChartWidget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,UAAU,2BAA2B,CAAC,EAAsD;;QAApD,UAAU,gBAAA,EAAE,OAAO,aAAA;IAC/D,IAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IACnC,IAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACzD,IAAM,MAAM,GAAG,eAAe,CAAC,UAAU,EAAE,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,mCAAI,OAAO,mCAAI,EAAE,CAAC,CAAC;IAE3E,SAAS,CAAC;;QACR,IAAM,WAAW,GAAG;;YAClB,IAAI;gBACF,MAAA,MAAA,MAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,kBAAkB,kDAAI,0CAAE,MAAM,mDAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;aACvF;YAAC,WAAM;gBACN,oCAAoC;aACrC;QACH,CAAC,CAAC;QAEF,IAAM,eAAe,GACnB,MAAA,MAAA,YAAY,CAAC,OAAO,0CAAE,OAAO,CAAC,0BAA0B,CAAuB,mCAC/E,YAAY,CAAC,OAAO,CAAC;QAEvB,IAAM,QAAQ,GAAG,OAAO,cAAc,KAAK,WAAW,IAAI,eAAe;YACvE,CAAC,CAAC,IAAI,cAAc,CAAC,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,CAAC;YACzC,CAAC,CAAC,IAAI,CAAC;QAET,IAAI,QAAQ,IAAI,eAAe,EAAE;YAC/B,QAAQ,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;SACnC;QAED,IAAM,KAAK,GAAG,MAAM,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;QACxD,IAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;QACtD,IAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC;QAE1D,OAAO;YACL,MAAM,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAC/B,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;YACnC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,cAAK,GAAG,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,EAAE,YACvF,KAAC,YAAY,IACX,GAAG,EAAE,QAAQ,EACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,EACxD,QAAQ,QACR,UAAU,QACV,UAAU,SACV,GACE,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useRef } from \"react\";\nimport ReactECharts from \"echarts-for-react\";\nimport type { DashboardWidgetComponentProps } from \"../../../../types/dashboard\";\nimport { toEChartsOption } from \"../mappers/echartsOptionMapper\";\n\nexport function DefaultDashboardChartWidget({ definition, runtime }: DashboardWidgetComponentProps) {\n  const chartRef = useRef<any>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const option = toEChartsOption(definition, runtime?.data ?? runtime ?? {});\n\n  useEffect(() => {\n    const resizeChart = () => {\n      try {\n        chartRef.current?.getEchartsInstance?.()?.resize?.({ width: \"auto\", height: \"auto\" });\n      } catch {\n        // no-op: chart may not be ready yet\n      }\n    };\n\n    const observedElement =\n      containerRef.current?.closest(\".grid-stack-item-content\") as HTMLElement | null ??\n      containerRef.current;\n\n    const observer = typeof ResizeObserver !== \"undefined\" && observedElement\n      ? new ResizeObserver(() => resizeChart())\n      : null;\n\n    if (observer && observedElement) {\n      observer.observe(observedElement);\n    }\n\n    const rafId = window.requestAnimationFrame(resizeChart);\n    const timeoutId = window.setTimeout(resizeChart, 120);\n    const timeoutIdLong = window.setTimeout(resizeChart, 320);\n\n    return () => {\n      window.cancelAnimationFrame(rafId);\n      window.clearTimeout(timeoutId);\n      window.clearTimeout(timeoutIdLong);\n      observer?.disconnect();\n    };\n  }, [option]);\n\n  return (\n    <div ref={containerRef} style={{ width: \"100%\", height: \"100%\", minHeight: 240, flex: 1 }}>\n      <ReactECharts\n        ref={chartRef}\n        option={option}\n        style={{ width: \"100%\", height: \"100%\", minHeight: 240 }}\n        notMerge\n        lazyUpdate\n        autoResize\n      />\n    </div>\n  );\n}\n"]}

package/dist/components/core/dashboard/widgets/DefaultDashboardChartWidget.tsx

@@ -0,0 +1,56 @@
+import { useEffect, useRef } from "react";
+import ReactECharts from "echarts-for-react";
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+import { toEChartsOption } from "../mappers/echartsOptionMapper";
+
+export function DefaultDashboardChartWidget({ definition, runtime }: DashboardWidgetComponentProps) {
+  const chartRef = useRef<any>(null);
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const option = toEChartsOption(definition, runtime?.data ?? runtime ?? {});
+
+  useEffect(() => {
+    const resizeChart = () => {
+      try {
+        chartRef.current?.getEchartsInstance?.()?.resize?.({ width: "auto", height: "auto" });
+      } catch {
+        // no-op: chart may not be ready yet
+      }
+    };
+
+    const observedElement =
+      containerRef.current?.closest(".grid-stack-item-content") as HTMLElement | null ??
+      containerRef.current;
+
+    const observer = typeof ResizeObserver !== "undefined" && observedElement
+      ? new ResizeObserver(() => resizeChart())
+      : null;
+
+    if (observer && observedElement) {
+      observer.observe(observedElement);
+    }
+
+    const rafId = window.requestAnimationFrame(resizeChart);
+    const timeoutId = window.setTimeout(resizeChart, 120);
+    const timeoutIdLong = window.setTimeout(resizeChart, 320);
+
+    return () => {
+      window.cancelAnimationFrame(rafId);
+      window.clearTimeout(timeoutId);
+      window.clearTimeout(timeoutIdLong);
+      observer?.disconnect();
+    };
+  }, [option]);
+
+  return (
+    <div ref={containerRef} style={{ width: "100%", height: "100%", minHeight: 240, flex: 1 }}>
+      <ReactECharts
+        ref={chartRef}
+        option={option}
+        style={{ width: "100%", height: "100%", minHeight: 240 }}
+        notMerge
+        lazyUpdate
+        autoResize
+      />
+    </div>
+  );
+}

package/dist/components/core/dashboard/widgets/DefaultDashboardKpiWidget.d.ts

@@ -0,0 +1,3 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+export declare function DefaultDashboardKpiWidget({ runtime }: DashboardWidgetComponentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DefaultDashboardKpiWidget.d.ts.map

package/dist/components/core/dashboard/widgets/DefaultDashboardKpiWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardKpiWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardKpiWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAEjF,wBAAgB,yBAAyB,CAAC,EAAE,OAAO,EAAE,EAAE,6BAA6B,2CAgBnF"}

package/dist/components/core/dashboard/widgets/DefaultDashboardKpiWidget.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function DefaultDashboardKpiWidget(_a) {
+    var _b, _c, _d, _e, _f;
+    var runtime = _a.runtime;
+    var value = (_d = (_c = (_b = runtime === null || runtime === void 0 ? void 0 : runtime.data) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : runtime === null || runtime === void 0 ? void 0 : runtime.value) !== null && _d !== void 0 ? _d : "--";
+    var suffix = (_f = (_e = runtime === null || runtime === void 0 ? void 0 : runtime.uiHints) === null || _e === void 0 ? void 0 : _e.suffix) !== null && _f !== void 0 ? _f : "";
+    var isMobileViewport = typeof window !== "undefined" && window.innerWidth < 768;
+    return (_jsx("div", { style: {
+            fontSize: isMobileViewport ? "1.55rem" : "1.9rem",
+            fontWeight: 700,
+            lineHeight: 1.1,
+        }, children: "".concat(value).concat(suffix) }));
+}
+//# sourceMappingURL=DefaultDashboardKpiWidget.js.map

package/dist/components/core/dashboard/widgets/DefaultDashboardKpiWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultDashboardKpiWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/widgets/DefaultDashboardKpiWidget.tsx"],"names":[],"mappings":";AAEA,MAAM,UAAU,yBAAyB,CAAC,EAA0C;;QAAxC,OAAO,aAAA;IACjD,IAAM,KAAK,GAAG,MAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,KAAK,mCAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,mCAAI,IAAI,CAAC;IAC7D,IAAM,MAAM,GAAG,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,MAAM,mCAAI,EAAE,CAAC;IAC9C,IAAM,gBAAgB,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;IAElF,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ;YACjD,UAAU,EAAE,GAAG;YACf,UAAU,EAAE,GAAG;SAChB,YAEA,UAAG,KAAK,SAAG,MAAM,CAAE,GAChB,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type { DashboardWidgetComponentProps } from \"../../../../types/dashboard\";\n\nexport function DefaultDashboardKpiWidget({ runtime }: DashboardWidgetComponentProps) {\n  const value = runtime?.data?.value ?? runtime?.value ?? \"--\";\n  const suffix = runtime?.uiHints?.suffix ?? \"\";\n  const isMobileViewport = typeof window !== \"undefined\" && window.innerWidth < 768;\n\n  return (\n    <div\n      style={{\n        fontSize: isMobileViewport ? \"1.55rem\" : \"1.9rem\",\n        fontWeight: 700,\n        lineHeight: 1.1,\n      }}\n    >\n      {`${value}${suffix}`}\n    </div>\n  );\n}\n"]}