@solidxai/core-ui 0.1.15 → 0.1.16-beta.0

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

@@ -1923,7 +1923,7 @@ const FieldMetaDataForm = ({
                               }}
                               value={formik.values.displayName}
                               className={classNames(styles.fieldInput, {
-                                "p-invalid": isFormFieldValid(formik, "displayName"),
+                                "is-invalid": isFormFieldValid(formik, "displayName"),
                               })}
                             />
                             {isFormFieldValid(formik, "displayName") && (
@@ -1945,7 +1945,7 @@ const FieldMetaDataForm = ({
                               onChange={formik.handleChange}
                               value={formik.values.name}
                               className={classNames(styles.fieldInput, {
-                                "p-invalid": isFormFieldValid(formik, "name"),
+                                "is-invalid": isFormFieldValid(formik, "name"),
                               })}
                             />
                             {isFormFieldValid(formik, "name") && (
@@ -1966,7 +1966,7 @@ const FieldMetaDataForm = ({
                               value={formik.values.description}
                               rows={5}
                               className={classNames(styles.fieldTextarea, {
-                                "p-invalid": isFormFieldValid(formik, "description"),
+                                "is-invalid": isFormFieldValid(formik, "description"),
                               })}
                             />
                             {isFormFieldValid(formik, "description") && (
@@ -2011,7 +2011,7 @@ const FieldMetaDataForm = ({
                                   onChange={formik.handleChange}
                                   value={formik.values.columnName}
                                   className={classNames(styles.fieldInput, {
-                                    "p-invalid": isFormFieldValid(formik, "columnName"),
+                                    "is-invalid": isFormFieldValid(formik, "columnName"),
                                   })}
                                 />
                                 {isFormFieldValid(formik, "columnName") && (
@@ -2046,7 +2046,7 @@ const FieldMetaDataForm = ({
                                   value={formik.values.length}
                                   onChange={(event) => formik.setFieldValue("length", event.value)}
                                   className={classNames({
-                                    "p-invalid": isFormFieldValid(
+                                    "is-invalid": isFormFieldValid(
                                       formik,
                                       "length"
                                     ),
@@ -2074,7 +2074,7 @@ const FieldMetaDataForm = ({
                                 onChange={(value) => formik.setFieldValue("defaultValue", value)}
                                 options={booleanSegmentedOptions}
                                 className={classNames("", {
-                                  "p-invalid": isFormFieldValid(formik, "defaultValue"),
+                                  "is-invalid": isFormFieldValid(formik, "defaultValue"),
                                 })}
                               />
                             </div>
@@ -2099,7 +2099,7 @@ const FieldMetaDataForm = ({
                                   onChange={formik.handleChange}
                                   value={formik.values.defaultValue}
                                   className={classNames(styles.fieldInput, {
-                                    "p-invalid": isFormFieldValid(
+                                    "is-invalid": isFormFieldValid(
                                       formik,
                                       "defaultValue"
                                     ),
@@ -2115,7 +2115,7 @@ const FieldMetaDataForm = ({
                                     value={formik.values.defaultValue}
                                     onChange={(event) => formik.setFieldValue("defaultValue", event.value)}
                                     className={classNames({
-                                      "p-invalid": isFormFieldValid(formik, "defaultValue"),
+                                      "is-invalid": isFormFieldValid(formik, "defaultValue"),
                                     })}
                                   />
                                 </div>
@@ -2129,7 +2129,7 @@ const FieldMetaDataForm = ({
                                     value={formik.values.defaultValue}
                                     onChange={(event) => formik.setFieldValue("defaultValue", event.value)}
                                     className={classNames({
-                                      "p-invalid": isFormFieldValid(formik, "defaultValue"),
+                                      "is-invalid": isFormFieldValid(formik, "defaultValue"),
                                     })}
                                   />
                                 </div>
@@ -2155,7 +2155,7 @@ const FieldMetaDataForm = ({
                                     dateFormat={dateFormat}
                                     timeFormat={timeFormat}
                                     inputClassName={classNames({
-                                      "p-invalid": isFormFieldValid(formik, "defaultValue"),
+                                      "is-invalid": isFormFieldValid(formik, "defaultValue"),
                                     })}
                                   />
                                 );
@@ -2224,7 +2224,7 @@ const FieldMetaDataForm = ({
                                   value={formik.values.mediaMaxSizeKb}
                                   onChange={(event) => formik.setFieldValue("mediaMaxSizeKb", event.value)}
                                   className={classNames({
-                                    "p-invalid": isFormFieldValid(
+                                    "is-invalid": isFormFieldValid(
                                       formik,
                                       "mediaMaxSizeKb"
                                     ),
@@ -2321,7 +2321,7 @@ const FieldMetaDataForm = ({
                                 onChange={formik.handleChange}
                                 value={formik.values.mediaEmbedded}
                                 className={classNames("", {
-                                  "p-invalid": isFormFieldValid(
+                                  "is-invalid": isFormFieldValid(
                                     formik,
                                     "mediaEmbedded"
                                   ),
@@ -2334,7 +2334,7 @@ const FieldMetaDataForm = ({
                                 }}
                                 options={booleanSegmentedOptions}
                                 className={classNames("", {
-                                  "p-invalid": isFormFieldValid(
+                                  "is-invalid": isFormFieldValid(
                                     formik,
                                     "mediaEmbedded"
                                   ),
@@ -2363,7 +2363,7 @@ const FieldMetaDataForm = ({
                                   }
                                   placeholder="Select a Data Source"
                                   className={classNames("", {
-                                    "p-invalid": isFormFieldValid(
+                                    "is-invalid": isFormFieldValid(
                                       formik,
                                       "relationType"
                                     ),
@@ -2387,7 +2387,7 @@ const FieldMetaDataForm = ({
                                   }
                                 }}
                                 className={classNames("", {
-                                  "p-invalid": isFormFieldValid(formik, "relationType"),
+                                  "is-invalid": isFormFieldValid(formik, "relationType"),
                                 })}
                               />
 
@@ -2417,7 +2417,7 @@ const FieldMetaDataForm = ({
                                 }
                                 placeholder="Cascade"
                                 className={classNames("w-full", {
-                                  "p-invalid": isFormFieldValid(
+                                  "is-invalid": isFormFieldValid(
                                     formik,
                                     "relationCascade"
                                   ),
@@ -2543,7 +2543,7 @@ const FieldMetaDataForm = ({
                                 disabled={isExistingFieldReadOnly}
                                 value={formik.values.relationCoModelColumnName}
                                 className={classNames(styles.fieldInput, {
-                                  "p-invalid": isFormFieldValid(
+                                  "is-invalid": isFormFieldValid(
                                     formik,
                                     "relationCoModelColumnName"
                                   ),
@@ -2610,7 +2610,7 @@ const FieldMetaDataForm = ({
                                   value={formik.values.relationFieldFixedFilter}
                                   rows={5}
                                   className={classNames(styles.fieldTextarea, {
-                                    "p-invalid": isFormFieldValid(
+                                    "is-invalid": isFormFieldValid(
                                       formik,
                                       "relationFieldFixedFilter"
                                     ),
@@ -2625,7 +2625,7 @@ const FieldMetaDataForm = ({
                                   disabled={fieldMetaData?.id}
                                   value={formik.values.relationFieldFixedFilter}
                                   className={classNames("", {
-                                    "p-invalid": isFormFieldValid(
+                                    "is-invalid": isFormFieldValid(
                                       formik,
                                       "relationFieldFixedFilter"
                                     ),
@@ -2681,7 +2681,7 @@ const FieldMetaDataForm = ({
                                 disabled={isExistingFieldReadOnly}
                                 value={formik.values.relationCoModelFieldName}
                                 className={classNames(styles.fieldInput, {
-                                  "p-invalid": isFormFieldValid(
+                                  "is-invalid": isFormFieldValid(
                                     formik,
                                     "relationCoModelFieldName"
                                   ),
@@ -2717,7 +2717,7 @@ const FieldMetaDataForm = ({
                                 onChange={formik.handleChange}
                                 value={formik.values.joinColumnName}
                                 className={classNames("", {
-                                  "p-invalid": isFormFieldValid(
+                                  "is-invalid": isFormFieldValid(
                                     formik,
                                     "joinColumnName"
                                   ),
@@ -2751,7 +2751,7 @@ const FieldMetaDataForm = ({
                                 disabled={isExistingFieldReadOnly}
                                 value={formik.values.relationJoinTableName}
                                 className={classNames(styles.fieldInput, {
-                                  "p-invalid": isFormFieldValid(
+                                  "is-invalid": isFormFieldValid(
                                     formik,
                                     "relationJoinTableName"
                                   ),
@@ -2841,7 +2841,7 @@ const FieldMetaDataForm = ({
                                 }
                                 placeholder="Select Value Type"
                                 className={classNames("w-full", {
-                                  "p-invalid": isFormFieldValid(
+                                  "is-invalid": isFormFieldValid(
                                     formik,
                                     "selectionValueType"
                                   ),
@@ -2933,7 +2933,7 @@ const FieldMetaDataForm = ({
                                 }
                                 placeholder="Select a Data Source"
                                 className={classNames("", {
-                                  "p-invalid": isFormFieldValid(
+                                  "is-invalid": isFormFieldValid(
                                     formik,
                                     "mediaTypes"
                                   ),
@@ -3128,7 +3128,7 @@ const FieldMetaDataForm = ({
                                     onChange={formik.handleChange}
                                     value={formik.values.regexPattern}
                                     className={classNames(styles.fieldInput, {
-                                      "p-invalid": isFormFieldValid(
+                                      "is-invalid": isFormFieldValid(
                                         formik,
                                         "regexPattern"
                                       ),
@@ -3153,7 +3153,7 @@ const FieldMetaDataForm = ({
                                       onChange={formik.handleChange}
                                       value={formik.values.regexPatternNotMatchingErrorMsg}
                                       className={classNames(styles.fieldInput, {
-                                        "p-invalid": isFormFieldValid(
+                                        "is-invalid": isFormFieldValid(
                                           formik,
                                           "regexPatternNotMatchingErrorMsg"
                                         ),
@@ -3182,7 +3182,7 @@ const FieldMetaDataForm = ({
                                 onChange={formik.handleChange}
                                 value={formik.values.min}
                                 className={classNames("", {
-                                  "p-invalid": isFormFieldValid(formik, "min"),
+                                  "is-invalid": isFormFieldValid(formik, "min"),
                                 })}
                               /> */}
                                     {/* <RenderMinValueInput></RenderMinValueInput> */}
@@ -3195,7 +3195,7 @@ const FieldMetaDataForm = ({
                                         value={formik.values.min}
                                         onChange={(event) => formik.setFieldValue("min", event.value)}
                                         className={classNames({
-                                          "p-invalid": isFormFieldValid(
+                                          "is-invalid": isFormFieldValid(
                                             formik,
                                             "min"
                                           ),
@@ -3221,7 +3221,7 @@ const FieldMetaDataForm = ({
                                 onChange={formik.handleChange}
                                 value={formik.values.max}
                                 className={classNames("", {
-                                  "p-invalid": isFormFieldValid(formik, "max"),
+                                  "is-invalid": isFormFieldValid(formik, "max"),
                                 })}
                               /> */}
 
@@ -3233,7 +3233,7 @@ const FieldMetaDataForm = ({
                                         value={formik.values.max}
                                         onChange={(event) => formik.setFieldValue("max", event.value)}
                                         className={classNames({
-                                          "p-invalid": isFormFieldValid(
+                                          "is-invalid": isFormFieldValid(
                                             formik,
                                             "max"
                                           ),

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;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,iGAqmExB,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,iGAumExB,CAAC"}

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

@@ -1557,7 +1557,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                         return !isInContextMenu && isAllowed && isVisible;
                     }).map(function (button, index) {
                         var _a, _b, _c, _d;
-                        return (_jsx(SolidButton, { type: "button", icon: (_b = (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon) !== null && _b !== void 0 ? _b : "pi pi-pencil", className: "gap-2 ".concat((_d = (_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.className) !== null && _d !== void 0 ? _d : ""), label: button.attrs.showLabel !== false
+                        return (_jsx(SolidButton, { type: "button", icon: (_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.icon, leftIcon: !((_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.icon) ? _jsx(Pencil, { size: 14, "aria-hidden": true }) : undefined, className: "gap-2 ".concat((_d = (_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.className) !== null && _d !== void 0 ? _d : ""), label: button.attrs.showLabel !== false
                                 ? button.attrs.label
                                 : "", size: "sm", iconPos: "left", onClick: function () {
                                 var event = {
@@ -1599,7 +1599,7 @@ export var SolidTreeView = forwardRef(function (params, ref) {
                                                 ((_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 &&
-                                                ((_2 = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidTreeViewMetaData, solidListViewLayout: solidTreeViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidTreeViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDeleteRecordsDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }) }), _jsx("div", { className: "solid-datatable-wrapper solid-list-table-area solid-tree-table-area flex-1 min-h-0 overflow-hidden", children: activeGroupingRules.length === 0 ? (_jsx("div", { className: "solid-empty-listview-placeholder-container solid-tree-empty-state", children: _jsxs("div", { className: "solid-empty-listview-placeholder-panel", children: [_jsxs("div", { className: "solid-empty-listview-header", children: [_jsx("div", { className: "solid-empty-listview-header-title", children: treeViewTitle || "Tree View" }), _jsx("div", { className: "solid-empty-listview-header-subtitle", children: "Build a grouping structure to explore your data in hierarchical levels." })] }), _jsxs("div", { className: "solid-empty-listview-body", children: [_jsx("div", { className: "solid-empty-listview-title", children: "No grouping rules applied" }), _jsx("div", { className: "solid-empty-listview-actions", children: _jsx(SolidButton, { type: "button", variant: "primary", size: "small", leftIcon: _jsx(Plus, { size: 14 }), onClick: openGroupingBuilder, children: "Create Groups" }) }), _jsx("div", { className: "solid-empty-listview-description", children: "Start by adding grouping rules and optional aggregations for this tree view." })] })] }) })) : (_jsxs(SolidTreeTable, { value: treeNodes, loading: treeLoading, expandedKeys: expandedKeys, onToggle: function (event) { return setExpandedKeys(event.value); }, onExpand: handleNodeExpand, tableStyle: { minWidth: "max-content" }, tableClassName: "solid-data-table", rowClassName: function (node) { var _a; return ((_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.deletedAt) ? "greyed-out-row" : ""; }, selectionMode: "checkbox", selectionKeys: selectedNodeKeys, sortField: sortField, sortOrder: sortOrder, removableSort: true, onSort: function (e) {
+                                                ((_2 = solidTreeViewLayout === null || solidTreeViewLayout === void 0 ? void 0 : solidTreeViewLayout.attrs) === null || _2 === void 0 ? void 0 : _2.configureView) !== false && (_jsx(SolidListViewConfigure, { listViewMetaData: solidTreeViewMetaData, solidListViewLayout: solidTreeViewLayout, setShowArchived: setShowArchived, showArchived: showArchived, viewData: solidTreeViewMetaData, sizeOptions: sizeOptions, setSize: setSize, size: size, viewModes: viewModes, params: params, actionsAllowed: actionsAllowed, selectedRecords: selectedRecords, setDialogVisible: setDeleteRecordsDialogVisible, setShowSaveFilterPopup: setShowSaveFilterPopup, filters: filters, hasAnyActiveFilters: hasAnyActiveFilters, handleFetchUpdatedRecords: handleFetchUpdatedRecords, setRecoverDialogVisible: setRecoverDialogVisible }))] })] }) }), _jsx("div", { className: "solid-datatable-wrapper solid-list-table-area solid-tree-table-area flex-1 min-h-0 overflow-hidden", children: activeGroupingRules.length === 0 ? (_jsx("div", { className: "solid-empty-listview-placeholder-container solid-tree-empty-state", children: _jsxs("div", { className: "solid-empty-listview-placeholder-panel", children: [_jsxs("div", { className: "solid-empty-listview-header", children: [_jsx("div", { className: "solid-empty-listview-header-title", children: treeViewTitle || "Tree View" }), _jsx("div", { className: "solid-empty-listview-header-subtitle", children: "Build a grouping structure to explore your data in hierarchical levels." })] }), _jsxs("div", { className: "solid-empty-listview-body", children: [_jsx("div", { className: "solid-empty-listview-title", children: "No grouping rules applied" }), _jsx("div", { className: "solid-empty-listview-actions", children: _jsx(SolidButton, { type: "button", variant: "primary", size: "small", leftIcon: _jsx(Plus, { size: 14 }), onClick: openGroupingBuilder, children: "Create Groups" }) }), _jsx("div", { className: "solid-empty-listview-description", children: "Start by adding grouping rules and optional aggregations for this tree view." })] })] }) })) : (_jsxs(SolidTreeTable, { value: treeNodes, loading: treeLoading, expandedKeys: expandedKeys, onToggle: function (event) { return setExpandedKeys(event.value); }, onExpand: handleNodeExpand, tableStyle: { minWidth: "max-content" }, tableClassName: "solid-data-table", rowClassName: function (node) { var _a; return ((_a = node === null || node === void 0 ? void 0 : node.data) === null || _a === void 0 ? void 0 : _a.deletedAt) ? "greyed-out-row" : ""; }, selectionMode: "checkbox", selectionKeys: selectedNodeKeys, sortField: sortField, sortOrder: sortOrder, removableSort: true, onSort: function (e) {
                                     setSortField(e.sortField || "");
                                     setSortOrder(e.sortOrder || 0);
                                 }, onRowClick: function (e) {