funda-ui 4.7.111 → 4.7.125

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

@@ -205,6 +205,25 @@ function getSpecifiedDate(v: Date | string, days: number): string {
     return specifiedDay;
 }
 
+/**
+ * Calculates the total number of days from today going back a specified number of months.
+ *
+ * @param {number} monthsAgo - The number of months to go back (e.g., 3 means the past 3 months).
+ * @returns {number} The total number of days between the calculated past date and today.
+ *
+ * @example
+ * getDaysInLastMonths(3); // Returns number of days in the past 3 months
+ */
+function getDaysInLastMonths(monthsAgo: number = 3): number {
+    const today: Date = new Date();
+    const pastDate: Date = new Date();
+    pastDate.setMonth(today.getMonth() - monthsAgo);
+
+    const diffInMs: number = today.getTime() - pastDate.getTime();
+    const diffInDays: number = Math.round(diffInMs / (1000 * 60 * 60 * 24));
+
+    return diffInDays;
+}
 
 
 /**
@@ -304,28 +323,26 @@ function getCurrentYear(): number {
 /**
  * Get current month
  * @param {Boolean} padZeroEnabled 
- * @returns {Number}
+ * @returns {Number|String}
  */
-function getCurrentMonth(padZeroEnabled: boolean = true): number {
-    const m: any = new Date().getMonth() + 1;
+function getCurrentMonth(padZeroEnabled: boolean = true): string | number {
+    const m: number = new Date().getMonth() + 1;
     return padZeroEnabled ? String(m).padStart(2, '0') : m;
 }
 
 
-
 /**
  * Get current day
  * @param {Boolean} padZeroEnabled 
- * @returns {Number}
+ * @returns {Number|String}
  */
-function getCurrentDay(padZeroEnabled: boolean = true): number {
-    const d: any = new Date().getDate();
+function getCurrentDay(padZeroEnabled: boolean = true): string | number {
+    const d: number = new Date().getDate();
     return padZeroEnabled ? String(d).padStart(2, '0') : d;
 }
 
 
 
-
 /**
  * Get first and last month day
  * @param {Number} v 
@@ -562,7 +579,10 @@ export {
     getPrevMonthDate,
     getNextYearDate,
     getPrevYearDate,
+
+    //
     getSpecifiedDate,
+    getDaysInLastMonths,
 
 
     // convert

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

@@ -0,0 +1,125 @@
+/**
+ * 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"
+ * @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']
+*/
+
+function getTimeslots(
+    startTime: string,
+    endTime: string,
+    timeInterval: number,
+    formatRange: boolean = false
+): string[] {
+    const parseTime = (s: string): number => {
+        const c = s.split(':');
+        return parseInt(c[0]) * 60 + parseInt(c[1]);
+    }
+
+    const convertHours = (mins: number): string => {
+        const hour = Math.floor(mins / 60);
+        mins = Math.trunc(mins % 60);
+        const converted = pad(hour, 2) + ':' + pad(mins, 2);
+        return converted;
+    }
+
+    const pad = (str: string | number, max: number): string => {
+        str = str.toString();
+        return str.length < max ? pad("0" + str, max) : str;
+    }
+
+    // calculate time slot
+    const calculateTimeSlot = (_startTime: number, _endTime: number, _timeInterval: number): string[] => {
+        const timeSlots: string[] = [];
+        // Round start and end times to next 30 min interval
+        _startTime = Math.ceil(_startTime / 30) * 30;
+        _endTime = Math.ceil(_endTime / 30) * 30;
+
+        // Start and end of interval in the loop
+        let currentTime = _startTime;
+        while (currentTime < _endTime) {
+            if (formatRange) {
+                const t = convertHours(currentTime) + ' - ' + convertHours(currentTime + _timeInterval);
+                timeSlots.push(t);
+            } else {
+                timeSlots.push(convertHours(currentTime));
+            }
+            currentTime += _timeInterval;
+        }
+        return timeSlots;
+    }
+
+    const inputEndTime = parseTime(endTime);
+    const inputStartTime = parseTime(startTime);
+    const timeSegment = calculateTimeSlot(inputStartTime, inputEndTime, timeInterval);
+
+    return timeSegment;
+}
+
+
+/**
+ * Get minutes between two dates
+ * @param  {Date} startDate  -  start date
+ * @param  {Date} endDate  -  ebd date
+ * @returns Number
+ */
+function getMinutesBetweenDates(startDate, endDate) {
+    const diff = endDate.getTime() - startDate.getTime();
+    return (diff / 60000);
+}
+
+
+/**
+ * Get minutes between two time
+ * @param  {String} startTime  -  start time
+ * @param  {String} endTime  -  ebd time
+ * @returns Number
+ */
+function getMinutesBetweenTime(startTime, endTime) {
+    const pad = (num) => {
+        return ("0" + num).slice(-2);
+    };
+    let s = startTime.split(":"), sMin = +s[1] + s[0] * 60,
+        e = endTime.split(":"), eMin = +e[1] + e[0] * 60,
+        diff = eMin - sMin;
+        
+    if (diff < 0) { sMin -= 12 * 60; diff = eMin - sMin }
+    const h = Math.floor(diff / 60),
+          m = diff % 60;
+    return "" + pad(h) + ":" + pad(m);
+}
+
+
+
+/**
+ * Convert HH:MM:SS into minute
+ * @param  {String} timeStr  -  time string
+ * @returns Number
+ */
+function convertTimeToMin(timeStr) {
+    const _time = timeStr.split(':').length === 3 ?  `${timeStr}` : `${timeStr}:00`;
+
+    const res = _time.split(':'); // split it at the colons
+
+    // Hours are worth 60 minutes.
+    const minutes = (+res[0]) * 60 + (+res[1]);
+    return minutes;
+}
+
+
+export {
+    getTimeslots,
+    getMinutesBetweenDates,
+    getMinutesBetweenTime,
+    convertTimeToMin
+};
+
+
+
+

package/lib/esm/index.js

@@ -33,6 +33,7 @@ export { default as Scrollbar } from './Scrollbar';
 export { default as SearchBar } from './SearchBar';
 export { default as Select } from './Select';
 export { default as ShowMoreLess } from './ShowMoreLess';
+export { default as SplitterPanel } from './SplitterPanel';
 export { default as Stepper } from './Stepper';
 export { default as Switch } from './Switch';
 export { default as Table } from './Table';

package/package.json

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

package/Utils/useGlobalUrlListener.d.ts

@@ -1,2 +0,0 @@
-declare const useGlobalUrlListener: () => string;
-export default useGlobalUrlListener;

package/Utils/useGlobalUrlListener.js

@@ -1,157 +0,0 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"));
-	else if(typeof define === 'function' && define.amd)
-		define(["react"], factory);
-	else if(typeof exports === 'object')
-		exports["RPB"] = factory(require("react"));
-	else
-		root["RPB"] = factory(root["React"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE__787__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 787:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * Global Url Listener (including micro frontends, frameworks, hashes, etc., applicable to multiple react app)
- * 
- * @usage:
-
-const App = () => {
-    const url = useGlobalUrlListener();
-
-    useEffect(() => {
-        console.log("URL changed:", url);
-    }, [url]);
-};
-
- */
-
-var useGlobalUrlListener = function useGlobalUrlListener() {
-  // Initialize state with empty string to avoid SSR issues
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    url = _useState2[0],
-    setUrl = _useState2[1];
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    // Type guard for SSR
-    if (typeof window === 'undefined') return;
-
-    // Initialize the URL on the client side
-    setUrl(window.location.href);
-
-    // Create MutationObserver instance
-    var observer = new MutationObserver(function () {
-      setUrl(window.location.href);
-    });
-
-    // Start observing
-    observer.observe(document, {
-      subtree: true,
-      childList: true
-    });
-
-    // Cleanup function
-    return function () {
-      return observer.disconnect();
-    };
-  }, []);
-  return url;
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useGlobalUrlListener);
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});

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

@@ -1,2 +0,0 @@
-declare const useGlobalUrlListener: () => string;
-export default useGlobalUrlListener;

package/lib/cjs/Utils/useGlobalUrlListener.js

@@ -1,157 +0,0 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("react"));
-	else if(typeof define === 'function' && define.amd)
-		define(["react"], factory);
-	else if(typeof exports === 'object')
-		exports["RPB"] = factory(require("react"));
-	else
-		root["RPB"] = factory(root["React"]);
-})(this, (__WEBPACK_EXTERNAL_MODULE__787__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 787:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__787__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/compat get default export */
-/******/ 	(() => {
-/******/ 		// getDefaultExport function for compatibility with non-harmony modules
-/******/ 		__webpack_require__.n = (module) => {
-/******/ 			var getter = module && module.__esModule ?
-/******/ 				() => (module['default']) :
-/******/ 				() => (module);
-/******/ 			__webpack_require__.d(getter, { a: getter });
-/******/ 			return getter;
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(787);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * Global Url Listener (including micro frontends, frameworks, hashes, etc., applicable to multiple react app)
- * 
- * @usage:
-
-const App = () => {
-    const url = useGlobalUrlListener();
-
-    useEffect(() => {
-        console.log("URL changed:", url);
-    }, [url]);
-};
-
- */
-
-var useGlobalUrlListener = function useGlobalUrlListener() {
-  // Initialize state with empty string to avoid SSR issues
-  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    url = _useState2[0],
-    setUrl = _useState2[1];
-  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
-    // Type guard for SSR
-    if (typeof window === 'undefined') return;
-
-    // Initialize the URL on the client side
-    setUrl(window.location.href);
-
-    // Create MutationObserver instance
-    var observer = new MutationObserver(function () {
-      setUrl(window.location.href);
-    });
-
-    // Start observing
-    observer.observe(document, {
-      subtree: true,
-      childList: true
-    });
-
-    // Cleanup function
-    return function () {
-      return observer.disconnect();
-    };
-  }, []);
-  return url;
-};
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (useGlobalUrlListener);
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});

package/lib/esm/Utils/hooks/useGlobalUrlListener.tsx

@@ -1,46 +0,0 @@
-/**
- * Global Url Listener (including micro frontends, frameworks, hashes, etc., applicable to multiple react app)
- * 
- * @usage:
-
-const App = () => {
-    const url = useGlobalUrlListener();
-
-    useEffect(() => {
-        console.log("URL changed:", url);
-    }, [url]);
-};
-
- */
-import { useEffect, useState } from "react";
-
-const useGlobalUrlListener = (): string => {
-    // Initialize state with empty string to avoid SSR issues
-    const [url, setUrl] = useState<string>('');
-
-    useEffect(() => {
-        // Type guard for SSR
-        if (typeof window === 'undefined') return;
-
-        // Initialize the URL on the client side
-        setUrl(window.location.href);
-
-        // Create MutationObserver instance
-        const observer: MutationObserver = new MutationObserver(() => {
-            setUrl(window.location.href);
-        });
-
-        // Start observing
-        observer.observe(document, { 
-            subtree: true, 
-            childList: true 
-        });
-
-        // Cleanup function
-        return () => observer.disconnect();
-    }, []);
-
-    return url;
-};
-
-export default useGlobalUrlListener;