@solidxai/core-ui 0.1.9-beta.9 → 0.1.9

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

@@ -1 +1 @@
-{"version":3,"file":"SolidPasswordHelperText.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidPasswordHelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAM5C,MAAM,CAAC,IAAM,uBAAuB,GAAsC,UAAC,EAAQ;;QAAN,IAAI,UAAA;IAC/E,IAAM,qBAAqB,GAAG,MAAA,GAAG,CAAC,sCAAsC,CAAC,mCAAI,EAAE,CAAC;IAEhF,IAAI,CAAC,IAAI,IAAI,CAAC,qBAAqB;QAAE,OAAO,IAAI,CAAC;IAEjD,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAC/B,IAAI,CAAC,CAAC;YACL,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAQ;YACtD,CAAC;gBACD,cAAK,SAAS,EAAC,QAAQ,YACrB,cAAK,SAAS,EAAC,MAAM,YAClB,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACrD,cAAe,SAAS,EAAC,YAAY,YACnC,eAAK,SAAS,EAAC,YAAY,aACzB,oCAAc,EACd,yBAAO,IAAI,GAAQ,IACf,IAJE,GAAG,CAKP,CACP,EAPsD,CAOtD,CAAC,GACE,GACF,GAEJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { env } from \"../../../adapters/env\";\n\ninterface PasswordHelperTextProps {\n  text?: any;\n}\n\nexport const SolidPasswordHelperText: React.FC<PasswordHelperTextProps> = ({ text }) => {\n  const envPasswordHelperText = env(\"NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC\") ?? \"\";\n\n  if (!text && !envPasswordHelperText) return null;\n\n  return (\n    <div className=\"mt-4 text-sm grid\">\n      {text ?\n        <div dangerouslySetInnerHTML={{ __html: text }}></div>\n        :\n        <div className=\"col-12\">\n          <div className=\"grid\">\n            {envPasswordHelperText.split(\"\\\\n\").map((line, idx) => (\n              <div key={idx} className=\"col-6 pt-0\">\n                <div className=\"flex gap-2\">\n                  <span>•</span>\n                  <span>{line}</span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      }\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SolidPasswordHelperText.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidPasswordHelperText.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAM5C,MAAM,CAAC,IAAM,uBAAuB,GAAsC,UAAC,EAAQ;;QAAN,IAAI,UAAA;IAC/E,IAAM,qBAAqB,GAAG,MAAA,GAAG,CAAC,sCAAsC,CAAC,mCAAI,EAAE,CAAC;IAEhF,IAAI,CAAC,IAAI,IAAI,CAAC,qBAAqB;QAAE,OAAO,IAAI,CAAC;IAEjD,OAAO,CACL,cAAK,SAAS,EAAC,cAAc,YAC1B,IAAI,CAAC,CAAC;YACL,cAAK,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GAAQ;YACtD,CAAC;gBACD,cAAK,SAAS,EAAC,QAAQ,YACrB,cAAK,SAAS,EAAC,sBAAsB,YAClC,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACrD,cAAe,SAAS,EAAC,iBAAiB,YACxC,eAAK,SAAS,EAAC,YAAY,aACzB,oCAAc,EACd,yBAAO,IAAI,GAAQ,IACf,IAJE,GAAG,CAKP,CACP,EAPsD,CAOtD,CAAC,GACE,GACF,GAEJ,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from \"react\";\nimport { env } from \"../../../adapters/env\";\n\ninterface PasswordHelperTextProps {\n  text?: any;\n}\n\nexport const SolidPasswordHelperText: React.FC<PasswordHelperTextProps> = ({ text }) => {\n  const envPasswordHelperText = env(\"NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC\") ?? \"\";\n\n  if (!text && !envPasswordHelperText) return null;\n\n  return (\n    <div className=\"mt-4 text-sm\">\n      {text ?\n        <div dangerouslySetInnerHTML={{ __html: text }}></div>\n        :\n        <div className=\"w-full\">\n          <div className=\"flex flex-wrap -mx-2\">\n            {envPasswordHelperText.split(\"\\\\n\").map((line, idx) => (\n              <div key={idx} className=\"w-1/2 px-2 pt-0\">\n                <div className=\"flex gap-2\">\n                  <span>•</span>\n                  <span>{line}</span>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      }\n    </div>\n  );\n};\n"]}

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

@@ -11,14 +11,14 @@ export const SolidPasswordHelperText: React.FC<PasswordHelperTextProps> = ({ tex
   if (!text && !envPasswordHelperText) return null;
 
   return (
-    <div className="mt-4 text-sm grid">
+    <div className="mt-4 text-sm">
       {text ?
         <div dangerouslySetInnerHTML={{ __html: text }}></div>
         :
-        <div className="col-12">
-          <div className="grid">
+        <div className="w-full">
+          <div className="flex flex-wrap -mx-2">
             {envPasswordHelperText.split("\\n").map((line, idx) => (
-              <div key={idx} className="col-6 pt-0">
+              <div key={idx} className="w-1/2 px-2 pt-0">
                 <div className="flex gap-2">
                   <span>•</span>
                   <span>{line}</span>

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":"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","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/common/SolidSearchBox.js

@@ -8,6 +8,6 @@ export var SolidSearchBox = function (_a) {
     var search = function (event) {
         // setItems([...Array(10).keys()].map(item => event.query + '-' + item));
     };
-    return (_jsx("div", { className: "card flex justify-content-center", children: _jsx(SolidAutocomplete, { value: value, suggestions: items, completeMethod: search, onChange: function (e) { return setValue(e.value); } }) }));
+    return (_jsx("div", { className: "card flex justify-center", children: _jsx(SolidAutocomplete, { value: value, suggestions: items, completeMethod: search, onChange: function (e) { return setValue(e.value); } }) }));
 };
 //# sourceMappingURL=SolidSearchBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidSearchBox.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSearchBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAiB;QAAf,QAAQ,cAAA;IAC/B,IAAA,KAAoB,QAAQ,CAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IACzC,IAAA,KAAoB,QAAQ,CAAW,EAAE,CAAC,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAC;IACjD,IAAM,MAAM,GAAG,UAAC,KAAU;QACtB,yEAAyE;IAC7E,CAAC,CAAA;IACD,OAAO,CACH,cAAK,SAAS,EAAC,kCAAkC,YAC7C,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjB,CAAiB,GAAI,GACjH,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { useState } from \"react\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui\";\n\n\nexport const SolidSearchBox = ({ viewData }: any) => {\n    const [value, setValue] = useState<string>('');\n    const [items, setItems] = useState<string[]>([]);\n    const search = (event: any) => {\n        // setItems([...Array(10).keys()].map(item => event.query + '-' + item));\n    }\n    return (\n        <div className=\"card flex justify-content-center\">\n            <SolidAutocomplete value={value} suggestions={items} completeMethod={search} onChange={(e) => setValue(e.value)} />\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidSearchBox.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidSearchBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAiB;QAAf,QAAQ,cAAA;IAC/B,IAAA,KAAoB,QAAQ,CAAS,EAAE,CAAC,EAAvC,KAAK,QAAA,EAAE,QAAQ,QAAwB,CAAC;IACzC,IAAA,KAAoB,QAAQ,CAAW,EAAE,CAAC,EAAzC,KAAK,QAAA,EAAE,QAAQ,QAA0B,CAAC;IACjD,IAAM,MAAM,GAAG,UAAC,KAAU;QACtB,yEAAyE;IAC7E,CAAC,CAAA;IACD,OAAO,CACH,cAAK,SAAS,EAAC,0BAA0B,YACrC,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,EAAjB,CAAiB,GAAI,GACjH,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { useState } from \"react\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui\";\n\n\nexport const SolidSearchBox = ({ viewData }: any) => {\n    const [value, setValue] = useState<string>('');\n    const [items, setItems] = useState<string[]>([]);\n    const search = (event: any) => {\n        // setItems([...Array(10).keys()].map(item => event.query + '-' + item));\n    }\n    return (\n        <div className=\"card flex justify-center\">\n            <SolidAutocomplete value={value} suggestions={items} completeMethod={search} onChange={(e) => setValue(e.value)} />\n        </div>\n    )\n}\n"]}

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

@@ -9,7 +9,7 @@ export const SolidSearchBox = ({ viewData }: any) => {
         // setItems([...Array(10).keys()].map(item => event.query + '-' + item));
     }
     return (
-        <div className="card flex justify-content-center">
+        <div className="card flex justify-center">
             <SolidAutocomplete value={value} suggestions={items} completeMethod={search} onChange={(e) => setValue(e.value)} />
         </div>
     )

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

@@ -82,7 +82,7 @@ export var SolidXAiIframe = function (_a) {
     }
     // Error state
     if (reachable === false) {
-        return (_jsx("div", { className: "flex  items-center justify-center align-items-center h-full text-center p-4 overflow-x-auto\t", children: _jsxs("h3", { children: ["Mcp Server not reachable. ", _jsx("br", {}), _jsx("span", { className: "opacity-60 mt-2", children: _jsx("strong", { children: url }) })] }) }));
+        return (_jsx("div", { className: "flex h-full items-center justify-center overflow-x-auto p-4 text-center", children: _jsxs("h3", { children: ["Mcp Server not reachable. ", _jsx("br", {}), _jsx("span", { className: "opacity-60 mt-2", children: _jsx("strong", { children: url }) })] }) }));
     }
     // SUCCESS → load iframe
     return (_jsx("iframe", { src: url, style: {

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

@@ -1 +1 @@
-{"version":3,"file":"SolidXAiIframe.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidXAiIframe.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAU,QAAQ,EAAE,MAAM,OAAO,CAAC;AAM3D,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,EAAO;QAAL,GAAG,SAAA;IAC3D,IAAA,KAA4B,QAAQ,CAAiB,IAAI,CAAC,EAAzD,SAAS,QAAA,EAAE,YAAY,QAAkC,CAAC;IAGjE,SAAS,CAAC;QACV,IAAM,OAAO,GAAG,UAAC,KAAS;;YACxB,IAAI,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,MAAM,MAAK,gBAAgB,EAAE;gBAC3C,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;aAC1B;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,EAA9C,CAA8C,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAIL,SAAS,CAAC;QACR,IAAM,WAAW,GAAG;;;;;;wBAGJ,qBAAM,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAA;;wBAA1C,GAAG,GAAG,SAAoC;wBAEhD,IAAI,GAAG,CAAC,EAAE,EAAE;4BACV,YAAY,CAAC,IAAI,CAAC,CAAC;yBACpB;6BAAM;4BACL,YAAY,CAAC,KAAK,CAAC,CAAC;yBACrB;;;;wBAED,YAAY,CAAC,KAAK,CAAC,CAAC;;;;;aAEvB,CAAC;QAEF,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,gBAAgB;IAChB,IAAI,SAAS,KAAK,IAAI,EAAE;QACtB,OAAO,CACL,cAAK,SAAS,EAAC,uDAAuD,6CAEhE,CACP,CAAC;KACH;IAED,cAAc;IACd,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,OAAO,CACL,cAAK,SAAS,EAAC,+FAA8F,YAC3G,uDAA8B,cAAS,EACrC,eAAM,SAAS,EAAC,iBAAiB,YAC/B,2BAAS,GAAG,GAAU,GACjB,IACJ,GACD,CACP,CAAC;KACH;IACD,wBAAwB;IACxB,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,MAAM;SACf,EACD,KAAK,EAAC,iCAAiC,EACvC,KAAK,EAAC,uBAAuB,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\ninterface SolidXAiIframeProps {\n  url: string;\n}\n\nexport const SolidXAiIframe: React.FC<SolidXAiIframeProps> = ({ url }) => {\n  const [reachable, setReachable] = useState<boolean | null>(null);\n\n\n  useEffect(() => {\n  const handler = (event:any) => {\n    if (event.data?.action === \"REFRESH_PARENT\") {\n      window.location.reload();\n    }\n  };\n\n  window.addEventListener(\"message\", handler);\n  return () => window.removeEventListener(\"message\", handler);\n}, []);\n\n\n\n  useEffect(() => {\n    const checkServer = async () => {\n      try {\n        // Try to fetch the page HEAD (fast, no content)\n        const res = await fetch(url, { method: \"HEAD\" });\n\n        if (res.ok) {\n          setReachable(true);\n        } else {\n          setReachable(false);\n        }\n      } catch (err) {\n        setReachable(false);\n      }\n    };\n\n    checkServer();\n  }, [url]);\n\n  // Loading state\n  if (reachable === null) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-gray-600\">\n        Checking SolidX AI server...\n      </div>\n    );\n  }\n\n  // Error state\n  if (reachable === false) {\n    return (\n      <div className=\"flex  items-center justify-center align-items-center h-full text-center p-4 overflow-x-auto\t\">\n        <h3>Mcp Server not reachable. <br></br>\n          <span className=\"opacity-60 mt-2\">\n            <strong>{url}</strong>\n          </span>\n        </h3>\n      </div>\n    );\n  }\n  // SUCCESS → load iframe\n  return (\n    <iframe\n      src={url}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        border: \"none\",\n      }}\n      allow=\"clipboard-write; clipboard-read\"\n      title=\"SolidX AI JSON Viewer\"\n    />\n  );\n};\n"]}
+{"version":3,"file":"SolidXAiIframe.js","sourceRoot":"","sources":["../../../../src/components/core/common/SolidXAiIframe.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAU,QAAQ,EAAE,MAAM,OAAO,CAAC;AAM3D,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,EAAO;QAAL,GAAG,SAAA;IAC3D,IAAA,KAA4B,QAAQ,CAAiB,IAAI,CAAC,EAAzD,SAAS,QAAA,EAAE,YAAY,QAAkC,CAAC;IAGjE,SAAS,CAAC;QACV,IAAM,OAAO,GAAG,UAAC,KAAS;;YACxB,IAAI,CAAA,MAAA,KAAK,CAAC,IAAI,0CAAE,MAAM,MAAK,gBAAgB,EAAE;gBAC3C,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;aAC1B;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;QAC5C,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,OAAO,CAAC,EAA9C,CAA8C,CAAC;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAC;IAIL,SAAS,CAAC;QACR,IAAM,WAAW,GAAG;;;;;;wBAGJ,qBAAM,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,EAAA;;wBAA1C,GAAG,GAAG,SAAoC;wBAEhD,IAAI,GAAG,CAAC,EAAE,EAAE;4BACV,YAAY,CAAC,IAAI,CAAC,CAAC;yBACpB;6BAAM;4BACL,YAAY,CAAC,KAAK,CAAC,CAAC;yBACrB;;;;wBAED,YAAY,CAAC,KAAK,CAAC,CAAC;;;;;aAEvB,CAAC;QAEF,WAAW,EAAE,CAAC;IAChB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAEV,gBAAgB;IAChB,IAAI,SAAS,KAAK,IAAI,EAAE;QACtB,OAAO,CACL,cAAK,SAAS,EAAC,uDAAuD,6CAEhE,CACP,CAAC;KACH;IAED,cAAc;IACd,IAAI,SAAS,KAAK,KAAK,EAAE;QACvB,OAAO,CACL,cAAK,SAAS,EAAC,yEAAyE,YACtF,uDAA8B,cAAS,EACrC,eAAM,SAAS,EAAC,iBAAiB,YAC/B,2BAAS,GAAG,GAAU,GACjB,IACJ,GACD,CACP,CAAC;KACH;IACD,wBAAwB;IACxB,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,MAAM;SACf,EACD,KAAK,EAAC,iCAAiC,EACvC,KAAK,EAAC,uBAAuB,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\ninterface SolidXAiIframeProps {\n  url: string;\n}\n\nexport const SolidXAiIframe: React.FC<SolidXAiIframeProps> = ({ url }) => {\n  const [reachable, setReachable] = useState<boolean | null>(null);\n\n\n  useEffect(() => {\n  const handler = (event:any) => {\n    if (event.data?.action === \"REFRESH_PARENT\") {\n      window.location.reload();\n    }\n  };\n\n  window.addEventListener(\"message\", handler);\n  return () => window.removeEventListener(\"message\", handler);\n}, []);\n\n\n\n  useEffect(() => {\n    const checkServer = async () => {\n      try {\n        // Try to fetch the page HEAD (fast, no content)\n        const res = await fetch(url, { method: \"HEAD\" });\n\n        if (res.ok) {\n          setReachable(true);\n        } else {\n          setReachable(false);\n        }\n      } catch (err) {\n        setReachable(false);\n      }\n    };\n\n    checkServer();\n  }, [url]);\n\n  // Loading state\n  if (reachable === null) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-gray-600\">\n        Checking SolidX AI server...\n      </div>\n    );\n  }\n\n  // Error state\n  if (reachable === false) {\n    return (\n      <div className=\"flex h-full items-center justify-center overflow-x-auto p-4 text-center\">\n        <h3>Mcp Server not reachable. <br></br>\n          <span className=\"opacity-60 mt-2\">\n            <strong>{url}</strong>\n          </span>\n        </h3>\n      </div>\n    );\n  }\n  // SUCCESS → load iframe\n  return (\n    <iframe\n      src={url}\n      style={{\n        width: \"100%\",\n        height: \"100%\",\n        border: \"none\",\n      }}\n      allow=\"clipboard-write; clipboard-read\"\n      title=\"SolidX AI JSON Viewer\"\n    />\n  );\n};\n"]}

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

@@ -52,7 +52,7 @@ export const SolidXAiIframe: React.FC<SolidXAiIframeProps> = ({ url }) => {
   // Error state
   if (reachable === false) {
     return (
-      <div className="flex  items-center justify-center align-items-center h-full text-center p-4 overflow-x-auto	">
+      <div className="flex h-full items-center justify-center overflow-x-auto p-4 text-center">
         <h3>Mcp Server not reachable. <br></br>
           <span className="opacity-60 mt-2">
             <strong>{url}</strong>

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"]}

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

@@ -0,0 +1,19 @@
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+
+export function DefaultDashboardKpiWidget({ runtime }: DashboardWidgetComponentProps) {
+  const value = runtime?.data?.value ?? runtime?.value ?? "--";
+  const suffix = runtime?.uiHints?.suffix ?? "";
+  const isMobileViewport = typeof window !== "undefined" && window.innerWidth < 768;
+
+  return (
+    <div
+      style={{
+        fontSize: isMobileViewport ? "1.55rem" : "1.9rem",
+        fontWeight: 700,
+        lineHeight: 1.1,
+      }}
+    >
+      {`${value}${suffix}`}
+    </div>
+  );
+}

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

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

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

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

package/dist/components/core/dashboard/widgets/DefaultDashboardLineChartWidget.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 DefaultDashboardLineChartWidget(props) {
+    return _jsx(DefaultDashboardChartWidget, __assign({}, props));
+}
+//# sourceMappingURL=DefaultDashboardLineChartWidget.js.map

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

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

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

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

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

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