@solidxai/core-ui 0.1.14-beta.6 → 0.1.14-beta.9

package/dist/components/core/model/FieldMetaDataForm.tsx

@@ -2552,7 +2552,7 @@ const FieldMetaDataForm = ({
                               <label htmlFor="relationCreateInverse" className={classNames("form-field-label", styles.fieldLabel)}>
                                 Relation Create Inverse
                               </label>
-                              <div className="flex items-center">
+                              <div className="solid-field-checkbox-row">
                                 <SolidCheckbox
                                   id="relationCreateInverse"
                                   name="relationCreateInverse"

package/dist/components/core/module/ModuleMetadataExplorer.css

@@ -665,6 +665,70 @@
   opacity: 0.45;
 }
 
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor,
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_gutter,
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_scroller,
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_content {
+  background: color-mix(in srgb, #0f172a 92%, var(--surface-card, #111827) 8%) !important;
+  color: #e5edf8 !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_gutter {
+  color: #94a3b8 !important;
+  border-right: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_gutter-active-line,
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_active-line,
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_marker-layer .ace_active-line {
+  background: rgba(148, 163, 184, 0.12) !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_marker-layer .ace_selection {
+  background: rgba(96, 165, 250, 0.22) !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_marker-layer .ace_bracket {
+  border: 1px solid rgba(148, 163, 184, 0.55) !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_cursor {
+  border-left-color: #f8fafc !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_print-margin {
+  background: rgba(148, 163, 184, 0.12) !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_constant,
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_constant.ace_numeric,
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_constant.ace_language {
+  color: #f59e0b !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_string {
+  color: #86efac !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_keyword,
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_meta {
+  color: #93c5fd !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_variable,
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_variable.ace_parameter {
+  color: #fda4af !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_comment {
+  color: #64748b !important;
+}
+
+[data-theme="dark"] .solid-module-explorer-jsoneditor .ace-jsoneditor .ace_invalid {
+  color: #fecaca !important;
+  background: rgba(220, 38, 38, 0.28) !important;
+}
+
 @media (max-width: 1200px) {
   .solid-module-explorer-workspace {
     grid-template-columns: 1fr !important;

package/dist/components/core/module/ModulePackageDialog.css

@@ -26,7 +26,11 @@
   padding: 18px;
   border: 1px solid color-mix(in srgb, var(--border) 90%, transparent);
   border-radius: 18px;
-  background: linear-gradient(180deg, color-mix(in srgb, var(--card) 98%, white 2%), var(--card));
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--card) 97%, var(--background) 3%),
+    color-mix(in srgb, var(--card) 90%, var(--background) 10%)
+  );
 }
 
 .solid-module-package-panel--wizard {
@@ -146,7 +150,11 @@
   padding: 18px 14px 10px;
   border: 1px solid color-mix(in srgb, var(--border) 88%, transparent);
   border-radius: 22px;
-  background: color-mix(in srgb, var(--background) 72%, white 28%);
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--background) 82%, var(--card) 18%),
+    color-mix(in srgb, var(--background) 70%, var(--card) 30%)
+  );
 }
 
 .solid-module-package-stepper__item {
@@ -182,7 +190,7 @@
   width: 48px;
   height: 48px;
   border-radius: 999px;
-  background: color-mix(in srgb, var(--background) 90%, white 10%);
+  background: color-mix(in srgb, var(--background) 86%, var(--card) 14%);
   border: 1px solid color-mix(in srgb, var(--border) 90%, transparent);
   color: color-mix(in srgb, var(--foreground) 78%, transparent);
   font-size: 18px;
@@ -192,15 +200,15 @@
 
 .solid-module-package-stepper__item.is-done .solid-module-package-stepper__node,
 .solid-module-package-stepper__item.is-current .solid-module-package-stepper__node {
-  background: #05060a;
-  color: white;
-  border-color: #05060a;
+  background: color-mix(in srgb, var(--foreground) 18%, var(--background) 82%);
+  color: var(--card-foreground, white);
+  border-color: color-mix(in srgb, var(--foreground) 22%, var(--border) 78%);
 }
 
 .solid-module-package-stepper__item.is-warning .solid-module-package-stepper__node {
-  background: color-mix(in srgb, #f59e0b 18%, white 82%);
-  color: color-mix(in srgb, #92400e 92%, transparent);
-  border-color: color-mix(in srgb, #f59e0b 36%, transparent);
+  background: color-mix(in srgb, #f59e0b 18%, var(--background) 82%);
+  color: color-mix(in srgb, #fbbf24 74%, var(--foreground) 26%);
+  border-color: color-mix(in srgb, #f59e0b 36%, var(--border) 64%);
 }
 
 .solid-module-package-stepper__button {
@@ -255,7 +263,11 @@
   border-radius: 22px;
   background:
     radial-gradient(circle at top left, color-mix(in srgb, #14b8a6 7%, transparent), transparent 44%),
-    linear-gradient(180deg, color-mix(in srgb, var(--background) 60%, white 40%), white);
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--card) 94%, var(--background) 6%),
+      color-mix(in srgb, var(--background) 78%, var(--card) 22%)
+    );
 }
 
 .solid-module-package-stage__meta {
@@ -449,8 +461,9 @@
   max-height: 320px;
   overflow: auto;
   border-radius: 16px;
-  background: color-mix(in srgb, #0f172a 96%, transparent);
-  color: #e2e8f0;
+  border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
+  background: color-mix(in srgb, var(--surface-ground, #0f172a) 86%, var(--background) 14%);
+  color: color-mix(in srgb, var(--foreground) 92%, transparent);
   font-family: var(--font-mono, "SFMono-Regular", Consolas, monospace);
   font-size: 11px;
   line-height: 1.6;
@@ -506,6 +519,98 @@
   line-height: 1.55;
 }
 
+html.dark .solid-module-package-panel,
+[data-theme="dark"] .solid-module-package-panel {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--card) 96%, #172554 4%),
+    color-mix(in srgb, var(--card) 88%, #020617 12%)
+  );
+  box-shadow:
+    0 18px 40px rgba(2, 6, 23, 0.32),
+    inset 0 1px 0 rgba(255, 255, 255, 0.03);
+}
+
+html.dark .solid-module-package-dropzone,
+[data-theme="dark"] .solid-module-package-dropzone {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background:
+    radial-gradient(circle at top right, color-mix(in srgb, #14b8a6 14%, transparent), transparent 48%),
+    linear-gradient(180deg, color-mix(in srgb, var(--background) 76%, #0b1220 24%), color-mix(in srgb, var(--card) 86%, #020617 14%));
+}
+
+html.dark .solid-module-package-file-card,
+html.dark .solid-module-package-metric,
+html.dark .solid-module-package-checklist__section,
+html.dark .solid-module-package-notice,
+html.dark .solid-module-package-tree,
+html.dark .solid-module-package-empty,
+[data-theme="dark"] .solid-module-package-file-card,
+[data-theme="dark"] .solid-module-package-metric,
+[data-theme="dark"] .solid-module-package-checklist__section,
+[data-theme="dark"] .solid-module-package-notice,
+[data-theme="dark"] .solid-module-package-tree,
+[data-theme="dark"] .solid-module-package-empty {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background: color-mix(in srgb, var(--background) 72%, var(--card) 28%);
+}
+
+html.dark .solid-module-package-stepper,
+[data-theme="dark"] .solid-module-package-stepper {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--background) 88%, #0b1220 12%),
+    color-mix(in srgb, var(--card) 82%, #020617 18%)
+  );
+}
+
+html.dark .solid-module-package-stepper__node,
+[data-theme="dark"] .solid-module-package-stepper__node {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background: color-mix(in srgb, var(--background) 76%, var(--card) 24%);
+  color: color-mix(in srgb, var(--foreground) 82%, transparent);
+  box-shadow:
+    0 10px 24px rgba(2, 6, 23, 0.42),
+    inset 0 1px 0 rgba(255, 255, 255, 0.04);
+}
+
+html.dark .solid-module-package-stepper__item.is-done .solid-module-package-stepper__node,
+html.dark .solid-module-package-stepper__item.is-current .solid-module-package-stepper__node,
+[data-theme="dark"] .solid-module-package-stepper__item.is-done .solid-module-package-stepper__node,
+[data-theme="dark"] .solid-module-package-stepper__item.is-current .solid-module-package-stepper__node {
+  background: linear-gradient(
+    180deg,
+    color-mix(in srgb, var(--primary) 64%, #1e293b 36%),
+    color-mix(in srgb, var(--primary) 46%, #0f172a 54%)
+  );
+  color: var(--primary-foreground, #fff);
+  border-color: color-mix(in srgb, var(--primary) 56%, var(--border) 44%);
+}
+
+html.dark .solid-module-package-stage,
+[data-theme="dark"] .solid-module-package-stage {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background:
+    radial-gradient(circle at top left, color-mix(in srgb, #14b8a6 10%, transparent), transparent 42%),
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--card) 94%, #172554 6%),
+      color-mix(in srgb, var(--background) 90%, #020617 10%)
+    );
+  box-shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.03),
+    0 20px 44px rgba(2, 6, 23, 0.28);
+}
+
+html.dark .solid-module-package-step__output,
+[data-theme="dark"] .solid-module-package-step__output {
+  border-color: color-mix(in srgb, var(--border) 72%, #334155 28%);
+  background: color-mix(in srgb, var(--surface-ground, #111827) 92%, #020617 8%);
+  color: color-mix(in srgb, var(--foreground) 90%, #ffffff 10%);
+}
+
 @media (max-width: 1024px) {
   .solid-module-package-stepper {
     grid-template-columns: repeat(4, minmax(140px, 1fr));

package/dist/components/core/tree/SolidTreeView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tree/SolidTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AA6Cf,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,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,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,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;AA0CF,eAAO,MAAM,aAAa,iGAwlExB,CAAC"}
+{"version":3,"file":"SolidTreeView.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tree/SolidTreeView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AA8Cf,KAAK,mBAAmB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,YAAY,CAAC,EAAE,GAAG,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,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,aAAa,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACpE,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,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;AA0CF,eAAO,MAAM,aAAa,iGA6mExB,CAAC"}

package/dist/components/core/tree/SolidTreeView.js

@@ -54,7 +54,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
 import { ChevronLeft, ChevronRight, EllipsisVertical, Pencil, Plus, RefreshCw, RotateCcw, Search, Trash2 } from "lucide-react";
 import { showToast } from "../../../redux/features/toastSlice";
@@ -70,6 +70,7 @@ import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { SolidListViewColumn } from "../list/SolidListViewColumn";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { useSession } from "../../../hooks/useSession";
+import { resolveSavedFilterVariables } from "../../../helpers/resolveActiveUserId";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
 import { SolidListViewConfigure } from "../list/SolidListViewConfigure";
 import CompactImage from '../../../resources/images/layout/images/compact.png';
@@ -918,6 +919,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                 custom_filter_predicate: latestFilterPredicatesRef.current.custom_filter_predicate || null,
                                 search_predicate: latestFilterPredicatesRef.current.search_predicate || null,
                                 saved_filter_predicate: latestFilterPredicatesRef.current.saved_filter_predicate || null,
+                                saved_filter_variables: latestFilterPredicatesRef.current.saved_filter_variables || {},
                                 predefined_search_predicate: latestFilterPredicatesRef.current.predefined_search_predicate || null,
                                 grouping_rules: latestFilterPredicatesRef.current.grouping_rules || null,
                                 aggregation_rules: latestFilterPredicatesRef.current.aggregation_rules || null,
@@ -1151,7 +1153,8 @@ export var SolidTreeView = forwardRef(function (params, ref) {
         if (nextFilterPredicates === null || nextFilterPredicates === void 0 ? void 0 : nextFilterPredicates.search_predicate)
             queryfilter.$and.push(nextFilterPredicates.search_predicate);
         if (nextFilterPredicates === null || nextFilterPredicates === void 0 ? void 0 : nextFilterPredicates.saved_filter_predicate)
-            queryfilter.$and.push(nextFilterPredicates.saved_filter_predicate);
+            queryfilter.$and.push(nextFilterPredicates.resolved_saved_filter_predicate ||
+                resolveSavedFilterVariables(nextFilterPredicates.saved_filter_predicate, user === null || user === void 0 ? void 0 : user.id, nextFilterPredicates.saved_filter_variables || {}).value);
         if (nextFilterPredicates === null || nextFilterPredicates === void 0 ? void 0 : nextFilterPredicates.predefined_search_predicate)
             queryfilter.$and.push(nextFilterPredicates.predefined_search_predicate);
         latestFiltersRef.current = queryfilter;
@@ -1592,7 +1595,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                 })] })] }))] }));
     };
     // ─── Render ───────────────────────────────────────────────────────────────
-    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper solid-tree-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-col flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-tree-surface flex flex-col flex-1 min-h-0", children: [_jsx("div", { className: "page-header solid-list-toolbar solid-tree-toolbar flex-col lg:flex-row", children: _jsxs("div", { className: "flex w-full flex-col-reverse  lg:flex-row lg:items-center items-end", children: [_jsxs("div", { className: "flex lg:gap-4 items-center w-full solid-list-toolbar-left lg:min-w-0 lg:flex-1", children: [_jsx("div", { className: "flex items-center gap-2" }), ((_r = (_q = (_p = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _p === void 0 ? void 0 : _p.solidView) === null || _q === void 0 ? void 0 : _q.layout) === null || _r === void 0 ? void 0 : _r.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "".concat(showGlobalSearchElement ? "flex" : "hidden lg:flex", " mt-3 lg:mt-0 w-full lg:flex lg:min-w-0"), children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }))] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto", children: [headerRequestStatusLabel ? _jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }) : null, ((_u = (_t = (_s = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _s === void 0 ? void 0 : _s.solidView) === null || _t === void 0 ? void 0 : _t.layout) === null || _u === void 0 ? void 0 : _u.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "flex lg:hidden", children: _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(Search, { size: 14 }), className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), _jsx("div", { className: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_v = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (button) { var _a; return ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) !== true; })) === null || _v === void 0 ? void 0 : _v.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidTreeViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
+    return (_jsxs("div", { className: "page-parent-wrapper solid-list-page-wrapper solid-tree-page-wrapper flex h-full min-h-0 overflow-hidden", children: [_jsx("div", { className: "solid-list-content h-full flex flex-col flex-grow-1", children: _jsxs("div", { className: "solid-list-surface solid-tree-surface flex flex-col flex-1 min-h-0", children: [_jsx("div", { className: "page-header solid-list-toolbar solid-tree-toolbar flex-col lg:flex-row", children: _jsxs("div", { className: "flex w-full flex-col-reverse  lg:flex-row lg:items-center items-end", children: [_jsxs("div", { className: "flex lg:gap-4 items-center w-full solid-list-toolbar-left lg:min-w-0 lg:flex-1", children: [_jsx("div", { className: "flex items-center gap-2" }), ((_r = (_q = (_p = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _p === void 0 ? void 0 : _p.solidView) === null || _q === void 0 ? void 0 : _q.layout) === null || _r === void 0 ? void 0 : _r.attrs.enableGlobalSearch) === true && (_jsxs(_Fragment, { children: [_jsx("div", { className: "max-[576px]:hidden sm:hidden lg:flex w-full mt-3 lg:mt-0 lg:min-w-0", children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) }), _jsx("div", { className: "".concat(showGlobalSearchElement ? "lg:flex" : "hidden", " lg:hidden mt-3 lg:mt-0 w-full lg:min-w-0"), children: _jsx(SolidGlobalSearchElement, { viewType: "tree", showSaveFilterPopup: showSaveFilterPopup, setShowSaveFilterPopup: setShowSaveFilterPopup, ref: solidGlobalSearchElementRef, viewData: solidTreeViewMetaData, handleApplyCustomFilter: handleApplyCustomFilter, filterPredicates: filterPredicates }) })] }))] }), _jsxs("div", { className: "flex items-center solid-header-buttons-wrapper solid-list-toolbar-actions lg:ml-auto", children: [headerRequestStatusLabel ? _jsx(SolidHeaderRequestStatus, { label: headerRequestStatusLabel }) : null, ((_u = (_t = (_s = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _s === void 0 ? void 0 : _s.solidView) === null || _t === void 0 ? void 0 : _t.layout) === null || _u === void 0 ? void 0 : _u.attrs.enableGlobalSearch) === true && (_jsx("div", { className: "solid-list-search-toggle", children: _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(Search, { size: 14 }), className: "solid-icon-button", onClick: function () { return setShowGlobalSearchElement(!showGlobalSearchElement); } }) })), _jsx("div", { className: "solid-header-buttons-wrapper hidden items-center lg:flex", children: (_v = visibleHeaderButtons === null || visibleHeaderButtons === void 0 ? void 0 : visibleHeaderButtons.filter(function (button) { var _a; return ((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.actionInContextMenu) !== true; })) === null || _v === void 0 ? void 0 : _v.map(function (button, index) { return (_jsx(SolidListViewHeaderButton, { button: button, params: params, solidListViewMetaData: solidTreeViewMetaData, handleCustomButtonClick: handleCustomButtonClick, selectedRecords: selectedRecords, filters: filters }, index)); }) }), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "create"))) &&
                                                 ((_y = (_x = (_w = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _w === void 0 ? void 0 : _w.solidView) === null || _x === void 0 ? void 0 : _x.layout) === null || _y === void 0 ? void 0 : _y.attrs.create) !== false && (_jsx(SolidCreateButton, { createButtonUrl: createButtonUrl, createActionQueryParams: createActionQueryParams, responsiveIconOnly: true })), actionsAllowed.includes("".concat(permissionExpression(params.modelName, "delete"))) &&
                                                 ((_1 = (_0 = (_z = solidTreeViewMetaData === null || solidTreeViewMetaData === void 0 ? void 0 : solidTreeViewMetaData.data) === null || _z === void 0 ? void 0 : _z.solidView) === null || _0 === void 0 ? void 0 : _0.layout) === null || _1 === void 0 ? void 0 : _1.attrs.delete) !== false &&
                                                 selectedRecords.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "sm", onClick: function () { return setDeleteRecordsDialogVisible(true); }, className: "small-button", severity: "danger" })), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", leftIcon: _jsx(RefreshCw, { size: 14 }), className: "solid-icon-button", onClick: function () { void loadRootGroups(getPagination("root").offset); } }), showArchived && selectedRecoverRecords.length > 0 && (_jsx(SolidButton, { type: "button", size: "sm", variant: "secondary", className: "hidden lg:flex", onClick: function () { return setRecoverDialogVisible(true); }, leftIcon: _jsx(RotateCcw, { size: 14 }), children: "Recover" })), params.embeded === false &&