@solidxai/core-ui 0.1.8-beta.19 → 0.1.8-beta.20

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidDataTablePagination.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidDataTablePagination.tsx"],"names":[],"mappings":";AAYA,IAAM,EAAE,GAAG;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IAAK,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAA/B,CAA+B,CAAC;AAE5F,MAAM,UAAU,wBAAwB,CAAC,EAQT;QAP9B,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,0BAAsC,EAAtC,kBAAkB,mBAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,KAAA,EACtC,MAAM,YAAA,EACN,iCAAgE,EAAhE,yBAAyB,mBAAG,oCAAoC,KAAA,EAChE,SAAS,eAAA;IAET,IAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,IAAM,KAAK,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;IACjD,IAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC;IACrD,IAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IACrD,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC;IAEnE,IAAM,MAAM,GAAG,yBAAyB;SACrC,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;SACjC,OAAO,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;SAC9B,OAAO,CAAC,gBAAgB,EAAE,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uIAAuI,EAAE,SAAS,CAAC,aACpK,eAAK,SAAS,EAAC,sDAAsD,aACnE,eAAM,SAAS,EAAC,uBAAuB,qBAAY,EACnD,iBACE,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,EAAlD,CAAkD,EACnE,SAAS,EAAC,wBAAwB,YAEjC,kBAAkB,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CAClC,iBAAqB,KAAK,EAAE,MAAM,YAAG,MAAM,IAA9B,MAAM,CAAkC,CACtD,EAFmC,CAEnC,CAAC,GACK,EACT,eAAM,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAQ,IACpD,EACN,eAAK,SAAS,EAAC,iDAAiD,aAC9D,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAhE,CAAgE,EAC/E,QAAQ,EAAE,WAAW,IAAI,CAAC,yBAGnB,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,KAAK,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAA1F,CAA0F,EACzG,QAAQ,EAAE,WAAW,IAAI,UAAU,qBAG5B,IACL,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidDataTablePaginationProps = {\n  rows: number;\n  first: number;\n  totalRecords: number;\n  rowsPerPageOptions?: number[];\n  onPage: (event: { first: number; rows: number }) => void;\n  currentPageReportTemplate?: string;\n  className?: string;\n};\n\nconst cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(\" \");\n\nexport function SolidDataTablePagination({\n  rows,\n  first,\n  totalRecords,\n  rowsPerPageOptions = [10, 25, 50, 100],\n  onPage,\n  currentPageReportTemplate = \"{first} - {last} of {totalRecords}\",\n  className,\n}: SolidDataTablePaginationProps) {\n  const safeRows = rows > 0 ? rows : 25;\n  const start = totalRecords === 0 ? 0 : first + 1;\n  const end = Math.min(first + safeRows, totalRecords);\n  const currentPage = Math.floor(first / safeRows) + 1;\n  const totalPages = Math.max(1, Math.ceil(totalRecords / safeRows));\n\n  const report = currentPageReportTemplate\n    .replace(\"{first}\", String(start))\n    .replace(\"{last}\", String(end))\n    .replace(\"{totalRecords}\", String(totalRecords));\n\n  return (\n    <div className={cx(\"w-full solid-table-paginator flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background\", className)}>\n      <div className=\"solid-paginator-meta flex items-center gap-2 ml-auto\">\n        <span className=\"solid-paginator-label\">Rows</span>\n        <select\n          value={safeRows}\n          onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}\n          className=\"solid-paginator-select\"\n        >\n          {rowsPerPageOptions.map((option) => (\n            <option key={option} value={option}>{option}</option>\n          ))}\n        </select>\n        <span className=\"solid-paginator-report\">{report}</span>\n      </div>\n      <div className=\"solid-paginator-actions flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"solid-paginator-btn\"\n          onClick={() => onPage({ first: Math.max(0, first - safeRows), rows: safeRows })}\n          disabled={currentPage <= 1}\n        >\n          Previous\n        </button>\n        <button\n          type=\"button\"\n          className=\"solid-paginator-btn\"\n          onClick={() => onPage({ first: Math.min((totalPages - 1) * safeRows, first + safeRows), rows: safeRows })}\n          disabled={currentPage >= totalPages}\n        >\n          Next\n        </button>\n      </div>\n    </div>\n  );\n}\n\n"]}

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

@@ -0,0 +1,71 @@
+import React from "react";
+
+type SolidDataTablePaginationProps = {
+  rows: number;
+  first: number;
+  totalRecords: number;
+  rowsPerPageOptions?: number[];
+  onPage: (event: { first: number; rows: number }) => void;
+  currentPageReportTemplate?: string;
+  className?: string;
+};
+
+const cx = (...parts: Array<string | undefined | false>) => parts.filter(Boolean).join(" ");
+
+export function SolidDataTablePagination({
+  rows,
+  first,
+  totalRecords,
+  rowsPerPageOptions = [10, 25, 50, 100],
+  onPage,
+  currentPageReportTemplate = "{first} - {last} of {totalRecords}",
+  className,
+}: SolidDataTablePaginationProps) {
+  const safeRows = rows > 0 ? rows : 25;
+  const start = totalRecords === 0 ? 0 : first + 1;
+  const end = Math.min(first + safeRows, totalRecords);
+  const currentPage = Math.floor(first / safeRows) + 1;
+  const totalPages = Math.max(1, Math.ceil(totalRecords / safeRows));
+
+  const report = currentPageReportTemplate
+    .replace("{first}", String(start))
+    .replace("{last}", String(end))
+    .replace("{totalRecords}", String(totalRecords));
+
+  return (
+    <div className={cx("w-full solid-table-paginator flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-3 py-1.5 bg-background", className)}>
+      <div className="solid-paginator-meta flex items-center gap-2 ml-auto">
+        <span className="solid-paginator-label">Rows</span>
+        <select
+          value={safeRows}
+          onChange={(e) => onPage({ first: 0, rows: Number(e.target.value) })}
+          className="solid-paginator-select"
+        >
+          {rowsPerPageOptions.map((option) => (
+            <option key={option} value={option}>{option}</option>
+          ))}
+        </select>
+        <span className="solid-paginator-report">{report}</span>
+      </div>
+      <div className="solid-paginator-actions flex items-center gap-2">
+        <button
+          type="button"
+          className="solid-paginator-btn"
+          onClick={() => onPage({ first: Math.max(0, first - safeRows), rows: safeRows })}
+          disabled={currentPage <= 1}
+        >
+          Previous
+        </button>
+        <button
+          type="button"
+          className="solid-paginator-btn"
+          onClick={() => onPage({ first: Math.min((totalPages - 1) * safeRows, first + safeRows), rows: safeRows })}
+          disabled={currentPage >= totalPages}
+        >
+          Next
+        </button>
+      </div>
+    </div>
+  );
+}
+

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

@@ -1 +1 @@
-{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AAwDA,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,GAAG,kBAU7D,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,GAAG,kBAU/E,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHA6kDxB,CAAC"}
+{"version":3,"file":"SolidListView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListView.tsx"],"names":[],"mappings":";AAwDA,eAAO,MAAM,+BAA+B,WAgB3C,CAAC;AAGF,eAAO,MAAM,oCAAoC,QAAS,MAAM,QAgB/D,CAAC;AAEF,eAAO,MAAM,6BAA6B,gBAAiB,GAAG,kBAU7D,CAAC;AAGF,eAAO,MAAM,kCAAkC,QAAS,MAAM,eAAe,GAAG,kBAU/E,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,6BAA6B,CAAC,EAAE,GAAG,CAAC;IACpC,8BAA8B,CAAC,EAAE,GAAG,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,iBAAiB,CAAC,EAAE,GAAG,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,EAAE,CAAC,MAAM,EAAE;QACpB,uBAAuB,CAAC,EAAE,GAAG,CAAC;QAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC;QACvB,sBAAsB,CAAC,EAAE,GAAG,CAAC;QAC7B,2BAA2B,CAAC,EAAE,GAAG,CAAC;KACnC,KAAK,IAAI,CAAC;IACX;;;;OAIG;IACH,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D;;;OAGG;IACH,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE;;;OAGG;IACH,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C;;;OAGG;IACH,QAAQ,EAAE,MAAM;QACd,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,YAAY,EAAE,OAAO,CAAC;QACtB,OAAO,EAAE,GAAG,CAAC;QACb,gBAAgB,EAAE,GAAG,CAAC;QACtB,QAAQ,EAAE,GAAG,EAAE,CAAC;QAChB,YAAY,EAAE,MAAM,CAAC;QACrB,OAAO,EAAE,OAAO,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,aAAa,qHAykDxB,CAAC"}

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

@@ -148,7 +148,7 @@ export var setFilterObjectToLocalStorageByUrl = function (url, queryObject) {
     return null;
 };
 export var SolidListView = forwardRef(function (params, ref) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
     var session = useSession();
     var user = (_a = session === null || session === void 0 ? void 0 : session.data) === null || _a === void 0 ? void 0 : _a.user;
     var dispatch = useDispatch();
@@ -158,35 +158,35 @@ export var SolidListView = forwardRef(function (params, ref) {
     var router = useRouter();
     var searchParams = useSearchParams();
     var localeName = searchParams.get("locale");
-    var _27 = useState(null), solidListViewMetaData = _27[0], setSolidListViewMetaData = _27[1];
-    var _28 = useState(null), solidListViewLayout = _28[0], setSolidListViewLayout = _28[1];
-    var _29 = useState(false), isDraftPublishWorkflowEnabled = _29[0], setIsDraftPublishWorkflowEnabled = _29[1];
+    var _24 = useState(null), solidListViewMetaData = _24[0], setSolidListViewMetaData = _24[1];
+    var _25 = useState(null), solidListViewLayout = _25[0], setSolidListViewLayout = _25[1];
+    var _26 = useState(false), isDraftPublishWorkflowEnabled = _26[0], setIsDraftPublishWorkflowEnabled = _26[1];
     // Filter query realted states
-    var _30 = useState(null), filters = _30[0], setFilters = _30[1];
-    var _31 = useState(0), totalRecords = _31[0], setTotalRecords = _31[1];
-    var _32 = useState(0), first = _32[0], setFirst = _32[1];
-    var _33 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _33[0], setRows = _33[1];
-    var _34 = useState("id"), sortField = _34[0], setSortField = _34[1];
-    var _35 = useState(-1), sortOrder = _35[0], setSortOrder = _35[1];
-    var _36 = useState([]), toPopulate = _36[0], setToPopulate = _36[1];
-    var _37 = useState([]), toPopulateMedia = _37[0], setToPopulateMedia = _37[1];
-    var _38 = useState([]), actionsAllowed = _38[0], setActionsAllowed = _38[1];
+    var _27 = useState(null), filters = _27[0], setFilters = _27[1];
+    var _28 = useState(0), totalRecords = _28[0], setTotalRecords = _28[1];
+    var _29 = useState(0), first = _29[0], setFirst = _29[1];
+    var _30 = useState(((_b = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _b === void 0 ? void 0 : _b.defaultPageSize) ? (_c = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _c === void 0 ? void 0 : _c.defaultPageSize : 10), rows = _30[0], setRows = _30[1];
+    var _31 = useState("id"), sortField = _31[0], setSortField = _31[1];
+    var _32 = useState(-1), sortOrder = _32[0], setSortOrder = _32[1];
+    var _33 = useState([]), toPopulate = _33[0], setToPopulate = _33[1];
+    var _34 = useState([]), toPopulateMedia = _34[0], setToPopulateMedia = _34[1];
+    var _35 = useState([]), actionsAllowed = _35[0], setActionsAllowed = _35[1];
     // All list view state.
-    var _39 = useState([]), listViewData = _39[0], setListViewData = _39[1];
-    var _40 = useState([]), selectedRecords = _40[0], setSelectedRecords = _40[1];
-    var _41 = useState([]), selectedRecoverRecords = _41[0], setSelectedRecoverRecords = _41[1];
-    var _42 = useState(true), loading = _42[0], setLoading = _42[1];
-    var _43 = useState(false), isDialogVisible = _43[0], setDialogVisible = _43[1];
-    var _44 = useState(false), isRecoverDialogVisible = _44[0], setRecoverDialogVisible = _44[1];
-    var _45 = useState(), createButtonUrl = _45[0], setCreateButtonUrl = _45[1];
-    var _46 = useState(), editButtonUrl = _46[0], setEditButtonUrl = _46[1];
-    var _47 = useState({}), createActionQueryParams = _47[0], setCreateActionQueryParams = _47[1];
-    var _48 = useState({}), editActionQueryParams = _48[0], setEditActionQueryParams = _48[1];
-    var _49 = useState(false), showArchived = _49[0], setShowArchived = _49[1];
-    var _50 = useState(false), queryDataLoaded = _50[0], setQueryDataLoaded = _50[1];
-    var _51 = useState(null), filterPredicates = _51[0], setFilterPredicates = _51[1];
-    var _52 = useState(false), showSaveFilterPopup = _52[0], setShowSaveFilterPopup = _52[1];
-    var _53 = useState(false), showGlobalSearchElement = _53[0], setShowGlobalSearchElement = _53[1];
+    var _36 = useState([]), listViewData = _36[0], setListViewData = _36[1];
+    var _37 = useState([]), selectedRecords = _37[0], setSelectedRecords = _37[1];
+    var _38 = useState([]), selectedRecoverRecords = _38[0], setSelectedRecoverRecords = _38[1];
+    var _39 = useState(true), loading = _39[0], setLoading = _39[1];
+    var _40 = useState(false), isDialogVisible = _40[0], setDialogVisible = _40[1];
+    var _41 = useState(false), isRecoverDialogVisible = _41[0], setRecoverDialogVisible = _41[1];
+    var _42 = useState(), createButtonUrl = _42[0], setCreateButtonUrl = _42[1];
+    var _43 = useState(), editButtonUrl = _43[0], setEditButtonUrl = _43[1];
+    var _44 = useState({}), createActionQueryParams = _44[0], setCreateActionQueryParams = _44[1];
+    var _45 = useState({}), editActionQueryParams = _45[0], setEditActionQueryParams = _45[1];
+    var _46 = useState(false), showArchived = _46[0], setShowArchived = _46[1];
+    var _47 = useState(false), queryDataLoaded = _47[0], setQueryDataLoaded = _47[1];
+    var _48 = useState(null), filterPredicates = _48[0], setFilterPredicates = _48[1];
+    var _49 = useState(false), showSaveFilterPopup = _49[0], setShowSaveFilterPopup = _49[1];
+    var _50 = useState(false), showGlobalSearchElement = _50[0], setShowGlobalSearchElement = _50[1];
     var triggerCheckIfPermissionExists = useLazyCheckIfPermissionExistsQuery()[0];
     var handleCustomButtonClick = useHandleListCustomButtonClick();
     var editBaseUrl = useMemo(function () { return normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"); }, [editButtonUrl, pathname]);
@@ -247,7 +247,7 @@ export var SolidListView = forwardRef(function (params, ref) {
     }, {
         encodeValuesOnly: true,
     });
-    var _54 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _54.data, solidListViewMetaDataError = _54.error, solidListViewMetaDataIsLoading = _54.isLoading, solidListViewMetaDataIsError = _54.isError, refetch = _54.refetch;
+    var _51 = useGetSolidViewLayoutQuery(listViewMetaDataQs), solidListViewInitialMetaData = _51.data, solidListViewMetaDataError = _51.error, solidListViewMetaDataIsLoading = _51.isLoading, solidListViewMetaDataIsError = _51.isError, refetch = _51.refetch;
     var initialFilterMethod = function () {
         var _a, _b, _c, _d;
         var solidView = (_a = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _a === void 0 ? void 0 : _a.solidView;
@@ -374,15 +374,15 @@ export var SolidListView = forwardRef(function (params, ref) {
     //   { label: 'List ', value: 'list', image: ListImage },
     //   { label: 'Kanban', value: 'kanban', image: KanbanImage },
     // ]
-    var _55 = useState(sizeOptions[1].value), size = _55[0], setSize = _55[1];
-    var _56 = useState([]), viewModes = _56[0], setViewModes = _56[1];
+    var _52 = useState(sizeOptions[1].value), size = _52[0], setSize = _52[1];
+    var _53 = useState([]), viewModes = _53[0], setViewModes = _53[1];
     // Custom Row Action
-    var _57 = useState(false), listViewRowActionPopupState = _57[0], setListViewRowActionPopupState = _57[1];
-    var _58 = useState(), listViewRowActionData = _58[0], setListRowActionData = _58[1];
+    var _54 = useState(false), listViewRowActionPopupState = _54[0], setListViewRowActionPopupState = _54[1];
+    var _55 = useState(), listViewRowActionData = _55[0], setListRowActionData = _55[1];
     // Get the list view data.
-    var _59 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _59[0], _60 = _59[1], solidEntityListViewData = _60.data, isLoading = _60.isLoading, error = _60.error;
-    var _61 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _61[0], _62 = _61[1], recoverByIdData = _62.data, recoverByIdIsLoading = _62.isLoading, recoverByIdError = _62.error, recoverByIdIsError = _62.isError, recoverByIdIsSuccess = _62.isSuccess;
-    var _63 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _63[0], _64 = _63[1], recoverByData = _64.data, recoverByIsLoading = _64.isLoading, recoverError = _64.error, recoverIsError = _64.isError, recoverByIsSuccess = _64.isSuccess;
+    var _56 = useLazyGetSolidEntitiesQuery(), triggerGetSolidEntities = _56[0], _57 = _56[1], solidEntityListViewData = _57.data, isLoading = _57.isLoading, error = _57.error;
+    var _58 = useLazyRecoverSolidEntityByIdQuery(), triggerRecoverSolidEntitiesById = _58[0], _59 = _58[1], recoverByIdData = _59.data, recoverByIdIsLoading = _59.isLoading, recoverByIdError = _59.error, recoverByIdIsError = _59.isError, recoverByIdIsSuccess = _59.isSuccess;
+    var _60 = useRecoverSolidEntityMutation(), triggerRecoverSolidEntities = _60[0], _61 = _60[1], recoverByData = _61.data, recoverByIsLoading = _61.isLoading, recoverError = _61.error, recoverIsError = _61.isError, recoverByIsSuccess = _61.isSuccess;
     // After data is fetched populate the list view state so as to be able to render the data.
     useEffect(function () {
         if (solidEntityListViewData) {
@@ -414,9 +414,9 @@ export var SolidListView = forwardRef(function (params, ref) {
             setLoading(false);
         }
     }, [solidEntityListViewData]);
-    var _65 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _65[0], isDeleteSolidSingleEntitySuccess = _65[1].isSuccess;
+    var _62 = useDeleteSolidEntityMutation(), deleteSolidSingleEntiry = _62[0], isDeleteSolidSingleEntitySuccess = _62[1].isSuccess;
     // Delete mutation
-    var _66 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _66[0], _67 = _66[1], isSolidEntitiesDeleted = _67.isLoading, isDeleteSolidEntitiesSucess = _67.isSuccess, isSolidEntitiesDeleteError = _67.isError, SolidEntitiesDeleteError = _67.error, DeletedSolidEntities = _67.data;
+    var _63 = useDeleteMultipleSolidEntitiesMutation(), deleteManySolidEntities = _63[0], _64 = _63[1], isSolidEntitiesDeleted = _64.isLoading, isDeleteSolidEntitiesSucess = _64.isSuccess, isSolidEntitiesDeleteError = _64.isError, SolidEntitiesDeleteError = _64.error, DeletedSolidEntities = _64.data;
     // Fetch data after toPopulate has been populated...
     useEffect(function () {
         var _a;
@@ -779,9 +779,9 @@ export var SolidListView = forwardRef(function (params, ref) {
         loading,
         listViewData,
     ]);
-    var _68 = useState(), selectedSolidViewData = _68[0], setSelectedSolidViewData = _68[1];
+    var _65 = useState(), selectedSolidViewData = _65[0], setSelectedSolidViewData = _65[1];
     var selectedDataRef = useRef();
-    var _69 = useState(false), deleteEntity = _69[0], setDeleteEntity = _69[1];
+    var _66 = useState(false), deleteEntity = _66[0], setDeleteEntity = _66[1];
     // Recover functions
     var recoverById = function (id) {
         triggerRecoverSolidEntitiesById(id);
@@ -855,8 +855,8 @@ export var SolidListView = forwardRef(function (params, ref) {
         setSelectedRecoverRecords([]);
     };
     var entityDisplayName = ((_f = (_e = (_d = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _d === void 0 ? void 0 : _d.solidView) === null || _e === void 0 ? void 0 : _e.model) === null || _f === void 0 ? void 0 : _f.displayName) || (params === null || params === void 0 ? void 0 : params.modelName);
-    var _70 = useState(false), openLightbox = _70[0], setOpenLightbox = _70[1];
-    var _71 = useState([]), lightboxUrls = _71[0], setLightboxUrls = _71[1];
+    var _67 = useState(false), openLightbox = _67[0], setOpenLightbox = _67[1];
+    var _68 = useState([]), lightboxUrls = _68[0], setLightboxUrls = _68[1];
     // Render columns dynamically based on metadata
     var renderColumnsDynamically = function (solidListViewMetaData, solidListViewLayout) {
         var _a;
@@ -1073,29 +1073,26 @@ export var SolidListView = forwardRef(function (params, ref) {
     };
     return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-column flex-grow-1 ".concat(styles.ListContentWrapper), children: _jsxs("div", { className: "solid-list-surface flex flex-column flex-1 min-h-0", children: [solidListViewInitialMetaData &&
                             _jsxs("div", { className: "page-header solid-list-toolbar flex-column lg:flex-row", children: [_jsxs("div", { className: "flex justify-content-between w-full", children: [_jsxs("div", { className: "flex gap-3 align-items-center w-full solid-list-toolbar-left", children: [_jsxs("div", { className: 'flex align-items-center gap-2', children: [params.embeded !== true &&
-                                                                _jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(LayoutGrid, { size: 18 }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: ((_t = (_s = (_r = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _r === void 0 ? void 0 : _r.solidView) === null || _s === void 0 ? void 0 : _s.action) === null || _t === void 0 ? void 0 : _t.displayName) || ((_v = (_u = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.displayName) })] }), ((_w = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _w === void 0 ? void 0 : _w.enableGlobalSearch) === true &&
-                                                        params.embeded === false && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "list", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }, params.modelName) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper solid-list-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), ((_x = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _x === void 0 ? void 0 : _x.enableGlobalSearch) === true &&
-                                                        params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", size: "small", variant: "outline", className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); }, leftIcon: _jsx(Search, { size: 14 }) }) })), _jsx("div", { className: "hidden lg:flex align-items-center solid-header-buttons-wrapper", children: (_0 = (_z = (_y = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _y === void 0 ? void 0 : _y.headerButtons) === null || _z === void 0 ? void 0 : _z.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _0 === void 0 ? void 0 : _0.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
-                                                        ((_1 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _1 === void 0 ? void 0 : _1.create) !== false &&
+                                                                _jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(LayoutGrid, { size: 18 }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: ((_t = (_s = (_r = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _r === void 0 ? void 0 : _r.solidView) === null || _s === void 0 ? void 0 : _s.action) === null || _t === void 0 ? void 0 : _t.displayName) || ((_v = (_u = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _u === void 0 ? void 0 : _u.solidView) === null || _v === void 0 ? void 0 : _v.displayName) })] }), params.embeded === false && (_jsx("div", { className: "hidden lg:flex", children: _jsx(SolidGlobalSearchElement, { viewType: "list", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }, params.modelName) }))] }), _jsxs("div", { className: "flex align-items-center solid-header-buttons-wrapper solid-list-toolbar-actions", children: [_jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }), params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", size: "small", variant: "outline", className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); }, leftIcon: _jsx(Search, { size: 14 }) }) })), _jsx("div", { className: "hidden lg:flex align-items-center solid-header-buttons-wrapper", children: (_y = (_x = (_w = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _w === void 0 ? void 0 : _w.headerButtons) === null || _x === void 0 ? void 0 : _x.filter(function (rb) { return rb.attrs.actionInContextMenu != true; })) === null || _y === void 0 ? void 0 : _y.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidListViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+                                                        ((_z = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _z === void 0 ? void 0 : _z.create) !== false &&
                                                         params.embeded !== true &&
-                                                        ((_4 = (_3 = (_2 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _2 === void 0 ? void 0 : _2.solidView) === null || _3 === void 0 ? void 0 : _3.layout) === null || _4 === void 0 ? void 0 : _4.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
-                                                        ((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.create) !== false &&
+                                                        ((_2 = (_1 = (_0 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _0 === void 0 ? void 0 : _0.solidView) === null || _1 === void 0 ? void 0 : _1.layout) === null || _2 === void 0 ? void 0 : _2.attrs.showDefaultAddButton) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, solidListViewLayout: solidListViewLayout, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'create'))) &&
+                                                        ((_3 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _3 === void 0 ? void 0 : _3.create) !== false &&
                                                         params.embeded == true &&
                                                         params.inlineCreate == true &&
-                                                        searchParams.get("viewMode") !== "view" && (_jsx(SolidButton, { type: "button", icon: (_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.addButtonIcon, leftIcon: !((_7 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _7 === void 0 ? void 0 : _7.addButtonIcon) ? _jsx(Plus, { size: 14 }) : undefined, className: "".concat((_8 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _8 === void 0 ? void 0 : _8.addButtonClassName), size: "small", onClick: function () { return params.handleAddClickForEmbeddedView("new"); }, children: ((_9 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _9 === void 0 ? void 0 : _9.addButtonTitle) ? (_10 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _10 === void 0 ? void 0 : _10.addButtonTitle : "Add" })), params.embeded !== true && (_jsx(SolidButton, { type: "button", size: "small", variant: "outline", className: "solid-icon-button ", onClick: function () {
+                                                        searchParams.get("viewMode") !== "view" && (_jsx(SolidButton, { type: "button", icon: (_4 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _4 === void 0 ? void 0 : _4.addButtonIcon, leftIcon: !((_5 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _5 === void 0 ? void 0 : _5.addButtonIcon) ? _jsx(Plus, { size: 14 }) : undefined, className: "".concat((_6 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _6 === void 0 ? void 0 : _6.addButtonClassName), size: "small", onClick: function () { return params.handleAddClickForEmbeddedView("new"); }, children: ((_7 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _7 === void 0 ? void 0 : _7.addButtonTitle) ? (_8 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _8 === void 0 ? void 0 : _8.addButtonTitle : "Add" })), params.embeded !== true && (_jsx(SolidButton, { type: "button", size: "small", variant: "outline", className: "solid-icon-button ", onClick: function () {
                                                             setQueryString();
                                                         }, leftIcon: _jsx(RefreshCw, { size: 14 }) })), showArchived && (_jsx(SolidButton, { type: "button", size: "small", variant: "secondary", className: "hidden lg:flex", onClick: function () { return setRecoverDialogVisible(true); }, leftIcon: _jsx(RotateCcw, { size: 14 }), children: "Recover" })), params.embeded === false &&
-                                                        ((_11 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _11 === void 0 ? void 0 : _11.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidListViewMetaData, solidListViewLayout: solidListViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), ((_12 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _12 === void 0 ? void 0 : _12.enableGlobalSearch) === true && showGlobalSearchElement &&
-                                        params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "list", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }))] }), showListBodyLoadingPlaceholder ? (_jsx("div", { className: "solid-view-loading-body-spacer flex-1 min-h-0" })) : (_jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData, handleFetchUpdatedRecords: handleFetchUpdatedRecords })) : (_jsx("div", { className: "solid-datatable-wrapper solid-list-table-area flex-1 min-h-0 overflow-hidden ".concat(styles.listTableArea), children: _jsxs(DataTable, { value: listViewData, viewportHeight: params.embeded === true ? undefined : "calc(100dvh - 128px)", rowClassName: function (rowData) {
+                                                        ((_9 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _9 === void 0 ? void 0 : _9.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidListViewMetaData, solidListViewLayout: solidListViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidListViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }), showGlobalSearchElement && params.embeded === false && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidGlobalSearchElement, { viewType: "list", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidListViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }))] }), showListBodyLoadingPlaceholder ? (_jsx("div", { className: "solid-view-loading-body-spacer flex-1 min-h-0" })) : (_jsx(_Fragment, { children: isListViewEmptyWithoutFilters ? (_jsx(SolidEmptyListViewPlaceholder, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, actionsAllowed: actionsAllowed, params: params, solidListViewMetaData: solidListViewMetaData, handleFetchUpdatedRecords: handleFetchUpdatedRecords })) : (_jsx("div", { className: "solid-datatable-wrapper solid-list-table-area flex-1 min-h-0 overflow-hidden ".concat(styles.listTableArea), children: _jsxs(DataTable, { value: listViewData, viewportHeight: params.embeded === true ? undefined : "calc(100dvh - 128px)", rowClassName: function (rowData) {
                                         return rowData.deletedAt ? "greyed-out-row" : "";
                                     }, showGridlines: false, lazy: true, scrollable: true, 
                                     // scrollHeight="90vh"
-                                    size: size, resizableColumns: true, columnResizeMode: "expand", paginator: true, rows: rows, rowsPerPageOptions: (_13 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _13 === void 0 ? void 0 : _13.pageSizeOptions, dataKey: "id", emptyMessage: ((_16 = (_15 = (_14 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _14 === void 0 ? void 0 : _14.solidView) === null || _15 === void 0 ? void 0 : _15.model) === null || _16 === void 0 ? void 0 : _16.description) ||
+                                    size: size, resizableColumns: true, columnResizeMode: "expand", paginator: true, rows: rows, rowsPerPageOptions: (_10 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _10 === void 0 ? void 0 : _10.pageSizeOptions, dataKey: "id", emptyMessage: ((_13 = (_12 = (_11 = solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.data) === null || _11 === void 0 ? void 0 : _11.solidView) === null || _12 === void 0 ? void 0 : _12.model) === null || _13 === void 0 ? void 0 : _13.description) ||
                                         "No Entities found", filterDisplay: "menu", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: function (e) { return onSort(e); }, sortField: sortField || undefined, sortOrder: sortOrder, loading: false, 
                                     // loading={loading || isLoading}
                                     selection: params.embeded === true
                                         ? []
-                                        : __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: (_18 = (_17 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _17 === void 0 ? void 0 : _17.removableSort) !== null && _18 !== void 0 ? _18 : true, sortMode: "single", paginatorTemplate: "RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink", currentPageReportTemplate: "{first} - {last} of {totalRecords}", onRowClick: function (e) {
+                                        : __spreadArray(__spreadArray([], selectedRecords, true), selectedRecoverRecords, true), onSelectionChange: params.embeded === true ? undefined : onSelectionChange, selectionMode: params.embeded === true ? null : "checkbox", removableSort: (_15 = (_14 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _14 === void 0 ? void 0 : _14.removableSort) !== null && _15 !== void 0 ? _15 : true, sortMode: "single", paginatorTemplate: "RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink", currentPageReportTemplate: "{first} - {last} of {totalRecords}", onRowClick: function (e) {
                                         var _a, _b;
                                         var rowData = e.data;
                                         if (((_a = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _a === void 0 ? void 0 : _a.disableRowClick) === true)
@@ -1122,8 +1119,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                                             }
                                             router.push("".concat(editBaseUrl, "/").concat(rowData === null || rowData === void 0 ? void 0 : rowData.id, "?viewMode=view&").concat(new URLSearchParams(editActionQueryParams).toString()));
                                         }
-                                    }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_19 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _19 === void 0 ? void 0 : _19.rowButtons) &&
-                                            ((_20 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _20 === void 0 ? void 0 : _20.rowButtons.filter(function (rb) {
+                                    }, children: [params.embeded === true ? null : (_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } })), solidListViewMetaData && solidListViewLayout && renderColumnsDynamically(solidListViewMetaData, solidListViewLayout), ((_16 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _16 === void 0 ? void 0 : _16.rowButtons) &&
+                                            ((_17 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _17 === void 0 ? void 0 : _17.rowButtons.filter(function (rb) {
                                                 var _a, _b;
                                                 var roles = ((_a = rb === null || rb === void 0 ? void 0 : rb.attrs) === null || _a === void 0 ? void 0 : _a.roles) || [];
                                                 var isInContextMenu = rb.attrs.actionInContextMenu === true;
@@ -1149,8 +1146,8 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                                 : "" }));
                                                     } }, index));
                                             })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'update'))) &&
-                                            ((_21 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _21 === void 0 ? void 0 : _21.edit) !== false &&
-                                            ((_22 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _22 === void 0 ? void 0 : _22.showRowEditInContextMenu) ===
+                                            ((_18 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _18 === void 0 ? void 0 : _18.edit) !== false &&
+                                            ((_19 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _19 === void 0 ? void 0 : _19.showRowEditInContextMenu) ===
                                                 false && (_jsx(Column, { header: "Edit", body: function (rowData) {
                                                 var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
                                                 return (_jsx(_Fragment, { children: !shouldHideEditOrDeleteButton && (_jsx(SolidButton, { type: "button", variant: "ghost", className: "solid-inline-row-button solid-inline-row-button-icon", size: "small", leftIcon: _jsx(Pencil, { size: 14 }), onClick: function () {
@@ -1169,10 +1166,10 @@ export var SolidListView = forwardRef(function (params, ref) {
                                                             }
                                                         } })) }));
                                             } })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, 'delete'))) &&
-                                            ((_23 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _23 === void 0 ? void 0 : _23.delete) !== false &&
+                                            ((_20 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _20 === void 0 ? void 0 : _20.delete) !== false &&
                                             (params.embeded ||
-                                                (((_24 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _24 === void 0 ? void 0 : _24.showRowDeleteInContextMenu) !== undefined &&
-                                                    ((_25 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _25 === void 0 ? void 0 : _25.showRowDeleteInContextMenu) !== true))
+                                                (((_21 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _21 === void 0 ? void 0 : _21.showRowDeleteInContextMenu) !== undefined &&
+                                                    ((_22 = solidListViewLayout === null || solidListViewLayout === void 0 ? void 0 : solidListViewLayout.attrs) === null || _22 === void 0 ? void 0 : _22.showRowDeleteInContextMenu) !== true))
                                             &&
                                                 (_jsx(Column, { header: "Delete", body: function (rowData) {
                                                         var shouldHideEditOrDeleteButton = isDraftPublishWorkflowEnabled && (rowData === null || rowData === void 0 ? void 0 : rowData.publishedAt);
@@ -1218,7 +1215,7 @@ export var SolidListView = forwardRef(function (params, ref) {
                     if (!open) {
                         closeListViewRowActionPopup();
                     }
-                }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: ((_26 = listViewRowActionData === null || listViewRowActionData === void 0 ? void 0 : listViewRowActionData.rowAction) === null || _26 === void 0 ? void 0 : _26.label) || "Action" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })] })), _jsx(SolidConfirmDialog, { open: deleteEntity, onCancel: function () { return setDeleteEntity(false); }, onConfirm: handleDeleteEntity, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete this ".concat(entityDisplayName, "?") }), confirmLabel: "Delete", cancelLabel: "Cancel" }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
+                }, children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: ((_23 = listViewRowActionData === null || listViewRowActionData === void 0 ? void 0 : listViewRowActionData.rowAction) === null || _23 === void 0 ? void 0 : _23.label) || "Action" }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(ListViewRowActionPopup, { context: listViewRowActionData }) })] })), _jsx(SolidConfirmDialog, { open: deleteEntity, onCancel: function () { return setDeleteEntity(false); }, onConfirm: handleDeleteEntity, className: "solid-shadcn-confirm-dialog solid-delete-confirm-dialog", headerClassName: "solid-shadcn-dialog-head", bodyClassName: "solid-shadcn-dialog-body", footerClassName: "solid-shadcn-dialog-actions", separatorClassName: "solid-shadcn-dialog-sep", showSeparator: true, title: "Delete ".concat(entityDisplayName), message: _jsx("p", { className: "solid-shadcn-dialog-text", children: "Are you sure you want to delete this ".concat(entityDisplayName, "?") }), confirmLabel: "Delete", cancelLabel: "Cancel" }), openLightbox && (_jsx(SolidLightbox, { open: openLightbox, slides: lightboxSlides, onClose: function () { return setOpenLightbox(false); } }))] }));
 });
 SolidListView.displayName = "SolidListView";
 //# sourceMappingURL=SolidListView.js.map