npm - @react-fabric/utilities - Versions diffs - 1.0.0-beta.61 → 1.0.0-beta.63 - Mend

@react-fabric/utilities 1.0.0-beta.61 → 1.0.0-beta.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/cjs/_fetch.js +13 -14
package/dist/cjs/_getByPath.js +4 -4
package/dist/cjs/_isEqual.js +7 -23
package/dist/cjs/getImageColorset.js +17 -5
package/dist/cjs/index.js +6 -0
package/dist/cjs/useLogger.js +29 -30
package/dist/esm/_fetch.js +13 -14
package/dist/esm/_getByPath.js +4 -4
package/dist/esm/_isEqual.js +7 -23
package/dist/esm/getImageColorset.js +17 -5
package/dist/esm/index.js +6 -1
package/dist/esm/useLogger.js +29 -30
package/dist/types/getImageColorset.d.ts +1 -1
package/dist/types/index.d.ts +1 -0
package/package.json +6 -5
package/src/_fetch.ts +0 -2
package/src/_isEqual.ts +3 -2
package/src/getImageColorset.ts +20 -6
package/src/index.ts +2 -0
package/src/useLogger.ts +0 -1

package/dist/cjs/_fetch.js CHANGED Viewed

@@ -24,9 +24,9 @@ var _signals = new Map();
  * @throws An error if the request fails or if the response contains an error code.
  */
 var _fetch = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(method, url, _ref) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(method, url, _ref) {
     var _ref$headers, headers, body, signal, options, _s, ac;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _ref$headers = _ref.headers, headers = _ref$headers === void 0 ? {} : _ref$headers, body = _ref.body, signal = _ref.signal;
@@ -56,29 +56,29 @@ var _fetch = /*#__PURE__*/function () {
           } else if (signal instanceof AbortSignal) {
             options.signal = signal;
           }
-          _context2.next = 7;
+          _context2.next = 1;
           return fetch(url, _objectSpread(_objectSpread({}, options), {}, {
             headers: headers
-          })).then( /*#__PURE__*/function () {
-            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resp) {
-              return _regeneratorRuntime.wrap(function _callee$(_context) {
+          })).then(/*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resp) {
+              return _regeneratorRuntime.wrap(function (_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
                     if (!(resp.status >= 200 && resp.status < 300)) {
-                      _context.next = 4;
+                      _context.next = 2;
                       break;
                     }
-                    _context.next = 3;
+                    _context.next = 1;
                     return resp.json();
-                  case 3:
+                  case 1:
                     return _context.abrupt("return", _context.sent);
-                  case 4:
+                  case 2:
                     throw {
                       status: resp.status,
                       code: -1,
                       message: resp.statusText
                     };
-                  case 5:
+                  case 3:
                   case "end":
                     return _context.stop();
                 }
@@ -93,7 +93,6 @@ var _fetch = /*#__PURE__*/function () {
             var code = (_ref4 = (_resp$error_code = resp.error_code) !== null && _resp$error_code !== void 0 ? _resp$error_code : resp.errorCode) !== null && _ref4 !== void 0 ? _ref4 : resp.error;
             var message = (_ref5 = (_resp$error_message = resp.error_message) !== null && _resp$error_message !== void 0 ? _resp$error_message : resp.errorMessage) !== null && _ref5 !== void 0 ? _ref5 : resp.message;
             if (resp.status === "error" || code) {
-              // eslint-disable-next-line @typescript-eslint/no-throw-literal
               throw {
                 status: 500,
                 code: code,
@@ -102,9 +101,9 @@ var _fetch = /*#__PURE__*/function () {
             }
             return resp;
           });
-        case 7:
+        case 1:
           return _context2.abrupt("return", _context2.sent);
-        case 8:
+        case 2:
         case "end":
           return _context2.stop();
       }

package/dist/cjs/_getByPath.js CHANGED Viewed

@@ -25,7 +25,7 @@ var _isType = require('./_isType.js');
  * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-var _get = function _get(hit, field) {
+var _get2 = function _get(hit, field) {
   /** ***************** return if object is empty *******************/
   /* istanbul ignore next */
   if (_isType.isNil(hit)) {
@@ -68,7 +68,7 @@ var _get = function _get(hit, field) {
               /** ***************** return array map of inner propeties *******************/
               return {
                 v: currentValue.map(function (val) {
-                  return _get(val, innerPath);
+                  return _get2(val, innerPath);
                 }).filter(function (val) {
                   return !_isType.isEmpty(val);
                 })
@@ -76,7 +76,7 @@ var _get = function _get(hit, field) {
             } else {
               /** ***************** return value of remaining path *******************/
               return {
-                v: _get(currentValue, innerPath)
+                v: _get2(currentValue, innerPath)
               };
             }
           }
@@ -107,7 +107,7 @@ var getByPath = function getByPath(obj, path) {
   if (_isType.isEmpty(obj) || _isType.isEmpty(path)) {
     return defaultValue;
   }
-  var value = _get(obj, path);
+  var value = _get2(obj, path);
   if (!_isType.isNil(value)) {
     return value;
   }

package/dist/cjs/_isEqual.js CHANGED Viewed

@@ -1,6 +1,7 @@
 'use strict';
 var _ascii = require('./_ascii.js');
+var _getByPath = require('./_getByPath.js');
 var _isType = require('./_isType.js');
 /*
@@ -41,7 +42,7 @@ var _isType = require('./_isType.js');
  * @param {unknown} test - The second value to compare against the first.
  * @returns {boolean} - Returns true if the values are equal, false otherwise.
  */
-var isEqual = function isEqual(obj, test) {
+var _isEqual = function isEqual(obj, test) {
   if (_isType.isNil(obj) && _isType.isNil(test)) {
     return true;
   }
@@ -54,7 +55,7 @@ var isEqual = function isEqual(obj, test) {
     }
     // check if some value is false
     return !obj.some(function (o, i) {
-      return !isEqual(o, test[i]);
+      return !_isEqual(o, test[i]);
     });
   } else if (_isType.isObject(obj) && _isType.isObject(test)) {
     var okeys = Object.keys(obj);
@@ -71,28 +72,11 @@ var isEqual = function isEqual(obj, test) {
     }
     // check if some value is false
     return !Object.keys(obj).some(function (k) {
-      return !isEqual(obj[k], test[k]);
+      return !_isEqual(obj[k], test[k]);
     });
   }
   return false;
 };
-/**
- * Match a string against another string with options for equality.
- * This function checks if the base string starts with, includes, or is equal to the match string,
- * based on the specified equality condition.
- * It normalizes both strings to lowercase and ASCII format before comparison.
- * This is useful for case-insensitive and ASCII-only comparisons,
- * such as when filtering or searching through text data.
- *
- * @param {string} base - The base string to match against.
- * @param {string} match - The string to match with the base string.
- * @param {("start" | boolean)} equality - The type of match to perform:
- *                   - "start": checks if the base string starts with the match string.
- *                   - true: checks for exact equality.
- *                   - false (default): checks if the base string includes the match string.
- * @returns {boolean} - Returns true if the base string matches the conditions specified by the match string and equality.
- */
 var matchString = function matchString(base, match) {
   var equality = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var _base = _ascii.ascii(base).toLowerCase();
@@ -117,8 +101,8 @@ var compareValues = function compareValues() {
   var order = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "asc";
   var key = arguments.length > 1 ? arguments[1] : undefined;
   return function (a, b) {
-    var aValue = key && _isType.isObject(a) ? a[key] : a;
-    var bValue = key && _isType.isObject(b) ? b[key] : b;
+    var aValue = key && _isType.isObject(a) ? _getByPath.getByPath(a, key, "") : a;
+    var bValue = key && _isType.isObject(b) ? _getByPath.getByPath(b, key, "") : b;
     var bigger = order === "asc" ? 1 : -1;
     var smaller = order === "desc" ? 1 : -1;
     // return 0 when equal, allowing for multiple sorting properties
@@ -138,5 +122,5 @@ var compareValues = function compareValues() {
 };
 exports.compareValues = compareValues;
-exports.isEqual = isEqual;
+exports.isEqual = _isEqual;
 exports.matchString = matchString;

package/dist/cjs/getImageColorset.js CHANGED Viewed

@@ -1,5 +1,7 @@
 'use strict';
+var chroma = require('chroma-js');
 /*
  * React Fabric
  * @version: 1.0.0
@@ -23,7 +25,6 @@
  * 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 */
 /**
  * Get the color set of an image element.
@@ -41,6 +42,7 @@
  * @returns {string} A string indicating the color set of the image.
  */
 var getImageColorset = 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);
@@ -56,22 +58,32 @@ var getImageColorset = function getImageColorset(el) {
     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] < 1) {
+      if (data[x + 3] < 255) {
         transparent = true;
       }
       r = data[x];
       g = data[x + 1];
       b = data[x + 2];
-      totalPixels++;
-      0.2126 * r + 0.7152 * g + 0.0722 * b < 128 ? dark++ : light++;
+      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 (transparent) {
+    if (!transparentOnly && transparent) {
       ret += "_transparent";
     }
     return ret;

package/dist/cjs/index.js CHANGED Viewed

@@ -67,6 +67,11 @@ var EMPTY_ARRAY = [];
 Object.freeze(EMPTY_ARRAY);
 var EMPTY_OBJECT = {};
 Object.freeze(EMPTY_OBJECT);
+var EMPTY_FC = function EMPTY_FC() {
+  return function () {
+    return null;
+  };
+};
 exports.ascii = _ascii.ascii;
 exports.getBoundingBox = _boundingBox.getBoundingBox;
@@ -118,4 +123,5 @@ exports.getImageColorset = getImageColorset.getImageColorset;
 exports.useLogger = useLogger.useLogger;
 exports.yup = _yup__namespace;
 exports.EMPTY_ARRAY = EMPTY_ARRAY;
+exports.EMPTY_FC = EMPTY_FC;
 exports.EMPTY_OBJECT = EMPTY_OBJECT;

package/dist/cjs/useLogger.js CHANGED Viewed

@@ -189,16 +189,16 @@ var BROWSER = {
     (_console9 = console).error.apply(_console9, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\n")], rest));
   },
   warning: function warning(msg, opts) {
-    var _console10;
+    var _console0;
     if (+this.logLevel() < LOG_LEVEL.WARNING) return;
     var _this$makeLog9 = this.makeLog("%cWARNING", this.WARNING, opts),
-      _this$makeLog10 = _slicedToArray(_this$makeLog9, 2),
-      logs = _this$makeLog10[0],
-      colors = _this$makeLog10[1];
-    for (var _len10 = arguments.length, rest = new Array(_len10 > 2 ? _len10 - 2 : 0), _key10 = 2; _key10 < _len10; _key10++) {
-      rest[_key10 - 2] = arguments[_key10];
+      _this$makeLog0 = _slicedToArray(_this$makeLog9, 2),
+      logs = _this$makeLog0[0],
+      colors = _this$makeLog0[1];
+    for (var _len0 = arguments.length, rest = new Array(_len0 > 2 ? _len0 - 2 : 0), _key0 = 2; _key0 < _len0; _key0++) {
+      rest[_key0 - 2] = arguments[_key0];
     }
-    (_console10 = console).warn.apply(_console10, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\ntest")], rest));
+    (_console0 = console).warn.apply(_console0, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\ntest")], rest));
   }
 };
 var logger = function logger() {
@@ -222,7 +222,6 @@ var useLogger = function useLogger(mod) {
     timer: function timer(process) {
       var startTime = new Date().getTime();
       var nextTime = new Date().getTime();
-      // eslint-disable-next-line @typescript-eslint/no-this-alias
       var self = this;
       var getTime = function getTime() {
         var ret = (new Date().getTime() - nextTime) / 1000;
@@ -234,8 +233,8 @@ var useLogger = function useLogger(mod) {
       };
       return {
         log: function log(msg) {
-          for (var _len11 = arguments.length, rest = new Array(_len11 > 1 ? _len11 - 1 : 0), _key11 = 1; _key11 < _len11; _key11++) {
-            rest[_key11 - 1] = arguments[_key11];
+          for (var _len1 = arguments.length, rest = new Array(_len1 > 1 ? _len1 - 1 : 0), _key1 = 1; _key1 < _len1; _key1++) {
+            rest[_key1 - 1] = arguments[_key1];
           }
           return self.log.apply(self, [msg, {
             process: process,
@@ -244,8 +243,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         debug: function debug(msg) {
-          for (var _len12 = arguments.length, rest = new Array(_len12 > 1 ? _len12 - 1 : 0), _key12 = 1; _key12 < _len12; _key12++) {
-            rest[_key12 - 1] = arguments[_key12];
+          for (var _len10 = arguments.length, rest = new Array(_len10 > 1 ? _len10 - 1 : 0), _key10 = 1; _key10 < _len10; _key10++) {
+            rest[_key10 - 1] = arguments[_key10];
           }
           return self.debug.apply(self, [msg, {
             process: process,
@@ -254,8 +253,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         info: function info(msg) {
-          for (var _len13 = arguments.length, rest = new Array(_len13 > 1 ? _len13 - 1 : 0), _key13 = 1; _key13 < _len13; _key13++) {
-            rest[_key13 - 1] = arguments[_key13];
+          for (var _len11 = arguments.length, rest = new Array(_len11 > 1 ? _len11 - 1 : 0), _key11 = 1; _key11 < _len11; _key11++) {
+            rest[_key11 - 1] = arguments[_key11];
           }
           return self.info.apply(self, [msg, {
             process: process,
@@ -264,8 +263,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         error: function error(msg) {
-          for (var _len14 = arguments.length, rest = new Array(_len14 > 1 ? _len14 - 1 : 0), _key14 = 1; _key14 < _len14; _key14++) {
-            rest[_key14 - 1] = arguments[_key14];
+          for (var _len12 = arguments.length, rest = new Array(_len12 > 1 ? _len12 - 1 : 0), _key12 = 1; _key12 < _len12; _key12++) {
+            rest[_key12 - 1] = arguments[_key12];
           }
           return self.error.apply(self, [msg, {
             process: process,
@@ -274,8 +273,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         warning: function warning(msg) {
-          for (var _len15 = arguments.length, rest = new Array(_len15 > 1 ? _len15 - 1 : 0), _key15 = 1; _key15 < _len15; _key15++) {
-            rest[_key15 - 1] = arguments[_key15];
+          for (var _len13 = arguments.length, rest = new Array(_len13 > 1 ? _len13 - 1 : 0), _key13 = 1; _key13 < _len13; _key13++) {
+            rest[_key13 - 1] = arguments[_key13];
           }
           return self.warning.apply(self, [msg, {
             process: process,
@@ -285,8 +284,8 @@ var useLogger = function useLogger(mod) {
         },
         end: function end() {
           var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "completed";
-          for (var _len16 = arguments.length, rest = new Array(_len16 > 1 ? _len16 - 1 : 0), _key16 = 1; _key16 < _len16; _key16++) {
-            rest[_key16 - 1] = arguments[_key16];
+          for (var _len14 = arguments.length, rest = new Array(_len14 > 1 ? _len14 - 1 : 0), _key14 = 1; _key14 < _len14; _key14++) {
+            rest[_key14 - 1] = arguments[_key14];
           }
           return self.info.apply(self, [msg, {
             process: process,
@@ -300,8 +299,8 @@ var useLogger = function useLogger(mod) {
       var _logger;
       _ref4.module;
         var opts = _objectWithoutProperties(_ref4, _excluded);
-      for (var _len17 = arguments.length, rest = new Array(_len17 > 2 ? _len17 - 2 : 0), _key17 = 2; _key17 < _len17; _key17++) {
-        rest[_key17 - 2] = arguments[_key17];
+      for (var _len15 = arguments.length, rest = new Array(_len15 > 2 ? _len15 - 2 : 0), _key15 = 2; _key15 < _len15; _key15++) {
+        rest[_key15 - 2] = arguments[_key15];
       }
       (_logger = logger()) === null || _logger === void 0 || _logger.log.apply(_logger, [msg, opts].concat(rest));
     },
@@ -309,8 +308,8 @@ var useLogger = function useLogger(mod) {
       var _logger2;
       _ref5.module;
         var opts = _objectWithoutProperties(_ref5, _excluded2);
-      for (var _len18 = arguments.length, rest = new Array(_len18 > 2 ? _len18 - 2 : 0), _key18 = 2; _key18 < _len18; _key18++) {
-        rest[_key18 - 2] = arguments[_key18];
+      for (var _len16 = arguments.length, rest = new Array(_len16 > 2 ? _len16 - 2 : 0), _key16 = 2; _key16 < _len16; _key16++) {
+        rest[_key16 - 2] = arguments[_key16];
       }
       (_logger2 = logger()) === null || _logger2 === void 0 || _logger2.debug.apply(_logger2, [msg, opts].concat(rest));
     },
@@ -318,8 +317,8 @@ var useLogger = function useLogger(mod) {
       var _logger3;
       _ref6.module;
         var opts = _objectWithoutProperties(_ref6, _excluded3);
-      for (var _len19 = arguments.length, rest = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
-        rest[_key19 - 2] = arguments[_key19];
+      for (var _len17 = arguments.length, rest = new Array(_len17 > 2 ? _len17 - 2 : 0), _key17 = 2; _key17 < _len17; _key17++) {
+        rest[_key17 - 2] = arguments[_key17];
       }
       (_logger3 = logger()) === null || _logger3 === void 0 || _logger3.info.apply(_logger3, [msg, opts].concat(rest));
     },
@@ -327,8 +326,8 @@ var useLogger = function useLogger(mod) {
       var _logger4;
       _ref7.module;
         var opts = _objectWithoutProperties(_ref7, _excluded4);
-      for (var _len20 = arguments.length, rest = new Array(_len20 > 2 ? _len20 - 2 : 0), _key20 = 2; _key20 < _len20; _key20++) {
-        rest[_key20 - 2] = arguments[_key20];
+      for (var _len18 = arguments.length, rest = new Array(_len18 > 2 ? _len18 - 2 : 0), _key18 = 2; _key18 < _len18; _key18++) {
+        rest[_key18 - 2] = arguments[_key18];
       }
       (_logger4 = logger()) === null || _logger4 === void 0 || _logger4.error.apply(_logger4, [msg, opts].concat(rest));
     },
@@ -336,8 +335,8 @@ var useLogger = function useLogger(mod) {
       var _logger5;
       _ref8.module;
         var opts = _objectWithoutProperties(_ref8, _excluded5);
-      for (var _len21 = arguments.length, rest = new Array(_len21 > 2 ? _len21 - 2 : 0), _key21 = 2; _key21 < _len21; _key21++) {
-        rest[_key21 - 2] = arguments[_key21];
+      for (var _len19 = arguments.length, rest = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
+        rest[_key19 - 2] = arguments[_key19];
       }
       (_logger5 = logger()) === null || _logger5 === void 0 || _logger5.warning.apply(_logger5, [msg, opts].concat(rest));
     }

package/dist/esm/_fetch.js CHANGED Viewed

@@ -24,9 +24,9 @@ var _signals = new Map();
  * @throws An error if the request fails or if the response contains an error code.
  */
 var _fetch = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(method, url, _ref) {
+  var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(method, url, _ref) {
     var _ref$headers, headers, body, signal, options, _s, ac;
-    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+    return _regeneratorRuntime.wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           _ref$headers = _ref.headers, headers = _ref$headers === void 0 ? {} : _ref$headers, body = _ref.body, signal = _ref.signal;
@@ -56,29 +56,29 @@ var _fetch = /*#__PURE__*/function () {
           } else if (signal instanceof AbortSignal) {
             options.signal = signal;
           }
-          _context2.next = 7;
+          _context2.next = 1;
           return fetch(url, _objectSpread(_objectSpread({}, options), {}, {
             headers: headers
-          })).then( /*#__PURE__*/function () {
-            var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resp) {
-              return _regeneratorRuntime.wrap(function _callee$(_context) {
+          })).then(/*#__PURE__*/function () {
+            var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resp) {
+              return _regeneratorRuntime.wrap(function (_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
                     if (!(resp.status >= 200 && resp.status < 300)) {
-                      _context.next = 4;
+                      _context.next = 2;
                       break;
                     }
-                    _context.next = 3;
+                    _context.next = 1;
                     return resp.json();
-                  case 3:
+                  case 1:
                     return _context.abrupt("return", _context.sent);
-                  case 4:
+                  case 2:
                     throw {
                       status: resp.status,
                       code: -1,
                       message: resp.statusText
                     };
-                  case 5:
+                  case 3:
                   case "end":
                     return _context.stop();
                 }
@@ -93,7 +93,6 @@ var _fetch = /*#__PURE__*/function () {
             var code = (_ref4 = (_resp$error_code = resp.error_code) !== null && _resp$error_code !== void 0 ? _resp$error_code : resp.errorCode) !== null && _ref4 !== void 0 ? _ref4 : resp.error;
             var message = (_ref5 = (_resp$error_message = resp.error_message) !== null && _resp$error_message !== void 0 ? _resp$error_message : resp.errorMessage) !== null && _ref5 !== void 0 ? _ref5 : resp.message;
             if (resp.status === "error" || code) {
-              // eslint-disable-next-line @typescript-eslint/no-throw-literal
               throw {
                 status: 500,
                 code: code,
@@ -102,9 +101,9 @@ var _fetch = /*#__PURE__*/function () {
             }
             return resp;
           });
-        case 7:
+        case 1:
           return _context2.abrupt("return", _context2.sent);
-        case 8:
+        case 2:
         case "end":
           return _context2.stop();
       }

package/dist/esm/_getByPath.js CHANGED Viewed

@@ -25,7 +25,7 @@ import { isEmpty, isNil, isObject, isArray } from './_isType.js';
  * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-var _get = function _get(hit, field) {
+var _get2 = function _get(hit, field) {
   /** ***************** return if object is empty *******************/
   /* istanbul ignore next */
   if (isNil(hit)) {
@@ -68,7 +68,7 @@ var _get = function _get(hit, field) {
               /** ***************** return array map of inner propeties *******************/
               return {
                 v: currentValue.map(function (val) {
-                  return _get(val, innerPath);
+                  return _get2(val, innerPath);
                 }).filter(function (val) {
                   return !isEmpty(val);
                 })
@@ -76,7 +76,7 @@ var _get = function _get(hit, field) {
             } else {
               /** ***************** return value of remaining path *******************/
               return {
-                v: _get(currentValue, innerPath)
+                v: _get2(currentValue, innerPath)
               };
             }
           }
@@ -107,7 +107,7 @@ var getByPath = function getByPath(obj, path) {
   if (isEmpty(obj) || isEmpty(path)) {
     return defaultValue;
   }
-  var value = _get(obj, path);
+  var value = _get2(obj, path);
   if (!isNil(value)) {
     return value;
   }

package/dist/esm/_isEqual.js CHANGED Viewed

@@ -1,6 +1,7 @@
 'use client';
 import { ascii } from './_ascii.js';
+import { getByPath } from './_getByPath.js';
 import { isNil, isString, isNumber, isBoolean, isObject } from './_isType.js';
 /*
@@ -41,7 +42,7 @@ import { isNil, isString, isNumber, isBoolean, isObject } from './_isType.js';
  * @param {unknown} test - The second value to compare against the first.
  * @returns {boolean} - Returns true if the values are equal, false otherwise.
  */
-var isEqual = function isEqual(obj, test) {
+var _isEqual = function isEqual(obj, test) {
   if (isNil(obj) && isNil(test)) {
     return true;
   }
@@ -54,7 +55,7 @@ var isEqual = function isEqual(obj, test) {
     }
     // check if some value is false
     return !obj.some(function (o, i) {
-      return !isEqual(o, test[i]);
+      return !_isEqual(o, test[i]);
     });
   } else if (isObject(obj) && isObject(test)) {
     var okeys = Object.keys(obj);
@@ -71,28 +72,11 @@ var isEqual = function isEqual(obj, test) {
     }
     // check if some value is false
     return !Object.keys(obj).some(function (k) {
-      return !isEqual(obj[k], test[k]);
+      return !_isEqual(obj[k], test[k]);
     });
   }
   return false;
 };
-/**
- * Match a string against another string with options for equality.
- * This function checks if the base string starts with, includes, or is equal to the match string,
- * based on the specified equality condition.
- * It normalizes both strings to lowercase and ASCII format before comparison.
- * This is useful for case-insensitive and ASCII-only comparisons,
- * such as when filtering or searching through text data.
- *
- * @param {string} base - The base string to match against.
- * @param {string} match - The string to match with the base string.
- * @param {("start" | boolean)} equality - The type of match to perform:
- *                   - "start": checks if the base string starts with the match string.
- *                   - true: checks for exact equality.
- *                   - false (default): checks if the base string includes the match string.
- * @returns {boolean} - Returns true if the base string matches the conditions specified by the match string and equality.
- */
 var matchString = function matchString(base, match) {
   var equality = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var _base = ascii(base).toLowerCase();
@@ -117,8 +101,8 @@ var compareValues = function compareValues() {
   var order = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "asc";
   var key = arguments.length > 1 ? arguments[1] : undefined;
   return function (a, b) {
-    var aValue = key && isObject(a) ? a[key] : a;
-    var bValue = key && isObject(b) ? b[key] : b;
+    var aValue = key && isObject(a) ? getByPath(a, key, "") : a;
+    var bValue = key && isObject(b) ? getByPath(b, key, "") : b;
     var bigger = order === "asc" ? 1 : -1;
     var smaller = order === "desc" ? 1 : -1;
     // return 0 when equal, allowing for multiple sorting properties
@@ -137,4 +121,4 @@ var compareValues = function compareValues() {
   };
 };
-export { compareValues, isEqual, matchString };
+export { compareValues, _isEqual as isEqual, matchString };

package/dist/esm/getImageColorset.js CHANGED Viewed

@@ -1,5 +1,7 @@
 'use client';
+import chroma from 'chroma-js';
 /*
  * React Fabric
  * @version: 1.0.0
@@ -23,7 +25,6 @@
  * 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 */
 /**
  * Get the color set of an image element.
@@ -41,6 +42,7 @@
  * @returns {string} A string indicating the color set of the image.
  */
 var getImageColorset = 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);
@@ -56,22 +58,32 @@ var getImageColorset = function getImageColorset(el) {
     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] < 1) {
+      if (data[x + 3] < 255) {
         transparent = true;
       }
       r = data[x];
       g = data[x + 1];
       b = data[x + 2];
-      totalPixels++;
-      0.2126 * r + 0.7152 * g + 0.0722 * b < 128 ? dark++ : light++;
+      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 (transparent) {
+    if (!transparentOnly && transparent) {
       ret += "_transparent";
     }
     return ret;

package/dist/esm/index.js CHANGED Viewed

@@ -49,5 +49,10 @@ var EMPTY_ARRAY = [];
 Object.freeze(EMPTY_ARRAY);
 var EMPTY_OBJECT = {};
 Object.freeze(EMPTY_OBJECT);
+var EMPTY_FC = function EMPTY_FC() {
+  return function () {
+    return null;
+  };
+};
-export { EMPTY_ARRAY, EMPTY_OBJECT };
+export { EMPTY_ARRAY, EMPTY_FC, EMPTY_OBJECT };

package/dist/esm/useLogger.js CHANGED Viewed

@@ -189,16 +189,16 @@ var BROWSER = {
     (_console9 = console).error.apply(_console9, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\n")], rest));
   },
   warning: function warning(msg, opts) {
-    var _console10;
+    var _console0;
     if (+this.logLevel() < LOG_LEVEL.WARNING) return;
     var _this$makeLog9 = this.makeLog("%cWARNING", this.WARNING, opts),
-      _this$makeLog10 = _slicedToArray(_this$makeLog9, 2),
-      logs = _this$makeLog10[0],
-      colors = _this$makeLog10[1];
-    for (var _len10 = arguments.length, rest = new Array(_len10 > 2 ? _len10 - 2 : 0), _key10 = 2; _key10 < _len10; _key10++) {
-      rest[_key10 - 2] = arguments[_key10];
+      _this$makeLog0 = _slicedToArray(_this$makeLog9, 2),
+      logs = _this$makeLog0[0],
+      colors = _this$makeLog0[1];
+    for (var _len0 = arguments.length, rest = new Array(_len0 > 2 ? _len0 - 2 : 0), _key0 = 2; _key0 < _len0; _key0++) {
+      rest[_key0 - 2] = arguments[_key0];
     }
-    (_console10 = console).warn.apply(_console10, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\ntest")], rest));
+    (_console0 = console).warn.apply(_console0, [logs].concat(_toConsumableArray(colors), ["\n".concat(msg, "\ntest")], rest));
   }
 };
 var logger = function logger() {
@@ -222,7 +222,6 @@ var useLogger = function useLogger(mod) {
     timer: function timer(process) {
       var startTime = new Date().getTime();
       var nextTime = new Date().getTime();
-      // eslint-disable-next-line @typescript-eslint/no-this-alias
       var self = this;
       var getTime = function getTime() {
         var ret = (new Date().getTime() - nextTime) / 1000;
@@ -234,8 +233,8 @@ var useLogger = function useLogger(mod) {
       };
       return {
         log: function log(msg) {
-          for (var _len11 = arguments.length, rest = new Array(_len11 > 1 ? _len11 - 1 : 0), _key11 = 1; _key11 < _len11; _key11++) {
-            rest[_key11 - 1] = arguments[_key11];
+          for (var _len1 = arguments.length, rest = new Array(_len1 > 1 ? _len1 - 1 : 0), _key1 = 1; _key1 < _len1; _key1++) {
+            rest[_key1 - 1] = arguments[_key1];
           }
           return self.log.apply(self, [msg, {
             process: process,
@@ -244,8 +243,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         debug: function debug(msg) {
-          for (var _len12 = arguments.length, rest = new Array(_len12 > 1 ? _len12 - 1 : 0), _key12 = 1; _key12 < _len12; _key12++) {
-            rest[_key12 - 1] = arguments[_key12];
+          for (var _len10 = arguments.length, rest = new Array(_len10 > 1 ? _len10 - 1 : 0), _key10 = 1; _key10 < _len10; _key10++) {
+            rest[_key10 - 1] = arguments[_key10];
           }
           return self.debug.apply(self, [msg, {
             process: process,
@@ -254,8 +253,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         info: function info(msg) {
-          for (var _len13 = arguments.length, rest = new Array(_len13 > 1 ? _len13 - 1 : 0), _key13 = 1; _key13 < _len13; _key13++) {
-            rest[_key13 - 1] = arguments[_key13];
+          for (var _len11 = arguments.length, rest = new Array(_len11 > 1 ? _len11 - 1 : 0), _key11 = 1; _key11 < _len11; _key11++) {
+            rest[_key11 - 1] = arguments[_key11];
           }
           return self.info.apply(self, [msg, {
             process: process,
@@ -264,8 +263,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         error: function error(msg) {
-          for (var _len14 = arguments.length, rest = new Array(_len14 > 1 ? _len14 - 1 : 0), _key14 = 1; _key14 < _len14; _key14++) {
-            rest[_key14 - 1] = arguments[_key14];
+          for (var _len12 = arguments.length, rest = new Array(_len12 > 1 ? _len12 - 1 : 0), _key12 = 1; _key12 < _len12; _key12++) {
+            rest[_key12 - 1] = arguments[_key12];
           }
           return self.error.apply(self, [msg, {
             process: process,
@@ -274,8 +273,8 @@ var useLogger = function useLogger(mod) {
           }].concat(rest));
         },
         warning: function warning(msg) {
-          for (var _len15 = arguments.length, rest = new Array(_len15 > 1 ? _len15 - 1 : 0), _key15 = 1; _key15 < _len15; _key15++) {
-            rest[_key15 - 1] = arguments[_key15];
+          for (var _len13 = arguments.length, rest = new Array(_len13 > 1 ? _len13 - 1 : 0), _key13 = 1; _key13 < _len13; _key13++) {
+            rest[_key13 - 1] = arguments[_key13];
           }
           return self.warning.apply(self, [msg, {
             process: process,
@@ -285,8 +284,8 @@ var useLogger = function useLogger(mod) {
         },
         end: function end() {
           var msg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "completed";
-          for (var _len16 = arguments.length, rest = new Array(_len16 > 1 ? _len16 - 1 : 0), _key16 = 1; _key16 < _len16; _key16++) {
-            rest[_key16 - 1] = arguments[_key16];
+          for (var _len14 = arguments.length, rest = new Array(_len14 > 1 ? _len14 - 1 : 0), _key14 = 1; _key14 < _len14; _key14++) {
+            rest[_key14 - 1] = arguments[_key14];
           }
           return self.info.apply(self, [msg, {
             process: process,
@@ -300,8 +299,8 @@ var useLogger = function useLogger(mod) {
       var _logger;
       _ref4.module;
         var opts = _objectWithoutProperties(_ref4, _excluded);
-      for (var _len17 = arguments.length, rest = new Array(_len17 > 2 ? _len17 - 2 : 0), _key17 = 2; _key17 < _len17; _key17++) {
-        rest[_key17 - 2] = arguments[_key17];
+      for (var _len15 = arguments.length, rest = new Array(_len15 > 2 ? _len15 - 2 : 0), _key15 = 2; _key15 < _len15; _key15++) {
+        rest[_key15 - 2] = arguments[_key15];
       }
       (_logger = logger()) === null || _logger === void 0 || _logger.log.apply(_logger, [msg, opts].concat(rest));
     },
@@ -309,8 +308,8 @@ var useLogger = function useLogger(mod) {
       var _logger2;
       _ref5.module;
         var opts = _objectWithoutProperties(_ref5, _excluded2);
-      for (var _len18 = arguments.length, rest = new Array(_len18 > 2 ? _len18 - 2 : 0), _key18 = 2; _key18 < _len18; _key18++) {
-        rest[_key18 - 2] = arguments[_key18];
+      for (var _len16 = arguments.length, rest = new Array(_len16 > 2 ? _len16 - 2 : 0), _key16 = 2; _key16 < _len16; _key16++) {
+        rest[_key16 - 2] = arguments[_key16];
       }
       (_logger2 = logger()) === null || _logger2 === void 0 || _logger2.debug.apply(_logger2, [msg, opts].concat(rest));
     },
@@ -318,8 +317,8 @@ var useLogger = function useLogger(mod) {
       var _logger3;
       _ref6.module;
         var opts = _objectWithoutProperties(_ref6, _excluded3);
-      for (var _len19 = arguments.length, rest = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
-        rest[_key19 - 2] = arguments[_key19];
+      for (var _len17 = arguments.length, rest = new Array(_len17 > 2 ? _len17 - 2 : 0), _key17 = 2; _key17 < _len17; _key17++) {
+        rest[_key17 - 2] = arguments[_key17];
       }
       (_logger3 = logger()) === null || _logger3 === void 0 || _logger3.info.apply(_logger3, [msg, opts].concat(rest));
     },
@@ -327,8 +326,8 @@ var useLogger = function useLogger(mod) {
       var _logger4;
       _ref7.module;
         var opts = _objectWithoutProperties(_ref7, _excluded4);
-      for (var _len20 = arguments.length, rest = new Array(_len20 > 2 ? _len20 - 2 : 0), _key20 = 2; _key20 < _len20; _key20++) {
-        rest[_key20 - 2] = arguments[_key20];
+      for (var _len18 = arguments.length, rest = new Array(_len18 > 2 ? _len18 - 2 : 0), _key18 = 2; _key18 < _len18; _key18++) {
+        rest[_key18 - 2] = arguments[_key18];
       }
       (_logger4 = logger()) === null || _logger4 === void 0 || _logger4.error.apply(_logger4, [msg, opts].concat(rest));
     },
@@ -336,8 +335,8 @@ var useLogger = function useLogger(mod) {
       var _logger5;
       _ref8.module;
         var opts = _objectWithoutProperties(_ref8, _excluded5);
-      for (var _len21 = arguments.length, rest = new Array(_len21 > 2 ? _len21 - 2 : 0), _key21 = 2; _key21 < _len21; _key21++) {
-        rest[_key21 - 2] = arguments[_key21];
+      for (var _len19 = arguments.length, rest = new Array(_len19 > 2 ? _len19 - 2 : 0), _key19 = 2; _key19 < _len19; _key19++) {
+        rest[_key19 - 2] = arguments[_key19];
       }
       (_logger5 = logger()) === null || _logger5 === void 0 || _logger5.warning.apply(_logger5, [msg, opts].concat(rest));
     }

package/dist/types/getImageColorset.d.ts CHANGED Viewed

@@ -13,4 +13,4 @@
  * @param {HTMLImageElement} el - The HTMLImageElement to analyze.
  * @returns {string} A string indicating the color set of the image.
  */
-export declare const getImageColorset: (el: HTMLImageElement) => string;
+export declare const getImageColorset: (el: HTMLImageElement, transparentOnly?: boolean) => string;

package/dist/types/index.d.ts CHANGED Viewed

@@ -21,3 +21,4 @@ export { useLogger } from "./useLogger";
 export * from "./yup";
 export declare const EMPTY_ARRAY: never[];
 export declare const EMPTY_OBJECT: {};
+export declare const EMPTY_FC: () => () => null;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@react-fabric/utilities",
-  "version": "1.0.0-beta.61",
+  "version": "1.0.0-beta.63",
   "description": "RUF: Utility package",
   "author": "Adarsh Pastakia <adarshpastakia@outlook.com>",
   "license": "MIT",
@@ -32,8 +32,9 @@
     "watch": "npm-run-all -p watch:rollup watch:dts"
   },
   "dependencies": {
+    "chroma-js": "~3.2.0",
     "date-fns": "~4.1.0",
-    "libphonenumber-js": "~1.12.25",
+    "libphonenumber-js": "~1.12.40",
     "numeral": "~2.0.6",
     "world-countries": "~5.1.0",
     "yup": "~1.7.1"
@@ -42,8 +43,8 @@
     "@types/numeral": "~2.0.5"
   },
   "engines": {
-    "node": ">=18.12.0",
-    "npm": ">=8.19.0"
+    "node": ">=22.18.0",
+    "npm": ">=10.8.0"
   },
-  "gitHead": "a0b0c571bf9c189fa3355bbc3b896ecc4b9d6a04"
+  "gitHead": "6e0652b15c6384fbc316842862572e21299a5466"
 }

package/src/_fetch.ts CHANGED Viewed

@@ -86,7 +86,6 @@ export const _fetch = async (
       if (resp.status >= 200 && resp.status < 300) {
         return await resp.json();
       }
-      // eslint-disable-next-line @typescript-eslint/no-throw-literal
       throw { status: resp.status, code: -1, message: resp.statusText };
     })
     .then((resp) => {
@@ -94,7 +93,6 @@ export const _fetch = async (
       const code = resp.error_code ?? resp.errorCode ?? resp.error;
       const message = resp.error_message ?? resp.errorMessage ?? resp.message;
       if (resp.status === "error" || code) {
-        // eslint-disable-next-line @typescript-eslint/no-throw-literal
         throw { status: 500, code, message };
       }
       return resp;

package/src/_isEqual.ts CHANGED Viewed

@@ -22,6 +22,7 @@
  */
 import { ascii } from "./_ascii";
+import { getByPath } from "./_getByPath";
 import { isBoolean, isNil, isNumber, isObject, isString } from "./_isType";
 /**
@@ -115,8 +116,8 @@ export const matchString = (
 export const compareValues =
   (order: "asc" | "desc" = "asc", key?: string) =>
   (a: unknown, b: unknown) => {
-    const aValue: string = key && isObject(a) ? a[key] : a;
-    const bValue: string = key && isObject(b) ? b[key] : b;
+    const aValue: any = key && isObject(a) ? getByPath(a, key, "") : a;
+    const bValue: any = key && isObject(b) ? getByPath(b, key, "") : b;
     const bigger = order === "asc" ? 1 : -1;
     const smaller = order === "desc" ? 1 : -1;

package/src/getImageColorset.ts CHANGED Viewed

@@ -23,6 +23,8 @@
 /* istanbul ignore file */
+import chroma from "chroma-js";
 /**
  * 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.
@@ -38,7 +40,10 @@
  * @param {HTMLImageElement} el - The HTMLImageElement to analyze.
  * @returns {string} A string indicating the color set of the image.
  */
-export const getImageColorset = (el: HTMLImageElement) => {
+export const getImageColorset = (
+  el: HTMLImageElement,
+  transparentOnly = false,
+) => {
   // create canvas
   const canvas = document.createElement("canvas");
   canvas.width = Math.min(500, el.naturalWidth);
@@ -67,23 +72,32 @@ export const getImageColorset = (el: HTMLImageElement) => {
     let transparent = data?.[3] === 0;
     for (let 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] < 1) {
+      if (data[x + 3] < 255) {
         transparent = true;
       }
       r = data[x];
       g = data[x + 1];
       b = data[x + 2];
-      totalPixels++;
-      0.2126 * r + 0.7152 * g + 0.0722 * b < 128 ? dark++ : light++;
+      const 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";
     const diff = light / totalPixels - dark / totalPixels;
     let ret = diff > 0 ? "light" : "dark";
-    if (transparent) {
+    if (!transparentOnly && transparent) {
       ret += "_transparent";
     }
     return ret;

package/src/index.ts CHANGED Viewed

@@ -50,3 +50,5 @@ Object.freeze(EMPTY_ARRAY);
 export const EMPTY_OBJECT = {};
 Object.freeze(EMPTY_OBJECT);
+export const EMPTY_FC = () => () => null;

package/src/useLogger.ts CHANGED Viewed

@@ -212,7 +212,6 @@ export const useLogger = (mod?: string) => ({
   timer(process: string) {
     const startTime = new Date().getTime();
     let nextTime = new Date().getTime();
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
     const self = this;
     const getTime = () => {
       const ret = (new Date().getTime() - nextTime) / 1000;