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

package/dist/components/core/list/SolidListViewWrapper.module.css

@@ -1,49 +1,90 @@
-.ListContentWrapper{
+.ListContentWrapper {
   transition: width 0.3s ease;
   min-width: 0;
-  border-right: 1px solid var(--primary-light-color);
+  border-right: 0;
+}
+
+.listTableArea {
+  min-height: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.toastContentGrow {
+  flex: 1;
+}
+
+.retrieveIcon {
+  font-size: 1rem;
+}
+
+.rowActionsOverlay {
+  min-width: 120px;
+}
+
+.chatterResizeHandle {
+  width: 5px;
+  cursor: col-resize;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  height: 100%;
+  z-index: 9;
+}
+
+.chatterSquareButton {
+  width: 30px;
+  height: 30px;
+  aspect-ratio: 1/1;
+}
+
+.chatterNarrowButton {
+  width: 30px;
 }
 
 .SolidXAIFloatingBtn {
-    position: absolute;
-    top: 50%;
-    right: -1px;
-    /* transform: translateY(-50%) rotate(-90deg); */
-    z-index: 1000;
-    font-size: 0.875rem;
-    background-color: #eff1f4;
-    color: var(--secondary-dark-color);
-    white-space: nowrap;
-    padding: 0.75rem 0.5rem;
-    border-radius: 4px 4px 4px 0;
-    border-top: 1px solid var(--primary-light-color);
-    border-right: 1px solid var(--primary-light-color);
-    border-bottom: 1px solid var(--primary-light-color);
-    border-left: none;
-    display: inline-block;
-    writing-mode: vertical-rl;
-    transform: rotate(180deg);
-    width: 30px;
-    transition: right 0.3s;
-    margin-top : -50px;
-    cursor: pointer;
-    box-shadow:
+  position: absolute;
+  top: 50%;
+  right: -1px;
+  /* transform: translateY(-50%) rotate(-90deg); */
+  z-index: 1000;
+  font-size: 0.875rem;
+  background-color: #eff1f4;
+  color: var(--secondary-dark-color);
+  white-space: nowrap;
+  padding: 0.75rem 0.5rem;
+  border-radius: 4px 4px 4px 0;
+  border-top: 1px solid var(--primary-light-color);
+  border-right: 1px solid var(--primary-light-color);
+  border-bottom: 1px solid var(--primary-light-color);
+  border-left: none;
+  display: inline-block;
+  writing-mode: vertical-rl;
+  transform: rotate(180deg);
+  width: 30px;
+  transition: right 0.3s;
+  margin-top: -50px;
+  cursor: pointer;
+  box-shadow:
     0 -4px 6px -4px rgba(0, 0, 0, 0.1),
     4px 0 6px -4px rgba(0, 0, 0, 0.1),
     0 4px 6px -4px rgba(0, 0, 0, 0.1);
-  }
-
-  .SolidXAIListPanel {
-    position: fixed !important;
-    top: 0;
-    right: -380px; /* Hidden by default */
-    width: 380px;
-    height: 100vh;
-    transition: right 0.3s ease;
-    z-index: 999;
-    border-left: 1px solid var(--primary-light-color);
-  }
-  
-  .SolidXAIListPanelOpen {
-    right: 0;
-  }
+}
+
+.SolidXAIListPanel {
+  position: fixed !important;
+  top: 0;
+  right: -700px;
+  /* Hidden by default */
+  width: 700px;
+  height: 100vh;
+  transition: right 0.3s ease;
+  z-index: 999;
+  border-left: 1px solid var(--primary-light-color);
+}
+
+.SolidXAIListPanelOpen {
+  right: 0;
+}

package/dist/components/core/list/SolidManyToOneFilterElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidManyToOneFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,2BAA2B,kDAAmD,GAAG,4CAmD7F,CAAA"}
+{"version":3,"file":"SolidManyToOneFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,2BAA2B,kDAAmD,GAAG,4CAoD7F,CAAA"}

package/dist/components/core/list/SolidManyToOneFilterElement.js

@@ -36,9 +36,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { AutoComplete } from "primereact/autocomplete";
 import { useState } from "react";
 import qs from "qs";
+import { SolidAutocomplete } from "../../shad-cn-ui";
 export var SolidManyToOneFilterElement = function (_a) {
     var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
     var entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);
@@ -82,6 +82,6 @@ export var SolidManyToOneFilterElement = function (_a) {
             }
         });
     }); };
-    return (_jsx(AutoComplete, { field: "label", value: value, suggestions: autoCompleteItems, completeMethod: autoCompleteSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "solid-standard-autocomplete" }));
+    return (_jsx(SolidAutocomplete, { field: "label", value: value, suggestions: autoCompleteItems, completeMethod: autoCompleteSearch, onChange: function (e) { return updateInputs(index, e.value); }, className: "solid-standard-autocomplete", inputClassName: "solid-filter-compact-control" }));
 };
 //# sourceMappingURL=SolidManyToOneFilterElement.js.map

package/dist/components/core/list/SolidManyToOneFilterElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidManyToOneFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAEzE,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,CAAC;AAGpB,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEnF,IAAM,SAAS,GAAG,oBAAoB,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC1E,IAAA,4BAA4B,GAAK,SAAS,6BAAd,CAAe;IAC5C,IAAA,uBAAuB,GAAI,4BAA4B,EAAE,GAAlC,CAAmC;IAE3D,IAAA,KAA4C,QAAQ,CAAC,EAAE,CAAC,EAAvD,iBAAiB,QAAA,EAAE,oBAAoB,QAAgB,CAAC;IAC/D,IAAM,kBAAkB,GAAG,UAAO,KAAgC;;;;;;;oBAGxD,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,OAAO;4BACH,GAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,IAAG;gCAChD,UAAU,EAAE,KAAK,CAAC,KAAK;6BAC1B;+BACJ;qBACJ,CAAC;oBAEI,cAAc,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBAC3C,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAG0B,qBAAM,uBAAuB,CAAC,cAAc,CAAC,EAAA;;oBAApE,oBAAoB,GAAG,SAA6C;oBAGpE,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC;oBAEnD,IAAI,gBAAgB,EAAE;wBACZ,sBAAoB,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS;;4BAC7D,OAAO;gCACH,KAAK,EAAE,IAAI,CAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;gCAC7D,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;6BACpB,CAAA;wBACL,CAAC,CAAC,CAAC;wBACH,oBAAoB,CAAC,mBAAiB,CAAC,CAAC;qBAC3C;;;;SACJ,CAAA;IAED,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,iBAAiB,EAC9B,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,6BAA6B,GACzC,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { InputTypes } from \"./SolidVarInputsFilterElement\"\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { useState } from \"react\";\nimport qs from \"qs\";\n\n\nexport const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);\n    const { useLazyGetSolidEntitiesQuery } = entityApi;\n    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n    const [autoCompleteItems, setAutoCompleteItems] = useState([]);\n    const autoCompleteSearch = async (event: AutoCompleteCompleteEvent) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            filters: {\n                [fieldMetadata?.relationModel?.userKeyField?.name]: {\n                    $containsi: event.query\n                }\n            }\n        };\n\n        const autocompleteQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        // TODO: do error handling here, possible errors like modelname is incorrect etc...\n        const autocompleteResponse = await triggerGetSolidEntities(autocompleteQs);\n\n        // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n        const autocompleteData = autocompleteResponse.data;\n\n        if (autocompleteData) {\n            const autoCompleteItems = autocompleteData.records.map((item: any) => {\n                return {\n                    label: item[fieldMetadata?.relationModel?.userKeyField?.name],\n                    value: item['id']\n                }\n            });\n            setAutoCompleteItems(autoCompleteItems);\n        }\n    }\n\n    return (\n        <AutoComplete\n            field=\"label\"\n            value={value}\n            suggestions={autoCompleteItems}\n            completeMethod={autoCompleteSearch}\n            onChange={(e) => updateInputs(index, e.value)}\n            className=\"solid-standard-autocomplete\"\n        />\n    )\n}"]}
+{"version":3,"file":"SolidManyToOneFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidManyToOneFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEnF,IAAM,SAAS,GAAG,oBAAoB,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC1E,IAAA,4BAA4B,GAAK,SAAS,6BAAd,CAAe;IAC5C,IAAA,uBAAuB,GAAI,4BAA4B,EAAE,GAAlC,CAAmC;IAE3D,IAAA,KAA4C,QAAQ,CAAC,EAAE,CAAC,EAAvD,iBAAiB,QAAA,EAAE,oBAAoB,QAAgB,CAAC;IAC/D,IAAM,kBAAkB,GAAG,UAAO,KAAwB;;;;;;;oBAGhD,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,OAAO;4BACH,GAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,IAAG;gCAChD,UAAU,EAAE,KAAK,CAAC,KAAK;6BAC1B;+BACJ;qBACJ,CAAC;oBAEI,cAAc,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBAC3C,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAG0B,qBAAM,uBAAuB,CAAC,cAAc,CAAC,EAAA;;oBAApE,oBAAoB,GAAG,SAA6C;oBAGpE,gBAAgB,GAAG,oBAAoB,CAAC,IAAI,CAAC;oBAEnD,IAAI,gBAAgB,EAAE;wBACZ,sBAAoB,gBAAgB,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAS;;4BAC7D,OAAO;gCACH,KAAK,EAAE,IAAI,CAAC,MAAA,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,aAAa,0CAAE,YAAY,0CAAE,IAAI,CAAC;gCAC7D,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC;6BACpB,CAAA;wBACL,CAAC,CAAC,CAAC;wBACH,oBAAoB,CAAC,mBAAiB,CAAC,CAAC;qBAC3C;;;;SACJ,CAAA;IAED,OAAO,CACH,KAAC,iBAAiB,IACd,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,iBAAiB,EAC9B,cAAc,EAAE,kBAAkB,EAClC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,EAC7C,SAAS,EAAC,6BAA6B,EACvC,cAAc,EAAC,8BAA8B,GAC/C,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { createSolidEntityApi } from \"../../../redux/api/solidEntityApi\";\nimport { useState } from \"react\";\nimport qs from \"qs\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui\";\n\n\nexport const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n    const entityApi = createSolidEntityApi(fieldMetadata.relationCoModelSingularName);\n    const { useLazyGetSolidEntitiesQuery } = entityApi;\n    const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();\n\n    const [autoCompleteItems, setAutoCompleteItems] = useState([]);\n    const autoCompleteSearch = async (event: { query: string }) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            filters: {\n                [fieldMetadata?.relationModel?.userKeyField?.name]: {\n                    $containsi: event.query\n                }\n            }\n        };\n\n        const autocompleteQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        // TODO: do error handling here, possible errors like modelname is incorrect etc...\n        const autocompleteResponse = await triggerGetSolidEntities(autocompleteQs);\n\n        // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n        const autocompleteData = autocompleteResponse.data;\n\n        if (autocompleteData) {\n            const autoCompleteItems = autocompleteData.records.map((item: any) => {\n                return {\n                    label: item[fieldMetadata?.relationModel?.userKeyField?.name],\n                    value: item['id']\n                }\n            });\n            setAutoCompleteItems(autoCompleteItems);\n        }\n    }\n\n    return (\n        <SolidAutocomplete\n            field=\"label\"\n            value={value}\n            suggestions={autoCompleteItems}\n            completeMethod={autoCompleteSearch}\n            onChange={(e) => updateInputs(index, e.value)}\n            className=\"solid-standard-autocomplete\"\n            inputClassName=\"solid-filter-compact-control\"\n        />\n    )\n}\n"]}

package/dist/components/core/list/SolidManyToOneFilterElement.tsx

@@ -1,9 +1,8 @@
 
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
-import { InputTypes } from "./SolidVarInputsFilterElement"
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useState } from "react";
 import qs from "qs";
+import { SolidAutocomplete } from "../../shad-cn-ui";
 
 
 export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
@@ -13,7 +12,7 @@ export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldM
     const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
 
     const [autoCompleteItems, setAutoCompleteItems] = useState([]);
-    const autoCompleteSearch = async (event: AutoCompleteCompleteEvent) => {
+    const autoCompleteSearch = async (event: { query: string }) => {
 
         // Get the list view layout & metadata first. 
         const queryData = {
@@ -48,13 +47,14 @@ export const SolidManyToOneFilterElement = ({ value, updateInputs, index, fieldM
     }
 
     return (
-        <AutoComplete
+        <SolidAutocomplete
             field="label"
             value={value}
             suggestions={autoCompleteItems}
             completeMethod={autoCompleteSearch}
             onChange={(e) => updateInputs(index, e.value)}
             className="solid-standard-autocomplete"
+            inputClassName="solid-filter-compact-control"
         />
     )
-}
+}

package/dist/components/core/list/SolidSelectionDynamicFilterElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionDynamicFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,kCAAkC,kDAAmD,GAAG,4CA0CpG,CAAA"}
+{"version":3,"file":"SolidSelectionDynamicFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,kCAAkC,kDAAmD,GAAG,4CA2CpG,CAAA"}

package/dist/components/core/list/SolidSelectionDynamicFilterElement.js

@@ -36,9 +36,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useLazyGetSelectionDynamicValuesQuery } from "../../../redux/api/fieldApi";
-import { AutoComplete } from "primereact/autocomplete";
 import qs from "qs";
 import { useState } from "react";
+import { SolidAutocomplete } from "../../shad-cn-ui";
 export var SolidSelectionDynamicFilterElement = function (_a) {
     var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
     // selection dynamic specific code. 
@@ -68,6 +68,6 @@ export var SolidSelectionDynamicFilterElement = function (_a) {
             }
         });
     }); };
-    return (_jsx(AutoComplete, { field: "label", value: value, dropdown: true, className: "w-full solid-standard-autocomplete", suggestions: selectionDynamicItems, completeMethod: selectionDynamicSearch, onChange: function (e) { return updateInputs(index, e.value); } }));
+    return (_jsx(SolidAutocomplete, { field: "label", value: value, dropdown: true, className: "w-full solid-standard-autocomplete", inputClassName: "solid-filter-compact-control", suggestions: selectionDynamicItems, completeMethod: selectionDynamicSearch, onChange: function (e) { return updateInputs(index, e.value); } }));
 };
 //# sourceMappingURL=SolidSelectionDynamicFilterElement.js.map

package/dist/components/core/list/SolidSelectionDynamicFilterElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionDynamicFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,qCAAqC,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAG1F,oCAAoC;IAC7B,IAAA,gCAAgC,GAAI,qCAAqC,EAAE,GAA3C,CAA4C;IAC7E,IAAA,KAAoD,QAAQ,CAAC,EAAE,CAAC,EAA/D,qBAAqB,QAAA,EAAE,wBAAwB,QAAgB,CAAC;IACvE,IAAM,sBAAsB,GAAG,UAAO,KAAgC;;;;;oBAG5D,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,EAAE,EAAE,aAAa,CAAC,EAAE;qBACvB,CAAC;oBAEI,IAAI,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBACjC,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAGgB,qBAAM,gCAAgC,CAAC,IAAI,CAAC,EAAA;;oBAAzD,UAAU,GAAG,SAA4C;oBAGzD,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;oBAEpC,aAAa;oBACb,wBAAwB,CAAC,MAAM,CAAC,CAAC;;;;SACpC,CAAA;IAGD,OAAO,CAEH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,SAAS,EAAC,oCAAoC,EAC9C,WAAW,EAAE,qBAAqB,EAClC,cAAc,EAAE,sBAAsB,EACtC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,GAAI,CACxD,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { useLazyGetSelectionDynamicValuesQuery } from \"../../../redux/api/fieldApi\";\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport qs from \"qs\";\nimport { useState } from \"react\";\n\n\nexport const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n\n    // selection dynamic specific code. \n    const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();\n    const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);\n    const selectionDynamicSearch = async (event: AutoCompleteCompleteEvent) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            query: event.query,\n            id: fieldMetadata.id\n        };\n\n        const sdQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        // TODO: do error handling here, possible errors like modelname is incorrect etc...\n        const sdResponse = await triggerGetSelectionDynamicValues(sdQs);\n\n        // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n        const sdData = sdResponse.data.data;\n\n        // @ts-ignore\n        setSelectionDynamicItems(sdData);\n    }\n\n\n    return (\n\n        <AutoComplete\n            field=\"label\"\n            value={value}\n            dropdown\n            className=\"w-full solid-standard-autocomplete\"\n            suggestions={selectionDynamicItems}\n            completeMethod={selectionDynamicSearch}\n            onChange={(e) => updateInputs(index, e.value)} />\n    )\n}"]}
+{"version":3,"file":"SolidSelectionDynamicFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidSelectionDynamicFilterElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,qCAAqC,EAAE,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAG1F,oCAAoC;IAC7B,IAAA,gCAAgC,GAAI,qCAAqC,EAAE,GAA3C,CAA4C;IAC7E,IAAA,KAAoD,QAAQ,CAAC,EAAE,CAAC,EAA/D,qBAAqB,QAAA,EAAE,wBAAwB,QAAgB,CAAC;IACvE,IAAM,sBAAsB,GAAG,UAAO,KAAwB;;;;;oBAGpD,SAAS,GAAG;wBACd,MAAM,EAAE,CAAC;wBACT,KAAK,EAAE,EAAE;wBACT,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,EAAE,EAAE,aAAa,CAAC,EAAE;qBACvB,CAAC;oBAEI,IAAI,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;wBACjC,gBAAgB,EAAE,IAAI;qBACzB,CAAC,CAAC;oBAGgB,qBAAM,gCAAgC,CAAC,IAAI,CAAC,EAAA;;oBAAzD,UAAU,GAAG,SAA4C;oBAGzD,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;oBAEpC,aAAa;oBACb,wBAAwB,CAAC,MAAM,CAAC,CAAC;;;;SACpC,CAAA;IAGD,OAAO,CAEH,KAAC,iBAAiB,IACd,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,SAAS,EAAC,oCAAoC,EAC9C,cAAc,EAAC,8BAA8B,EAC7C,WAAW,EAAE,qBAAqB,EAClC,cAAc,EAAE,sBAAsB,EACtC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,GAAI,CACxD,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { useLazyGetSelectionDynamicValuesQuery } from \"../../../redux/api/fieldApi\";\nimport qs from \"qs\";\nimport { useState } from \"react\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui\";\n\n\nexport const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n\n    // selection dynamic specific code. \n    const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();\n    const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);\n    const selectionDynamicSearch = async (event: { query: string }) => {\n\n        // Get the list view layout & metadata first. \n        const queryData = {\n            offset: 0,\n            limit: 10,\n            query: event.query,\n            id: fieldMetadata.id\n        };\n\n        const sdQs = qs.stringify(queryData, {\n            encodeValuesOnly: true,\n        });\n\n        // TODO: do error handling here, possible errors like modelname is incorrect etc...\n        const sdResponse = await triggerGetSelectionDynamicValues(sdQs);\n\n        // TODO: if no data found then can we show no matching \"entities\", where entities can be replaced with the model plural name,\n        const sdData = sdResponse.data.data;\n\n        // @ts-ignore\n        setSelectionDynamicItems(sdData);\n    }\n\n\n    return (\n\n        <SolidAutocomplete\n            field=\"label\"\n            value={value}\n            dropdown\n            className=\"w-full solid-standard-autocomplete\"\n            inputClassName=\"solid-filter-compact-control\"\n            suggestions={selectionDynamicItems}\n            completeMethod={selectionDynamicSearch}\n            onChange={(e) => updateInputs(index, e.value)} />\n    )\n}\n"]}

package/dist/components/core/list/SolidSelectionDynamicFilterElement.tsx

@@ -1,8 +1,8 @@
 
 import { useLazyGetSelectionDynamicValuesQuery } from "../../../redux/api/fieldApi";
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import qs from "qs";
 import { useState } from "react";
+import { SolidAutocomplete } from "../../shad-cn-ui";
 
 
 export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
@@ -11,7 +11,7 @@ export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index,
     // selection dynamic specific code. 
     const [triggerGetSelectionDynamicValues] = useLazyGetSelectionDynamicValuesQuery();
     const [selectionDynamicItems, setSelectionDynamicItems] = useState([]);
-    const selectionDynamicSearch = async (event: AutoCompleteCompleteEvent) => {
+    const selectionDynamicSearch = async (event: { query: string }) => {
 
         // Get the list view layout & metadata first. 
         const queryData = {
@@ -38,13 +38,14 @@ export const SolidSelectionDynamicFilterElement = ({ value, updateInputs, index,
 
     return (
 
-        <AutoComplete
+        <SolidAutocomplete
             field="label"
             value={value}
             dropdown
             className="w-full solid-standard-autocomplete"
+            inputClassName="solid-filter-compact-control"
             suggestions={selectionDynamicItems}
             completeMethod={selectionDynamicSearch}
             onChange={(e) => updateInputs(index, e.value)} />
     )
-}
+}

package/dist/components/core/list/SolidSelectionStaticFilterElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionStaticFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,iCAAiC,kDAAmD,GAAG,4CA0BnG,CAAA"}
+{"version":3,"file":"SolidSelectionStaticFilterElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,iCAAiC,kDAAmD,GAAG,4CA2BnG,CAAA"}

package/dist/components/core/list/SolidSelectionStaticFilterElement.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AutoComplete } from "primereact/autocomplete";
 import { useState } from "react";
+import { SolidAutocomplete } from "../../shad-cn-ui";
 export var SolidSelectionStaticFilterElement = function (_a) {
     var value = _a.value, updateInputs = _a.updateInputs, index = _a.index, fieldMetadata = _a.fieldMetadata;
     // selection dynamic specific code. 
@@ -15,6 +15,6 @@ export var SolidSelectionStaticFilterElement = function (_a) {
         var suggestionData = selectionStaticData.filter(function (t) { return t.value.toLowerCase().startsWith(event.query.toLowerCase()); });
         setSelectionStaticItems(suggestionData);
     };
-    return (_jsx(AutoComplete, { field: "label", value: value, dropdown: true, className: "w-full solid-standard-autocomplete", suggestions: selectionStaticItems, completeMethod: selectionStaticSearch, onChange: function (e) { return updateInputs(index, e.value); } }));
+    return (_jsx(SolidAutocomplete, { field: "label", value: value, dropdown: true, className: "w-full solid-standard-autocomplete", inputClassName: "solid-filter-compact-control", suggestions: selectionStaticItems, completeMethod: selectionStaticSearch, onChange: function (e) { return updateInputs(index, e.value); } }));
 };
 //# sourceMappingURL=SolidSelectionStaticFilterElement.js.map

package/dist/components/core/list/SolidSelectionStaticFilterElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidSelectionStaticFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAA6B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEzF,oCAAoC;IAC9B,IAAA,KAAkD,QAAQ,CAAC,EAAE,CAAC,EAA7D,oBAAoB,QAAA,EAAE,uBAAuB,QAAgB,CAAC;IACrE,IAAM,qBAAqB,GAAG,UAAC,KAAgC;QAC3D,IAAM,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,CAAC,GAAG,CAAC,UAAC,CAAS;YAC1E,OAAO;gBACH,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACzB,CAAA;QACL,CAAC,CAAC,CAAC;QACH,IAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAA3D,CAA2D,CAAC,CAAC;QAC3H,uBAAuB,CAAC,cAAc,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO,CAEH,KAAC,YAAY,IACT,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,SAAS,EAAC,oCAAoC,EAC9C,WAAW,EAAE,oBAAoB,EACjC,cAAc,EAAE,qBAAqB,EACrC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,GAAI,CACxD,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { AutoComplete, AutoCompleteCompleteEvent } from \"primereact/autocomplete\";\nimport { useState } from \"react\";\n\n\nexport const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n    // selection dynamic specific code. \n    const [selectionStaticItems, setSelectionStaticItems] = useState([]);\n    const selectionStaticSearch = (event: AutoCompleteCompleteEvent) => {\n        const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {\n            return {\n                label: i.split(\":\")[1],\n                value: i.split(\":\")[0]\n            }\n        });\n        const suggestionData = selectionStaticData.filter((t: any) => t.value.toLowerCase().startsWith(event.query.toLowerCase()));\n        setSelectionStaticItems(suggestionData)\n    }\n\n    return (\n\n        <AutoComplete\n            field=\"label\"\n            value={value}\n            dropdown\n            className=\"w-full solid-standard-autocomplete\"\n            suggestions={selectionStaticItems}\n            completeMethod={selectionStaticSearch}\n            onChange={(e) => updateInputs(index, e.value)} />\n    )\n}"]}
+{"version":3,"file":"SolidSelectionStaticFilterElement.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidSelectionStaticFilterElement.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAGrD,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAAkD;QAAhD,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAEzF,oCAAoC;IAC9B,IAAA,KAAkD,QAAQ,CAAC,EAAE,CAAC,EAA7D,oBAAoB,QAAA,EAAE,uBAAuB,QAAgB,CAAC;IACrE,IAAM,qBAAqB,GAAG,UAAC,KAAwB;QACnD,IAAM,mBAAmB,GAAG,aAAa,CAAC,qBAAqB,CAAC,GAAG,CAAC,UAAC,CAAS;YAC1E,OAAO;gBACH,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtB,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;aACzB,CAAA;QACL,CAAC,CAAC,CAAC;QACH,IAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAA3D,CAA2D,CAAC,CAAC;QAC3H,uBAAuB,CAAC,cAAc,CAAC,CAAA;IAC3C,CAAC,CAAA;IAED,OAAO,CAEH,KAAC,iBAAiB,IACd,KAAK,EAAC,OAAO,EACb,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,SAAS,EAAC,oCAAoC,EAC9C,cAAc,EAAC,8BAA8B,EAC7C,WAAW,EAAE,oBAAoB,EACjC,cAAc,EAAE,qBAAqB,EACrC,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,EAA5B,CAA4B,GAAI,CACxD,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { useState } from \"react\";\nimport { SolidAutocomplete } from \"../../shad-cn-ui\";\n\n\nexport const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {\n\n    // selection dynamic specific code. \n    const [selectionStaticItems, setSelectionStaticItems] = useState([]);\n    const selectionStaticSearch = (event: { query: string }) => {\n        const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {\n            return {\n                label: i.split(\":\")[1],\n                value: i.split(\":\")[0]\n            }\n        });\n        const suggestionData = selectionStaticData.filter((t: any) => t.value.toLowerCase().startsWith(event.query.toLowerCase()));\n        setSelectionStaticItems(suggestionData)\n    }\n\n    return (\n\n        <SolidAutocomplete\n            field=\"label\"\n            value={value}\n            dropdown\n            className=\"w-full solid-standard-autocomplete\"\n            inputClassName=\"solid-filter-compact-control\"\n            suggestions={selectionStaticItems}\n            completeMethod={selectionStaticSearch}\n            onChange={(e) => updateInputs(index, e.value)} />\n    )\n}\n"]}

package/dist/components/core/list/SolidSelectionStaticFilterElement.tsx

@@ -1,13 +1,13 @@
 
-import { AutoComplete, AutoCompleteCompleteEvent } from "primereact/autocomplete";
 import { useState } from "react";
+import { SolidAutocomplete } from "../../shad-cn-ui";
 
 
 export const SolidSelectionStaticFilterElement = ({ value, updateInputs, index, fieldMetadata }: any) => {
 
     // selection dynamic specific code. 
     const [selectionStaticItems, setSelectionStaticItems] = useState([]);
-    const selectionStaticSearch = (event: AutoCompleteCompleteEvent) => {
+    const selectionStaticSearch = (event: { query: string }) => {
         const selectionStaticData = fieldMetadata.selectionStaticValues.map((i: string) => {
             return {
                 label: i.split(":")[1],
@@ -20,13 +20,14 @@ export const SolidSelectionStaticFilterElement = ({ value, updateInputs, index,
 
     return (
 
-        <AutoComplete
+        <SolidAutocomplete
             field="label"
             value={value}
             dropdown
             className="w-full solid-standard-autocomplete"
+            inputClassName="solid-filter-compact-control"
             suggestions={selectionStaticItems}
             completeMethod={selectionStaticSearch}
             onChange={(e) => updateInputs(index, e.value)} />
     )
-}
+}

package/dist/components/core/list/SolidTableRowCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTableRowCell.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidTableRowCell.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB;WAAuC,MAAM;;6CA8BnE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"SolidTableRowCell.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidTableRowCell.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,iBAAiB;WAAuC,MAAM;;6CAgCnE,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/core/list/SolidTableRowCell.js

@@ -1,5 +1,6 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip } from "primereact/tooltip";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Info } from "lucide-react";
+import { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from "../../shad-cn-ui";
 var SolidTableRowCell = function (_a) {
     var value = _a.value, truncateAfter = _a.truncateAfter;
     var safeValue = value !== null && value !== undefined ? String(value) : "";
@@ -9,7 +10,7 @@ var SolidTableRowCell = function (_a) {
     var stripHTML = function (str) { return str.replace(/<[^>]+>/g, ''); };
     var displayValue = isHTML(safeValue) ? stripHTML(safeValue) : safeValue;
     return (_jsxs("div", { className: "flex align-items-center", children: [_jsx("div", { className: "solid-table-row", style: truncateAfter ? { maxWidth: "".concat(truncateAfter, "ch") } : {}, children: displayValue }), truncateAfter && displayValue.length > truncateAfter &&
-                _jsxs(_Fragment, { children: [_jsx(Tooltip, { target: ".solid-field-tooltip-icon" }), _jsx("i", { className: "pi pi-info-circle solid-field-tooltip-icon", "data-pr-tooltip": displayValue })] })] }));
+                _jsxs(SolidTooltip, { children: [_jsx(SolidTooltipTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "solid-field-tooltip-icon", "aria-label": "Show full value", children: _jsx(Info, { size: 14 }) }) }), _jsx(SolidTooltipContent, { children: displayValue })] })] }));
 };
 export default SolidTableRowCell;
 //# sourceMappingURL=SolidTableRowCell.js.map

package/dist/components/core/list/SolidTableRowCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTableRowCell.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidTableRowCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,IAAM,iBAAiB,GAAG,UAAC,EAAmE;QAAjE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC7C,IAAM,SAAS,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7E,oDAAoD;IACpD,IAAM,MAAM,GAAG,UAAC,GAAW,IAAK,OAAA,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,EAA9B,CAA8B,CAAC;IAE/D,sCAAsC;IACtC,IAAM,SAAS,GAAG,UAAC,GAAW,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,EAA3B,CAA2B,CAAC;IAE/D,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAC,yBAAyB,aACpC,cACI,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAG,aAAa,OAAI,EAAE,CAAC,CAAC,CAAC,EAAE,YAG7D,YAAY,GACX,EACL,aAAa,IAAI,YAAY,CAAC,MAAM,GAAG,aAAa;gBACjD,8BACI,KAAC,OAAO,IAAC,MAAM,EAAC,2BAA2B,GAAG,EAC9C,YAAG,SAAS,EAAC,4CAA4C,qBACpC,YAAY,GAC/B,IACH,IAEL,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { Tooltip } from \"primereact/tooltip\";\n\nconst SolidTableRowCell = ({ value, truncateAfter }: { value: string; truncateAfter?: number }) => {\n    const safeValue = value !== null && value !== undefined ? String(value) : \"\";\n    // Utility function to detect if value contains HTML\n    const isHTML = (str: string) => /<\\/?[a-z][\\s\\S]*>/i.test(str);\n\n    // Utility function to strip HTML tags\n    const stripHTML = (str: string) => str.replace(/<[^>]+>/g, '');\n\n    const displayValue = isHTML(safeValue) ? stripHTML(safeValue) : safeValue;\n\n    return (\n        <div className=\"flex align-items-center\">\n            <div\n                className=\"solid-table-row\"\n                style={truncateAfter ? { maxWidth: `${truncateAfter}ch` } : {}}\n            // title={truncateAfter ? displayValue : undefined}\n            >\n                {displayValue}\n            </div>\n            {truncateAfter && displayValue.length > truncateAfter &&\n                <>\n                    <Tooltip target=\".solid-field-tooltip-icon\" />\n                    <i className=\"pi pi-info-circle solid-field-tooltip-icon\"\n                        data-pr-tooltip={displayValue}\n                    />\n                </>\n            }\n        </div>\n    );\n\n};\n\nexport default SolidTableRowCell;"]}
+{"version":3,"file":"SolidTableRowCell.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidTableRowCell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE1F,IAAM,iBAAiB,GAAG,UAAC,EAAmE;QAAjE,KAAK,WAAA,EAAE,aAAa,mBAAA;IAC7C,IAAM,SAAS,GAAG,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7E,oDAAoD;IACpD,IAAM,MAAM,GAAG,UAAC,GAAW,IAAK,OAAA,oBAAoB,CAAC,IAAI,CAAC,GAAG,CAAC,EAA9B,CAA8B,CAAC;IAE/D,sCAAsC;IACtC,IAAM,SAAS,GAAG,UAAC,GAAW,IAAK,OAAA,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,EAA3B,CAA2B,CAAC;IAE/D,IAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1E,OAAO,CACH,eAAK,SAAS,EAAC,yBAAyB,aACpC,cACI,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAG,aAAa,OAAI,EAAE,CAAC,CAAC,CAAC,EAAE,YAG7D,YAAY,GACX,EACL,aAAa,IAAI,YAAY,CAAC,MAAM,GAAG,aAAa;gBACjD,MAAC,YAAY,eACT,KAAC,mBAAmB,IAAC,OAAO,kBACxB,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,0BAA0B,gBAAY,iBAAiB,YACnF,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACb,GACS,EACtB,KAAC,mBAAmB,cAAE,YAAY,GAAuB,IAC9C,IAEjB,CACT,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import { Info } from \"lucide-react\";\nimport { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from \"../../shad-cn-ui\";\n\nconst SolidTableRowCell = ({ value, truncateAfter }: { value: string; truncateAfter?: number }) => {\n    const safeValue = value !== null && value !== undefined ? String(value) : \"\";\n    // Utility function to detect if value contains HTML\n    const isHTML = (str: string) => /<\\/?[a-z][\\s\\S]*>/i.test(str);\n\n    // Utility function to strip HTML tags\n    const stripHTML = (str: string) => str.replace(/<[^>]+>/g, '');\n\n    const displayValue = isHTML(safeValue) ? stripHTML(safeValue) : safeValue;\n\n    return (\n        <div className=\"flex align-items-center\">\n            <div\n                className=\"solid-table-row\"\n                style={truncateAfter ? { maxWidth: `${truncateAfter}ch` } : {}}\n            // title={truncateAfter ? displayValue : undefined}\n            >\n                {displayValue}\n            </div>\n            {truncateAfter && displayValue.length > truncateAfter &&\n                <SolidTooltip>\n                    <SolidTooltipTrigger asChild>\n                        <button type=\"button\" className=\"solid-field-tooltip-icon\" aria-label=\"Show full value\">\n                            <Info size={14} />\n                        </button>\n                    </SolidTooltipTrigger>\n                    <SolidTooltipContent>{displayValue}</SolidTooltipContent>\n                </SolidTooltip>\n            }\n        </div>\n    );\n\n};\n\nexport default SolidTableRowCell;\n"]}

package/dist/components/core/list/SolidTableRowCell.tsx

@@ -1,4 +1,5 @@
-import { Tooltip } from "primereact/tooltip";
+import { Info } from "lucide-react";
+import { SolidTooltip, SolidTooltipContent, SolidTooltipTrigger } from "../../shad-cn-ui";
 
 const SolidTableRowCell = ({ value, truncateAfter }: { value: string; truncateAfter?: number }) => {
     const safeValue = value !== null && value !== undefined ? String(value) : "";
@@ -20,16 +21,18 @@ const SolidTableRowCell = ({ value, truncateAfter }: { value: string; truncateAf
                 {displayValue}
             </div>
             {truncateAfter && displayValue.length > truncateAfter &&
-                <>
-                    <Tooltip target=".solid-field-tooltip-icon" />
-                    <i className="pi pi-info-circle solid-field-tooltip-icon"
-                        data-pr-tooltip={displayValue}
-                    />
-                </>
+                <SolidTooltip>
+                    <SolidTooltipTrigger asChild>
+                        <button type="button" className="solid-field-tooltip-icon" aria-label="Show full value">
+                            <Info size={14} />
+                        </button>
+                    </SolidTooltipTrigger>
+                    <SolidTooltipContent>{displayValue}</SolidTooltipContent>
+                </SolidTooltip>
             }
         </div>
     );
 
 };
 
-export default SolidTableRowCell;
+export default SolidTableRowCell;

package/dist/components/core/list/columns/SolidBooleanColumn.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Column } from "primereact/column";
+import { Column } from "../SolidDataTable";
 import { getExtensionComponent } from "../../../../helpers/registry";
 var SolidBooleanColumn = function (_a) {
     var _b;
@@ -40,7 +40,7 @@ export var DefaultBooleanListWidget = function (_a) {
     var fieldKey = (_b = column.attrs.label) !== null && _b !== void 0 ? _b : fieldMetadata.name;
     var trueLabel = (_c = column.attrs.trueLabel) !== null && _c !== void 0 ? _c : 'Yes';
     var falseLabel = (_d = column.attrs.falseLabel) !== null && _d !== void 0 ? _d : 'No';
-    console.log("rendering boolean column ".concat(fieldKey, " with value ").concat(rowData[fieldKey], ", trueLabel=").concat(trueLabel, ", falseLabel=").concat(falseLabel));
+    // console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);
     var value = rowData[fieldKey];
     if (value === true) {
         return trueLabel;

package/dist/components/core/list/columns/SolidBooleanColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidBooleanColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,kBAAkB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAEtE,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAG/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM;QACd,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,IAAI,EACA,UAAC,OAAO;YACJ,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,0BAA0B,CAAC;aAC3C;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,EAEL,iBAAiB,EAAE,oBAAa,aAAa,CAAC,WAAW,CAAE,EAC3D,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,IA3B5B,aAAa,CAAC,IAAI,CA4BjB,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAElC,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,EAAoF;;QAAlF,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC5F,IAAM,QAAQ,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,IAAI,CAAC;IAC1D,IAAM,SAAS,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC;IAClD,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC;IACnD,OAAO,CAAC,GAAG,CAAC,mCAA4B,QAAQ,yBAAe,OAAO,CAAC,QAAQ,CAAC,yBAAe,SAAS,0BAAgB,UAAU,CAAE,CAAC,CAAC;IACtI,IAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,IAAI,KAAK,KAAK,IAAI,EAAE;QAChB,OAAO,SAAS,CAAC;KACpB;IACD,IAAI,KAAK,KAAK,KAAK,EAAE;QACjB,OAAO,UAAU,CAAC;KACrB;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAA","sourcesContent":["import { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\n\nconst SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            // className=\"text-sm\"\n            sortable={column.attrs.sortable}\n            body={\n                (rowData) => {\n                    let viewWidget = column.attrs.viewWidget;\n                    if (!viewWidget) {\n                        viewWidget = 'DefaultBooleanListWidget';\n                    }\n                    let DynamicWidget = getExtensionComponent(viewWidget);\n                    const widgetProps: SolidListFieldWidgetProps = {\n                        rowData,\n                        solidListViewMetaData,\n                        fieldMetadata,\n                        column\n                    }\n                    return (\n                        <>\n                            {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                        </>\n                    )\n                }\n            }\n            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        ></Column>\n    );\n};\n\nexport default SolidBooleanColumn;\n\nexport const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const fieldKey = column.attrs.label ?? fieldMetadata.name;\n    const trueLabel = column.attrs.trueLabel ?? 'Yes';\n    const falseLabel = column.attrs.falseLabel ?? 'No';\n    console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);\n    const value = rowData[fieldKey];\n    if (value === true) {\n        return trueLabel;\n    }\n    if (value === false) {\n        return falseLabel;\n    }\n    return '';\n}\n"]}
+{"version":3,"file":"SolidBooleanColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidBooleanColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,kBAAkB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAEtE,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAG/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,MAAM,EAAE,MAAM;QACd,sBAAsB;QACtB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,IAAI,EACA,UAAC,OAAO;YACJ,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,0BAA0B,CAAC;aAC3C;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,EAEL,iBAAiB,EAAE,oBAAa,aAAa,CAAC,WAAW,CAAE,EAC3D,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5B,eAAe,EAAC,iBAAiB,IA3B5B,aAAa,CAAC,IAAI,CA4BjB,CACb,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC;AAElC,MAAM,CAAC,IAAM,wBAAwB,GAAG,UAAC,EAAoF;;QAAlF,OAAO,aAAA,EAAE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC5F,IAAM,QAAQ,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,IAAI,CAAC;IAC1D,IAAM,SAAS,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,SAAS,mCAAI,KAAK,CAAC;IAClD,IAAM,UAAU,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,UAAU,mCAAI,IAAI,CAAC;IACnD,yIAAyI;IACzI,IAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAChC,IAAI,KAAK,KAAK,IAAI,EAAE;QAChB,OAAO,SAAS,CAAC;KACpB;IACD,IAAI,KAAK,KAAK,KAAK,EAAE;QACjB,OAAO,UAAU,CAAC;KACrB;IACD,OAAO,EAAE,CAAC;AACd,CAAC,CAAA","sourcesContent":["import { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\n\nconst SolidBooleanColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            // className=\"text-sm\"\n            sortable={column.attrs.sortable}\n            body={\n                (rowData) => {\n                    let viewWidget = column.attrs.viewWidget;\n                    if (!viewWidget) {\n                        viewWidget = 'DefaultBooleanListWidget';\n                    }\n                    let DynamicWidget = getExtensionComponent(viewWidget);\n                    const widgetProps: SolidListFieldWidgetProps = {\n                        rowData,\n                        solidListViewMetaData,\n                        fieldMetadata,\n                        column\n                    }\n                    return (\n                        <>\n                            {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                        </>\n                    )\n                }\n            }\n            filterPlaceholder={`Search by ${fieldMetadata.displayName}`}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        ></Column>\n    );\n};\n\nexport default SolidBooleanColumn;\n\nexport const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    const fieldKey = column.attrs.label ?? fieldMetadata.name;\n    const trueLabel = column.attrs.trueLabel ?? 'Yes';\n    const falseLabel = column.attrs.falseLabel ?? 'No';\n    // console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);\n    const value = rowData[fieldKey];\n    if (value === true) {\n        return trueLabel;\n    }\n    if (value === false) {\n        return falseLabel;\n    }\n    return '';\n}\n"]}

package/dist/components/core/list/columns/SolidBooleanColumn.tsx

@@ -1,4 +1,4 @@
-import { Column } from "primereact/column";
+import { Column } from "../SolidDataTable";
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
 import { getExtensionComponent } from "../../../../helpers/registry";
@@ -48,7 +48,7 @@ export const DefaultBooleanListWidget = ({ rowData, solidListViewMetaData, field
     const fieldKey = column.attrs.label ?? fieldMetadata.name;
     const trueLabel = column.attrs.trueLabel ?? 'Yes';
     const falseLabel = column.attrs.falseLabel ?? 'No';
-    console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);
+    // console.log(`rendering boolean column ${fieldKey} with value ${rowData[fieldKey]}, trueLabel=${trueLabel}, falseLabel=${falseLabel}`);
     const value = rowData[fieldKey];
     if (value === true) {
         return trueLabel;

package/dist/components/core/list/columns/SolidDateColumn.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Column } from "primereact/column";
+import { Column } from "../SolidDataTable";
 import { getExtensionComponent } from '../../../../helpers/registry';
 import { DateFieldViewComponent } from "../../common/DateFieldViewComponent";
 var SolidDateColumn = function (_a) {

package/dist/components/core/list/columns/SolidDateColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDateColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidDateColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { DateFieldViewComponent } from \"../../common/DateFieldViewComponent\";\n\nconst SolidDateColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            sortable={column.attrs.sortable}\n            header={() => {\n                return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n            }}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultDateListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column\n                }\n                return (\n                    <>\n                        {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                    </>\n                )\n            }\n            }\n        ></Column>\n    );\n\n};\n\nexport default SolidDateColumn;\n\n\n\nexport const DefaultDateListWidget = ({ rowData, solidListViewMetaData, fieldMetadata }: SolidListFieldWidgetProps) => {\n    let displayValue = rowData[fieldMetadata.name];\n    const format = solidListViewMetaData?.data?.solidView?.layout?.attrs?.format;\n\n    return (\n        <DateFieldViewComponent value={displayValue} format={format} fallback=\"-\"></DateFieldViewComponent>\n    );\n};\n\nexport const DefaultDateTimeListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    let displayValue = rowData[fieldMetadata.name];\n    const format = solidListViewMetaData?.data?.solidView?.layout?.attrs?.format;\n\n    return (\n        <DateFieldViewComponent value={displayValue} format={format} fallback=\"-\" showTime={true}></DateFieldViewComponent>\n    );\n};\n"]}
+{"version":3,"file":"SolidDateColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidDateColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { DateFieldViewComponent } from \"../../common/DateFieldViewComponent\";\n\nconst SolidDateColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            sortable={column.attrs.sortable}\n            header={() => {\n                return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n            }}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultDateListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column\n                }\n                return (\n                    <>\n                        {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                    </>\n                )\n            }\n            }\n        ></Column>\n    );\n\n};\n\nexport default SolidDateColumn;\n\n\n\nexport const DefaultDateListWidget = ({ rowData, solidListViewMetaData, fieldMetadata }: SolidListFieldWidgetProps) => {\n    let displayValue = rowData[fieldMetadata.name];\n    const format = solidListViewMetaData?.data?.solidView?.layout?.attrs?.format;\n\n    return (\n        <DateFieldViewComponent value={displayValue} format={format} fallback=\"-\"></DateFieldViewComponent>\n    );\n};\n\nexport const DefaultDateTimeListWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n    let displayValue = rowData[fieldMetadata.name];\n    const format = solidListViewMetaData?.data?.solidView?.layout?.attrs?.format;\n\n    return (\n        <DateFieldViewComponent value={displayValue} format={format} fallback=\"-\" showTime={true}></DateFieldViewComponent>\n    );\n};\n"]}

package/dist/components/core/list/columns/SolidDateColumn.tsx

@@ -1,5 +1,5 @@
 
-import { Column } from "primereact/column";
+import { Column } from "../SolidDataTable";
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { SolidListFieldWidgetProps } from '../../../../types/solid-core';
 import { getExtensionComponent } from '../../../../helpers/registry';

package/dist/components/core/list/columns/SolidDatetimeColumn.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Column } from "primereact/column";
+import { Column } from "../SolidDataTable";
 import { getExtensionComponent } from "../../../../helpers/registry";
 var SolidDatetimeColumn = function (_a) {
     var _b, _c, _d, _e, _f;

package/dist/components/core/list/columns/SolidDatetimeColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidDatetimeColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidDatetimeColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,mBAAmB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACvE,IAAM,aAAa,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,aAAa,CAAA;IAC1F,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,MAAM,EAAE;YACJ,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,UAAG,aAAa,OAAI,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAG,MAAM,GAAO,CAAC,CAAA;QACxK,CAAC,EACD,IAAI,EAAE,UAAC,OAAO;YACV,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,2BAA2B,CAAC;aAC5C;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,IAvBI,aAAa,CAAC,IAAI,CAyBjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["\nimport { Column } from \"primereact/column\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\n\nconst SolidDatetimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            sortable={column.attrs.sortable}\n            header={() => {\n                return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n            }}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultDateTimeListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column\n                }\n                return (\n                    <>\n                        {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                    </>\n                )\n            }\n            }\n        ></Column>\n    );\n\n};\n\nexport default SolidDatetimeColumn;\n\n"]}
+{"version":3,"file":"SolidDatetimeColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidDatetimeColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,IAAM,mBAAmB,GAAG,UAAC,EAA2E;;QAAzE,qBAAqB,2BAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IACvE,IAAM,aAAa,GAAG,MAAA,MAAA,MAAA,MAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,IAAI,0CAAE,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,aAAa,CAAA;IAC1F,IAAM,MAAM,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAE/D,OAAO,CACH,KAAC,MAAM,IAEH,KAAK,EAAE,aAAa,CAAC,IAAI,EACzB,QAAQ,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,EAC/B,MAAM,EAAE;YACJ,OAAO,CAAC,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC,UAAG,aAAa,OAAI,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAG,MAAM,GAAO,CAAC,CAAA;QACxK,CAAC,EACD,IAAI,EAAE,UAAC,OAAO;YACV,IAAI,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;YACzC,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,2BAA2B,CAAC;aAC5C;YACD,IAAI,aAAa,GAAG,qBAAqB,CAAC,UAAU,CAAC,CAAC;YACtD,IAAM,WAAW,GAA8B;gBAC3C,OAAO,SAAA;gBACP,qBAAqB,uBAAA;gBACrB,aAAa,eAAA;gBACb,MAAM,QAAA;aACT,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC,IAvBI,aAAa,CAAC,IAAI,CAyBjB,CACb,CAAC;AAEN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\n\nconst SolidDatetimeColumn = ({ solidListViewMetaData, fieldMetadata, column }: SolidListViewColumnParams) => {\n    const truncateAfter = solidListViewMetaData?.data?.solidView?.layout?.attrs?.truncateAfter\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            sortable={column.attrs.sortable}\n            header={() => {\n                return (<div style={{ maxWidth: truncateAfter ? `${truncateAfter}ch` : '30ch', whiteSpace: 'nowrap', textOverflow: 'ellipsis', overflow: 'hidden' }}>{header}</div>)\n            }}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultDateTimeListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column\n                }\n                return (\n                    <>\n                        {DynamicWidget && <DynamicWidget {...widgetProps} />}\n                    </>\n                )\n            }\n            }\n        ></Column>\n    );\n\n};\n\nexport default SolidDatetimeColumn;\n\n"]}

package/dist/components/core/list/columns/SolidDatetimeColumn.tsx

@@ -1,5 +1,5 @@
 
-import { Column } from "primereact/column";
+import { Column } from "../SolidDataTable";
 import { SolidListViewColumnParams } from '../SolidListViewColumn';
 import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
 import { getExtensionComponent } from "../../../../helpers/registry";

package/dist/components/core/list/columns/SolidExternalIdColumn.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { Column } from "primereact/column";
+import { Column } from "../SolidDataTable";
 import { getExtensionComponent } from '../../../../helpers/registry';
 var SolidExternalIdColumn = function (_a) {
     var _b, _c, _d, _e, _f;