@coreui/react-pro 4.11.1 → 4.11.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react-pro",
-  "version": "4.11.1",
+  "version": "4.11.3",
   "description": "UI Components Library for React.js",
   "keywords": [
     "react",

package/src/components/form/CFormCheck.tsx

@@ -112,7 +112,7 @@ export const CFormCheck = forwardRef<HTMLInputElement, CFormCheckProps>(
       if (inputRef.current && indeterminate) {
         inputRef.current.indeterminate = indeterminate
       }
-    }, [indeterminate])
+    }, [indeterminate, inputRef.current])
 
     const FormControl = () => (
       <input

package/src/components/smart-table/CSmartTable.tsx

@@ -265,8 +265,12 @@ export const CSmartTable = forwardRef<HTMLDivElement, CSmartTableProps>(
         return
       }
 
+      const selected = _items.map((item) => {
+        return { ...item }
+      })
+
       setSelected(
-        _items.map((item) => {
+        selected.map((item) => {
           delete item['_cellProps']
           delete item['_props']
           delete item['_selected']

package/src/components/smart-table/CSmartTableHead.tsx

@@ -80,14 +80,6 @@ export const CSmartTableHead = forwardRef<HTMLTableSectionElement, CSmartTableHe
     const _columns = useMemo(() => getColumns(columns), [columns])
     const groups = useMemo(() => getColumnGroups(columns), [columns])
 
-    useEffect(() => {
-      if (selectedAll === 'indeterminate') {
-        if (selectAllcheckboxRef.current) selectAllcheckboxRef.current.indeterminate = true
-      } else {
-        if (selectAllcheckboxRef.current) selectAllcheckboxRef.current.indeterminate = false
-      }
-    }, [selectedAll])
-
     useEffect(() => {
       if (columnFilterState && Object.keys(columnFilterState).length === 0) {
         setRefresh(true)
@@ -145,6 +137,7 @@ export const CSmartTableHead = forwardRef<HTMLTableSectionElement, CSmartTableHe
               {selectAll && (
                 <CFormCheck
                   checked={typeof selectedAll === 'boolean' ? selectedAll : false}
+                  indeterminate={selectedAll === 'indeterminate' ? true : false}
                   onChange={() => handleSelectAllChecked && handleSelectAllChecked()}
                   ref={selectAllcheckboxRef}
                 />
@@ -163,8 +156,8 @@ export const CSmartTableHead = forwardRef<HTMLTableSectionElement, CSmartTableHe
                 {columnSorter &&
                   (typeof column === 'object'
                     ? typeof column.sorter === 'undefined'
-                    ? true
-                    : column.sorter
+                      ? true
+                      : column.sorter
                     : true) &&
                   columnSorterIcon(column)}
               </CTableHeaderCell>
@@ -180,8 +173,8 @@ export const CSmartTableHead = forwardRef<HTMLTableSectionElement, CSmartTableHe
                   {(
                     typeof column === 'object'
                       ? column.filter === undefined
-                      ? true
-                      : column.filter
+                        ? true
+                        : column.filter
                       : true
                   ) ? (
                     typeof column !== 'string' && typeof column.filter === 'function' ? (

package/src/components/smart-table/utils.ts

@@ -78,13 +78,6 @@ export const getColumnLabel = (column: Column | string) =>
       : pretifyName(column.key)
     : pretifyName(column)
 
-// export const getColumnNames = (columns: (string | Column)[] | undefined, items: Item[]) =>
-//   columns
-//     ? columns.map((column: Column | string) => {
-//         return typeof column === 'object' ? column.key : column
-//       })
-//     : getColumnNamesFromItems(items)
-
 export const getColumnNames = (
   columns: (string | Column)[] | undefined,
   items: Item[],