@solidxai/core-ui 0.1.5-beta.3 → 0.1.5-beta.5

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

@@ -40,6 +40,12 @@ import { SolidBeforeTreeNodeLoad } from "../../../types";
 import { getExtensionFunction } from "../../../helpers/registry";
 import { SolidTreeLoad, SolidTreeUiEventResponse } from "../../../types/solid-core";
 import { Tooltip } from "primereact/tooltip";
+import { useRouter } from "../../../hooks/useRouter";
+import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
+import { usePathname } from "../../../hooks/usePathname";
+import { useHandleListCustomButtonClick } from "../../../components/common/useHandleListCustomButtonClick";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { SolidListViewRowButtonContextMenu } from "../list/SolidListViewRowButtonContextMenu";
 
 // ─── Types ────────────────────────────────────────────────────────────────────
 
@@ -122,8 +128,10 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
   const searchParams = useSearchParams();
 
   const session = useSession();
+  const router = useRouter()
   const user = session?.data?.user;
 
+  const pathname = usePathname();
   const solidGlobalSearchElementRef = useRef<any>(null);
 
   const [showSaveFilterPopup, setShowSaveFilterPopup] = useState<boolean>(false);
@@ -131,8 +139,9 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
   const [toPopulate, setToPopulate] = useState<string[]>([]);
   const [toPopulateMedia, setToPopulateMedia] = useState<string[]>([]);
   const [actionsAllowed, setActionsAllowed] = useState<string[]>([]);
-  const [createButtonUrl, setCreateButtonUrl] = useState<string>();
   const [createActionQueryParams, setCreateActionQueryParams] = useState<Record<string, string>>({});
+  const [editActionQueryParams, setEditActionQueryParams] = useState<Record<string, string>>({});
+
   const [selectedRecords, setSelectedRecords] = useState<any[]>([]);
   const [selectedRecoverRecords, setSelectedRecoverRecords] = useState<any[]>([]);
 
@@ -156,6 +165,14 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
   const [showArchived, setShowArchived] = useState(false);
 
 
+  const [createButtonUrl, setCreateButtonUrl] = useState<string>();
+  const [editButtonUrl, setEditButtonUrl] = useState<string>();
+  const [isDraftPublishWorkflowEnabled, setIsDraftPublishWorkflowEnabled] = useState(false);
+
+
+
+
+
   const sizeOptions = [
     { label: "Compact", value: "small", image: CompactImage },
     { label: "Cozy", value: "normal", image: CozyImage },
@@ -289,7 +306,66 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
     fetchPermissions();
   }, [params.modelName]);
 
-  const [deleteManySolidEntities] = useDeleteMultipleSolidEntitiesMutation();
+
+  // set layout and actions for create and edit buttons and view modes
+  useEffect(() => {
+    if (solidTreeViewLayout) {
+      const listLayoutAttrs = solidTreeViewLayout.attrs;
+      const createActionUrl = listLayoutAttrs?.createAction && listLayoutAttrs?.createAction?.type === "custom" ? listLayoutAttrs?.createAction?.customComponent : "form/new";
+      const editActionUrl = listLayoutAttrs?.editAction && listLayoutAttrs?.editAction?.type === "custom" ? listLayoutAttrs?.editAction?.customComponent : "form";
+
+      if (listLayoutAttrs?.createAction) {
+        setCreateActionQueryParams({
+          actionName: listLayoutAttrs.createAction.name,
+          actionType: listLayoutAttrs.createAction.type,
+          actionContext: listLayoutAttrs.createAction.context,
+        });
+      }
+      if (listLayoutAttrs?.editAction) {
+        setEditActionQueryParams({
+          actionName: listLayoutAttrs.editAction.name,
+          actionType: listLayoutAttrs.editAction.type,
+          actionContext: listLayoutAttrs.editAction.context,
+        });
+      }
+
+      // const viewModes = listLayoutAttrs?.allowedViews && listLayoutAttrs?.allowedViews.length > 0 && listLayoutAttrs?.allowedViews.map((view: any) => { return { label: capitalize(view), value: view }; });
+      setViewModes(solidTreeViewMetaData?.data?.viewModes);
+      if (createActionUrl) {
+        setCreateButtonUrl(createActionUrl);
+      }
+      if (editActionUrl) {
+        setEditButtonUrl(editActionUrl);
+      }
+      setIsDraftPublishWorkflowEnabled(solidTreeViewMetaData?.data?.solidView?.model?.draftPublishWorkflow === true);
+    }
+  }, [solidTreeViewLayout]);
+
+
+
+  const editBaseUrl = useMemo(
+    () => normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form"),
+    [editButtonUrl, pathname]
+  );
+
+  const [
+    deleteSolidSingleEntiry,
+    { isSuccess: isDeleteSolidSingleEntitySuccess },
+  ] = useDeleteSolidEntityMutation();
+
+  // Delete mutation
+  const [
+    deleteManySolidEntities,
+    {
+      isLoading: isSolidEntitiesDeleted,
+      isSuccess: isDeleteSolidEntitiesSucess,
+      isError: isSolidEntitiesDeleteError,
+      error: SolidEntitiesDeleteError,
+      data: DeletedSolidEntities,
+    },
+  ] = useDeleteMultipleSolidEntitiesMutation();
+
+
 
   const treeViewTitle = solidTreeViewMetaData?.data?.solidView?.displayName;
 
@@ -1228,7 +1304,7 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
     const rootHasPrev = hasPrev("root");
     const rootHasNext = hasNext("root");
 
-    if (!rootHasPrev && !rootHasNext) return null;
+    // if (!rootHasPrev && !rootHasNext) return null;
 
     return (
       <div style={{ width: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", borderTop: "1px solid var(--surface-border)" }}>
@@ -1303,6 +1379,216 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
     }),
   }), [filters, filterPredicates, params.customFilter, treeLoading, treeNodes, paginationMap]);
 
+
+  const handleCustomButtonClick = useHandleListCustomButtonClick();
+
+
+
+  const [selectedSolidViewData, setSelectedSolidViewData] = useState<any>();
+  const selectedDataRef = useRef<any>();
+  const op = useRef<any>(null);
+  const [deleteEntity, setDeleteEntity] = useState(false);
+
+  const hasEditInContextMenu = actionsAllowed.includes(`${permissionExpression(params.modelName, 'update')}`) &&
+    solidTreeViewLayout?.attrs?.edit !== false &&
+    solidTreeViewLayout?.attrs?.showDefaultEditButton !== false &&
+    solidTreeViewLayout?.attrs?.showRowEditInContextMenu !== false &&
+    !(isDraftPublishWorkflowEnabled && selectedDataRef.current?.publishedAt);
+
+  const hasDeleteInContextMenu = actionsAllowed.includes(`${permissionExpression(params.modelName, 'delete')}`) &&
+    solidTreeViewLayout?.attrs?.delete !== false &&
+    solidTreeViewLayout?.attrs?.showRowDeleteInContextMenu !== false &&
+    !(isDraftPublishWorkflowEnabled && selectedDataRef.current?.publishedAt);
+
+  const hasCustomContextMenuButtons =
+    solidTreeViewLayout?.attrs?.rowButtons?.some(
+      (rb: any) => rb?.attrs?.actionInContextMenu === true
+    );
+
+  const hasAnyContextMenuActions =
+    hasEditInContextMenu || hasDeleteInContextMenu || hasCustomContextMenuButtons;
+
+
+  const detailsBodyTemplate = (solidViewData: any) => {
+    return (
+      <div>
+        <Button
+          type="button"
+          text
+          size="small"
+          className=""
+          onClick={(e) =>
+          // @ts-ignore
+          {
+            e.stopPropagation();
+            selectedDataRef.current = solidViewData;
+            setSelectedSolidViewData(solidViewData);
+            op.current?.toggle(e)
+          }
+          }
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="3"
+            height="10"
+            viewBox="0 0 4 16"
+            fill="none"
+          >
+            <path
+              d="M4 14C4 14.55 3.80417 15.0208 3.4125 15.4125C3.02083 15.8042 2.55 16 2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14C0 13.45 0.195833 12.9792 0.5875 12.5875C0.979167 12.1958 1.45 12 2 12C2.55 12 3.02083 12.1958 3.4125 12.5875C3.80417 12.9792 4 13.45 4 14ZM4 8C4 8.55 3.80417 9.02083 3.4125 9.4125C3.02083 9.80417 2.55 10 2 10C1.45 10 0.979167 9.80417 0.5875 9.4125C0.195833 9.02083 0 8.55 0 8C0 7.45 0.195833 6.97917 0.5875 6.5875C0.979167 6.19583 1.45 6 2 6C2.55 6 3.02083 6.19583 3.4125 6.5875C3.80417 6.97917 4 7.45 4 8ZM4 2C4 2.55 3.80417 3.02083 3.4125 3.4125C3.02083 3.80417 2.55 4 2 4C1.45 4 0.979167 3.80417 0.5875 3.4125C0.195833 3.02083 0 2.55 0 2C0 1.45 0.195833 0.979166 0.5875 0.5875C0.979167 0.195833 1.45 0 2 0C2.55 0 3.02083 0.195833 3.4125 0.5875C3.80417 0.979166 4 1.45 4 2Z"
+              fill="#666666"
+            />
+          </svg>
+        </Button>
+      </div>
+    );
+  };
+
+
+  const handleDeleteEntity = async () => {
+    try {
+      if (!selectedSolidViewData?.id) {
+        throw new Error(ERROR_MESSAGES.NO_ENTITY_SELECTED);
+      }
+
+      const response: any = await deleteSolidSingleEntiry(selectedSolidViewData.id);
+
+      if (response?.data?.statusCode === 200) {
+        setDeleteEntity(false);
+        toast.current?.show({
+          severity: "success",
+          summary: ERROR_MESSAGES.DELETED,
+          detail: ERROR_MESSAGES.ENTITY_DELETE,
+          life: 3000,
+        });
+      } else {
+        toast.current?.show({
+          severity: "error",
+          summary: ERROR_MESSAGES.DELETE_FAIELD,
+          detail: response?.error?.data?.error,
+          sticky: true,          // stays until user closes
+        });
+      }
+    } catch (error: any) {
+      toast.current?.show({
+        severity: "error",
+        summary: ERROR_MESSAGES.DELETE_FAIELD,
+        detail: ERROR_MESSAGES.SOMETHING_WRONG,
+        sticky: true,          // stays until user closes
+
+      });
+    }
+  };
+
+  const renderRowActions = (rowData: any) => {
+    return (
+      <div className="flex align-items-center justify-content-end gap-1">
+
+        {/* ---------------- CUSTOM ROW BUTTONS ---------------- */}
+        {solidTreeViewLayout?.attrs?.rowButtons &&
+          solidTreeViewLayout?.attrs?.rowButtons
+            .filter((rb: any) => {
+              const roles = rb?.attrs?.roles || [];
+              const isInContextMenu = rb.attrs.actionInContextMenu === true;
+
+              const isAllowed =
+                roles.length === 0 || hasAnyRole(user?.roles, roles);
+
+              const isVisible = rb?.attrs?.visible !== false;
+
+              return !isInContextMenu && isAllowed && isVisible;
+            })
+            .map((button: any, index: number) => (
+              <Button
+                key={index}
+                type="button"
+                icon={button?.attrs?.icon ?? "pi pi-pencil"}
+                className={`gap-2 ${button?.attrs?.className ?? ""}`}
+                label={
+                  button.attrs.showLabel !== false
+                    ? button.attrs.label
+                    : ""
+                }
+                size="small"
+                iconPos="left"
+                onClick={() => {
+                  const event = {
+                    params,
+                    rowData: rowData,
+                    solidListViewMetaData: solidTreeViewMetaData?.data,
+                  };
+                  handleCustomButtonClick(button.attrs, event);
+                }}
+              />
+            ))}
+
+        {/* ---------------- EDIT BUTTON ---------------- */}
+        {actionsAllowed.includes(
+          `${permissionExpression(params.modelName, "update")}`
+        ) &&
+          solidTreeViewLayout?.attrs?.edit !== false &&
+          solidTreeViewLayout?.attrs?.showRowEditInContextMenu === false && (
+            <Button
+              text
+              severity="secondary"
+              size="small"
+              icon="pi pi-pencil"
+              onClick={() => {
+                // if (params.embeded == true) {
+                //   params.handleEditClickForEmbeddedView(rowData?.id);
+                // } else {
+                try {
+                  sessionStorage.setItem("fromView", "list");
+                  sessionStorage.setItem(
+                    "fromViewUrl",
+                    window.location.pathname + window.location.search
+                  );
+                } catch (e) { }
+
+                router.push(
+                  `${editBaseUrl}/${rowData?.id}?viewMode=edit&${new URLSearchParams(
+                    editActionQueryParams
+                  ).toString()}`
+                );
+                // }
+              }}
+            />
+          )}
+
+        {/* ---------------- DELETE BUTTON ---------------- */}
+        {actionsAllowed.includes(
+          `${permissionExpression(params.modelName, "delete")}`
+        ) &&
+          solidTreeViewLayout?.attrs?.delete !== false &&
+          (params.embeded ||
+            (solidTreeViewLayout?.attrs?.showRowDeleteInContextMenu !==
+              undefined &&
+              solidTreeViewLayout?.attrs?.showRowDeleteInContextMenu !==
+              true)) && (
+            <Button
+              text
+              size="small"
+              severity="danger"
+              icon="pi pi-trash"
+              onClick={() => {
+                // if (
+                //   params?.embededFieldRelationType === "many-to-many"
+                // ) {
+                //   params?.handleDeleteClick(rowData.id);
+                // } else {
+                setSelectedSolidViewData(rowData);
+                setDeleteEntity(true);
+                // }
+              }}
+            />
+          )}
+
+        {/* ---------------- CONTEXT MENU ---------------- */}
+        {hasAnyContextMenuActions && detailsBodyTemplate(rowData)}
+      </div>
+    );
+  };
+
   // ─── Render ───────────────────────────────────────────────────────────────
 
   return (
@@ -1474,7 +1760,45 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
               setSortField(e.sortField);
               setSortOrder(e.sortOrder as any);
             }}
+            onRowClick={(e) => {
+              const target = e.originalEvent.target as HTMLElement;
+              if (target.closest(".p-checkbox")) return;
+              if (target.closest(".p-c")) return;
+
+              if (e.node.leaf !== true) return;
+              const rowData = e.node.data;
+
+              if (solidTreeViewLayout?.attrs?.disableRowClick === true) return;
+
+              const hasFindPermission = actionsAllowed.includes(
+                permissionExpression(params.modelName, 'findOne')
+              );
+              const hasUpdatePermission =
+                actionsAllowed.includes(permissionExpression(params.modelName, 'update')) &&
+                solidTreeViewLayout?.attrs?.edit !== false;
+
+              if (!(hasFindPermission || hasUpdatePermission)) return;
+
+              // if (params.embeded === true) {
+              // params.handleEditClickForEmbeddedView(rowData?.id);
+              // } else {
+              if (typeof window !== "undefined") {
+                // store a simple marker for the caller
+
+                // also store the full current URL so Back can restore exact state (including action params)
+                try {
+                  sessionStorage.setItem("fromView", "list");
+                  sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                } catch (e) {
+                  // ignore storage errors
+                }
+              }
+              router.push(`${editBaseUrl}/${rowData?.id}?viewMode=view&${new URLSearchParams(editActionQueryParams).toString()}`);
+              // }
+            }
+            }
             onSelectionChange={(e) => {
+              e.originalEvent.stopPropagation();
               const incoming = e.value as Record<string, any>;
 
               setSelectedNodeKeys((prev: any) => {
@@ -1516,8 +1840,13 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
               body={(node: any) => {
                 const rowData = node?.data as TreeRowData;
                 const nodeMeta = rowData?.__treeMeta;
-                if (nodeMeta?.nodeType !== "group") return <span>&nbsp;</span>;
 
+                // ---------------- NORMAL ROW ----------------
+                if (nodeMeta?.nodeType !== "group") {
+                  return renderRowActions(rowData);
+                }
+
+                // ---------------- GROUP ROW ----------------
                 const nodeKey = String(node.key);
                 const isExpanded = expandedKeys[nodeKey];
                 const childrenLoaded = isExpanded && node.children && node.children.length > 0;
@@ -1585,6 +1914,40 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
       {/* ── Root-level pagination bar ── */}
       <RootPaginationBar />
 
+
+
+
+      <Dialog
+        header={`Delete ${solidTreeViewMetaData?.data?.solidView?.model?.displayName
+          ? solidTreeViewMetaData?.data?.solidView?.model?.displayName
+          : params?.modelName
+          }`}
+        headerClassName="py-2"
+        contentClassName="px-0 pb-0"
+        visible={deleteEntity}
+        style={{ width: "20vw" }}
+        onHide={() => {
+          if (!deleteEntity) return;
+          setDeleteEntity(false);
+        }}
+        className="solid-confirm-dialog"
+      >
+        <Divider className="m-0" />
+        <div className="p-4">
+          <p className="m-0 solid-primary-title" style={{ fontSize: 16 }}>
+            {`Are you sure you want to delete this ${solidTreeViewMetaData?.data?.solidView?.model?.displayName
+              ? solidTreeViewMetaData?.data?.solidView?.model?.displayName
+              : params?.modelName
+              }?`}
+          </p>
+          {/* <p className="" style={{ color: 'var{--solid-grey-500}' }}>{selectedSolidViewData?.singularName}</p> */}
+          <div className="flex align-items-center gap-2 mt-3">
+            <Button label="Delete" severity="danger" size="small" onClick={handleDeleteEntity} />
+            <Button label="Cancel" size="small" onClick={() => setDeleteEntity(false)} outlined className='bg-primary-reverse' />
+          </div>
+        </div>
+      </Dialog>
+
       {/* ── Delete dialog ── */}
       <Dialog
         visible={isDeleteRecordsDialogVisible}
@@ -1630,6 +1993,75 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
         <p>Are you sure you want to recover all records?</p>
       </Dialog>
 
+      <OverlayPanel
+        ref={op}
+        className="solid-custom-overlay"
+        style={{ top: 10, minWidth: 120 }}
+      >
+        <div className="flex flex-column gap-1 p-1">
+          {hasEditInContextMenu && (
+            <Button
+              type="button"
+              className="w-full text-left gap-1"
+              label="Edit"
+              size="small"
+              iconPos="left"
+              icon={"pi pi-pencil"}
+              onClick={() => {
+                // if (params.embeded == true) {
+                //   params.handleEditClickForEmbeddedView(
+                //     selectedDataRef.current?.id
+                //   );
+                // } else {
+                try {
+                  sessionStorage.setItem("fromView", "list");
+                  sessionStorage.setItem("fromViewUrl", window.location.pathname + window.location.search);
+                } catch (e) { }
+                router.push(
+                  `${editBaseUrl}/${selectedDataRef.current?.id}?viewMode=edit&${new URLSearchParams(editActionQueryParams).toString()}`
+                );
+                // }
+              }}
+            />
+          )}
+
+          {hasDeleteInContextMenu && !params.embeded && (
+            <Button
+              text
+              type="button"
+              className="w-full text-left gap-1"
+              label="Delete"
+              size="small"
+              iconPos="left"
+              severity="danger"
+              icon={"pi pi-trash"}
+              onClick={() => setDeleteEntity(true)}
+            />
+          )}
+          {hasCustomContextMenuButtons && solidTreeViewLayout?.attrs?.rowButtons
+            ?.filter(
+              (rb: any) =>
+                rb?.attrs?.actionInContextMenu === true &&
+                rb?.attrs?.visible !== false
+            )
+            .map((button: any, index: number) => (
+              <SolidListViewRowButtonContextMenu
+                key={`${index}-${selectedDataRef?.current?.id || ''}`}
+                button={button}
+                params={params}
+                getSelectedSolidViewData={() => selectedDataRef.current}
+                // selectedSolidViewData={selectedSolidViewData}
+                solidListViewMetaData={
+                  solidTreeViewMetaData
+                }
+                handleCustomButtonClick={
+                  handleCustomButtonClick
+                }
+              />
+            ))}
+        </div>
+      </OverlayPanel>
+
     </div>
   );
 });

package/dist/helpers/routePaths.d.ts

@@ -1,3 +1,3 @@
-export declare const normalizeSolidListKanbanActionPath: (currentPath: string, actionUrl: string) => string;
+export declare const normalizeSolidListTreeKanbanActionPath: (currentPath: string, actionUrl: string) => string;
 export declare const normalizeSolidFormActionPath: (currentPath: string, actionUrl: string) => string;
 //# sourceMappingURL=routePaths.d.ts.map

package/dist/helpers/routePaths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routePaths.d.ts","sourceRoot":"","sources":["../../src/helpers/routePaths.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,gBAAiB,MAAM,aAAa,MAAM,WAWxF,CAAC;AAEF,eAAO,MAAM,4BAA4B,gBAAiB,MAAM,aAAa,MAAM,WAWlF,CAAC"}
+{"version":3,"file":"routePaths.d.ts","sourceRoot":"","sources":["../../src/helpers/routePaths.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sCAAsC,gBAAiB,MAAM,aAAa,MAAM,WAW5F,CAAC;AAEF,eAAO,MAAM,4BAA4B,gBAAiB,MAAM,aAAa,MAAM,WAWlF,CAAC"}

package/dist/helpers/routePaths.js

@@ -1,10 +1,10 @@
-export var normalizeSolidListKanbanActionPath = function (currentPath, actionUrl) {
+export var normalizeSolidListTreeKanbanActionPath = function (currentPath, actionUrl) {
     if (!actionUrl)
         return "";
     if (actionUrl.startsWith("http") || actionUrl.startsWith("/")) {
         return actionUrl;
     }
-    var basePath = currentPath.replace(/\/(list|kanban)(\/)?$/, "");
+    var basePath = currentPath.replace(/\/(list|tree|kanban)(\/)?$/, "");
     var normalizedBase = basePath.length > 0 ? basePath : "/";
     var actionTrimmed = actionUrl.replace(/^\/+/, "");
     return "".concat(normalizedBase.replace(/\/+$/, ""), "/").concat(actionTrimmed);

package/dist/helpers/routePaths.js.map

@@ -1 +1 @@
-{"version":3,"file":"routePaths.js","sourceRoot":"","sources":["../../src/helpers/routePaths.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,kCAAkC,GAAG,UAAC,WAAmB,EAAE,SAAiB;IACvF,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC7D,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,EAAE,CAAC,CAAC;IAClE,IAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,cAAI,aAAa,CAAE,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAAC,WAAmB,EAAE,SAAiB;IACjF,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC7D,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;IACnE,IAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,cAAI,aAAa,CAAE,CAAC;AAClE,CAAC,CAAC","sourcesContent":["export const normalizeSolidListKanbanActionPath = (currentPath: string, actionUrl: string) => {\n  if (!actionUrl) return \"\";\n  if (actionUrl.startsWith(\"http\") || actionUrl.startsWith(\"/\")) {\n    return actionUrl;\n  }\n\n  const basePath = currentPath.replace(/\\/(list|kanban)(\\/)?$/, \"\");\n  const normalizedBase = basePath.length > 0 ? basePath : \"/\";\n  const actionTrimmed = actionUrl.replace(/^\\/+/, \"\");\n\n  return `${normalizedBase.replace(/\\/+$/, \"\")}/${actionTrimmed}`;\n};\n\nexport const normalizeSolidFormActionPath = (currentPath: string, actionUrl: string) => {\n  if (!actionUrl) return \"\";\n  if (actionUrl.startsWith(\"http\") || actionUrl.startsWith(\"/\")) {\n    return actionUrl;\n  }\n\n  const basePath = currentPath.replace(/\\/form(\\/[^/]+)?(\\/)?$/, \"\");\n  const normalizedBase = basePath.length > 0 ? basePath : \"/\";\n  const actionTrimmed = actionUrl.replace(/^\\/+/, \"\");\n\n  return `${normalizedBase.replace(/\\/+$/, \"\")}/${actionTrimmed}`;\n};\n"]}
+{"version":3,"file":"routePaths.js","sourceRoot":"","sources":["../../src/helpers/routePaths.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,sCAAsC,GAAG,UAAC,WAAmB,EAAE,SAAiB;IAC3F,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC7D,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACvE,IAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,cAAI,aAAa,CAAE,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,4BAA4B,GAAG,UAAC,WAAmB,EAAE,SAAiB;IACjF,IAAI,CAAC,SAAS;QAAE,OAAO,EAAE,CAAC;IAC1B,IAAI,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;QAC7D,OAAO,SAAS,CAAC;KAClB;IAED,IAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,wBAAwB,EAAE,EAAE,CAAC,CAAC;IACnE,IAAM,cAAc,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC;IAC5D,IAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAEpD,OAAO,UAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,cAAI,aAAa,CAAE,CAAC;AAClE,CAAC,CAAC","sourcesContent":["export const normalizeSolidListTreeKanbanActionPath = (currentPath: string, actionUrl: string) => {\n  if (!actionUrl) return \"\";\n  if (actionUrl.startsWith(\"http\") || actionUrl.startsWith(\"/\")) {\n    return actionUrl;\n  }\n\n  const basePath = currentPath.replace(/\\/(list|tree|kanban)(\\/)?$/, \"\");\n  const normalizedBase = basePath.length > 0 ? basePath : \"/\";\n  const actionTrimmed = actionUrl.replace(/^\\/+/, \"\");\n\n  return `${normalizedBase.replace(/\\/+$/, \"\")}/${actionTrimmed}`;\n};\n\nexport const normalizeSolidFormActionPath = (currentPath: string, actionUrl: string) => {\n  if (!actionUrl) return \"\";\n  if (actionUrl.startsWith(\"http\") || actionUrl.startsWith(\"/\")) {\n    return actionUrl;\n  }\n\n  const basePath = currentPath.replace(/\\/form(\\/[^/]+)?(\\/)?$/, \"\");\n  const normalizedBase = basePath.length > 0 ? basePath : \"/\";\n  const actionTrimmed = actionUrl.replace(/^\\/+/, \"\");\n\n  return `${normalizedBase.replace(/\\/+$/, \"\")}/${actionTrimmed}`;\n};\n"]}

package/dist/helpers/routePaths.ts

@@ -1,10 +1,10 @@
-export const normalizeSolidListKanbanActionPath = (currentPath: string, actionUrl: string) => {
+export const normalizeSolidListTreeKanbanActionPath = (currentPath: string, actionUrl: string) => {
   if (!actionUrl) return "";
   if (actionUrl.startsWith("http") || actionUrl.startsWith("/")) {
     return actionUrl;
   }
 
-  const basePath = currentPath.replace(/\/(list|kanban)(\/)?$/, "");
+  const basePath = currentPath.replace(/\/(list|tree|kanban)(\/)?$/, "");
   const normalizedBase = basePath.length > 0 ? basePath : "/";
   const actionTrimmed = actionUrl.replace(/^\/+/, "");
 

package/dist/resources/globals.css

@@ -3589,6 +3589,14 @@ flex-shrink: 0; */
   padding: 0.25rem 0.25rem;
 }
 
+.solid-treetable-wrapper .p-treetable .p-treetable-tbody>tr {
+  cursor: pointer;
+}
+
+.solid-treetable-wrapper .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler {
+  height: 3rem;
+}
+
 .solid-treetable-wrapper .p-datatable .p-datatable-loading-overlay,
 .solid-treetable-wrapper .p-treetable .p-treetable-loading-overlay {
   background-color: rgba(0, 0, 0, 0.0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidxai/core-ui",
-  "version": "0.1.5-beta.3",
+  "version": "0.1.5-beta.5",
   "scripts": {
     "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",