funda-ui 4.7.625 → 4.7.701

package/all.d.ts

@@ -27,6 +27,7 @@ export const MultipleSelect: any;
 export const NativeSelect: any;
 export const NumberInput: any;
 export const Pagination: any;
+export const Popover: any;
 export const Radio: any;
 export const RangeSlider: any;
 export const Refresher: any;

package/all.js

@@ -29,6 +29,7 @@ exports.MultipleSelect = _interopRequireDefault(require("./MultipleSelect")).def
 exports.NativeSelect = _interopRequireDefault(require("./NativeSelect")).default;
 exports.NumberInput = _interopRequireDefault(require("./NumberInput")).default;
 exports.Pagination = _interopRequireDefault(require("./Pagination")).default;
+exports.Popover = _interopRequireDefault(require("./Popover")).default;
 exports.Radio = _interopRequireDefault(require("./Radio")).default;
 exports.RangeSlider = _interopRequireDefault(require("./RangeSlider")).default;
 exports.Refresher = _interopRequireDefault(require("./Refresher")).default;

package/lib/cjs/CascadingSelect/index.js

@@ -2628,7 +2628,7 @@ var CascadingSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
   }
   function handleFocus(event) {
     var _rootRef$current;
-    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus');
+    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus-floating');
 
     //
     handleDisplayOptions(null);
@@ -2640,7 +2640,7 @@ var CascadingSelect = /*#__PURE__*/(0,external_root_React_commonjs2_react_common
     var _rootRef$current2;
     //----
     //remove focus style
-    (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus');
+    (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus-floating');
 
     //
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);

package/lib/cjs/CascadingSelectE2E/index.js

@@ -3102,7 +3102,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
   }
   function handleFocus(event) {
     var _rootRef$current;
-    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus');
+    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus-floating');
 
     //
     handleDisplayOptions(null);
@@ -3114,7 +3114,7 @@ var CascadingSelectE2E = /*#__PURE__*/(0,external_root_React_commonjs2_react_com
     var _rootRef$current2;
     //----
     //remove focus style
-    (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus');
+    (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus-floating');
 
     //
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);

package/lib/cjs/Chatbox/index.js

@@ -2289,9 +2289,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             return typeof p !== 'undefined' && p !== null && p !== '';
           };
           function handleFocus(event) {
-            var _rootRef$current;
             var el = event.target;
-            (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus');
 
             //
             onFocus === null || onFocus === void 0 ? void 0 : onFocus(event, valRef.current);
@@ -2299,13 +2297,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           function handleChange(event, curVal) {
             setChangedVal(curVal);
 
-            //----
-            //remove focus style
-            if (curVal === '') {
-              var _rootRef$current2;
-              (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus');
-            }
-
             //
             onChange === null || onChange === void 0 ? void 0 : onChange(event, valRef.current, curVal);
 
@@ -2320,13 +2311,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             var el = event.target;
             var val = el.value;
 
-            //----
-            //remove focus style
-            if (val === '') {
-              var _rootRef$current3;
-              (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.classList.remove('focus');
-            }
-
             //
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, valRef.current);
 
@@ -2433,7 +2417,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }, []);
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-            className: (0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_3__.clsWrite)(wrapperClassName, 'mb-3 position-relative'),
+            className: (0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_3__.combinedCls)((0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_3__.clsWrite)(wrapperClassName, 'mb-3 position-relative'), {
+              'focus-floating': changedVal !== ''
+            }),
             ref: rootRef
           }, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, typeof label === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
             htmlFor: idRes,

package/lib/cjs/Checkbox/index.js

@@ -569,7 +569,7 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
   }, [contentRef, val]);
   function handleFocus(event) {
     var _rootRef$current;
-    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus');
+    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus-floating');
 
     //
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
@@ -581,7 +581,7 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
 
     //----
     //remove focus style
-    (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus');
+    (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus-floating');
 
     //
     if (typeof onChange === 'function') {
@@ -592,7 +592,7 @@ var Checkbox = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(fu
     var _rootRef$current3;
     //----
     //remove focus style
-    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.classList.remove('focus');
+    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.classList.remove('focus-floating');
 
     //
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);

package/lib/cjs/ColorPicker/index.js

@@ -551,9 +551,6 @@ var ColorPicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     }
   }
   function handleFocus(event) {
-    var _rootRef$current;
-    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus');
-
     //
     onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
   }
@@ -561,13 +558,6 @@ var ColorPicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     var val = event.target.value;
     setChangedVal(val);
 
-    //----
-    //remove focus style
-    if (val === '') {
-      var _rootRef$current2;
-      (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus');
-    }
-
     //
     onChange === null || onChange === void 0 ? void 0 : onChange(event);
   }
@@ -575,13 +565,6 @@ var ColorPicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     var el = event.target;
     var val = event.target.value;
 
-    //----
-    //remove focus style
-    if (val === '') {
-      var _rootRef$current3;
-      (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.classList.remove('focus');
-    }
-
     //
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
   }
@@ -591,7 +574,9 @@ var ColorPicker = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)
     setChangedVal(value || '');
   }, [value]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.combinedCls)('custom-colorpicker__wrapper', shapeClassName, (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperClassName, 'mb-3 position-relative')),
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.combinedCls)('custom-colorpicker__wrapper', shapeClassName, (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperClassName, 'mb-3 position-relative'), {
+      'focus-floating': changedVal !== ''
+    }),
     ref: rootRef
   }, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, typeof label === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
     htmlFor: idRes,

package/lib/cjs/Date/index.js

@@ -1798,9 +1798,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }
           function handleFocus(event) {
-            var _rootRef$current;
-            (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.classList.add('focus');
-
             //
             if (valRef.current) {
               onFocus === null || onFocus === void 0 ? void 0 : onFocus(event, onComposition, valRef.current);
@@ -1809,13 +1806,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
           function handleChange(event, curVal) {
             setChangedVal(curVal);
 
-            //----
-            //remove focus style
-            if (curVal === '') {
-              var _rootRef$current2;
-              (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.classList.remove('focus');
-            }
-
             //
             if (valRef.current) {
               onChange === null || onChange === void 0 ? void 0 : onChange(event, onComposition, valRef.current, curVal);
@@ -1832,13 +1822,6 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             var el = event.target;
             var val = event.target.value;
 
-            //----
-            //remove focus style
-            if (val === '') {
-              var _rootRef$current3;
-              (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.classList.remove('focus');
-            }
-
             //
             if (valRef.current) {
               onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, onComposition, valRef.current);
@@ -1936,7 +1919,9 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
             }
           }, []);
           return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
-            className: (0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperClassName, 'mb-3 position-relative'),
+            className: (0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.combinedCls)((0, funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_2__.clsWrite)(wrapperClassName, 'mb-3 position-relative'), {
+              'focus-floating': changedVal !== ''
+            }),
             ref: rootRef
           }, label ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0___default().Fragment, null, typeof label === 'string' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
             htmlFor: idRes,

package/lib/cjs/EventCalendarTimeline/index.d.ts

@@ -87,7 +87,7 @@ export declare type EventCalendarTimelineProps = {
     onKeyCopy?: (el: any, selectedCellsData: any[]) => void;
     onKeyPaste?: (el: any, selectedCellsData: any[]) => void;
     tableListSectionTitle?: string | React.ReactNode;
-    tableCellMinWidth?: number;
+    tableCellMinWidth?: number | ((mode: 'week' | 'month') => number);
     tableTooltipDirection?: string;
     tableTooltipOffset?: number;
     tableTooltipExceededSidePosOffset?: number;

package/lib/cjs/EventCalendarTimeline/index.js

@@ -4117,7 +4117,6 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
   var AUTO_SCROLL = autoScroll || false;
   var SHOW_WEEK = showWeek || false;
   var BODY_DRAG = draggable || false;
-  var CELL_MIN_W = typeof tableCellMinWidth === 'undefined' ? SHOW_WEEK ? 100 : 50 : tableCellMinWidth;
   var tableGridRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var tableGridHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
   var scrollHeaderRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
@@ -4158,6 +4157,17 @@ var EventCalendarTimeline = function EventCalendarTimeline(props) {
     _useState38 = _slicedToArray(_useState37, 2),
     appearanceMode = _useState38[0],
     setAppearanceMode = _useState38[1];
+
+  // Calculate CELL_MIN_W based on appearanceMode and tableCellMinWidth
+  var CELL_MIN_W = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    if (typeof tableCellMinWidth === 'undefined') {
+      return appearanceMode === 'week' ? 100 : 50;
+    }
+    if (typeof tableCellMinWidth === 'function') {
+      return tableCellMinWidth(appearanceMode);
+    }
+    return tableCellMinWidth;
+  }, [tableCellMinWidth, appearanceMode]);
   var findMondayAndTruncate = function findMondayAndTruncate(dates) {
     var _res = dates.map(function (s) {
       return new Date(s);

package/lib/cjs/File/index.d.ts

@@ -32,6 +32,15 @@ export declare type FileProps = {
     fetchFuncAsync?: any;
     fetchFuncMethod?: string;
     fetchFuncMethodParams?: any[];
+    formDataAppend?: (formData: FormData, files: FileList) => void;
+    /** Enable chunked upload for large files */
+    enableChunkedUpload?: boolean;
+    /** Chunk size in bytes (default: 2MB) */
+    chunkSize?: number;
+    /** Custom function to append chunk data to FormData. Receives (formData: FormData, chunk: Blob, chunkIndex: number, totalChunks: number, file: File) */
+    chunkDataAppend?: (formData: FormData, chunk: Blob, chunkIndex: number, totalChunks: number, file: File) => void;
+    /** Callback for chunk upload progress. Receives (uploadedBytes: number, totalBytes: number, file: File, chunkIndex: number, totalChunks: number) */
+    onChunkProgress?: (uploadedBytes: number, totalBytes: number, file: File, chunkIndex: number, totalChunks: number) => void;
     onChange?: (e: any, e2: any, value: any) => void;
     onComplete?: (e: any, e2: any, callback: any, incomingData: string | null | undefined) => void;
     onProgress?: (files: any, e: any, e2: any) => void;