funda-ui 4.7.254 → 4.7.255

package/Tooltip/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export declare type TooltipProps = {
+    triggerClassName?: string;
     wrapperClassName?: string;
     /** The direction of the tip. Defaults to `top`. Possible values are: `top`, `top-right`, `top-left`, `bottom`, `bottom-right`, `bottom-left` */
     direction?: string;

package/Tooltip/index.js

@@ -1473,7 +1473,8 @@ var useContainerDimensions = function useContainerDimensions(myRef) {
   return dimensions;
 };
 var Tooltip = function Tooltip(props) {
-  var wrapperClassName = props.wrapperClassName,
+  var triggerClassName = props.triggerClassName,
+    wrapperClassName = props.wrapperClassName,
     direction = props.direction,
     offset = props.offset,
     exceededSidePosOffset = props.exceededSidePosOffset,
@@ -1648,7 +1649,7 @@ var Tooltip = function Tooltip(props) {
   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", {
     ref: rootRef,
     "data-overlay-id": "tooltip__wrapper-".concat(idRes),
-    className: "tooltip__trigger d-inline-block",
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_5__.combinedCls)('tooltip__trigger', (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_5__.clsWrite)(triggerClassName, 'd-inline-block')),
     "data-microtip-position": direction || 'top',
     "data-microtip-size": size || 'auto',
     onMouseEnter: handleMouseEnter,

package/Utils/time.d.ts

@@ -4,15 +4,19 @@
  * @param  {string} endTime  -  end time in format "HH:mm"
  * @param  {number} timeInterval  -  time interval in minutes
  * @param  {boolean} formatRange  -  if true returns ranges like "10:00 - 11:00", if false returns single times like "10:00"
+ * @param  {boolean} forceShowSeconds  -  Whether to force the display of seconds.
+ *                                        By default, seconds are displayed only when the timeInterval is less than 1
  * @returns {string[]} Array of time slots
  * @example
 
 console.log(getTimeslots("10:00", "14:00", 60, true)); //['10:00 - 11:00', '11:00 - 12:00', '12:00 - 13:00', '13:00 - 14:00']
 console.log(getTimeslots("10:00", "14:00", 60));   // ['10:00', '11:00', '12:00', '13:00']
+console.log(getTimeslots("10:00", "14:00", 60, false, true));   // ['10:00:00', '11:00:00', '12:00:00', '13:00:00', '14:00:00']
+console.log(getTimeslots("10:00", "10:07", 1.188118811881188));   // ['10:00', '10:01', '10:02', '10:03', '10:04', '10:05']
 console.log(getTimeslots("08:00:00", "08:02:00", 0.4));   // ['08:00:00', '08:00:24', '08:00:48', '08:01:12', '08:01:36', '08:02:00']
 
 */
-declare function getTimeslots(startTime: string, endTime: string, timeInterval: number, formatRange?: boolean): string[];
+declare function getTimeslots(startTime: string, endTime: string, timeInterval: number, formatRange?: boolean, forceShowSeconds?: boolean): string[];
 /**
  * Get minutes between two dates
  * @param  {Date} startDate  -  start date

package/Utils/time.js

@@ -57,17 +57,22 @@ __webpack_require__.r(__webpack_exports__);
  * @param  {string} endTime  -  end time in format "HH:mm"
  * @param  {number} timeInterval  -  time interval in minutes
  * @param  {boolean} formatRange  -  if true returns ranges like "10:00 - 11:00", if false returns single times like "10:00"
+ * @param  {boolean} forceShowSeconds  -  Whether to force the display of seconds. 
+ *                                        By default, seconds are displayed only when the timeInterval is less than 1
  * @returns {string[]} Array of time slots
  * @example
 
 console.log(getTimeslots("10:00", "14:00", 60, true)); //['10:00 - 11:00', '11:00 - 12:00', '12:00 - 13:00', '13:00 - 14:00']
 console.log(getTimeslots("10:00", "14:00", 60));   // ['10:00', '11:00', '12:00', '13:00']
+console.log(getTimeslots("10:00", "14:00", 60, false, true));   // ['10:00:00', '11:00:00', '12:00:00', '13:00:00', '14:00:00']
+console.log(getTimeslots("10:00", "10:07", 1.188118811881188));   // ['10:00', '10:01', '10:02', '10:03', '10:04', '10:05']
 console.log(getTimeslots("08:00:00", "08:02:00", 0.4));   // ['08:00:00', '08:00:24', '08:00:48', '08:01:12', '08:01:36', '08:02:00']
 
 */
 
 function getTimeslots(startTime, endTime, timeInterval) {
   var formatRange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var forceShowSeconds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   // Parse time string to seconds
   var parseTime = function parseTime(s) {
     var c = s.split(":").map(Number);
@@ -81,24 +86,32 @@ function getTimeslots(startTime, endTime, timeInterval) {
     return str.length < max ? pad("0" + str, max) : str;
   };
 
-  // Convert seconds to HH:mm:ss
-  var convertTime = function convertTime(secs) {
+  // Convert seconds to HH:mm or HH:mm:ss
+  var convertTime = function convertTime(secs, showSeconds) {
     var hour = Math.floor(secs / 3600);
     var min = Math.floor(secs % 3600 / 60);
     var sec = secs % 60;
-    return pad(hour, 2) + ":" + pad(min, 2) + ":" + pad(sec, 2);
+    if (showSeconds) {
+      return pad(hour, 2) + ":" + pad(min, 2) + ":" + pad(sec, 2);
+    } else {
+      return pad(hour, 2) + ":" + pad(min, 2);
+    }
   };
 
+  // Seconds are displayed only when timeInterval < 1
+  var showSeconds = forceShowSeconds || timeInterval < 1;
+  var intervalInSeconds = showSeconds ? Math.round(timeInterval * 60) : timeInterval * 60;
+
   // Calculate time slots
   var calculateTimeSlot = function calculateTimeSlot(_startTime, _endTime, _timeInterval) {
     var timeSlots = [];
     var currentTime = _startTime;
     while (currentTime <= _endTime) {
       if (formatRange) {
-        var t = convertTime(currentTime) + ' - ' + convertTime(Math.min(currentTime + _timeInterval, _endTime));
+        var t = convertTime(currentTime, showSeconds) + ' - ' + convertTime(Math.min(currentTime + _timeInterval, _endTime), showSeconds);
         timeSlots.push(t);
       } else {
-        timeSlots.push(convertTime(currentTime));
+        timeSlots.push(convertTime(currentTime, showSeconds));
       }
       currentTime += _timeInterval;
     }
@@ -106,9 +119,6 @@ function getTimeslots(startTime, endTime, timeInterval) {
   };
   var inputStartTime = parseTime(startTime);
   var inputEndTime = parseTime(endTime);
-  // If timeInterval is not an integer, treat as minutes with decimals, convert to seconds
-  var isDecimal = !Number.isInteger(timeInterval);
-  var intervalInSeconds = isDecimal ? Math.round(timeInterval * 60) : timeInterval * 60;
   return calculateTimeSlot(inputStartTime, inputEndTime, intervalInSeconds);
 }
 

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

@@ -1,5 +1,6 @@
 import React from 'react';
 export declare type TooltipProps = {
+    triggerClassName?: string;
     wrapperClassName?: string;
     /** The direction of the tip. Defaults to `top`. Possible values are: `top`, `top-right`, `top-left`, `bottom`, `bottom-right`, `bottom-left` */
     direction?: string;

package/lib/cjs/Tooltip/index.js

@@ -1473,7 +1473,8 @@ var useContainerDimensions = function useContainerDimensions(myRef) {
   return dimensions;
 };
 var Tooltip = function Tooltip(props) {
-  var wrapperClassName = props.wrapperClassName,
+  var triggerClassName = props.triggerClassName,
+    wrapperClassName = props.wrapperClassName,
     direction = props.direction,
     offset = props.offset,
     exceededSidePosOffset = props.exceededSidePosOffset,
@@ -1648,7 +1649,7 @@ var Tooltip = function Tooltip(props) {
   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", {
     ref: rootRef,
     "data-overlay-id": "tooltip__wrapper-".concat(idRes),
-    className: "tooltip__trigger d-inline-block",
+    className: (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_5__.combinedCls)('tooltip__trigger', (0,funda_utils_dist_cjs_cls__WEBPACK_IMPORTED_MODULE_5__.clsWrite)(triggerClassName, 'd-inline-block')),
     "data-microtip-position": direction || 'top',
     "data-microtip-size": size || 'auto',
     onMouseEnter: handleMouseEnter,

package/lib/cjs/Utils/time.d.ts

@@ -4,15 +4,19 @@
  * @param  {string} endTime  -  end time in format "HH:mm"
  * @param  {number} timeInterval  -  time interval in minutes
  * @param  {boolean} formatRange  -  if true returns ranges like "10:00 - 11:00", if false returns single times like "10:00"
+ * @param  {boolean} forceShowSeconds  -  Whether to force the display of seconds.
+ *                                        By default, seconds are displayed only when the timeInterval is less than 1
  * @returns {string[]} Array of time slots
  * @example
 
 console.log(getTimeslots("10:00", "14:00", 60, true)); //['10:00 - 11:00', '11:00 - 12:00', '12:00 - 13:00', '13:00 - 14:00']
 console.log(getTimeslots("10:00", "14:00", 60));   // ['10:00', '11:00', '12:00', '13:00']
+console.log(getTimeslots("10:00", "14:00", 60, false, true));   // ['10:00:00', '11:00:00', '12:00:00', '13:00:00', '14:00:00']
+console.log(getTimeslots("10:00", "10:07", 1.188118811881188));   // ['10:00', '10:01', '10:02', '10:03', '10:04', '10:05']
 console.log(getTimeslots("08:00:00", "08:02:00", 0.4));   // ['08:00:00', '08:00:24', '08:00:48', '08:01:12', '08:01:36', '08:02:00']
 
 */
-declare function getTimeslots(startTime: string, endTime: string, timeInterval: number, formatRange?: boolean): string[];
+declare function getTimeslots(startTime: string, endTime: string, timeInterval: number, formatRange?: boolean, forceShowSeconds?: boolean): string[];
 /**
  * Get minutes between two dates
  * @param  {Date} startDate  -  start date

package/lib/cjs/Utils/time.js

@@ -57,17 +57,22 @@ __webpack_require__.r(__webpack_exports__);
  * @param  {string} endTime  -  end time in format "HH:mm"
  * @param  {number} timeInterval  -  time interval in minutes
  * @param  {boolean} formatRange  -  if true returns ranges like "10:00 - 11:00", if false returns single times like "10:00"
+ * @param  {boolean} forceShowSeconds  -  Whether to force the display of seconds. 
+ *                                        By default, seconds are displayed only when the timeInterval is less than 1
  * @returns {string[]} Array of time slots
  * @example
 
 console.log(getTimeslots("10:00", "14:00", 60, true)); //['10:00 - 11:00', '11:00 - 12:00', '12:00 - 13:00', '13:00 - 14:00']
 console.log(getTimeslots("10:00", "14:00", 60));   // ['10:00', '11:00', '12:00', '13:00']
+console.log(getTimeslots("10:00", "14:00", 60, false, true));   // ['10:00:00', '11:00:00', '12:00:00', '13:00:00', '14:00:00']
+console.log(getTimeslots("10:00", "10:07", 1.188118811881188));   // ['10:00', '10:01', '10:02', '10:03', '10:04', '10:05']
 console.log(getTimeslots("08:00:00", "08:02:00", 0.4));   // ['08:00:00', '08:00:24', '08:00:48', '08:01:12', '08:01:36', '08:02:00']
 
 */
 
 function getTimeslots(startTime, endTime, timeInterval) {
   var formatRange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var forceShowSeconds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   // Parse time string to seconds
   var parseTime = function parseTime(s) {
     var c = s.split(":").map(Number);
@@ -81,24 +86,32 @@ function getTimeslots(startTime, endTime, timeInterval) {
     return str.length < max ? pad("0" + str, max) : str;
   };
 
-  // Convert seconds to HH:mm:ss
-  var convertTime = function convertTime(secs) {
+  // Convert seconds to HH:mm or HH:mm:ss
+  var convertTime = function convertTime(secs, showSeconds) {
     var hour = Math.floor(secs / 3600);
     var min = Math.floor(secs % 3600 / 60);
     var sec = secs % 60;
-    return pad(hour, 2) + ":" + pad(min, 2) + ":" + pad(sec, 2);
+    if (showSeconds) {
+      return pad(hour, 2) + ":" + pad(min, 2) + ":" + pad(sec, 2);
+    } else {
+      return pad(hour, 2) + ":" + pad(min, 2);
+    }
   };
 
+  // Seconds are displayed only when timeInterval < 1
+  var showSeconds = forceShowSeconds || timeInterval < 1;
+  var intervalInSeconds = showSeconds ? Math.round(timeInterval * 60) : timeInterval * 60;
+
   // Calculate time slots
   var calculateTimeSlot = function calculateTimeSlot(_startTime, _endTime, _timeInterval) {
     var timeSlots = [];
     var currentTime = _startTime;
     while (currentTime <= _endTime) {
       if (formatRange) {
-        var t = convertTime(currentTime) + ' - ' + convertTime(Math.min(currentTime + _timeInterval, _endTime));
+        var t = convertTime(currentTime, showSeconds) + ' - ' + convertTime(Math.min(currentTime + _timeInterval, _endTime), showSeconds);
         timeSlots.push(t);
       } else {
-        timeSlots.push(convertTime(currentTime));
+        timeSlots.push(convertTime(currentTime, showSeconds));
       }
       currentTime += _timeInterval;
     }
@@ -106,9 +119,6 @@ function getTimeslots(startTime, endTime, timeInterval) {
   };
   var inputStartTime = parseTime(startTime);
   var inputEndTime = parseTime(endTime);
-  // If timeInterval is not an integer, treat as minutes with decimals, convert to seconds
-  var isDecimal = !Number.isInteger(timeInterval);
-  var intervalInSeconds = isDecimal ? Math.round(timeInterval * 60) : timeInterval * 60;
   return calculateTimeSlot(inputStartTime, inputEndTime, intervalInSeconds);
 }
 

package/lib/esm/Tooltip/index.tsx

@@ -14,6 +14,7 @@ import { getElCSS } from 'funda-utils/dist/cjs/inputsCalculation';
 
 
 export type TooltipProps = {
+    triggerClassName?: string;
     wrapperClassName?: string;
 	/** The direction of the tip. Defaults to `top`. Possible values are: `top`, `top-right`, `top-left`, `bottom`, `bottom-right`, `bottom-left` */
 	direction?: string;
@@ -64,6 +65,7 @@ const useContainerDimensions = (myRef: any) => {
 
 const Tooltip = (props: TooltipProps) => {
     const {
+        triggerClassName,
         wrapperClassName,
         direction,
         offset,
@@ -267,7 +269,10 @@ const Tooltip = (props: TooltipProps) => {
             <div
                 ref={rootRef}
                 data-overlay-id={`tooltip__wrapper-${idRes}`}
-                className="tooltip__trigger d-inline-block"
+                className={combinedCls(
+                    'tooltip__trigger',
+                    clsWrite(triggerClassName, 'd-inline-block')
+                )}
                 data-microtip-position={direction || 'top'}
                 data-microtip-size={size || 'auto'}
                 onMouseEnter={handleMouseEnter}

package/lib/esm/Utils/libs/time.ts

@@ -1,14 +1,20 @@
+
+
 /**
  * Get timeslots from starting and ending time
  * @param  {string} startTime  -  start time in format "HH:mm"
  * @param  {string} endTime  -  end time in format "HH:mm"
  * @param  {number} timeInterval  -  time interval in minutes
  * @param  {boolean} formatRange  -  if true returns ranges like "10:00 - 11:00", if false returns single times like "10:00"
+ * @param  {boolean} forceShowSeconds  -  Whether to force the display of seconds. 
+ *                                        By default, seconds are displayed only when the timeInterval is less than 1
  * @returns {string[]} Array of time slots
  * @example
 
 console.log(getTimeslots("10:00", "14:00", 60, true)); //['10:00 - 11:00', '11:00 - 12:00', '12:00 - 13:00', '13:00 - 14:00']
 console.log(getTimeslots("10:00", "14:00", 60));   // ['10:00', '11:00', '12:00', '13:00']
+console.log(getTimeslots("10:00", "14:00", 60, false, true));   // ['10:00:00', '11:00:00', '12:00:00', '13:00:00', '14:00:00']
+console.log(getTimeslots("10:00", "10:07", 1.188118811881188));   // ['10:00', '10:01', '10:02', '10:03', '10:04', '10:05']
 console.log(getTimeslots("08:00:00", "08:02:00", 0.4));   // ['08:00:00', '08:00:24', '08:00:48', '08:01:12', '08:01:36', '08:02:00']
 
 */
@@ -17,7 +23,8 @@ function getTimeslots(
     startTime: string,
     endTime: string,
     timeInterval: number,
-    formatRange: boolean = false
+    formatRange: boolean = false,
+    forceShowSeconds = false
 ): string[] {
     // Parse time string to seconds
     const parseTime = (s: string): number => {
@@ -32,24 +39,33 @@ function getTimeslots(
         return str.length < max ? pad("0" + str, max) : str;
     }
 
-    // Convert seconds to HH:mm:ss
-    const convertTime = (secs: number): string => {
+    // Convert seconds to HH:mm or HH:mm:ss
+    const convertTime = (secs: number, showSeconds: boolean): string => {
         const hour = Math.floor(secs / 3600);
         const min = Math.floor((secs % 3600) / 60);
         const sec = secs % 60;
-        return pad(hour, 2) + ":" + pad(min, 2) + ":" + pad(sec, 2);
+        if (showSeconds) {
+            return pad(hour, 2) + ":" + pad(min, 2) + ":" + pad(sec, 2);
+        } else {
+            return pad(hour, 2) + ":" + pad(min, 2);
+        }
     }
 
+
+    // Seconds are displayed only when timeInterval < 1
+    const showSeconds = forceShowSeconds || timeInterval < 1;
+    const intervalInSeconds = showSeconds ? Math.round(timeInterval * 60) : timeInterval * 60;
+
     // Calculate time slots
     const calculateTimeSlot = (_startTime: number, _endTime: number, _timeInterval: number): string[] => {
         const timeSlots: string[] = [];
         let currentTime = _startTime;
         while (currentTime <= _endTime) {
             if (formatRange) {
-                const t = convertTime(currentTime) + ' - ' + convertTime(Math.min(currentTime + _timeInterval, _endTime));
+                const t = convertTime(currentTime, showSeconds) + ' - ' + convertTime(Math.min(currentTime + _timeInterval, _endTime), showSeconds);
                 timeSlots.push(t);
             } else {
-                timeSlots.push(convertTime(currentTime));
+                timeSlots.push(convertTime(currentTime, showSeconds));
             }
             currentTime += _timeInterval;
         }
@@ -58,13 +74,12 @@ function getTimeslots(
 
     const inputStartTime = parseTime(startTime);
     const inputEndTime = parseTime(endTime);
-    // If timeInterval is not an integer, treat as minutes with decimals, convert to seconds
-    const isDecimal = !Number.isInteger(timeInterval);
-    const intervalInSeconds = isDecimal ? Math.round(timeInterval * 60) : timeInterval * 60;
+
     return calculateTimeSlot(inputStartTime, inputEndTime, intervalInSeconds);
 }
 
 
+
 /**
  * Get minutes between two dates
  * @param  {Date} startDate  -  start date
@@ -93,7 +108,7 @@ function getMinutesBetweenTime(startTime: string, endTime: string) {
         
     if (diff < 0) { sMin -= 12 * 60; diff = eMin - sMin }
     const h = Math.floor(diff / 60),
-          m = diff % 60;
+        m = diff % 60;
     return "" + pad(h) + ":" + pad(m);
 }
 
@@ -122,6 +137,3 @@ export {
     convertTimeToMin
 };
 
-
-
-

package/package.json

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