@studiometa/js-toolkit 1.7.2 → 2.0.0-alpha.10

package/utils/css/transition.js

@@ -1,22 +1,17 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import nextFrame from '../nextFrame.js';
 import * as classes from './classes.js';
 import * as styles from './styles.js';
 var cache = new WeakMap();
 
-var Transition = function () {
-  function Transition(element) {
-    _classCallCheck(this, Transition);
-
+class Transition {
+  constructor(element) {
     _defineProperty(this, "isTransitioning", false);
 
     _defineProperty(this, "transitionEndHandler", null);
@@ -24,21 +19,17 @@ var Transition = function () {
     cache.set(element, this);
   }
 
-  _createClass(Transition, null, [{
-    key: "getInstance",
-    value: function getInstance(element) {
-      var instance = cache.get(element);
-
-      if (!instance) {
-        instance = new this(element);
-      }
+  static getInstance(element) {
+    var instance = cache.get(element);
 
-      return instance;
+    if (!instance) {
+      instance = new this(element);
     }
-  }]);
 
-  return Transition;
-}();
+    return instance;
+  }
+
+}
 
 export function setClassesOrStyles(element, classesOrStyles) {
   var method = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'add';
@@ -55,9 +46,9 @@ function testTransition(element) {
     return false;
   }
 
-  var _window$getComputedSt = window.getComputedStyle(element),
-      transitionDuration = _window$getComputedSt.transitionDuration;
-
+  var {
+    transitionDuration
+  } = window.getComputedStyle(element);
   return !!transitionDuration && transitionDuration !== '0s';
 }
 
@@ -66,30 +57,14 @@ function start(_x, _x2) {
 }
 
 function _start() {
-  _start = _asyncToGenerator(_regeneratorRuntime.mark(function _callee(element, classesOrStyles) {
-    var trs;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            trs = Transition.getInstance(element);
-            trs.isTransitioning = true;
-            setClassesOrStyles(element, classesOrStyles.from);
-            _context.next = 5;
-            return nextFrame();
-
-          case 5:
-            setClassesOrStyles(element, classesOrStyles.active);
-            _context.next = 8;
-            return nextFrame();
-
-          case 8:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
+  _start = _asyncToGenerator(function* (element, classesOrStyles) {
+    var trs = Transition.getInstance(element);
+    trs.isTransitioning = true;
+    setClassesOrStyles(element, classesOrStyles.from);
+    yield nextFrame();
+    setClassesOrStyles(element, classesOrStyles.active);
+    yield nextFrame();
+  });
   return _start.apply(this, arguments);
 }
 
@@ -98,56 +73,30 @@ function next(_x3, _x4) {
 }
 
 function _next() {
-  _next = _asyncToGenerator(_regeneratorRuntime.mark(function _callee3(element, classesOrStyles) {
-    var hasTransition;
-    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            hasTransition = testTransition(element);
-            return _context3.abrupt("return", new Promise(function () {
-              var _ref = _asyncToGenerator(_regeneratorRuntime.mark(function _callee2(resolve) {
-                var trs;
-                return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-                  while (1) {
-                    switch (_context2.prev = _context2.next) {
-                      case 0:
-                        if (hasTransition) {
-                          trs = Transition.getInstance(element);
-                          trs.transitionEndHandler = resolve;
-                          element.addEventListener('transitionend', trs.transitionEndHandler, false);
-                        }
-
-                        setClassesOrStyles(element, classesOrStyles.from, 'remove');
-                        setClassesOrStyles(element, classesOrStyles.to);
-                        _context2.next = 5;
-                        return nextFrame();
-
-                      case 5:
-                        if (!hasTransition) {
-                          resolve();
-                        }
-
-                      case 6:
-                      case "end":
-                        return _context2.stop();
-                    }
-                  }
-                }, _callee2);
-              }));
-
-              return function (_x7) {
-                return _ref.apply(this, arguments);
-              };
-            }()));
-
-          case 2:
-          case "end":
-            return _context3.stop();
+  _next = _asyncToGenerator(function* (element, classesOrStyles) {
+    var hasTransition = testTransition(element);
+    return new Promise(function () {
+      var _ref = _asyncToGenerator(function* (resolve) {
+        if (hasTransition) {
+          var trs = Transition.getInstance(element);
+          trs.transitionEndHandler = resolve;
+          element.addEventListener('transitionend', trs.transitionEndHandler, false);
         }
-      }
-    }, _callee3);
-  }));
+
+        setClassesOrStyles(element, classesOrStyles.from, 'remove');
+        setClassesOrStyles(element, classesOrStyles.to);
+        yield nextFrame();
+
+        if (!hasTransition) {
+          resolve();
+        }
+      });
+
+      return function (_x7) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+  });
   return _next.apply(this, arguments);
 }
 
@@ -170,49 +119,27 @@ export default function transition(_x5, _x6) {
 }
 
 function _transition() {
-  _transition = _asyncToGenerator(_regeneratorRuntime.mark(function _callee4(element, name) {
-    var endMode,
-        classesOrStyles,
-        trs,
-        _args4 = arguments;
-    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            endMode = _args4.length > 2 && _args4[2] !== undefined ? _args4[2] : 'remove';
-            classesOrStyles = typeof name === 'string' ? {
-              from: "".concat(name, "-from"),
-              active: "".concat(name, "-active"),
-              to: "".concat(name, "-to")
-            } : _objectSpread({
-              from: '',
-              active: '',
-              to: ''
-            }, name);
-            trs = Transition.getInstance(element);
-
-            if (trs.isTransitioning) {
-              end(element, classesOrStyles);
-            }
-
-            _context4.next = 6;
-            return start(element, classesOrStyles);
-
-          case 6:
-            _context4.next = 8;
-            return next(element, classesOrStyles);
-
-          case 8:
-            end(element, classesOrStyles, endMode);
-            return _context4.abrupt("return", Promise.resolve());
-
-          case 10:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  }));
+  _transition = _asyncToGenerator(function* (element, name) {
+    var endMode = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'remove';
+    var classesOrStyles = typeof name === 'string' ? {
+      from: "".concat(name, "-from"),
+      active: "".concat(name, "-active"),
+      to: "".concat(name, "-to")
+    } : _objectSpread({
+      from: '',
+      active: '',
+      to: ''
+    }, name);
+    var trs = Transition.getInstance(element);
+
+    if (trs.isTransitioning) {
+      end(element, classesOrStyles);
+    }
+
+    yield start(element, classesOrStyles);
+    yield next(element, classesOrStyles);
+    end(element, classesOrStyles, endMode);
+    return Promise.resolve();
+  });
   return _transition.apply(this, arguments);
-}
-//# sourceMappingURL=transition.js.map
+}

package/utils/debounce.js

@@ -7,9 +7,8 @@ export default function debounce(fn) {
     }
 
     clearTimeout(timeout);
-    timeout = setTimeout(function () {
-      fn.apply(void 0, args);
+    timeout = setTimeout(() => {
+      fn(...args);
     }, delay);
   };
-}
-//# sourceMappingURL=debounce.js.map
+}

package/utils/focusTrap.js

@@ -41,9 +41,8 @@ export function untrap() {
 }
 export default function useFocusTrap() {
   return {
-    trap: trap,
-    untrap: untrap,
-    saveActiveElement: saveActiveElement
+    trap,
+    untrap,
+    saveActiveElement
   };
-}
-//# sourceMappingURL=focusTrap.js.map
+}

package/utils/history.js

@@ -1,5 +1,4 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -17,7 +16,7 @@ function updateUrlSearchParam(params, name, value) {
   }
 
   if (Array.isArray(value)) {
-    value.forEach(function (val, index) {
+    value.forEach((val, index) => {
       var arrayName = "".concat(name, "[").concat(index, "]");
       updateUrlSearchParam(params, arrayName, val);
     });
@@ -25,11 +24,8 @@ function updateUrlSearchParam(params, name, value) {
   }
 
   if (isObject(value)) {
-    Object.entries(value).forEach(function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-          key = _ref2[0],
-          val = _ref2[1];
-
+    Object.entries(value).forEach(_ref => {
+      var [key, val] = _ref;
       var objectName = "".concat(name, "[").concat(key, "]");
       updateUrlSearchParam(params, objectName, val);
     });
@@ -42,11 +38,8 @@ function updateUrlSearchParam(params, name, value) {
 
 export function objectToURLSearchParams(obj) {
   var defaultSearch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : typeof window === 'undefined' ? '' : window.location.search;
-  return Object.entries(obj).reduce(function (urlSearchParams, _ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-        name = _ref4[0],
-        value = _ref4[1];
-
+  return Object.entries(obj).reduce((urlSearchParams, _ref2) => {
+    var [name, value] = _ref2;
     return updateUrlSearchParam(urlSearchParams, name, value);
   }, new URLSearchParams(defaultSearch));
 }
@@ -59,14 +52,15 @@ function updateHistory(mode, options) {
     return;
   }
 
-  var _path$search$hash$opt = _objectSpread({
+  var {
+    path,
+    search,
+    hash
+  } = _objectSpread({
     path: window.location.pathname,
     search: new URLSearchParams(window.location.search),
     hash: window.location.hash
-  }, options),
-      path = _path$search$hash$opt.path,
-      search = _path$search$hash$opt.search,
-      hash = _path$search$hash$opt.hash;
+  }, options);
 
   var url = path;
   var mergedSearch = search instanceof URLSearchParams ? search : objectToURLSearchParams(search);
@@ -92,5 +86,4 @@ export function push(options, data, title) {
 }
 export function replace(options, data, title) {
   updateHistory('replace', options, data, title);
-}
-//# sourceMappingURL=history.js.map
+}

package/utils/index.d.ts

@@ -5,8 +5,9 @@ import focusTrap from "./focusTrap.js";
 import * as history from "./history.js";
 import keyCodes from "./keyCodes.js";
 import * as math from "./math/index.js";
+import memoize from "./memoize.js";
 import nextFrame from "./nextFrame.js";
 import * as object from "./object/index.js";
 import * as string from "./string/index.js";
 import throttle from "./throttle.js";
-export { collide, css, debounce, focusTrap, history, keyCodes, math, nextFrame, object, string, throttle };
+export { collide, css, debounce, focusTrap, history, keyCodes, math, memoize, nextFrame, object, string, throttle };

package/utils/index.js

@@ -7,7 +7,7 @@ import * as string from './string/index.js';
 import debounce from './debounce.js';
 import focusTrap from './focusTrap.js';
 import keyCodes from './keyCodes.js';
+import memoize from './memoize.js';
 import nextFrame from './nextFrame.js';
 import throttle from './throttle.js';
-export { collide, css, debounce, focusTrap, history, keyCodes, math, nextFrame, object, string, throttle };
-//# sourceMappingURL=index.js.map
+export { collide, css, debounce, focusTrap, history, keyCodes, math, memoize, nextFrame, object, string, throttle };

package/utils/keyCodes.js

@@ -7,5 +7,4 @@ export default {
   UP: 38,
   RIGHT: 39,
   DOWN: 40
-};
-//# sourceMappingURL=keyCodes.js.map
+};

package/utils/math/clamp.js

@@ -1,4 +1,3 @@
 export default function clamp(value, min, max) {
   return min < max ? value < min ? min : value > max ? max : value : value < max ? max : value > min ? min : value;
-}
-//# sourceMappingURL=clamp.js.map
+}

package/utils/math/clamp01.js

@@ -1,5 +1,4 @@
 import clamp from './clamp.js';
 export default function clamp01(value) {
   return clamp(value, 0, 1);
-}
-//# sourceMappingURL=clamp01.js.map
+}

package/utils/math/damp.js

@@ -1,5 +1,4 @@
 export default function damp(targetValue, currentValue) {
   var factor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;
   return Math.abs(targetValue - currentValue) < 0.001 ? targetValue : currentValue + (targetValue - currentValue) * factor;
-}
-//# sourceMappingURL=damp.js.map
+}

package/utils/math/index.js

@@ -4,5 +4,4 @@ import damp from './damp.js';
 import lerp from './lerp.js';
 import map from './map.js';
 import round from './round.js';
-export { clamp, clamp01, damp, lerp, map, round };
-//# sourceMappingURL=index.js.map
+export { clamp, clamp01, damp, lerp, map, round };

package/utils/math/inertiaFinalValue.js

@@ -14,5 +14,4 @@ export default function inertiaFinalValue(initialValue, initialDelta) {
   }
 
   return finalValue;
-}
-//# sourceMappingURL=inertiaFinalValue.js.map
+}

package/utils/math/lerp.js

@@ -1,4 +1,3 @@
 export default function lerp(min, max, ratio) {
   return (1 - ratio) * min + ratio * max;
-}
-//# sourceMappingURL=lerp.js.map
+}

package/utils/math/map.js

@@ -1,4 +1,3 @@
 export default function map(value, inputMin, inputMax, outputMin, outputMax) {
   return (value - inputMin) * (outputMax - outputMin) / (inputMax - inputMin) + outputMin;
-}
-//# sourceMappingURL=map.js.map
+}

package/utils/math/round.js

@@ -1,5 +1,4 @@
 export default function round(value) {
   var decimals = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
   return Number(value.toFixed(decimals));
-}
-//# sourceMappingURL=round.js.map
+}

package/utils/memoize.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @typedef {Object} MemorizeCache
+ * @property {(key:any) => boolean} has
+ * @property {(key:any, value:any) => MemorizeCache} set
+ * @property {(key:any) => any} get
+ */
+/**
+ * @typedef {Object} MemorizeOptions
+ * @property {number} [maxAge]
+ * @property {(...args:any) => any} [cacheKey]
+ * @property {MemorizeCache} [cache]
+ */
+/**
+ * Memorize the output of a function.
+ * @template {(...args:any) => any} T
+ * @param  {T} fn
+ * @param  {MemorizeOptions} options
+ * @return {(...args:Parameters<T>) => ReturnType<T>}
+ */
+export default function memoize<T extends (...args: any) => any>(fn: T, { maxAge, cacheKey, cache }?: MemorizeOptions): (...args: Parameters<T>) => ReturnType<T>;
+export type MemorizeCache = {
+    has: (key: any) => boolean;
+    set: (key: any, value: any) => MemorizeCache;
+    get: (key: any) => any;
+};
+export type MemorizeOptions = {
+    maxAge?: number;
+    cacheKey?: (...args: any) => any;
+    cache?: MemorizeCache;
+};

package/utils/memoize.js

@@ -0,0 +1,30 @@
+export default function memoize(fn) {
+  var {
+    maxAge = Number.POSITIVE_INFINITY,
+    cacheKey = JSON.stringify,
+    cache = new Map()
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return function memoized() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var key = cacheKey(args);
+    var date = Date.now();
+
+    if (cache.has(key)) {
+      var cached = cache.get(key);
+
+      if (date - cached.date < maxAge) {
+        return cached.data;
+      }
+    }
+
+    var data = fn(...args);
+    cache.set(key, {
+      data,
+      date: Date.now()
+    });
+    return data;
+  };
+}

package/utils/nextFrame.js

@@ -5,14 +5,9 @@ export function getCancelRaf() {
   return typeof window !== 'undefined' && window.cancelAnimationFrame ? window.cancelAnimationFrame.bind(window) : clearTimeout;
 }
 export default function nextFrame() {
-  var fn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : function () {};
+  var fn = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : () => {};
   var raf = getRaf();
-  return new Promise(function (resolve) {
-    raf(function () {
-      return raf(function () {
-        return resolve(fn());
-      });
-    });
+  return new Promise(resolve => {
+    raf(() => raf(() => resolve(fn())));
   });
-}
-//# sourceMappingURL=nextFrame.js.map
+}

package/utils/object/autoBind.js

@@ -1,14 +1,12 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import getAllProperties from './getAllProperties.js';
 export default function autoBind(instance, options) {
-  var _ref = options || {},
-      exclude = _ref.exclude,
-      include = _ref.include;
+  var {
+    exclude,
+    include
+  } = options || {};
 
-  var filter = function filter(key) {
-    var match = function match(pattern) {
-      return typeof pattern === 'string' ? key === pattern : pattern.test(key);
-    };
+  var filter = key => {
+    var match = pattern => typeof pattern === 'string' ? key === pattern : pattern.test(key);
 
     if (include) {
       return include.some(match);
@@ -21,16 +19,11 @@ export default function autoBind(instance, options) {
     return true;
   };
 
-  getAllProperties(instance).filter(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 1),
-        key = _ref3[0];
-
+  getAllProperties(instance).filter(_ref => {
+    var [key] = _ref;
     return key !== 'constructor' && filter(key);
-  }).forEach(function (_ref4) {
-    var _ref5 = _slicedToArray(_ref4, 2),
-        key = _ref5[0],
-        object = _ref5[1];
-
+  }).forEach(_ref2 => {
+    var [key, object] = _ref2;
     var descriptor = Object.getOwnPropertyDescriptor(object, key);
 
     if (descriptor && typeof descriptor.value === 'function') {
@@ -38,5 +31,4 @@ export default function autoBind(instance, options) {
     }
   });
   return instance;
-}
-//# sourceMappingURL=autoBind.js.map
+}

package/utils/object/getAllProperties.d.ts

@@ -1,8 +1,11 @@
 /**
  * Gets all non-builtin properties up the prototype chain.
  *
- * @param  {Object} object The object to get the propeties from.
- * @param  {Array=} [props=[]] The already existing properties.
+ * @param {Object} object
+ *   The object to get the propeties from.
+ * @param {Array=} [props=[]]
+ *   The already existing properties.
+ * @param {(name:string, proto:any) => boolean} testFn
  * @return {Array<[String, Object]>} An array of properties and the prototype they belong to.
  */
-export default function getAllProperties(object: any, props?: any[] | undefined): Array<[string, any]>;
+export default function getAllProperties(object: any, props?: any[] | undefined, testFn?: (name: string, proto: any) => boolean): Array<[string, any]>;

package/utils/object/getAllProperties.js

@@ -1,16 +1,18 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 export default function getAllProperties(object) {
   var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  var testFn = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
   var proto = Object.getPrototypeOf(object);
 
   if (proto === Object.prototype) {
     return props;
   }
 
-  return getAllProperties(proto, Object.getOwnPropertyNames(proto).map(function (name) {
-    return [name, proto];
-  }).reduce(function (acc, val) {
-    return [].concat(_toConsumableArray(acc), [val]);
-  }, props));
-}
-//# sourceMappingURL=getAllProperties.js.map
+  var foundProps = Object.getOwnPropertyNames(proto);
+
+  if (typeof testFn === 'function') {
+    foundProps = foundProps.filter(name => testFn(name, proto));
+  }
+
+  foundProps = foundProps.map(name => [name, proto]).reduce((acc, val) => [...acc, val], props);
+  return getAllProperties(proto, foundProps, testFn);
+}

package/utils/object/index.js

@@ -1,5 +1,4 @@
 import autoBind from './autoBind.js';
 import getAllProperties from './getAllProperties.js';
 import isObject from './isObject.js';
-export { autoBind, getAllProperties, isObject };
-//# sourceMappingURL=index.js.map
+export { autoBind, getAllProperties, isObject };

package/utils/object/isObject.js

@@ -1,5 +1,3 @@
-import _typeof from "@babel/runtime/helpers/typeof";
 export default function isObject(value) {
-  return _typeof(value) === 'object' && !!value && value.toString() === '[object Object]';
-}
-//# sourceMappingURL=isObject.js.map
+  return typeof value === 'object' && !!value && value.toString() === '[object Object]';
+}

package/utils/string/index.js

@@ -8,5 +8,4 @@ import withoutTrailingCharactersRecursive from './withoutTrailingCharactersRecur
 import withoutTrailingSlash from './withoutTrailingSlash.js';
 import withTrailingCharacters from './withTrailingCharacters.js';
 import withTrailingSlash from './withTrailingSlash.js';
-export { withLeadingCharacters, withLeadingSlash, withoutLeadingCharacters, withoutLeadingCharactersRecursive, withoutLeadingSlash, withoutTrailingCharacters, withoutTrailingCharactersRecursive, withoutTrailingSlash, withTrailingCharacters, withTrailingSlash };
-//# sourceMappingURL=index.js.map
+export { withLeadingCharacters, withLeadingSlash, withoutLeadingCharacters, withoutLeadingCharactersRecursive, withoutLeadingSlash, withoutTrailingCharacters, withoutTrailingCharactersRecursive, withoutTrailingSlash, withTrailingCharacters, withTrailingSlash };

package/utils/string/withLeadingCharacters.js

@@ -1,5 +1,4 @@
 import withoutLeadingCharacters from './withoutLeadingCharacters.js';
 export default function withLeadingCharacters(string, characters) {
   return "".concat(characters).concat(withoutLeadingCharacters(string, characters));
-}
-//# sourceMappingURL=withLeadingCharacters.js.map
+}