funda-ui 4.3.355 → 4.3.721

package/lib/esm/Select/index.tsx

@@ -49,8 +49,6 @@ import {
 import { clsWrite, combinedCls } from 'funda-utils/dist/cjs/cls';
 
 
-
-
 export type SelectOptionChangeFnType = (arg1: any, arg2: any, arg3: any) => void;
 
 export interface MultiSelectDataConfig {
@@ -215,8 +213,8 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
 
     const DEPTH = depth || 1055;  // the default value same as bootstrap
-    const LIVE_SEARCH_OK = typeof fetchTrigger !== 'undefined' && fetchTrigger === true ? true : false;
-    const LIVE_SEARCH_DISABLED = (typeof fetchTrigger === 'undefined' || fetchTrigger === false) && typeof window !== 'undefined' && typeof (window as any)['funda-ui__Select-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
+    const MANUAL_REQ = typeof fetchTrigger !== 'undefined' && fetchTrigger === true ? true : false;  // Manual requests
+    const LIVE_SEARCH_DISABLED = !MANUAL_REQ && typeof window !== 'undefined' && typeof (window as any)['funda-ui__Select-disable-livesearch'] !== 'undefined' ? true : false; // Globally disable real-time search functionality (only valid for non-dynamic requests)
 
     
     const FIRST_REQUEST_AUTO = typeof firstRequestAutoExec === 'undefined' ? true : firstRequestAutoExec;
@@ -312,6 +310,10 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
                 if (MULTI_SEL_VALID) popwinPosHide();
             },
+            open: () => {
+                activate();
+            },
+            
         }),
         [popupRef],
     );
@@ -321,7 +323,9 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         () => ({
             active: () => {
                 handleShowList();
+                selectInputRef.current.select();
             },
+            
             focus: () => {
                 selectInputRef.current.select();
             },
@@ -409,7 +413,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
     //performance
     const handleChangeFetchSafe = useDebounce((val: any) => {
 
-
         let _orginalData: OptionConfig[] = [];
         const update = (inputData: any) => {
             const filterRes = () => {
@@ -528,7 +531,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             let filterRes: any = [];
 
 
-            if (fetchTrigger) {
+            if (MANUAL_REQ) {
 
                 // If a manual action is used to trigger the request
                 if (typeof fetchTriggerForDefaultData !== 'undefined' && fetchTriggerForDefaultData !== null && typeof fetchTriggerForDefaultData?.values[0] !== 'undefined') {
@@ -1126,7 +1129,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         if (!MULTI_SEL_VALID) popwinPosHide();
 
 
-        if (LIVE_SEARCH_OK) {
+        if (MANUAL_REQ) {
             // clean data
             setOptionsData([]);
         } else {
@@ -1168,6 +1171,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         setIsOpen(true);
 
 
+
         // pop win initalization
         setTimeout(() => {
             popwinPosInit();
@@ -1184,7 +1188,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
 
 
-        if (LIVE_SEARCH_OK) {
+        if (MANUAL_REQ) {
             // clean data
             setOptionsData([]);
         } else {
@@ -1193,6 +1197,11 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         }
 
 
+        // When you select multiple times, it automatically focuses on the search input box
+        if (MULTI_SEL_VALID) {
+            selectInputRef.current.select();
+        }
+
         // update temporary value
         setControlTempValue('');
 
@@ -1206,6 +1215,12 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
 
     }
+    
+
+    function fixFocusStatus() {
+        // When selecting multiple times, in order to avoid losing 
+        if (MULTI_SEL_VALID) handleFocus(selectInputRef.current);
+    }
 
     async function handleSelect(el: any, dataInput: any = false, valueArr: any[] = [], labelArr: any[] = []) {
 
@@ -1220,24 +1235,34 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         const incominggetOptionsData = valueInputRef.current.dataset.options;
 
 
-        // cancel
-        if (!(MULTI_SEL_VALID)) {
-            cancel();
-        }
-
-        //remove focus style
-        if (!(MULTI_SEL_VALID)) {
-            rootRef.current?.classList.remove('focus');
-        }
-
         // get options
         const options = [].slice.call(listRef.current.querySelectorAll('.list-group-item:not(.hide):not(.no-match)'));
 
 
         // current control of some option
-        const curBtn = options.filter((node: HTMLElement) => node.dataset.itemdata == JSON.stringify(curItem))[0];
+        const curBtn: any = options.filter((node: HTMLElement) => node.dataset.itemdata == JSON.stringify(curItem))[0];
 
        
+        // Determine whether there is a callback
+        const noCallback = typeof curItem.callback === 'undefined';
+        
+        // ==========================================================================
+        // Whether to cancel or not
+        // ==========================================================================
+        if (noCallback) {
+            // cancel
+            if (!MULTI_SEL_VALID) {
+                cancel();
+            }
+
+            //remove focus style
+            if (!MULTI_SEL_VALID) {
+                rootRef.current?.classList.remove('focus');
+            }
+        }
+
+
+
         // update value * label
         if (dataInput) {
 
@@ -1255,15 +1280,23 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             _data.callback?.();
 
 
-
             // ++++++++++++++++++++
             // Single selection
             // ++++++++++++++++++++
             // clear all active classes of options 
             // (Avoid using the keyboard to select and two actives will appear after clicking on a non-selected option.)
-            options.forEach((node: any) => {
-                node.classList.remove('active');
-            });
+            if (noCallback) {
+                options.forEach((node: any) => {
+                    node.classList.remove('active');
+                });
+            }
+
+            // If there is a callback, delete the activated style
+            if (!noCallback) {
+                setTimeout(() => {
+                    curBtn.classList.remove('active', 'disabled');
+                }, 0);
+            }
 
 
 
@@ -1277,6 +1310,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                 valueInputRef.current.dataset.value = _value;
             }
 
+ 
 
             // ++++++++++++++++++++
             // Multiple selection
@@ -1347,16 +1381,19 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
 
                 // active current option
-                setTimeout(() => {
-                    $el.classList.add('active');
-                }, 0);
+                if (noCallback) {
+                    setTimeout(() => {
+                        $el.classList.add('active');
+                    }, 0);
+
+                }
 
 
 
             }
 
             //
-            if (typeof (onChange) === 'function') {
+            if (noCallback && typeof (onChange) === 'function') {
                 
                 onChange?.(
                     selectInputRef.current,
@@ -1388,17 +1425,29 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             // ++++++++++++++++++++
             curItem.callback?.();
 
-
-
             // ++++++++++++++++++++
             // Single selection
             // ++++++++++++++++++++
 
             // clear all active classes of options
             // (Avoid using the keyboard to select and two actives will appear after clicking on a non-selected option.)
-            options.forEach((node: any) => {
-                node.classList.remove('active');
-            });
+            if (noCallback) {
+                options.forEach((node: any) => {
+                    node.classList.remove('active');
+                });
+
+            }
+
+
+
+            // If there is a callback, delete the activated style
+            if (!noCallback) {
+                setTimeout(() => {
+                    curBtn.classList.remove('active', 'disabled');
+                }, 0);
+            }
+
+
 
             //
             setControlValue(_value);
@@ -1410,7 +1459,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             }
 
 
-
             // ++++++++++++++++++++
             // Multiple selection
             // ++++++++++++++++++++
@@ -1483,15 +1531,18 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                 adjustMultiControlContainerHeight();
 
                 // active current option
-                setTimeout(() => {
-                    $el.classList.add('active');
-                }, 0);
+                if (noCallback) {
+                    setTimeout(() => {
+                        $el.classList.add('active');
+                    }, 0);
+                }
+
 
 
             }
 
             //
-            if (typeof (onChange) === 'function') {
+            if (noCallback && typeof (onChange) === 'function') {
             
                 onChange?.(
                     selectInputRef.current,
@@ -1505,6 +1556,9 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             }
         }
 
+        // Fixed an out-of-focus issue
+        fixFocusStatus();
+
     }
 
 
@@ -1613,6 +1667,9 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
             multipleSelectionCallback(_values, _labels)
         );
 
+        // Fixed an out-of-focus issue
+        fixFocusStatus();
+
 
     }
 
@@ -1626,12 +1683,6 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         const emptyValue: Record<string, string> = { label: '', value: '', queryString: '' };
         handleSelect(null, JSON.stringify(emptyValue), [], []);
 
-        onChange?.(
-            selectInputRef.current,
-            valueInputRef.current,
-            emptyValue
-        );
-
         // update temporary value
         setControlTempValue(null);
 
@@ -1720,7 +1771,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
     async function handleFirstFetch(inputVal: any = null) {
         const _oparams: any[] = fetchFuncMethodParams || [];
-        const _params: any[] = _oparams.map((item: any) => item !== '$QUERY_STRING' ? item : (fetchTrigger ? '------' : ''));
+        const _params: any[] = _oparams.map((item: any) => item !== '$QUERY_STRING' ? item : (MANUAL_REQ ? '------' : ''));
         const res = await fetchData((_params).join(','), finalRes(inputVal), inputVal);
 
         return res;
@@ -1750,6 +1801,9 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         //
         handleChangeFetchSafe(val);
 
+        // Fixed an out-of-focus issue
+        fixFocusStatus();
+        
 
     }
 
@@ -1761,8 +1815,10 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
         // update temporary value
         setControlTempValue('');
 
+
         //
-        onFocus?.(event);
+        onFocus?.(selectInputRef.current);
+        
     }
 
     function handleBlur(event: any) {
@@ -1783,7 +1839,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
 
         setTimeout(() => {
-            onBlur?.(event);
+            onBlur?.(selectInputRef.current);
         }, 300);
     }
 
@@ -1920,6 +1976,19 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
     }
 
+    function handleDocOut(e: any) {
+
+        if (e.target.closest('.custom-select__options-wrapper') === null && e.target.closest('.custom-select__wrapper') === null) {
+            // cancel
+            cancel();
+            if (MULTI_SEL_VALID) popwinPosHide();
+
+            //
+            handleBlur(null);
+        }
+    }
+
+
     useEffect(() => {
 
 
@@ -1970,6 +2039,20 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
     }, []);
 
 
+
+    // Fixed an out-of-focus issue
+    //--------------
+    // !!! TIPS:
+    // Fixed: When `fixFocusStatus()` is triggered, the above judgment will be invalidated, and this judgment will be used
+    // Fixed: The pop-up window is not closed due to the mixing of business components
+    useEffect(() => {
+        document.addEventListener('pointerdown', handleDocOut);
+        return () => {
+            document.removeEventListener('pointerdown', handleDocOut);
+        };
+    }, [orginalData]); // Avoid the issue that `setOptionsData(orginalData)` sets the original value to empty on the first entry
+
+
     return (
         <>
 
@@ -2031,7 +2114,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                             required={required || null}
                             readOnly={INPUT_READONLY}
                             value={controlTempValue || controlTempValue === '' ? controlTempValue : (MULTI_SEL_VALID ? (VALUE_BY_BRACKETS ? convertArrToValByBrackets(formatIndentVal(controlArr.labels, INDENT_LAST_PLACEHOLDER).map((v: any) => stripHTML(v))) : formatIndentVal(controlArr.labels, INDENT_LAST_PLACEHOLDER).map((v: any) => stripHTML(v)).join(',')) : stripHTML(controlLabel as never))}  // do not use `defaultValue`
-
+      
                             style={{ 
                                 cursor: 'pointer', 
                                 color: 'transparent', 
@@ -2124,7 +2207,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                         {
                             'reverse': isOpen
                         }
-                    )} style={{display: fetchTrigger ? 'none' : 'inline-block' }}>
+                    )} style={{display: MANUAL_REQ ? 'none' : 'inline-block' }}>
                         {controlArrow ? controlArrow : <svg width="10px" height="10px" viewBox="0 -4.5 20 20">
                             <g stroke="none" strokeWidth="1" fill="none">
                                 <g transform="translate(-180.000000, -6684.000000)" className="arrow-fill-g" fill="#a5a5a5">
@@ -2143,7 +2226,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
 
                     {/* SEARCH BUTTON */}
-                    {fetchTrigger ? <>
+                    {MANUAL_REQ ? <>
                         <span className="custom-select-multi__control-searchbtn">
                             <button tabIndex={-1} type="button" className="btn border-end-0 rounded-pill" onClick={(e: React.MouseEvent) => {
                                 handleFetch().then((response: any) => {
@@ -2186,25 +2269,113 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                                 {typeof multiSelectSelectedItemOnlyStatus !== 'undefined' ? <>
 
                                     <li className="custom-select-multi__list-item-statusstring" >
-                             
-                                        {typeof multiSelectSelectedItemOnlyStatus.itemsLabel === 'string' && controlArr.labels.length > 0 && controlArr.labels.length < optionsData.length ? multiSelectSelectedItemOnlyStatus.itemsLabel.replace('{num}', `${controlArr.labels.length}`) : null}
-                                        {typeof multiSelectSelectedItemOnlyStatus.noneLabel === 'string' && controlArr.labels.length === 0 ? multiSelectSelectedItemOnlyStatus.noneLabel : null}
+                
+                                        
+                                        {MANUAL_REQ ? <>
+                                            {/* ===================== Manual requests ===================== */}
+                                            {
+                                                typeof multiSelectSelectedItemOnlyStatus.itemsLabel === 'string' && 
+                                                controlArr.labels.length > 0
+                                                ? 
+                                                multiSelectSelectedItemOnlyStatus.itemsLabel.replace('{num}', `${controlArr.labels.length}`) 
+                                                : 
+                                                null
+                                            }
+                                            {
+                                                typeof multiSelectSelectedItemOnlyStatus.noneLabel === 'string' && 
+                                                controlArr.labels.length === 0 
+                                                ? 
+                                                multiSelectSelectedItemOnlyStatus.noneLabel 
+                                                : 
+                                                null
+                                            }
 
-                                        {/* all */}
-                                        {controlArr.labels.length > 0 ? <>
-                                            {typeof multiSelectSelectedItemOnlyStatus.allItemsLabel === 'string' && controlArr.labels.length === optionsData.length ? multiSelectSelectedItemOnlyStatus.allItemsLabel.replace('{num}', `${controlArr.labels.length}`) : null}
-                                        </>: null}
+                                            {/*-- DEFAULT VALUE ---*/}
+                                            {
+                                                typeof multiSelectSelectedItemOnlyStatus.itemsLabel !== 'string' && 
+                                                controlArr.labels.length > 0 
+                                                ? 
+                                                MULTI_SEL_SELECTED_STATUS.itemsLabel.replace('{num}', `${controlArr.labels.length}`) 
+                                                : 
+                                                null
+                                            }
+                                            {
+                                                typeof multiSelectSelectedItemOnlyStatus.noneLabel !== 'string' && 
+                                                controlArr.labels.length === 0 
+                                                ? 
+                                                MULTI_SEL_SELECTED_STATUS.noneLabel 
+                                                : 
+                                                null
+                                            }
+
+                                            {/* ===================== /Manual requests ===================== */}
+
+                                        </> : <>
+                                            {/* ===================== Auto requests ===================== */}
+
+                                            {
+                                                typeof multiSelectSelectedItemOnlyStatus.itemsLabel === 'string' && 
+                                                controlArr.labels.length > 0 && 
+                                                controlArr.labels.length < optionsData.length 
+                                                ? 
+                                                multiSelectSelectedItemOnlyStatus.itemsLabel.replace('{num}', `${controlArr.labels.length}`) 
+                                                : 
+                                                null
+                                            }
+                                            {
+                                                typeof multiSelectSelectedItemOnlyStatus.noneLabel === 'string' && 
+                                                controlArr.labels.length === 0 
+                                                ? 
+                                                multiSelectSelectedItemOnlyStatus.noneLabel 
+                                                : 
+                                                null
+                                            }
+
+                                            {/* all */}
+                                            {controlArr.labels.length > 0 ? <>
+                                                {
+                                                    typeof multiSelectSelectedItemOnlyStatus.allItemsLabel === 'string' && 
+                                                    controlArr.labels.length === optionsData.length 
+                                                    ? 
+                                                    multiSelectSelectedItemOnlyStatus.allItemsLabel.replace('{num}', `${controlArr.labels.length}`) 
+                                                    : 
+                                                    null
+                                                }
+                                            </>: null}
 
 
-                                        {/*-----*/}
-                                        {typeof multiSelectSelectedItemOnlyStatus.itemsLabel !== 'string' && controlArr.labels.length > 0 ? MULTI_SEL_SELECTED_STATUS.itemsLabel.replace('{num}', `${controlArr.labels.length}`) : null}
-                                        {typeof multiSelectSelectedItemOnlyStatus.noneLabel !== 'string' && controlArr.labels.length === 0 ? MULTI_SEL_SELECTED_STATUS.noneLabel : null}
+                                            {/*-- DEFAULT VALUE ---*/}
+                                            {
+                                                typeof multiSelectSelectedItemOnlyStatus.itemsLabel !== 'string' && 
+                                                controlArr.labels.length > 0 
+                                                ? 
+                                                MULTI_SEL_SELECTED_STATUS.itemsLabel.replace('{num}', `${controlArr.labels.length}`) 
+                                                : 
+                                                null
+                                            }
+                                            {
+                                                typeof multiSelectSelectedItemOnlyStatus.noneLabel !== 'string' && 
+                                                controlArr.labels.length === 0 
+                                                ? 
+                                                MULTI_SEL_SELECTED_STATUS.noneLabel 
+                                                : 
+                                                null
+                                            }
 
-                                        {/* all */}
-                                        {controlArr.labels.length > 0 ? <>
-                                            {typeof multiSelectSelectedItemOnlyStatus.allItemsLabel !== 'string' && controlArr.labels.length === optionsData.length ? MULTI_SEL_SELECTED_STATUS.allItemsLabel.replace('{num}', `${controlArr.labels.length}`) : null}
-                                        </>: null}
+                                            {/* all */}
+                                            {controlArr.labels.length > 0 ? <>
+                                                {
+                                                    typeof multiSelectSelectedItemOnlyStatus.allItemsLabel !== 'string' && 
+                                                    controlArr.labels.length === optionsData.length 
+                                                    ? 
+                                                    MULTI_SEL_SELECTED_STATUS.allItemsLabel.replace('{num}', `${controlArr.labels.length}`) 
+                                                    : 
+                                                    null
+                                                }
+                                            </>: null}
+                                            {/* ===================== /Auto requests ===================== */}
 
+                                        </>}
 
                                     </li>
                                 </> : <>
@@ -2303,7 +2474,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
                         {
                             'reverse': isOpen
                         }
-                    )} style={{display: fetchTrigger ? 'none' : 'inline-block' }}>
+                    )} style={{display: MANUAL_REQ ? 'none' : 'inline-block' }}>
                         {controlArrow ? controlArrow : <svg width="10px" height="10px" viewBox="0 -4.5 20 20">
                             <g stroke="none" strokeWidth="1" fill="none">
                                 <g transform="translate(-180.000000, -6684.000000)" className="arrow-fill-g" fill="#a5a5a5">
@@ -2320,7 +2491,7 @@ const Select = forwardRef((props: SelectProps, externalRef: any) => {
 
 
                     {/* SEARCH BUTTON */}
-                    {fetchTrigger ? <>
+                    {MANUAL_REQ ? <>
                         <span className="custom-select-multi__control-searchbtn">
                             <button tabIndex={-1} type="button" className="btn border-end-0 rounded-pill" onClick={(e: React.MouseEvent) => {
                                 handleFetch().then((response: any) => {

package/lib/esm/Table/Table.tsx

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

package/lib/esm/Table/TableCell.tsx

@@ -3,6 +3,7 @@ import React, { forwardRef, useContext } from 'react';
 import { clsWrite, combinedCls } from 'funda-utils/dist/cjs/cls';
 
 
+
 import { TableContext } from './TableContext';
 
 import { cellMark, removeCellFocusClassName } from './table-utils/func';
@@ -10,9 +11,11 @@ import useTableKeyPress from './table-utils/hooks/useTableKeyPress';
 
 export interface TableCellProps extends React.HTMLAttributes<HTMLTableCellElement> {
     active?: boolean;
+    nowrap?: boolean;
     activeClassName?: string;
     className?: string;
     colSpan?: number;
+    style?: React.CSSProperties;
     scope?: `col` | `row` | `colgroup` | `rowgroup`;
     onClick?: (e: any) => void;
     onKeyDown?: (e: any) => void;
@@ -22,9 +25,11 @@ const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>((
     { 
         children, 
         active, 
+        nowrap,
         activeClassName, 
         className: myClassName, 
         colSpan,
+        style,
         scope,
         onClick,
         onKeyDown,
@@ -68,6 +73,7 @@ const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>((
 
             <CellComponent
                 {...attributes}
+                style={typeof nowrap === 'undefined' ? style : { whiteSpace: clsWrite(nowrap, 'normal', 'nowrap'), ...style }}
                 ref={(node) => {
                     if (typeof externalRef === 'function') {
                         externalRef(node);

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

@@ -56,11 +56,26 @@ const ToggleSelection = forwardRef((props: ToggleSelectionProps, ref: any) => {
             setSelectAll: (value: boolean) => {
                 setAllChecked(value);
             },
+            set: (check: boolean) => {
+                const s = String(resolvedRef.current?.dataset.row);
+                setSelectedItems((prev: any) => {
+                    const _data = new Set(prev);
+
+                    if (check) {
+                        _data.add(s);
+                    } else {
+                        _data.delete(s);
+                    }
+
+                    return _data;
+                });
+
+            },
             control: () => {
                 return resolvedRef.current;
             }
         }),
-        [contentRef, resolvedRef],
+        [contentRef, resolvedRef, selectedItems],
     );
 
 
@@ -113,7 +128,7 @@ const ToggleSelection = forwardRef((props: ToggleSelectionProps, ref: any) => {
         let filteredData: any[] = [];
         if (!isNaN(row) && Array.isArray(originData)) {
 
-            const newSelectedItems = new Set(new Map());
+            const newSelectedItems = new Set();
             newSelectedItems.add(_val as never);
             setSelectedItems(newSelectedItems);
 

package/package.json

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