funda-ui 4.7.582 → 4.7.585

package/Table/index.js

@@ -1964,6 +1964,40 @@ var ToggleSelection = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
       resolvedRef.current.indeterminate = indeterminate;
     }
   }, [resolvedRef, indeterminate]);
+
+  // Handle checked prop - use setSelectedItems to manage selection state
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (checked !== undefined && row !== -1) {
+      var rowKey = String(row);
+      var nextSelectedItems;
+      setSelectedItems(function (prev) {
+        var newSelectedItems = new Set(prev);
+        if (checked) {
+          newSelectedItems.add(rowKey);
+        } else {
+          newSelectedItems["delete"](rowKey);
+        }
+        nextSelectedItems = newSelectedItems;
+
+        // 
+        var selectedIndex = nextSelectedItems ? Array.from(nextSelectedItems).map(function (v) {
+          return Number(v);
+        }) : [];
+        var filteredData = Array.isArray(originData) ? originData.filter(function (v, i) {
+          return selectedIndex.includes(i);
+        }) : [];
+        var syntheticEvent = {
+          target: {
+            value: rowKey,
+            checked: checked
+          }
+        };
+        onChange === null || onChange === void 0 ? void 0 : onChange(syntheticEvent, checked, filteredData);
+        onChangeRowSelect === null || onChangeRowSelect === void 0 ? void 0 : onChangeRowSelect(filteredData);
+        return newSelectedItems;
+      });
+    }
+  }, [checked, row, setSelectedItems]);
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, rowSelectable && row === -1 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", ToggleSelection_extends({
     type: useRadio ? 'radio' : 'checkbox',
     ref: resolvedRef,

package/lib/cjs/Table/index.js

@@ -1964,6 +1964,40 @@ var ToggleSelection = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
       resolvedRef.current.indeterminate = indeterminate;
     }
   }, [resolvedRef, indeterminate]);
+
+  // Handle checked prop - use setSelectedItems to manage selection state
+  (0,external_root_React_commonjs2_react_commonjs_react_amd_react_.useEffect)(function () {
+    if (checked !== undefined && row !== -1) {
+      var rowKey = String(row);
+      var nextSelectedItems;
+      setSelectedItems(function (prev) {
+        var newSelectedItems = new Set(prev);
+        if (checked) {
+          newSelectedItems.add(rowKey);
+        } else {
+          newSelectedItems["delete"](rowKey);
+        }
+        nextSelectedItems = newSelectedItems;
+
+        // 
+        var selectedIndex = nextSelectedItems ? Array.from(nextSelectedItems).map(function (v) {
+          return Number(v);
+        }) : [];
+        var filteredData = Array.isArray(originData) ? originData.filter(function (v, i) {
+          return selectedIndex.includes(i);
+        }) : [];
+        var syntheticEvent = {
+          target: {
+            value: rowKey,
+            checked: checked
+          }
+        };
+        onChange === null || onChange === void 0 ? void 0 : onChange(syntheticEvent, checked, filteredData);
+        onChangeRowSelect === null || onChangeRowSelect === void 0 ? void 0 : onChangeRowSelect(filteredData);
+        return newSelectedItems;
+      });
+    }
+  }, [checked, row, setSelectedItems]);
   return /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, null, rowSelectable && row === -1 ? /*#__PURE__*/external_root_React_commonjs2_react_commonjs_react_amd_react_default().createElement("input", ToggleSelection_extends({
     type: useRadio ? 'radio' : 'checkbox',
     ref: resolvedRef,

package/lib/esm/Table/Table.tsx

@@ -5,7 +5,6 @@ import useComId from 'funda-utils/dist/cjs/useComId';
 import { clsWrite, combinedCls } from 'funda-utils/dist/cjs/cls';
 
 
-
 import { TableProvider } from './TableContext';
 import useTableResponsive from './utils/hooks/useTableResponsive';
 import useTableDraggable from './utils/hooks/useTableDraggable';

package/lib/esm/Table/TableCell.tsx

@@ -2,6 +2,7 @@ import React, { forwardRef, useContext } from 'react';
 
 import { clsWrite, combinedCls } from 'funda-utils/dist/cjs/cls';
 
+
 import { TableContext } from './TableContext';
 
 import { cellMark, removeCellFocusClassName } from './utils/func';

package/lib/esm/Table/utils/ToggleSelection.tsx

@@ -185,6 +185,36 @@ const ToggleSelection = forwardRef((props: ToggleSelectionProps, ref: any) => {
         }
     }, [resolvedRef, indeterminate]);
 
+    // Handle checked prop - use setSelectedItems to manage selection state
+    useEffect(() => {
+        if (checked !== undefined && row !== -1) {
+            const rowKey = String(row);
+            let nextSelectedItems: Set<any> | undefined;
+            setSelectedItems((prev: any) => {
+                const newSelectedItems = new Set(prev);
+                if (checked) {
+                    newSelectedItems.add(rowKey);
+                } else {
+                    newSelectedItems.delete(rowKey);
+                }
+                nextSelectedItems = newSelectedItems;
+
+
+                // 
+                const selectedIndex = nextSelectedItems ? Array.from(nextSelectedItems).map((v: any) => Number(v)) : [];
+                const filteredData = Array.isArray(originData) ? originData.filter((v: any, i: number) => selectedIndex.includes(i)) : [];
+
+                const syntheticEvent = { target: { value: rowKey, checked } } as any;
+                onChange?.(syntheticEvent, checked, filteredData);
+                onChangeRowSelect?.(filteredData);
+
+                return newSelectedItems;
+            });
+
+
+        }
+    }, [checked, row, setSelectedItems]);
+
 
     return (
         <>

package/package.json

@@ -2,7 +2,7 @@
   "author": "UIUX Lab",
   "email": "uiuxlab@gmail.com",
   "name": "funda-ui",
-  "version": "4.7.582",
+  "version": "4.7.585",
   "description": "React components using pure Bootstrap 5+ which does not contain any external style and script libraries.",
   "repository": {
     "type": "git",