@react-fabric/utilities 1.0.0-beta.8 → 1.0.1

package/dist/cjs/css/boundingBox.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var isEmpty = require('../matchers/isEmpty.js');
+
+function _getBox(box) {
+  var boundingBox;
+  if (isEmpty.isEmpty(box)) return [0, 0, 0, 0];
+  if (typeof box === "string") {
+    boundingBox = box.split(",").map(function (b) {
+      return parseInt(b, 10);
+    });
+  } else {
+    boundingBox = box;
+  }
+  return boundingBox;
+}
+
+/**
+ * Get box dimensions from a string or array.
+ * The box can be in the format "x,y,w,h" or [x,y,w,h].
+ * The box is adjusted to ensure that x and y are non-negative.
+ * The width and height are adjusted accordingly.
+ *
+ * @param box "x,y,w,h" | [x,y,w,h]
+ * @returns canvas box [x,y,w,h]
+ */
+function getBox() {
+  var box = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "0,0,0,0";
+  var boundingBox = _getBox(box);
+  var _boundingBox = _slicedToArray(boundingBox, 4),
+    x = _boundingBox[0],
+    y = _boundingBox[1],
+    w = _boundingBox[2],
+    h = _boundingBox[3];
+  w = x < 0 ? w + x : w;
+  h = y < 0 ? h + y : h;
+  x = x > 0 ? x : 0;
+  y = y > 0 ? y : 0;
+  return [x, y, w, h];
+}
+
+/**
+ * Get bounding box dimensions from a string or array.
+ * The box can be in the format "x1,y1,x2,y2" or [x1,y1,x2,y2].
+ * The box is adjusted to ensure that x1 and y1 are non-negative.
+ * The width and height are calculated as x2 - x1 and y2 - y1 respectively.
+ * If x1 or y1 are negative, they are set to 0 and the width and height are adjusted accordingly.
+ * This is useful for ensuring that the bounding box is always within the canvas area.
+ *
+ * @param box "x1,y1,x2,y2" | [x1,y1,x2,y2]
+ * @returns canvas box [x,y,w,h]
+ */
+function getBoundingBox() {
+  var box = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "0,0,0,0";
+  var boundingBox = _getBox(box);
+
+  // eslint-disable-next-line prefer-const
+  var _boundingBox2 = _slicedToArray(boundingBox, 4),
+    x1 = _boundingBox2[0],
+    y1 = _boundingBox2[1],
+    x2 = _boundingBox2[2],
+    y2 = _boundingBox2[3];
+  var w = x2 - x1;
+  var h = y2 - y1;
+  x1 = x1 > 0 ? x1 : 0;
+  y1 = y1 > 0 ? y1 : 0;
+  return [x1, y1, w, h];
+}
+
+exports.getBoundingBox = getBoundingBox;
+exports.getBox = getBox;

package/dist/cjs/css/cn.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+/**
+ * React Fabric
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+var cn = function cn() {
+  for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
+    classes[_key] = arguments[_key];
+  }
+  // test
+  return tailwindMerge.twMerge(clsx.clsx(classes));
+};
+
+exports.cn = cn;

package/dist/cjs/css/imageColorset.js

@@ -0,0 +1,96 @@
+'use strict';
+
+var chroma = require('chroma-js');
+
+/**
+ * React Fabric
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+
+/**
+ * Get the color set of an image element.
+ * This function analyzes the pixel data of an image to determine if it is predominantly light or dark.
+ * It returns "light", "dark", or "light_transparent"/"dark_transparent" based on the pixel analysis.
+ * It uses a canvas to draw the image and extract pixel data for analysis.
+ * * The function calculates the brightness of each pixel using the formula:
+ *  brightness = 0.2126 * R + 0.7152 * G + 0.0722 * B
+ * * It counts the number of light and dark pixels, and determines the overall color set based on the ratio of light to dark pixels.
+ * * If the image has transparent pixels, it appends "_transparent" to the result.
+ * * This function is useful for determining the color scheme of an image, which can be helpful for UI design,
+ *   theming, and accessibility considerations.
+ */
+function getImageColorset(el) {
+  var transparentOnly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  // create canvas
+  var canvas = document.createElement("canvas");
+  canvas.width = Math.min(500, el.naturalWidth);
+  canvas.height = Math.min(500, el.naturalHeight);
+  var ctx = canvas.getContext("2d");
+  if (ctx != null) {
+    ctx.drawImage(el, 0, 0, el.naturalWidth, el.naturalHeight, 0, 0, canvas.width, canvas.height);
+    var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+    var data = imageData.data;
+    var r, g, b;
+    var dark = 0;
+    var light = 0;
+    var totalPixels = 0;
+    var transparent = (data === null || data === void 0 ? void 0 : data[3]) === 0;
+    for (var x = 0, len = data.length; x < len; x += 4) {
+      if (transparentOnly && data[x + 3] / 255 > 0.9) {
+        continue;
+      }
+      if (data[x + 3] === 0) {
+        transparent = true;
+        continue;
+      }
+      if (data[x + 3] < 255) {
+        transparent = true;
+      }
+      r = data[x];
+      g = data[x + 1];
+      b = data[x + 2];
+      var l = chroma([r, g, b]).lab()[0];
+      if (transparentOnly) {
+        l < 35 && (dark++, totalPixels++);
+        l > 65 && (light++, totalPixels++);
+      } else {
+        l < 50 && (dark++, totalPixels++);
+        l >= 50 && (light++, totalPixels++);
+      }
+    }
+    if (totalPixels === 0) return "auto";
+    var diff = light / totalPixels - dark / totalPixels;
+    var ret = diff > 0 ? "light" : "dark";
+    if (!transparentOnly && transparent) {
+      ret += "_transparent";
+    }
+    return ret;
+  }
+  return "light";
+}
+if (typeof window !== "undefined")
+  // @ts-expect-error ignore
+  window.getImageColorset = getImageColorset;
+
+exports.getImageColorset = getImageColorset;

package/dist/cjs/data/countries.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var worldCountries = require('world-countries');
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Country list with helper functions
+ * This is a list of all countries with their details.
+ * It includes information such as continent, ISO codes, name, full name, capital, top-level domain (TLD), currency, phone code, and emoji.
+ * This list can be used to retrieve country information based on various codes or names.
+ * @type {Country[]}
+ */
+var Countries = {
+  /**
+   * Get ISO2 country code
+   *
+   * @param code - The country code to search for. It can be an ISO2 code, ISO3 code, or an alternative code.
+   * @return {string | undefined} - Returns the ISO2 country code if found, otherwise undefined.
+   */
+  toIso2: function toIso2(code) {
+    var ctry = this.find(code);
+    return ctry != null ? ctry.cca2 : undefined;
+  },
+  /**
+   * Get ISO3 country code
+   *
+   * @param code - The country code to search for. It can be an ISO2 code, ISO3 code, or an alternative code.
+   * @return {string | undefined} - Returns the ISO3 country code if found, otherwise undefined.
+   */
+  toIso3: function toIso3(code) {
+    var ctry = this.find(code);
+    return ctry != null ? ctry.cca3 : undefined;
+  },
+  /**
+   * Get country emoji
+   *
+   * @param code - The country code to search for. It can be an ISO2 code, ISO3 code, or an alternative code.
+   * @return {string} - Returns the emoji representation of the country if found, otherwise returns a default flag emoji.
+   */
+  emoji: function emoji(code) {
+    var ctry = this.find(code);
+    return ctry != null ? ctry.flag : "🏳️";
+  },
+  /**
+   * Get country name
+   *
+   * @param code - The country code to search for. It can be an ISO2 code, ISO3 code, or an alternative code.
+   * @return {string} - Returns the name of the country if found, otherwise returns the code itself.
+   */
+  name: function name(code) {
+    var ctry = this.find(code);
+    return ctry != null ? ctry.name.common : code;
+  },
+  /**
+   * This function searches for a country in the list by its code.
+   * It supports various formats:
+   * - ISO2 code (e.g., "US")
+   * - ISO3 code (e.g., "USA")
+   * - Alternative code (e.g., "US", "USA", "United States")
+   * It returns the first matching country object or undefined if not found.
+   * This function is useful for retrieving country details based on different code formats.
+   *
+   * @param code - The country code to search for. It can be an ISO2 code, ISO3 code, or an alternative code.
+   * @return {Country | undefined} - Returns the country object if found, otherwise undefined.
+   */
+  find: function find(code) {
+    return this.list.find(function (ct) {
+      var _ct$cioc;
+      return ((_ct$cioc = ct.cioc) !== null && _ct$cioc !== void 0 ? _ct$cioc : "__").toLowerCase() === code.toLowerCase() || ct.cca2.toLowerCase() === code.toLowerCase() || ct.cca3.toLowerCase() === code.toLowerCase();
+    });
+  },
+  /**
+   * Country list
+   * This is a list of all countries with their details.
+   * It includes information such as continent, ISO codes, name, full name, capital, top-level domain (TLD), currency, phone code, and emoji.
+   * This list can be used to retrieve country information based on various codes or names.
+   *
+   * @type {Country[]}
+   */
+  list: worldCountries.map(function (ct) {
+    var _ct$idd$suffixes$, _ct$idd$suffixes, _Object$entries$pop, _Object$entries$pop2;
+    return _objectSpread(_objectSpread({}, ct), {}, {
+      iconCode: ct.cca2.toLowerCase(),
+      alpha: ct.name.common.charAt(0),
+      phone: "".concat(ct.idd.root).concat((_ct$idd$suffixes$ = (_ct$idd$suffixes = ct.idd.suffixes) === null || _ct$idd$suffixes === void 0 ? void 0 : _ct$idd$suffixes[0]) !== null && _ct$idd$suffixes$ !== void 0 ? _ct$idd$suffixes$ : ""),
+      region: ct.region === "Americas" ? ct.subregion : ct.region,
+      currency: ct.currencies ? _objectSpread(_objectSpread({}, (_Object$entries$pop = Object.entries(ct.currencies).pop()) === null || _Object$entries$pop === void 0 ? void 0 : _Object$entries$pop[1]), {}, {
+        code: "".concat((_Object$entries$pop2 = Object.entries(ct.currencies).pop()) === null || _Object$entries$pop2 === void 0 ? void 0 : _Object$entries$pop2[0])
+      }) : {
+        code: "UNK"
+      }
+    });
+  })
+};
+
+module.exports = Countries;

package/dist/cjs/{_fileType.js → data/fileType.js}

@@ -2,32 +2,47 @@
 
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 
-/*
+/**
  * React Fabric
- * @version: 1.0.0
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 2024 Adarsh Pastakia
  *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
  *
- * The MIT License (MIT)
- * Copyright (c) 2024 Adarsh Pastakia
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
  *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
- * and associated documentation files (the "Software"), to deal in the Software without restriction,
- * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
- * subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial
- * portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
- * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
- * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
  */
 
 /* istanbul ignore file */
 
-var _fileType = {
+/**
+ * File type utility to get the file type from a MIME type.
+ * This utility provides a mapping of common MIME types to their human-readable names.
+ * It can be used to display file types in a user-friendly manner.
+ */
+var fileType = {
+  /**
+   * Get the human-readable file type from a MIME type.
+   * This method looks up the MIME type in a predefined list
+   * and returns a user-friendly name.
+   *
+   * @param mime MIME type string, e.g. "application/pdf"
+   * @returns {string} - The human-readable file type.
+   */
   mime: function mime() {
     var mime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
     var ret = this.mimeList[mime.split(";")[0]];
@@ -40,6 +55,9 @@ var _fileType = {
     }
     return ret || "Unknown type";
   },
+  /**
+   * List of common MIME types and their human-readable names.
+   */
   mimeList: {
     "application/x-tika-msoffice": "Microsft Office File",
     "application/x-tika-ooxml": "Open Office File",
@@ -964,4 +982,4 @@ var _fileType = {
   }
 };
 
-module.exports = _fileType;
+module.exports = fileType;

package/dist/cjs/data/format.js

@@ -0,0 +1,136 @@
+'use strict';
+
+var dateFns = require('date-fns');
+var libphonenumberJs = require('libphonenumber-js');
+var numeral = require('numeral');
+var countries = require('./countries.js');
+var isEmpty = require('../matchers/isEmpty.js');
+var nullChecks = require('../matchers/nullChecks.js');
+
+/**
+ * React Fabric
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+
+/**
+ * Format utility functions for various data types.
+ * This namespace provides methods to format phone numbers, numbers, bytes, percentages, dates, and durations.
+ */
+exports.Format = void 0;
+(function (_Format) {
+  function getPhone(value, country) {
+    var phone = value.match(/^[0+]/) != null ? value.replace(/^00/, "+") : "+".concat(value);
+    var number = libphonenumberJs.parsePhoneNumberFromString(phone, country);
+    /* istanbul ignore next */
+    return number !== null && number !== void 0 ? number : {
+      country: "",
+      formatInternational: function formatInternational() {
+        return value;
+      }
+    };
+  }
+  function numberFormat(number) {
+    var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "0,0[.]00a";
+    if (nullChecks.isNil(number)) {
+      return "";
+    }
+    var prefix = "".concat(number).startsWith("+") ? "+" : "";
+    return prefix + numeral(number).format(format);
+  }
+  function makeDuration(value) {
+    var fmt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "HH:mm:ss.SSS";
+    if (!isNaN(value)) {
+      var days = dateFns.differenceInDays(value, 0);
+      var prefix = days > 0 ? "".concat(days, "d:") : "";
+      var time = dateFns.format(dateFns.parseISO(new Date(value).toISOString().replace("Z", "")), fmt);
+      if (!prefix) time = time.replace(/^00:/, "");
+      return "".concat(prefix).concat(time);
+    }
+  }
+
+  /**
+   * Format phone number with country flag or emoji.
+   * It takes a phone number string, a country code, and a boolean to indicate whether to use CSS classes for flags.
+   * If the phone number is empty, less than 6 characters, or does not match the regex for valid phone numbers,
+   * it returns the original value.
+   * If the phone number is valid, it formats the phone number using `libphonenumber-js` and returns it with the country flag or emoji.
+   * The country flag is represented as a CSS class, and the emoji is obtained from the `Countries` module.
+   *
+   * @param {string} value - The phone number to format.
+   * @param {string} country - The country code to use for formatting.
+   * @param {boolean} useCss - Whether to use CSS classes for flags.
+   * @returns {string} The formatted phone number with country flag or emoji.
+   */
+  function phone(value) {
+    var _phone$country;
+    var country = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "AE";
+    var useCss = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    if (isEmpty.isEmpty(value) || value.length < 6 || !/^[\d+\s\-()]+$/.test(value)) return value;
+    var phone = getPhone(value, country);
+    /* istanbul ignore next */
+    return "".concat(useCss ? "<span class=\"iconify-color circle-flags--".concat(phone.country, "\"></span>") : countries.emoji((_phone$country = phone.country) !== null && _phone$country !== void 0 ? _phone$country : ""), " ").concat(phone.formatInternational());
+  }
+  _Format.phone = phone;
+  function number(number, format) {
+    return numberFormat(number, format);
+  }
+  _Format.number = number;
+  function bytes(number) {
+    return numberFormat(number, "0,0[.]00b");
+  }
+  _Format.bytes = bytes;
+  function percent(number) {
+    return numberFormat(number, "0,0[.]00%");
+  }
+  _Format.percent = percent;
+  function date(date) {
+    var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "d-M-y";
+    return date ? dateFns.format(new Date(date), format) : "";
+  }
+  _Format.date = date;
+  function duration(number, isFraction) {
+    var _makeDuration;
+    if (nullChecks.isNil(number)) {
+      return "00:00.000";
+    }
+    if (number === Infinity) {
+      return "∞";
+    }
+    var value = parseFloat("".concat(number)) * (isFraction ? 1000 : 1);
+    return (_makeDuration = makeDuration(value)) !== null && _makeDuration !== void 0 ? _makeDuration : "00:00.000";
+  }
+  _Format.duration = duration;
+  function durationSeconds(number, isFraction) {
+    var _makeDuration2;
+    if (nullChecks.isNil(number)) {
+      return "00:00";
+    }
+    if (number === Infinity) {
+      return "∞";
+    }
+    var value = parseFloat("".concat(number)) * (isFraction ? 1000 : 1);
+    return (_makeDuration2 = makeDuration(value, "HH:mm:ss")) !== null && _makeDuration2 !== void 0 ? _makeDuration2 : "00:00";
+  }
+  _Format.durationSeconds = durationSeconds;
+})(exports.Format || (exports.Format = {}));

package/dist/cjs/helpers/debounce.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+
+/**
+ * React Fabric
+ * @version 1.0.0
+ * @license MIT
+ * @copyright 2024 Adarsh Pastakia
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+
+/* istanbul ignore file */
+
+/**
+ * Debounce function to limit the rate at which a function can fire.
+ * It will delay the execution of the function until after a specified timeout
+ * has elapsed since the last time the function was invoked.
+ *
+ * @param fn - The function to debounce.
+ * @param timeout - The number of milliseconds to wait before invoking the function.
+ * @returns A debounced version of the function that can be called with any arguments.
+ *          The debounced function also has a `cancel` method to clear the timeout.
+ */
+function debounce(fn) {
+  var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
+  /** ***************** create debounce timer id using callback hash *******************/
+  var _timer;
+
+  /** ***************** return debounced function *******************/
+  var cb = function cb() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    clearTimeout(_timer);
+    if (typeof window !== "undefined") _timer = window.setTimeout(function () {
+      return fn === null || fn === void 0 ? void 0 : fn.apply(void 0, _toConsumableArray(args));
+    }, timeout);
+  };
+  cb.cancel = function () {
+    return clearTimeout(_timer);
+  };
+  return cb;
+}
+
+exports.debounce = debounce;