@solidxai/core-ui 0.1.13-beta.0 → 0.1.13-beta.2

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

@@ -27,7 +27,7 @@ import CompactImage from '../../../resources/images/layout/images/compact.png';
 import CozyImage from '../../../resources/images/layout/images/cozy.png';
 import ComfortableImage from '../../../resources/images/layout/images/comfortable.png';
 import { ERROR_MESSAGES } from "../../../constants/error-messages";
-import { getFilterObjectFromLocalStorage, hasStoredFilterPredicates, setFilterObjectToLocalStorage } from "../list/SolidListView";
+import { getFilterObjectFromLocalStorage, hasStoredFilterPredicates, setFilterObjectToLocalStorage } from "../common/globalSearchPersistence";
 import { SolidBeforeTreeNodeLoad } from "../../../types";
 import { getExtensionFunction } from "../../../helpers/registry";
 import { SolidTreeLoad, SolidTreeUiEventResponse } from "../../../types/solid-core";
@@ -566,7 +566,7 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
   const isEmptyGroupValue = (value: any) =>
     value === null || value === undefined || value === "";
 
-  const buildNestedCondition = (fieldPath: string,condition: Record<string, any>,dateGranularity?: string | null) => {
+  const buildNestedCondition = (fieldPath: string, condition: Record<string, any>, dateGranularity?: string | null) => {
     const parts = fieldPath.split(".").filter(Boolean);
     if (parts.length === 0) return {};
 
@@ -577,16 +577,16 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
     return parts.reduceRight((acc: any, part: string) => ({ [part]: acc }), condition);
   };
 
-  const buildEqCondition = (fieldPath: string,value: any,dateGranularity?: string | null) => buildNestedCondition(fieldPath, { $eq: value }, dateGranularity);
+  const buildEqCondition = (fieldPath: string, value: any, dateGranularity?: string | null) => buildNestedCondition(fieldPath, { $eq: value }, dateGranularity);
 
-  const buildNullCondition = (fieldPath: string,dateGranularity?: string | null) => buildNestedCondition(fieldPath, { $null: true }, dateGranularity);
+  const buildNullCondition = (fieldPath: string, dateGranularity?: string | null) => buildNestedCondition(fieldPath, { $null: true }, dateGranularity);
 
   const buildImplicitFilterCondition = (item: GroupPathItem) => {
     const fieldMetadata = getFieldMetadata(item.fieldName);
     const isManyToOneRelation =
       fieldMetadata?.type === "relation" &&
       fieldMetadata?.relationType === "many-to-one";
-      
+
     const emptyRelationFilter = { [item.fieldName]: { $null: true } };
     const emptyValueFilter = isManyToOneRelation
       ? emptyRelationFilter
@@ -1223,20 +1223,21 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
 
 
   // handle bulk deletion
-  const deleteBulk = () => {
-    let deleteList: any = [];
-    selectedRecords.forEach((element: any) => {
-      deleteList.push(element.id);
-    });
-    deleteManySolidEntities(deleteList)
-      .unwrap()
-      .then(() => {
-        dispatch(showToast({ severity: 'success', summary: 'Deleted', detail: ERROR_MESSAGES.RECORD_DELETE, life: 3000 }));
-        setDeleteRecordsDialogVisible(false);
-      })
-      .catch((error) => {
-        dispatch(showToast({ severity: 'error', summary: 'Delete Failed', detail: error?.data?.message, life: 4000 }));
-      });
+  const deleteBulk = async () => {
+    const deleteList = selectedRecords.map((element: any) => element.id);
+    if (deleteList.length === 0) {
+      setDeleteRecordsDialogVisible(false);
+      return;
+    }
+
+    try {
+      await deleteManySolidEntities(deleteList).unwrap();
+      dispatch(showToast({ severity: 'success', summary: 'Deleted', detail: ERROR_MESSAGES.RECORD_DELETE, life: 3000 }));
+      setDeleteRecordsDialogVisible(false);
+      await loadRootGroups(getPagination("root").offset);
+    } catch (error: any) {
+      dispatch(showToast({ severity: 'error', summary: 'Delete Failed', detail: error?.data?.message, life: 4000 }));
+    }
   };
 
   // handle closing of the delete dialog...
@@ -1247,13 +1248,31 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
   };
 
 
-  const recoverAll = () => {
-    let recoverList: any = [];
-    selectedRecoverRecords.forEach((element: any) => {
-      recoverList.push(element.id);
-    });
-    triggerRecoverSolidEntities(recoverList);
-    setRecoverDialogVisible(false);
+  const recoverAll = async () => {
+    const recoverList = selectedRecoverRecords.map((element: any) => element.id);
+    if (recoverList.length === 0) {
+      setRecoverDialogVisible(false);
+      return;
+    }
+
+    try {
+      const response: any = await triggerRecoverSolidEntities(recoverList).unwrap();
+      setRecoverDialogVisible(false);
+      dispatch(showToast({
+        severity: "success",
+        summary: "Success",
+        detail: response?.data?.message || "Records recovered successfully.",
+        life: 3000,
+      }));
+      await loadRootGroups(getPagination("root").offset);
+    } catch (error: any) {
+      dispatch(showToast({
+        severity: "error",
+        summary: "Recover Failed",
+        detail: error?.data?.message || error?.message || "Unable to recover the selected records.",
+        life: 4000,
+      }));
+    }
   };
 
 
@@ -1401,21 +1420,22 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
     const report = `${start} - ${end} of ${total}`;
 
     return (
-      <div className="w-full solid-table-paginator solid-table-paginator-align-end flex items-center justify-end gap-3 text-sm rounded-md border border-border/60 px-2 sm:px-3 py-1.5 bg-background">
-        <div className="solid-paginator-meta flex items-center gap-2 sm:ml-auto">
+      <div className="w-full solid-table-paginator solid-table-paginator-align-end solid-tree-root-paginator flex flex-wrap items-center justify-between gap-3 text-sm rounded-md border border-border/60 px-2 sm:px-3 py-1.5 bg-background">
+        <div className="solid-paginator-meta solid-tree-root-paginator-meta flex flex-wrap items-center gap-2 sm:ml-auto">
           <span className="solid-paginator-label">Rows</span>
           <SolidSelect
             value={limit}
-            className="solid-paginator-select"
+            className="solid-paginator-select solid-tree-page-size-select"
             options={pageSizeOptions.map((option) => ({ label: String(option), value: option }))}
             native={false}
+            menuPlacement="top"
             onChange={(event) => {
               setGlobalLimit(Number(event.value));
             }}
           />
           <span className="solid-paginator-report">{report}</span>
         </div>
-        <div className="solid-paginator-actions flex items-center gap-2">
+        <div className="solid-paginator-actions solid-tree-root-paginator-actions flex items-center gap-2">
           <button
             type="button"
             className="solid-paginator-btn"
@@ -1533,7 +1553,9 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
 
       if (response?.data?.statusCode === 200) {
         setDeleteEntity(false);
+        setSelectedSolidViewData(undefined);
         dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE, life: 3000 }));
+        await loadRootGroups(getPagination("root").offset);
       } else {
         dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: response?.error?.data?.error, sticky: true }));
       }
@@ -1542,7 +1564,47 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
     }
   };
 
+  const handleRecoverRecord = async (record: any) => {
+    if (!record?.id) return;
+
+    try {
+      const response: any = await triggerRecoverSolidEntitiesById(record.id).unwrap();
+      dispatch(showToast({
+        severity: "success",
+        summary: "Success",
+        detail: response?.data?.message || "Record recovered successfully.",
+        life: 3000,
+      }));
+      await loadRootGroups(getPagination("root").offset);
+    } catch (error: any) {
+      dispatch(showToast({
+        severity: "error",
+        summary: "Recover Failed",
+        detail: error?.data?.message || error?.message || "Unable to recover the selected record.",
+        life: 4000,
+      }));
+    }
+  };
+
   const renderRowActions = (rowData: any) => {
+    if (rowData?.deletedAt) {
+      return (
+        <div className="flex items-center justify-end gap-1 cursor-pointer" onClick={(event) => event.stopPropagation()}>
+          <button
+            type="button"
+            className="solid-tree-row-menu-trigger"
+            aria-label="Recover row"
+            data-no-row-click="true"
+            onClick={() => {
+              void handleRecoverRecord(rowData);
+            }}
+          >
+            <RotateCcw size={14} />
+          </button>
+        </div>
+      );
+    }
+
     const customContextMenuButtons = getContextMenuButtons(rowData);
     const hasAnyContextMenuActions =
       canEditRow(rowData, true) ||
@@ -1550,7 +1612,7 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
       customContextMenuButtons.length > 0;
 
     return (
-      <div className="flex items-center justify-end gap-1" onClick={(event) => event.stopPropagation()}>
+      <div className="flex items-center justify-end gap-1 cursor-pointer" onClick={(event) => event.stopPropagation()}>
 
         {/* ---------------- CUSTOM ROW BUTTONS ---------------- */}
         {solidTreeViewLayout?.attrs?.rowButtons &&
@@ -1701,12 +1763,12 @@ export const SolidTreeView = forwardRef<SolidTreeViewHandle, SolidTreeViewParams
             <div className="flex justify-between w-full">
               <div className="flex gap-4 items-center w-full solid-list-toolbar-left">
                 <div className="flex items-center gap-2">
-                  {params.embeded !== true && (
+                  {/* {params.embeded !== true && (
                     <div className="apps-icon block md:hidden cursor-pointer" onClick={toggleBothSidebars}>
                       <SolidIcon name="si-th-large" />
                     </div>
-                  )}
-                  <p className="m-0 view-title solid-text-wrapper">{treeViewTitle}</p>
+                  )} */}
+                  {/* <p className="m-0 view-title solid-text-wrapper">{treeViewTitle}</p> */}
                 </div>
 
                 {solidTreeViewMetaData?.data?.solidView?.layout?.attrs.enableGlobalSearch === true && (

package/dist/components/shad-cn-ui/SolidTextarea.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 type SolidTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
-export declare function SolidTextarea({ className, disabled, readOnly, style, ...props }: SolidTextareaProps): import("react/jsx-runtime").JSX.Element;
+export declare const SolidTextarea: React.ForwardRefExoticComponent<SolidTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export {};
 //# sourceMappingURL=SolidTextarea.d.ts.map

package/dist/components/shad-cn-ui/SolidTextarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,kBAAkB,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAM5E,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAiBnG"}
+{"version":3,"file":"SolidTextarea.d.ts","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,kBAAkB,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAM5E,eAAO,MAAM,aAAa,gGAmBxB,CAAC"}

package/dist/components/shad-cn-ui/SolidTextarea.js

@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
 function cx() {
     var parts = [];
     for (var _i = 0; _i < arguments.length; _i++) {
@@ -28,9 +29,9 @@ function cx() {
     }
     return parts.filter(Boolean).join(" ");
 }
-export function SolidTextarea(_a) {
+export var SolidTextarea = React.forwardRef(function SolidTextarea(_a, ref) {
     var className = _a.className, disabled = _a.disabled, readOnly = _a.readOnly, style = _a.style, props = __rest(_a, ["className", "disabled", "readOnly", "style"]);
     var isInteractionLocked = Boolean(disabled || readOnly);
-    return (_jsx("textarea", __assign({ className: cx("solid-input solid-textarea", isInteractionLocked && "is-interaction-locked", className), "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, style: __assign(__assign({}, (style || {})), (isInteractionLocked ? { opacity: 0.75, cursor: "not-allowed" } : {})), disabled: disabled, readOnly: readOnly }, props)));
-}
+    return (_jsx("textarea", __assign({ ref: ref, className: cx("solid-input solid-textarea", isInteractionLocked && "is-interaction-locked", className), "aria-disabled": disabled || undefined, "aria-readonly": readOnly || undefined, style: __assign(__assign({}, (style || {})), (isInteractionLocked ? { opacity: 0.75, cursor: "not-allowed" } : {})), disabled: disabled, readOnly: readOnly }, props)));
+});
 //# sourceMappingURL=SolidTextarea.js.map

package/dist/components/shad-cn-ui/SolidTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTextarea.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAsE;IAApE,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAhD,8CAAkD,CAAF;IAC5E,IAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,4BACE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,SAAS,CAAC,mBACvF,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,KAAK,wBACA,CAAC,KAAK,IAAI,EAAE,CAAC,GACb,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAE1E,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport function SolidTextarea({ className, disabled, readOnly, style, ...props }: SolidTextareaProps) {\n  const isInteractionLocked = Boolean(disabled || readOnly);\n\n  return (\n    <textarea\n      className={cx(\"solid-input solid-textarea\", isInteractionLocked && \"is-interaction-locked\", className)}\n      aria-disabled={disabled || undefined}\n      aria-readonly={readOnly || undefined}\n      style={{\n        ...(style || {}),\n        ...(isInteractionLocked ? { opacity: 0.75, cursor: \"not-allowed\" } : {}),\n      }}\n      disabled={disabled}\n      readOnly={readOnly}\n      {...props}\n    />\n  );\n}\n"]}
+{"version":3,"file":"SolidTextarea.js","sourceRoot":"","sources":["../../../src/components/shad-cn-ui/SolidTextarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,SAAS,EAAE;IAAC,eAA2C;SAA3C,UAA2C,EAA3C,qBAA2C,EAA3C,IAA2C;QAA3C,0BAA2C;;IACrD,OAAO,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzC,CAAC;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAC7C,SAAS,aAAa,CAAC,EAAkD,EAAE,GAAG;IAArD,IAAA,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAK,KAAK,cAAhD,8CAAkD,CAAF;IACrE,IAAM,mBAAmB,GAAG,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAE1D,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,mBAAmB,IAAI,uBAAuB,EAAE,SAAS,CAAC,mBACvF,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,KAAK,wBACA,CAAC,KAAK,IAAI,EAAE,CAAC,GACb,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAE1E,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\n\ntype SolidTextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nfunction cx(...parts: Array<string | false | undefined>) {\n  return parts.filter(Boolean).join(\" \");\n}\n\nexport const SolidTextarea = React.forwardRef<HTMLTextAreaElement, SolidTextareaProps>(\nfunction SolidTextarea({ className, disabled, readOnly, style, ...props }, ref) {\n  const isInteractionLocked = Boolean(disabled || readOnly);\n\n  return (\n    <textarea\n      ref={ref}\n      className={cx(\"solid-input solid-textarea\", isInteractionLocked && \"is-interaction-locked\", className)}\n      aria-disabled={disabled || undefined}\n      aria-readonly={readOnly || undefined}\n      style={{\n        ...(style || {}),\n        ...(isInteractionLocked ? { opacity: 0.75, cursor: \"not-allowed\" } : {}),\n      }}\n      disabled={disabled}\n      readOnly={readOnly}\n      {...props}\n    />\n  );\n});\n"]}

package/dist/components/shad-cn-ui/SolidTextarea.tsx

@@ -6,11 +6,13 @@ function cx(...parts: Array<string | false | undefined>) {
   return parts.filter(Boolean).join(" ");
 }
 
-export function SolidTextarea({ className, disabled, readOnly, style, ...props }: SolidTextareaProps) {
+export const SolidTextarea = React.forwardRef<HTMLTextAreaElement, SolidTextareaProps>(
+function SolidTextarea({ className, disabled, readOnly, style, ...props }, ref) {
   const isInteractionLocked = Boolean(disabled || readOnly);
 
   return (
     <textarea
+      ref={ref}
       className={cx("solid-input solid-textarea", isInteractionLocked && "is-interaction-locked", className)}
       aria-disabled={disabled || undefined}
       aria-readonly={readOnly || undefined}
@@ -23,4 +25,4 @@ export function SolidTextarea({ className, disabled, readOnly, style, ...props }
       {...props}
     />
   );
-}
+});