ar-design 0.2.46 → 0.2.48

package/dist/components/data-display/table/index.js

@@ -28,6 +28,7 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
     const [selectAll, setSelectAll] = useState(false);
     const [selectionItems, setSelectionItems] = useState([]);
     const [showSubitems, setShowSubitems] = useState({});
+    const [isTrueSubitems, setIsTrueSubitems] = useState({});
     // states -> File
     const [files, setFiles] = useState([]);
     const [formData, setFormData] = useState(undefined);
@@ -183,24 +184,23 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
             return false;
         });
     };
+    const openAllSubrowsRecursively = (data, parentKey = "") => {
+        let result = {};
+        data.forEach((item, index) => {
+            const key = parentKey ? `${parentKey}.${index}` : `${index}`;
+            const subitems = item[_subrowSelector];
+            if (subitems && Array.isArray(subitems) && subitems.length > 0) {
+                const nested = openAllSubrowsRecursively(subitems, key);
+                result[key] = true;
+                result = { ...result, ...nested };
+            }
+        });
+        return result;
+    };
     const getData = useMemo(() => {
         let _data = [...data];
-        if (_subrowOpenAutomatically) {
-            data.forEach((item, index) => {
-                if (_subrowSelector in item) {
-                    setShowSubitems((prev) => ({
-                        ...prev,
-                        [`${index}`]: !prev[`${index}`],
-                    }));
-                }
-                else {
-                    setShowSubitems((prev) => ({
-                        ...prev,
-                        [`${index}`]: false,
-                    }));
-                }
-            });
-        }
+        if (_subrowOpenAutomatically)
+            setShowSubitems(openAllSubrowsRecursively(data));
         if (searchedText && Object.keys(searchedText).length > 0) {
             _data = _data.filter((item) => deepSearch(item, searchedText));
             setTotalRecords(_data.length);
@@ -257,7 +257,6 @@ const Table = forwardRef(({ children, title, description, data, columns, actions
                         } }))),
                 _subrowButton && isHasSubitems ? (React.createElement("td", null, item[_subrowSelector] && (React.createElement("div", { className: "subitem-open-button-wrapper" },
                     React.createElement("span", { className: `subitem-open-button ${(showSubitems[index] && "opened") ?? ""}`, onClick: () => {
-                            console.log(showSubitems);
                             setShowSubitems((prev) => ({
                                 ...prev,
                                 [`${index}`]: !prev[`${index}`],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.2.46",
+  "version": "0.2.48",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",