@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

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

@@ -1 +1 @@
-{"version":3,"file":"SolidQuestionRenderer.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidQuestionRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAE/F,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,2BAA2B,MAAM,+CAA+C,CAAC;AACxF,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAcjD,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAAyE;;QAAvE,QAAQ,cAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAC7E,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,CACH,cAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,SAAM,YACjD,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACpC,CACT,CAAC;KACL;IAED,IAAM,SAAS,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,mCAAI,OAAO,CAAA;IAChD,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,CACH,4BACI,KAAC,OAAO,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACvC,CACN,CAAA;KACJ;IACD,+EAA+E;IAE/E,0BAA0B;IAC1B,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAC5B;QACI,SAAS,WAAA;QACT,OAAO,SAAA;KACV,CAGJ,CAAC;IACI,IAAA,KAAqF,oCAAoC,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAvJ,YAAY,UAAA,EAAa,qBAAqB,eAAA,EAAS,iBAAiB,WAA+E,CAAC;IAGtK,6DAA6D;IAC7D,iFAAiF;IACjF,wEAAwE;IACxE,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,CAAC,CAAC;IACnD,qCAAqC;IACrC,iEAAiE;IACjE,mDAAmD;IACnD,OAAO,CACH,8BACK,qBAAqB,IAAI,KAAC,eAAe,KAAG,EAC5C,CAAC,qBAAqB;gBACnB,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,YAAS,aACpD,eAAK,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,aAChF,cAAK,SAAS,EAAE,2BAAoB,SAAS,cAAI,MAAM,CAAC,eAAe,CAAE,YAAG,QAAQ,CAAC,IAAI,GAAO,EAChG,cAAK,SAAS,EAAE,uCAAgC,SAAS,cAAI,MAAM,CAAC,eAAe,CAAE,YAAG,YAAY,CAAC,IAAI,CAAC,GAAG,GAAO,IAClH,EACN,eAAK,SAAS,EAAC,8BAA8B,aACxC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,iBAAiB,EAAE,YAAY,EAAE,QAAQ,CAAC,YAAY,GAAI,EAC5L,QAAQ,CAAC,YAAY,KAAK,mBAAmB,IAAI,KAAC,UAAU,IAAC,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,GAAG,EAAE,MAAA,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,iBAAiB,0CAAE,OAAO,0CAAE,MAAM,CAAC,UAAC,KAAa,EAAE,IAAc,IAAK,OAAA,KAAK,GAAG,IAAI,CAAC,KAAK,EAAlB,CAAkB,EAAE,CAAC,CAAC,GAAI,EAC3O,QAAQ,CAAC,YAAY,KAAK,iBAAiB,IAAI,KAAC,2BAA2B,IAAC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,iBAAiB,GAAI,IACvJ,IACJ,IAEX,CACN,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';\nimport { SqlExpression } from '../../../types/solid-core';\nimport { Message } from 'primereact/message';\nimport { MeterGroup } from 'primereact/metergroup';\nimport { ProgressSpinner } from 'primereact/progressspinner';\nimport qs from 'qs';\nimport { ChartJsRenderer } from './chart-renderers/ChartJsRenderer';\nimport PrimeReactDatatableRenderer from './chart-renderers/PrimeReactDatatableRenderer';\nimport styles from './SolidDashboard.module.css';\n\ntype SolidQuestionRendererProps = {\n    question: any;\n    filters: SqlExpression[];\n    isPreview: boolean;\n};\n\ntype DataItem = {\n    value: number;\n    label?: string | HTMLElement;\n    color?: string;\n}\n\nexport const SolidQuestionRenderer = ({ question, filters = [], isPreview = false }: SolidQuestionRendererProps) => {\n    if (!question) {\n        return (\n            <div className={`${styles.SolidChartCardWrapper} p-4`}>\n                <Message text=\"Preview Unavailable\" />\n            </div>\n        );\n    }\n\n    const textAlign = question?.textAlign ?? 'start'\n    if (!question) {\n        return (\n            <>\n                <Message text=\"Preview Unavailable\" />\n            </>\n        )\n    }\n    // console.log(`Rendering BarChartRenderer using question id: ${question.id}`);\n\n    // load the question data.\n    const queryParams = qs.stringify(\n        {\n            isPreview,\n            filters,\n        },\n        // ensures proper handling of arrays\n        // { arrayFormat: 'indices' }\n    );\n    const { data: questionData, isLoading: questionDataIsLoading, error: questionDataError } = useGetDashboardQuestionDataByIdQuery({ id: question.id, qs: queryParams });\n\n\n    // console.log(`Question data: `); console.log(questionData);\n    // console.log(`Question data is loading: `); console.log(questionDataIsLoading);\n    // console.log(`Question data error: `); console.log(questionDataError);\n    const options = JSON.parse(question?.chartOptions);\n    // const kpi = questionData.data.kpi;\n    // const visualizationData = questionData.data.visualizationData;\n    // const visualizedAs = question.data.visualisedAs;\n    return (\n        <>\n            {questionDataIsLoading && <ProgressSpinner />}\n            {!questionDataIsLoading &&\n                <div className={`${styles.SolidChartCardWrapper} h-full`}>\n                    <div className='flex flex-col p-4 pb-3' style={{ borderBottom: \"1px solid #e4e3e3\" }}>\n                        <div className={`font-medium text-${textAlign} ${styles.SolidChartTitle}`}>{question.name}</div>\n                        <div className={`mt-2 font-bold text-3xl text-${textAlign} ${styles.SolidChartTitle}`}>{questionData.data.kpi}</div>\n                    </div>\n                    <div className='mt-3 flex-1 min-h-0 p-4 pt-2'>\n                        {['bar', 'line', 'pie'].includes(question.visualisedAs) && <ChartJsRenderer options={options} visualizationData={questionData.data.visualizationData} visualizedAs={question.visualisedAs} />}\n                        {question.visualisedAs === 'prime-meter-group' && <MeterGroup values={questionData.data.visualizationData.dataset} max={questionData?.data?.visualizationData?.dataset?.reduce((total: number, item: DataItem) => total + item.value, 0)} />}\n                        {question.visualisedAs === 'prime-datatable' && <PrimeReactDatatableRenderer options={options} visualizationData={questionData.data.visualizationData} />}\n                    </div>\n                </div>\n            }\n        </>\n    )\n}"]}
+{"version":3,"file":"SolidQuestionRenderer.js","sourceRoot":"","sources":["../../../../src/components/core/dashboard/SolidQuestionRenderer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,oCAAoC,EAAE,MAAM,yCAAyC,CAAC;AAE/F,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,2BAA2B,MAAM,+CAA+C,CAAC;AACxF,OAAO,MAAM,MAAM,6BAA6B,CAAC;AAcjD,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAAyE;;QAAvE,QAAQ,cAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA;IAC7E,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,CACH,cAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,SAAM,YACjD,KAAC,YAAY,IAAC,IAAI,EAAC,qBAAqB,GAAG,GACzC,CACT,CAAC;KACL;IAED,IAAM,SAAS,GAAG,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,mCAAI,OAAO,CAAA;IAChD,IAAI,CAAC,QAAQ,EAAE;QACX,OAAO,CACH,KAAC,YAAY,IAAC,IAAI,EAAC,qBAAqB,GAAG,CAC9C,CAAA;KACJ;IACD,+EAA+E;IAE/E,0BAA0B;IAC1B,IAAM,WAAW,GAAG,EAAE,CAAC,SAAS,CAC5B;QACI,SAAS,WAAA;QACT,OAAO,SAAA;KACV,CAGJ,CAAC;IACI,IAAA,KAAqF,oCAAoC,CAAC,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,EAAvJ,YAAY,UAAA,EAAa,qBAAqB,eAAA,EAAS,iBAAiB,WAA+E,CAAC;IAGtK,6DAA6D;IAC7D,iFAAiF;IACjF,wEAAwE;IACxE,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,CAAC,CAAC;IACnD,qCAAqC;IACrC,iEAAiE;IACjE,mDAAmD;IACnD,OAAO,CACH,8BACK,qBAAqB,IAAI,KAAC,YAAY,KAAG,EACzC,CAAC,qBAAqB;gBACnB,eAAK,SAAS,EAAE,UAAG,MAAM,CAAC,qBAAqB,YAAS,aACpD,eAAK,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,aAChF,cAAK,SAAS,EAAE,2BAAoB,SAAS,cAAI,MAAM,CAAC,eAAe,CAAE,YAAG,QAAQ,CAAC,IAAI,GAAO,EAChG,cAAK,SAAS,EAAE,uCAAgC,SAAS,cAAI,MAAM,CAAC,eAAe,CAAE,YAAG,YAAY,CAAC,IAAI,CAAC,GAAG,GAAO,IAClH,EACN,eAAK,SAAS,EAAC,8BAA8B,aACxC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,KAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,iBAAiB,EAAE,YAAY,EAAE,QAAQ,CAAC,YAAY,GAAI,EAC5L,QAAQ,CAAC,YAAY,KAAK,mBAAmB,IAAI,CAAC;oCAC/C,IAAM,OAAO,GAAe,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;oCACxE,IAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,EAAE,IAAK,OAAA,GAAG,GAAG,EAAE,CAAC,KAAK,EAAd,CAAc,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;oCAClE,OAAO,CACH,cAAK,SAAS,EAAC,mBAAmB,YAC7B,OAAO,CAAC,GAAG,CAAC,UAAC,IAAc,EAAE,GAAW;4CACrC,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC;4CAC1D,OAAO,CACH,eAAkC,SAAS,EAAC,uBAAuB,aAC/D,eAAM,SAAS,EAAC,yBAAyB,YAAE,IAAI,CAAC,KAAK,GAAQ,EAC7D,cAAK,SAAS,EAAC,uBAAuB,YAClC,cACI,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAG,UAAU,MAAG,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,IAAI,6BAA6B,EAAE,GAClG,GACA,EACN,gBAAM,SAAS,EAAC,yBAAyB,aAAE,UAAU,SAAS,KARxD,UAAG,IAAI,CAAC,KAAK,cAAI,GAAG,CAAE,CAS1B,CACT,CAAC;wCACN,CAAC,CAAC,GACA,CACT,CAAC;gCACN,CAAC,CAAC,EAAE,EACH,QAAQ,CAAC,YAAY,KAAK,iBAAiB,IAAI,KAAC,2BAA2B,IAAC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,iBAAiB,GAAI,IACvJ,IACJ,IAEX,CACN,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport type { ReactNode } from 'react';\nimport { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';\nimport { SqlExpression } from '../../../types/solid-core';\nimport { SolidMessage, SolidSpinner } from '../../shad-cn-ui';\nimport qs from 'qs';\nimport { ChartJsRenderer } from './chart-renderers/ChartJsRenderer';\nimport PrimeReactDatatableRenderer from './chart-renderers/PrimeReactDatatableRenderer';\nimport styles from './SolidDashboard.module.css';\n\ntype SolidQuestionRendererProps = {\n    question: any;\n    filters: SqlExpression[];\n    isPreview: boolean;\n};\n\ntype DataItem = {\n    value: number;\n    label?: string | ReactNode;\n    color?: string;\n}\n\nexport const SolidQuestionRenderer = ({ question, filters = [], isPreview = false }: SolidQuestionRendererProps) => {\n    if (!question) {\n        return (\n            <div className={`${styles.SolidChartCardWrapper} p-4`}>\n                <SolidMessage text=\"Preview Unavailable\" />\n            </div>\n        );\n    }\n\n    const textAlign = question?.textAlign ?? 'start'\n    if (!question) {\n        return (\n            <SolidMessage text=\"Preview Unavailable\" />\n        )\n    }\n    // console.log(`Rendering BarChartRenderer using question id: ${question.id}`);\n\n    // load the question data.\n    const queryParams = qs.stringify(\n        {\n            isPreview,\n            filters,\n        },\n        // ensures proper handling of arrays\n        // { arrayFormat: 'indices' }\n    );\n    const { data: questionData, isLoading: questionDataIsLoading, error: questionDataError } = useGetDashboardQuestionDataByIdQuery({ id: question.id, qs: queryParams });\n\n\n    // console.log(`Question data: `); console.log(questionData);\n    // console.log(`Question data is loading: `); console.log(questionDataIsLoading);\n    // console.log(`Question data error: `); console.log(questionDataError);\n    const options = JSON.parse(question?.chartOptions);\n    // const kpi = questionData.data.kpi;\n    // const visualizationData = questionData.data.visualizationData;\n    // const visualizedAs = question.data.visualisedAs;\n    return (\n        <>\n            {questionDataIsLoading && <SolidSpinner />}\n            {!questionDataIsLoading &&\n                <div className={`${styles.SolidChartCardWrapper} h-full`}>\n                    <div className='flex flex-col p-4 pb-3' style={{ borderBottom: \"1px solid #e4e3e3\" }}>\n                        <div className={`font-medium text-${textAlign} ${styles.SolidChartTitle}`}>{question.name}</div>\n                        <div className={`mt-2 font-bold text-3xl text-${textAlign} ${styles.SolidChartTitle}`}>{questionData.data.kpi}</div>\n                    </div>\n                    <div className='mt-3 flex-1 min-h-0 p-4 pt-2'>\n                        {['bar', 'line', 'pie'].includes(question.visualisedAs) && <ChartJsRenderer options={options} visualizationData={questionData.data.visualizationData} visualizedAs={question.visualisedAs} />}\n                        {question.visualisedAs === 'prime-meter-group' && (() => {\n                            const dataset: DataItem[] = questionData.data.visualizationData.dataset;\n                            const total = dataset.reduce((sum, it) => sum + it.value, 0) || 1;\n                            return (\n                                <div className=\"solid-meter-group\">\n                                    {dataset.map((item: DataItem, idx: number) => {\n                                        const percentage = Math.round((item.value / total) * 100);\n                                        return (\n                                            <div key={`${item.label}-${idx}`} className=\"solid-meter-group-row\">\n                                                <span className=\"solid-meter-group-label\">{item.label}</span>\n                                                <div className=\"solid-meter-group-bar\">\n                                                    <div\n                                                        className=\"solid-meter-group-bar-fill\"\n                                                        style={{ width: `${percentage}%`, backgroundColor: item.color || 'var(--solid-surface-accent)' }}\n                                                    />\n                                                </div>\n                                                <span className=\"solid-meter-group-value\">{percentage}%</span>\n                                            </div>\n                                        );\n                                    })}\n                                </div>\n                            );\n                        })()}\n                        {question.visualisedAs === 'prime-datatable' && <PrimeReactDatatableRenderer options={options} visualizationData={questionData.data.visualizationData} />}\n                    </div>\n                </div>\n            }\n        </>\n    )\n}\n"]}

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

@@ -1,9 +1,8 @@
 
+import type { ReactNode } from 'react';
 import { useGetDashboardQuestionDataByIdQuery } from '../../../redux/api/dashboardQuestionApi';
 import { SqlExpression } from '../../../types/solid-core';
-import { Message } from 'primereact/message';
-import { MeterGroup } from 'primereact/metergroup';
-import { ProgressSpinner } from 'primereact/progressspinner';
+import { SolidMessage, SolidSpinner } from '../../shad-cn-ui';
 import qs from 'qs';
 import { ChartJsRenderer } from './chart-renderers/ChartJsRenderer';
 import PrimeReactDatatableRenderer from './chart-renderers/PrimeReactDatatableRenderer';
@@ -17,7 +16,7 @@ type SolidQuestionRendererProps = {
 
 type DataItem = {
     value: number;
-    label?: string | HTMLElement;
+    label?: string | ReactNode;
     color?: string;
 }
 
@@ -25,7 +24,7 @@ export const SolidQuestionRenderer = ({ question, filters = [], isPreview = fals
     if (!question) {
         return (
             <div className={`${styles.SolidChartCardWrapper} p-4`}>
-                <Message text="Preview Unavailable" />
+                <SolidMessage text="Preview Unavailable" />
             </div>
         );
     }
@@ -33,9 +32,7 @@ export const SolidQuestionRenderer = ({ question, filters = [], isPreview = fals
     const textAlign = question?.textAlign ?? 'start'
     if (!question) {
         return (
-            <>
-                <Message text="Preview Unavailable" />
-            </>
+            <SolidMessage text="Preview Unavailable" />
         )
     }
     // console.log(`Rendering BarChartRenderer using question id: ${question.id}`);
@@ -61,7 +58,7 @@ export const SolidQuestionRenderer = ({ question, filters = [], isPreview = fals
     // const visualizedAs = question.data.visualisedAs;
     return (
         <>
-            {questionDataIsLoading && <ProgressSpinner />}
+            {questionDataIsLoading && <SolidSpinner />}
             {!questionDataIsLoading &&
                 <div className={`${styles.SolidChartCardWrapper} h-full`}>
                     <div className='flex flex-col p-4 pb-3' style={{ borderBottom: "1px solid #e4e3e3" }}>
@@ -70,11 +67,33 @@ export const SolidQuestionRenderer = ({ question, filters = [], isPreview = fals
                     </div>
                     <div className='mt-3 flex-1 min-h-0 p-4 pt-2'>
                         {['bar', 'line', 'pie'].includes(question.visualisedAs) && <ChartJsRenderer options={options} visualizationData={questionData.data.visualizationData} visualizedAs={question.visualisedAs} />}
-                        {question.visualisedAs === 'prime-meter-group' && <MeterGroup values={questionData.data.visualizationData.dataset} max={questionData?.data?.visualizationData?.dataset?.reduce((total: number, item: DataItem) => total + item.value, 0)} />}
+                        {question.visualisedAs === 'prime-meter-group' && (() => {
+                            const dataset: DataItem[] = questionData.data.visualizationData.dataset;
+                            const total = dataset.reduce((sum, it) => sum + it.value, 0) || 1;
+                            return (
+                                <div className="solid-meter-group">
+                                    {dataset.map((item: DataItem, idx: number) => {
+                                        const percentage = Math.round((item.value / total) * 100);
+                                        return (
+                                            <div key={`${item.label}-${idx}`} className="solid-meter-group-row">
+                                                <span className="solid-meter-group-label">{item.label}</span>
+                                                <div className="solid-meter-group-bar">
+                                                    <div
+                                                        className="solid-meter-group-bar-fill"
+                                                        style={{ width: `${percentage}%`, backgroundColor: item.color || 'var(--solid-surface-accent)' }}
+                                                    />
+                                                </div>
+                                                <span className="solid-meter-group-value">{percentage}%</span>
+                                            </div>
+                                        );
+                                    })}
+                                </div>
+                            );
+                        })()}
                         {question.visualisedAs === 'prime-datatable' && <PrimeReactDatatableRenderer options={options} visualizationData={questionData.data.visualizationData} />}
                     </div>
                 </div>
             }
         </>
     )
-}
+}

package/dist/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeReactDatatableRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.tsx"],"names":[],"mappings":"AAMA,KAAK,gCAAgC,GAAG;IACpC,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;CAC1B,CAAA;AAED,QAAA,MAAM,2BAA2B,mCAAoC,gCAAgC,4CAwCpG,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"PrimeReactDatatableRenderer.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.tsx"],"names":[],"mappings":"AAGA,KAAK,gCAAgC,GAAG;IACpC,OAAO,EAAE,GAAG,CAAC;IACb,iBAAiB,EAAE,GAAG,CAAC;CAC1B,CAAA;AAED,QAAA,MAAM,2BAA2B,mCAAoC,gCAAgC,4CAwCpG,CAAC;AAEF,eAAe,2BAA2B,CAAC"}

package/dist/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.js

@@ -1,8 +1,5 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-// import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
-import { Column } from "primereact/column";
-import { DataTable } from "primereact/datatable";
-import { ProgressSpinner } from "primereact/progressspinner";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidSpinner } from "../../../shad-cn-ui";
 var PrimeReactDatatableRenderer = function (_a) {
     // {
     //   "size": "small",
@@ -13,20 +10,13 @@ var PrimeReactDatatableRenderer = function (_a) {
     //     "rowsPerPageOptions": [5, 10, 25, 50]
     //   }
     // }    
-    var _b, _c;
     var options = _a.options, visualizationData = _a.visualizationData;
-    var size = (options === null || options === void 0 ? void 0 : options.size) || 'small';
-    var showGridlines = (options === null || options === void 0 ? void 0 : options.showGridLines) || false;
-    var stripedRows = (options === null || options === void 0 ? void 0 : options.stripedRows) || false;
-    var paginator = (options === null || options === void 0 ? void 0 : options.pagination) || false;
-    var rows = ((_b = options === null || options === void 0 ? void 0 : options.pagination) === null || _b === void 0 ? void 0 : _b.rows) || 10;
-    var rowsPerPageOptions = ((_c = options === null || options === void 0 ? void 0 : options.pagination) === null || _c === void 0 ? void 0 : _c.rowsPerPageOptions) || [5, 10, 25, 50];
     if (!visualizationData) {
-        return (_jsx(_Fragment, { children: _jsx(ProgressSpinner, {}) }));
+        return _jsx(SolidSpinner, {});
     }
     var columns = visualizationData.columns;
     var data = visualizationData.rows;
-    return (_jsx(_Fragment, { children: _jsx(DataTable, { value: data, tableStyle: { minWidth: '50rem' }, size: size, showGridlines: showGridlines, stripedRows: stripedRows, paginator: paginator, rows: rows, rowsPerPageOptions: rowsPerPageOptions, children: columns.map(function (col, i) { return (_jsx(Column, { field: col.field, header: col.header }, col.field)); }) }) }));
+    return (_jsx("div", { className: "solid-simple-table", children: _jsxs("table", { children: [_jsx("thead", { children: _jsx("tr", { children: columns.map(function (col) { return (_jsx("th", { children: col.header }, col.field)); }) }) }), _jsx("tbody", { children: data.map(function (row, rowIndex) { return (_jsx("tr", { children: columns.map(function (col) { return (_jsx("td", { children: row[col.field] }, "".concat(rowIndex, "-").concat(col.field))); }) }, rowIndex)); }) })] }) }));
 };
 export default PrimeReactDatatableRenderer;
 //# sourceMappingURL=PrimeReactDatatableRenderer.js.map

package/dist/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimeReactDatatableRenderer.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.tsx"],"names":[],"mappings":";AACA,+EAA+E;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAO7D,IAAM,2BAA2B,GAAG,UAAC,EAAgE;IACjG,IAAI;IACJ,qBAAqB;IACrB,2BAA2B;IAC3B,yBAAyB;IACzB,oBAAoB;IACpB,kBAAkB;IAClB,4CAA4C;IAC5C,MAAM;IACN,QAAQ;;QAT2B,OAAO,aAAA,EAAE,iBAAiB,uBAAA;IAW7D,IAAM,IAAI,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,KAAI,OAAO,CAAC;IACtC,IAAM,aAAa,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,KAAI,KAAK,CAAC;IACtD,IAAM,WAAW,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,KAAK,CAAC;IAClD,IAAM,SAAS,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,KAAI,KAAK,CAAC;IAC/C,IAAM,IAAI,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,IAAI,KAAI,EAAE,CAAC;IAC7C,IAAM,kBAAkB,GAAG,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,0CAAE,kBAAkB,KAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAEtF,IAAI,CAAC,iBAAiB,EAAE;QACpB,OAAO,CACH,4BACI,KAAC,eAAe,KAAG,GACpB,CACN,CAAC;KACL;IAED,IAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC;IAC1C,IAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;IAEpC,OAAO,CACH,4BACI,KAAC,SAAS,IAAC,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAE,kBAAkB,YAE/L,OAAO,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,CAAS,IAAK,OAAA,CACjC,KAAC,MAAM,IAAiB,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,IAA/C,GAAG,CAAC,KAAK,CAA0C,CACnE,EAFoC,CAEpC,CAAC,GAEE,GACb,CACN,CAAA;AACL,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["\n// import \"../../../../components/core/dashboard/chart-renderers/init-chartjs\";\nimport { Column } from \"primereact/column\";\nimport { DataTable } from \"primereact/datatable\";\nimport { ProgressSpinner } from \"primereact/progressspinner\";\n\ntype PrimeReactDatatableRendererProps = {\n    options: any;\n    visualizationData: any;\n}\n\nconst PrimeReactDatatableRenderer = ({ options, visualizationData }: PrimeReactDatatableRendererProps) => {\n    // {\n    //   \"size\": \"small\",\n    //   \"showGridlines\": true,\n    //   \"stripedRows\": true,\n    //   \"pagination\": {\n    //     \"rows\": 10,\n    //     \"rowsPerPageOptions\": [5, 10, 25, 50]\n    //   }\n    // }    \n\n    const size = options?.size || 'small';\n    const showGridlines = options?.showGridLines || false;\n    const stripedRows = options?.stripedRows || false;\n    const paginator = options?.pagination || false;\n    const rows = options?.pagination?.rows || 10;\n    const rowsPerPageOptions = options?.pagination?.rowsPerPageOptions || [5, 10, 25, 50];\n\n    if (!visualizationData) {\n        return (\n            <>\n                <ProgressSpinner />\n            </>\n        );\n    }\n\n    const columns = visualizationData.columns;\n    const data = visualizationData.rows;\n\n    return (\n        <>\n            <DataTable value={data} tableStyle={{ minWidth: '50rem' }} size={size} showGridlines={showGridlines} stripedRows={stripedRows} paginator={paginator} rows={rows} rowsPerPageOptions={rowsPerPageOptions} >\n                {\n                    columns.map((col: any, i: number) => (\n                        <Column key={col.field} field={col.field} header={col.header} />\n                    ))\n                }\n            </DataTable>\n        </>\n    )\n};\n\nexport default PrimeReactDatatableRenderer;"]}
+{"version":3,"file":"PrimeReactDatatableRenderer.js","sourceRoot":"","sources":["../../../../../src/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAOnD,IAAM,2BAA2B,GAAG,UAAC,EAAgE;IACjG,IAAI;IACJ,qBAAqB;IACrB,2BAA2B;IAC3B,yBAAyB;IACzB,oBAAoB;IACpB,kBAAkB;IAClB,4CAA4C;IAC5C,MAAM;IACN,QAAQ;QAT2B,OAAO,aAAA,EAAE,iBAAiB,uBAAA;IAW7D,IAAI,CAAC,iBAAiB,EAAE;QACpB,OAAO,KAAC,YAAY,KAAG,CAAC;KAC3B;IAED,IAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC;IAC1C,IAAM,IAAI,GAAG,iBAAiB,CAAC,IAAI,CAAC;IAEpC,OAAO,CACH,cAAK,SAAS,EAAC,oBAAoB,YAC/B,4BACI,0BACI,uBACK,OAAO,CAAC,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,CACvB,uBAAqB,GAAG,CAAC,MAAM,IAAtB,GAAG,CAAC,KAAK,CAAmB,CACxC,EAF0B,CAE1B,CAAC,GACD,GACD,EACR,0BACK,IAAI,CAAC,GAAG,CAAC,UAAC,GAAQ,EAAE,QAAgB,IAAK,OAAA,CACtC,uBACK,OAAO,CAAC,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,CACvB,uBAAsC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAA3C,UAAG,QAAQ,cAAI,GAAG,CAAC,KAAK,CAAE,CAAuB,CAC7D,EAF0B,CAE1B,CAAC,IAHG,QAAQ,CAIZ,CACR,EANyC,CAMzC,CAAC,GACE,IACJ,GACN,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["\nimport { SolidSpinner } from \"../../../shad-cn-ui\";\n\ntype PrimeReactDatatableRendererProps = {\n    options: any;\n    visualizationData: any;\n}\n\nconst PrimeReactDatatableRenderer = ({ options, visualizationData }: PrimeReactDatatableRendererProps) => {\n    // {\n    //   \"size\": \"small\",\n    //   \"showGridlines\": true,\n    //   \"stripedRows\": true,\n    //   \"pagination\": {\n    //     \"rows\": 10,\n    //     \"rowsPerPageOptions\": [5, 10, 25, 50]\n    //   }\n    // }    \n\n    if (!visualizationData) {\n        return <SolidSpinner />;\n    }\n\n    const columns = visualizationData.columns;\n    const data = visualizationData.rows;\n\n    return (\n        <div className=\"solid-simple-table\">\n            <table>\n                <thead>\n                    <tr>\n                        {columns.map((col: any) => (\n                            <th key={col.field}>{col.header}</th>\n                        ))}\n                    </tr>\n                </thead>\n                <tbody>\n                    {data.map((row: any, rowIndex: number) => (\n                        <tr key={rowIndex}>\n                            {columns.map((col: any) => (\n                                <td key={`${rowIndex}-${col.field}`}>{row[col.field]}</td>\n                            ))}\n                        </tr>\n                    ))}\n                </tbody>\n            </table>\n        </div>\n    );\n};\n\nexport default PrimeReactDatatableRenderer;\n"]}

package/dist/components/core/dashboard/chart-renderers/PrimeReactDatatableRenderer.tsx

@@ -1,8 +1,5 @@
 
-// import "../../../../components/core/dashboard/chart-renderers/init-chartjs";
-import { Column } from "primereact/column";
-import { DataTable } from "primereact/datatable";
-import { ProgressSpinner } from "primereact/progressspinner";
+import { SolidSpinner } from "../../../shad-cn-ui";
 
 type PrimeReactDatatableRendererProps = {
     options: any;
@@ -20,35 +17,35 @@ const PrimeReactDatatableRenderer = ({ options, visualizationData }: PrimeReactD
     //   }
     // }    
 
-    const size = options?.size || 'small';
-    const showGridlines = options?.showGridLines || false;
-    const stripedRows = options?.stripedRows || false;
-    const paginator = options?.pagination || false;
-    const rows = options?.pagination?.rows || 10;
-    const rowsPerPageOptions = options?.pagination?.rowsPerPageOptions || [5, 10, 25, 50];
-
     if (!visualizationData) {
-        return (
-            <>
-                <ProgressSpinner />
-            </>
-        );
+        return <SolidSpinner />;
     }
 
     const columns = visualizationData.columns;
     const data = visualizationData.rows;
 
     return (
-        <>
-            <DataTable value={data} tableStyle={{ minWidth: '50rem' }} size={size} showGridlines={showGridlines} stripedRows={stripedRows} paginator={paginator} rows={rows} rowsPerPageOptions={rowsPerPageOptions} >
-                {
-                    columns.map((col: any, i: number) => (
-                        <Column key={col.field} field={col.field} header={col.header} />
-                    ))
-                }
-            </DataTable>
-        </>
-    )
+        <div className="solid-simple-table">
+            <table>
+                <thead>
+                    <tr>
+                        {columns.map((col: any) => (
+                            <th key={col.field}>{col.header}</th>
+                        ))}
+                    </tr>
+                </thead>
+                <tbody>
+                    {data.map((row: any, rowIndex: number) => (
+                        <tr key={rowIndex}>
+                            {columns.map((col: any) => (
+                                <td key={`${rowIndex}-${col.field}`}>{row[col.field]}</td>
+                            ))}
+                        </tr>
+                    ))}
+                </tbody>
+            </table>
+        </div>
+    );
 };
 
-export default PrimeReactDatatableRenderer;
+export default PrimeReactDatatableRenderer;

package/dist/components/core/extension/solid-core/CustomIcon/StatusIcon.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import 'primeicons/primeicons.css';
+import React from "react";
 interface StatusIconProps {
     isPublished: boolean;
 }

package/dist/components/core/extension/solid-core/CustomIcon/StatusIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/CustomIcon/StatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,CAAC;AAEnC,UAAU,eAAe;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAShD,CAAC"}
+{"version":3,"file":"StatusIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/CustomIcon/StatusIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,eAAe;IACvB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOhD,CAAC"}

package/dist/components/core/extension/solid-core/CustomIcon/StatusIcon.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import 'primeicons/primeicons.css';
+import { SolidIcon } from "../../../../shad-cn-ui/SolidIcon";
 export var StatusIcon = function (_a) {
     var isPublished = _a.isPublished;
-    return (_jsx("span", { className: "status-icon ".concat(isPublished ? 'success' : 'danger'), title: isPublished ? 'Published' : 'Not Published', children: _jsx("i", { className: "pi ".concat(isPublished ? 'pi-check' : 'pi-times') }) }));
+    return (_jsx("span", { className: "status-icon ".concat(isPublished ? "success" : "danger"), title: isPublished ? "Published" : "Not Published", children: _jsx(SolidIcon, { name: isPublished ? "si-check" : "si-times", "aria-hidden": true }) }));
 };
 //# sourceMappingURL=StatusIcon.js.map

package/dist/components/core/extension/solid-core/CustomIcon/StatusIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/CustomIcon/StatusIcon.tsx"],"names":[],"mappings":";AACA,OAAO,2BAA2B,CAAC;AAMnC,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAAe;QAAb,WAAW,iBAAA;IACjE,OAAO,CACL,eACE,SAAS,EAAE,sBAAe,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAE,EAC9D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,YAElD,YAAG,SAAS,EAAE,aAAM,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAE,GAAI,GAC1D,CACR,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport 'primeicons/primeicons.css';\n\ninterface StatusIconProps {\n  isPublished: boolean;\n}\n\nexport const StatusIcon: React.FC<StatusIconProps> = ({ isPublished }) => {\n  return (\n    <span\n      className={`status-icon ${isPublished ? 'success' : 'danger'}`}\n      title={isPublished ? 'Published' : 'Not Published'}\n    >\n      <i className={`pi ${isPublished ? 'pi-check' : 'pi-times'}`} />\n    </span>\n  );\n};\n"]}
+{"version":3,"file":"StatusIcon.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/CustomIcon/StatusIcon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAM7D,MAAM,CAAC,IAAM,UAAU,GAA8B,UAAC,EAAe;QAAb,WAAW,iBAAA;IAAO,OAAA,CACxE,eACE,SAAS,EAAE,sBAAe,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAE,EAC9D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,YAElD,KAAC,SAAS,IAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,wBAAgB,GACjE,CACR;AAPyE,CAOzE,CAAC","sourcesContent":["import React from \"react\";\nimport { SolidIcon } from \"../../../../shad-cn-ui/SolidIcon\";\n\ninterface StatusIconProps {\n  isPublished: boolean;\n}\n\nexport const StatusIcon: React.FC<StatusIconProps> = ({ isPublished }) => (\n  <span\n    className={`status-icon ${isPublished ? \"success\" : \"danger\"}`}\n    title={isPublished ? \"Published\" : \"Not Published\"}\n  >\n    <SolidIcon name={isPublished ? \"si-check\" : \"si-times\"} aria-hidden />\n  </span>\n);\n"]}

package/dist/components/core/extension/solid-core/CustomIcon/StatusIcon.tsx

@@ -1,17 +1,15 @@
-import React from 'react';
-import 'primeicons/primeicons.css';
+import React from "react";
+import { SolidIcon } from "../../../../shad-cn-ui/SolidIcon";
 
 interface StatusIconProps {
   isPublished: boolean;
 }
 
-export const StatusIcon: React.FC<StatusIconProps> = ({ isPublished }) => {
-  return (
-    <span
-      className={`status-icon ${isPublished ? 'success' : 'danger'}`}
-      title={isPublished ? 'Published' : 'Not Published'}
-    >
-      <i className={`pi ${isPublished ? 'pi-check' : 'pi-times'}`} />
-    </span>
-  );
-};
+export const StatusIcon: React.FC<StatusIconProps> = ({ isPublished }) => (
+  <span
+    className={`status-icon ${isPublished ? "success" : "danger"}`}
+    title={isPublished ? "Published" : "Not Published"}
+  >
+    <SolidIcon name={isPublished ? "si-check" : "si-times"} aria-hidden />
+  </span>
+);

package/dist/components/core/extension/solid-core/chatterMessage/form/SolidChatterMessageCoModelEntityIdFormViewWidget.d.ts

@@ -0,0 +1,3 @@
+import { SolidFormFieldWidgetProps } from "../../../../../../types/solid-core";
+export declare const SolidChatterMessageCoModelEntityIdFormViewWidget: ({ formik, fieldContext }: SolidFormFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidChatterMessageCoModelEntityIdFormViewWidget.d.ts.map

package/dist/components/core/extension/solid-core/chatterMessage/form/SolidChatterMessageCoModelEntityIdFormViewWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatterMessageCoModelEntityIdFormViewWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/chatterMessage/form/SolidChatterMessageCoModelEntityIdFormViewWidget.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAK/E,eAAO,MAAM,gDAAgD,6BAA8B,yBAAyB,4CA6DnH,CAAC"}

package/dist/components/core/extension/solid-core/chatterMessage/form/SolidChatterMessageCoModelEntityIdFormViewWidget.js

@@ -0,0 +1,92 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ExternalLink } from "lucide-react";
+import { solidGet } from "../../../../../../http/solidHttp";
+import { snakeCase } from "lodash";
+export var SolidChatterMessageCoModelEntityIdFormViewWidget = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var formik = _a.formik, fieldContext = _a.fieldContext;
+    var fieldMetadata = fieldContext.fieldMetadata;
+    var fieldLayoutInfo = fieldContext.field;
+    var fieldLabel = (_b = fieldLayoutInfo.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.displayName;
+    var fieldName = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.name;
+    var _h = useState('#'), redirectUrl = _h[0], setRedirectUrl = _h[1];
+    var value = (_d = formik.values) === null || _d === void 0 ? void 0 : _d[fieldName];
+    var coModelName = (_e = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.data) === null || _e === void 0 ? void 0 : _e.coModelName;
+    var modelDisplayName = (_f = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.data) === null || _f === void 0 ? void 0 : _f.modelDisplayName;
+    var modelUserKey = (_g = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.data) === null || _g === void 0 ? void 0 : _g.modelUserKey;
+    useEffect(function () {
+        if (coModelName) {
+            var fetchModel = function () { return __awaiter(void 0, void 0, void 0, function () {
+                var qs, res, model, module_1, moduleName, modelSingularName, modelSlug, redirectUrl_1;
+                var _a, _b, _c, _d, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
+                        case 0:
+                            qs = "offset=0&limit=25&filters[$and][0][$or][0][singularName][$eq]=".concat(coModelName, "&populate[0]=module&locale=en&sort[0]=id%3Adesc");
+                            return [4 /*yield*/, solidGet("/model-metadata?".concat(qs))];
+                        case 1:
+                            res = _f.sent();
+                            if (((_c = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                                model = (_e = (_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.records[0];
+                                module_1 = model === null || model === void 0 ? void 0 : model.module;
+                                moduleName = module_1 === null || module_1 === void 0 ? void 0 : module_1.name;
+                                modelSingularName = model === null || model === void 0 ? void 0 : model.singularName;
+                                modelSlug = snakeCase(model === null || model === void 0 ? void 0 : model.singularName).replace(/_/g, '-');
+                                redirectUrl_1 = "/admin/core/".concat(moduleName, "/").concat(modelSlug, "/form/").concat(value);
+                                setRedirectUrl(redirectUrl_1);
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            }); };
+            fetchModel();
+        }
+    }, [coModelName]);
+    return (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: fieldLabel }), _jsx("div", { className: "mt-2", children: value ? (_jsxs("a", { href: redirectUrl, target: "_blank", rel: "noopener noreferrer", style: {
+                        display: 'inline-flex',
+                        alignItems: 'center',
+                        gap: '6px',
+                        textDecoration: 'none',
+                        fontSize: '12px',
+                        color: '#2563eb',
+                        fontWeight: 500
+                    }, children: [_jsxs("span", { children: [value, " (", modelUserKey || modelDisplayName || coModelName, ")"] }), _jsx(ExternalLink, { size: 16 })] })) : (_jsx("span", { className: "text-muted", children: "\u2014" })) })] }));
+};
+//# sourceMappingURL=SolidChatterMessageCoModelEntityIdFormViewWidget.js.map

package/dist/components/core/extension/solid-core/chatterMessage/form/SolidChatterMessageCoModelEntityIdFormViewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatterMessageCoModelEntityIdFormViewWidget.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/chatterMessage/form/SolidChatterMessageCoModelEntityIdFormViewWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../../types/solid-core\";\nimport { ExternalLink } from \"lucide-react\";\nimport { solidGet } from \"../../../../../../http/solidHttp\";\nimport { snakeCase } from \"lodash\";\n\nexport const SolidChatterMessageCoModelEntityIdFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const fieldName = fieldLayoutInfo?.attrs?.name;\n\n    const [redirectUrl, setRedirectUrl] = useState<string>('#');\n    const value = formik.values?.[fieldName];\n\n    const coModelName = fieldContext?.data?.coModelName;\n    const modelDisplayName = fieldContext?.data?.modelDisplayName;\n    const modelUserKey = fieldContext?.data?.modelUserKey;\n\n    useEffect(() => {\n        if (coModelName) {\n            const fetchModel = async () => {\n                const qs = `offset=0&limit=25&filters[$and][0][$or][0][singularName][$eq]=${coModelName}&populate[0]=module&locale=en&sort[0]=id%3Adesc`;\n                const res = await solidGet(`/model-metadata?${qs}`);\n                if (res?.data?.data?.records?.length > 0) {\n                    const model = res?.data?.data?.records[0];\n                    const module = model?.module;\n                    const moduleName = module?.name;\n                    const modelSingularName = model?.singularName;\n                    const modelSlug = snakeCase(model?.singularName).replace(/_/g, '-');\n                    const redirectUrl = `/admin/core/${moduleName}/${modelSlug}/form/${value}`;\n                    setRedirectUrl(redirectUrl);\n                }\n            }\n            fetchModel();\n        }\n    }, [coModelName]);\n\n    return (\n        <div>\n            <label className=\"form-field-label\">{fieldLabel}</label>\n            <div className=\"mt-2\">\n                {value ? (\n                    <a\n                        href={redirectUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        style={{\n                            display: 'inline-flex',\n                            alignItems: 'center',\n                            gap: '6px',\n                            textDecoration: 'none',\n                            fontSize: '12px',\n                            color: '#2563eb',\n                            fontWeight: 500\n                        }}\n                    >\n                        <span>{value} ({modelUserKey || modelDisplayName || coModelName})</span>\n                        <ExternalLink size={16} />\n                    </a>\n                ) : (\n                    <span className=\"text-muted\">—</span>\n                )}\n            </div>\n        </div>\n    );\n};"]}

package/dist/components/core/extension/solid-core/chatterMessage/form/SolidChatterMessageCoModelEntityIdFormViewWidget.tsx

@@ -0,0 +1,68 @@
+import { useEffect, useState } from "react";
+import { SolidFormFieldWidgetProps } from "../../../../../../types/solid-core";
+import { ExternalLink } from "lucide-react";
+import { solidGet } from "../../../../../../http/solidHttp";
+import { snakeCase } from "lodash";
+
+export const SolidChatterMessageCoModelEntityIdFormViewWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {
+    const fieldMetadata = fieldContext.fieldMetadata;
+    const fieldLayoutInfo = fieldContext.field;
+
+    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;
+    const fieldName = fieldLayoutInfo?.attrs?.name;
+
+    const [redirectUrl, setRedirectUrl] = useState<string>('#');
+    const value = formik.values?.[fieldName];
+
+    const coModelName = fieldContext?.data?.coModelName;
+    const modelDisplayName = fieldContext?.data?.modelDisplayName;
+    const modelUserKey = fieldContext?.data?.modelUserKey;
+
+    useEffect(() => {
+        if (coModelName) {
+            const fetchModel = async () => {
+                const qs = `offset=0&limit=25&filters[$and][0][$or][0][singularName][$eq]=${coModelName}&populate[0]=module&locale=en&sort[0]=id%3Adesc`;
+                const res = await solidGet(`/model-metadata?${qs}`);
+                if (res?.data?.data?.records?.length > 0) {
+                    const model = res?.data?.data?.records[0];
+                    const module = model?.module;
+                    const moduleName = module?.name;
+                    const modelSingularName = model?.singularName;
+                    const modelSlug = snakeCase(model?.singularName).replace(/_/g, '-');
+                    const redirectUrl = `/admin/core/${moduleName}/${modelSlug}/form/${value}`;
+                    setRedirectUrl(redirectUrl);
+                }
+            }
+            fetchModel();
+        }
+    }, [coModelName]);
+
+    return (
+        <div>
+            <label className="form-field-label">{fieldLabel}</label>
+            <div className="mt-2">
+                {value ? (
+                    <a
+                        href={redirectUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        style={{
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: '6px',
+                            textDecoration: 'none',
+                            fontSize: '12px',
+                            color: '#2563eb',
+                            fontWeight: 500
+                        }}
+                    >
+                        <span>{value} ({modelUserKey || modelDisplayName || coModelName})</span>
+                        <ExternalLink size={16} />
+                    </a>
+                ) : (
+                    <span className="text-muted">—</span>
+                )}
+            </div>
+        </div>
+    );
+};

package/dist/components/core/extension/solid-core/chatterMessage/list/SolidChatterMessageCoModelEntityIdListViewWidget.d.ts

@@ -0,0 +1,3 @@
+import { SolidListFieldWidgetProps } from "../../../../../../types/solid-core";
+export declare const SolidChatterMessageCoModelEntityIdListViewWidget: ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidChatterMessageCoModelEntityIdListViewWidget.d.ts.map

package/dist/components/core/extension/solid-core/chatterMessage/list/SolidChatterMessageCoModelEntityIdListViewWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatterMessageCoModelEntityIdListViewWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/chatterMessage/list/SolidChatterMessageCoModelEntityIdListViewWidget.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAM/E,eAAO,MAAM,gDAAgD,8DAA+D,yBAAyB,4CA2DpJ,CAAC"}

package/dist/components/core/extension/solid-core/chatterMessage/list/SolidChatterMessageCoModelEntityIdListViewWidget.js

@@ -0,0 +1,87 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+import { useEffect, useState } from "react";
+import { solidGet } from "../../../../../../http/solidHttp";
+import { snakeCase } from "lodash";
+export var SolidChatterMessageCoModelEntityIdListViewWidget = function (_a) {
+    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var value = fieldMetadata && fieldMetadata.name && rowData[fieldMetadata.name] ? rowData[fieldMetadata.name] : "";
+    var _b = useState('#'), redirectUrl = _b[0], setRedirectUrl = _b[1];
+    var coModelName = rowData === null || rowData === void 0 ? void 0 : rowData.coModelName;
+    var modelDisplayName = rowData === null || rowData === void 0 ? void 0 : rowData.modelDisplayName;
+    var modelUserKey = rowData === null || rowData === void 0 ? void 0 : rowData.modelUserKey;
+    useEffect(function () {
+        if (coModelName) {
+            var fetchModel = function () { return __awaiter(void 0, void 0, void 0, function () {
+                var qs, res, model, module_1, moduleName, modelSingularName, modelSlug, redirectUrl_1;
+                var _a, _b, _c, _d, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
+                        case 0:
+                            qs = "offset=0&limit=25&filters[$and][0][$or][0][singularName][$eq]=".concat(coModelName, "&populate[0]=module&locale=en&sort[0]=id%3Adesc");
+                            return [4 /*yield*/, solidGet("/model-metadata?".concat(qs))];
+                        case 1:
+                            res = _f.sent();
+                            if (((_c = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                                model = (_e = (_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.records[0];
+                                module_1 = model === null || model === void 0 ? void 0 : model.module;
+                                moduleName = module_1 === null || module_1 === void 0 ? void 0 : module_1.name;
+                                modelSingularName = model === null || model === void 0 ? void 0 : model.singularName;
+                                modelSlug = snakeCase(model === null || model === void 0 ? void 0 : model.singularName).replace(/_/g, '-');
+                                redirectUrl_1 = "/admin/core/".concat(moduleName, "/").concat(modelSlug, "/form/").concat(value);
+                                setRedirectUrl(redirectUrl_1);
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            }); };
+            fetchModel();
+        }
+    }, [coModelName, value]);
+    return (_jsx("div", { style: { textAlign: "left" }, children: _jsx("div", { className: "mt-2", children: value ? (_jsxs("a", { href: redirectUrl, target: "_blank", rel: "noopener noreferrer", style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    gap: '6px',
+                    textDecoration: 'none',
+                    fontSize: '12px',
+                    color: '#2563eb',
+                    fontWeight: 500
+                }, children: [_jsxs("span", { children: [value, " (", modelUserKey || modelDisplayName || coModelName, ")"] }), _jsx(ExternalLink, { size: 16 })] })) : (_jsx("span", { className: "text-muted", children: "\u2014" })) }) }));
+};
+//# sourceMappingURL=SolidChatterMessageCoModelEntityIdListViewWidget.js.map