@startlibs/utils 1.0.0-alpha-6y → 1.0.0-alpha-7d

package/lib/index.js

@@ -2,13 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
+var _awaitAsyncGenerator = require('@babel/runtime/helpers/awaitAsyncGenerator');
+var _wrapAsyncGenerator = require('@babel/runtime/helpers/wrapAsyncGenerator');
+var _times = require('lodash/fp/times');
+var _identity = require('lodash/fp/identity');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread');
-var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _isPlainObject = require('lodash/fp/isPlainObject');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _fromPairs = require('lodash/fp/fromPairs');
+var _isFinite = require('lodash/fp/isFinite');
 var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var _typeof = require('@babel/runtime/helpers/typeof');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -18,7 +23,7 @@ var _reverse = require('lodash/fp/reverse');
 var _get = require('lodash/fp/get');
 var _unset = require('lodash/fp/unset');
 var polished = require('polished');
-var React = require('react');
+var react = require('react');
 var styled = require('styled-components');
 var emotion = require('emotion');
 var _map = require('lodash/fp/map');
@@ -33,30 +38,22 @@ var _toPath = require('lodash/fp/toPath');
 var _pullAt = require('lodash/fp/pullAt');
 var _curry = require('lodash/fp/curry');
 var _last = require('lodash/fp/last');
-var _identity = require('lodash/fp/identity');
 var _isEqual = require('lodash/fp/isEqual');
-require('@babel/runtime/helpers/extends');
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
-var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstructorReturn');
-var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
-var _inherits = require('@babel/runtime/helpers/inherits');
-var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
-var ReactDOM = require('react-dom');
-var _ = require('lodash/fp');
-var utils = require('@startlibs/utils');
-require('@babel/runtime/helpers/defineProperty');
-require('mitt');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var _awaitAsyncGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_awaitAsyncGenerator);
+var _wrapAsyncGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_wrapAsyncGenerator);
+var _times__default = /*#__PURE__*/_interopDefaultLegacy(_times);
+var _identity__default = /*#__PURE__*/_interopDefaultLegacy(_identity);
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _isPlainObject__default = /*#__PURE__*/_interopDefaultLegacy(_isPlainObject);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _fromPairs__default = /*#__PURE__*/_interopDefaultLegacy(_fromPairs);
+var _isFinite__default = /*#__PURE__*/_interopDefaultLegacy(_isFinite);
 var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
@@ -65,7 +62,6 @@ var _find__default = /*#__PURE__*/_interopDefaultLegacy(_find);
 var _reverse__default = /*#__PURE__*/_interopDefaultLegacy(_reverse);
 var _get__default = /*#__PURE__*/_interopDefaultLegacy(_get);
 var _unset__default = /*#__PURE__*/_interopDefaultLegacy(_unset);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var _map__default = /*#__PURE__*/_interopDefaultLegacy(_map);
 var _filter__default = /*#__PURE__*/_interopDefaultLegacy(_filter);
@@ -79,16 +75,149 @@ var _toPath__default = /*#__PURE__*/_interopDefaultLegacy(_toPath);
 var _pullAt__default = /*#__PURE__*/_interopDefaultLegacy(_pullAt);
 var _curry__default = /*#__PURE__*/_interopDefaultLegacy(_curry);
 var _last__default = /*#__PURE__*/_interopDefaultLegacy(_last);
-var _identity__default = /*#__PURE__*/_interopDefaultLegacy(_identity);
 var _isEqual__default = /*#__PURE__*/_interopDefaultLegacy(_isEqual);
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
-var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_possibleConstructorReturn);
-var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
-var _inherits__default = /*#__PURE__*/_interopDefaultLegacy(_inherits);
-var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_objectDestructuringEmpty);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
-var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
+
+function createSinglePromiseQueue() {
+  return _createSinglePromiseQueue.apply(this, arguments);
+}
+
+function _createSinglePromiseQueue() {
+  _createSinglePromiseQueue = _wrapAsyncGenerator__default['default'](
+  /*#__PURE__*/
+  _regeneratorRuntime__default['default'].mark(function _callee() {
+    var lastPromise, resolve;
+    return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            lastPromise = Promise.resolve();
+            /* eslint-disable no-await-in-loop */
+
+          case 1:
+
+            _context.next = 4;
+            return _awaitAsyncGenerator__default['default'](lastPromise);
+
+          case 4:
+            resolve = _identity__default['default'];
+            lastPromise = new Promise(function (res) {
+              resolve = res;
+            });
+            _context.next = 8;
+            return resolve;
+
+          case 8:
+            _context.next = 1;
+            break;
+
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, this);
+  }));
+  return _createSinglePromiseQueue.apply(this, arguments);
+}
+
+function createPromiseQueue() {
+  return _createPromiseQueue.apply(this, arguments);
+}
+
+function _createPromiseQueue() {
+  _createPromiseQueue = _wrapAsyncGenerator__default['default'](
+  /*#__PURE__*/
+  _regeneratorRuntime__default['default'].mark(function _callee3() {
+    var parallel,
+        queues,
+        promises,
+        locks,
+        getNextAvailableLock,
+        lock,
+        _args3 = arguments;
+    return _regeneratorRuntime__default['default'].wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            parallel = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : 1;
+            queues = _times__default['default'](createSinglePromiseQueue, parallel);
+            promises = queues.map(function (q) {
+              return q.next();
+            });
+            _context3.next = 5;
+            return _awaitAsyncGenerator__default['default'](Promise.all(promises));
+
+          case 5:
+            locks = _context3.sent;
+
+            getNextAvailableLock =
+            /*#__PURE__*/
+            function () {
+              var _ref = _asyncToGenerator__default['default'](
+              /*#__PURE__*/
+              _regeneratorRuntime__default['default'].mark(function _callee2() {
+                var index, lock;
+                return _regeneratorRuntime__default['default'].wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        index = locks.findIndex(Boolean);
+
+                        if (!(index >= 0)) {
+                          _context2.next = 6;
+                          break;
+                        }
+
+                        lock = locks[index];
+                        locks[index] = null;
+                        promises[index] = queues[index].next().then(function (result) {
+                          locks[index] = result;
+                        });
+                        return _context2.abrupt("return", [lock.value, locks.filter(Boolean).length]);
+
+                      case 6:
+                        _context2.next = 8;
+                        return Promise.race(promises);
+
+                      case 8:
+                        return _context2.abrupt("return", getNextAvailableLock());
+
+                      case 9:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2, this);
+              }));
+
+              return function getNextAvailableLock() {
+                return _ref.apply(this, arguments);
+              };
+            }();
+
+          case 7:
+
+            _context3.next = 10;
+            return _awaitAsyncGenerator__default['default'](getNextAvailableLock());
+
+          case 10:
+            lock = _context3.sent;
+            _context3.next = 13;
+            return lock;
+
+          case 13:
+            _context3.next = 7;
+            break;
+
+          case 15:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3, this);
+  }));
+  return _createPromiseQueue.apply(this, arguments);
+}
 
 var getClosestOffsetScroll = function getClosestOffsetScroll(node) {
   if (!node) {
@@ -369,14 +498,35 @@ var intToHour = function intToHour(hour) {
 
   if (hour === 0) {
     return "00:00";
-  }
+  } //const [h,m] = ('000' + hour.toString().replace(":","")).slice(-4).replace(/(\d\d)(\d\d)/, '$1:$2').split(":")
+
 
-  if (autoFill) return ('000' + hour.toString().replace(":", "")).slice(-4).replace(/(\d\d)(\d\d)/, '$1:$2');
   var h = hour.toString().replace(":", "").slice(-4, -2);
   var m = hour.toString().replace(":", "").slice(-2);
+
+  if (callIfFunction(autoFill, hour)) {
+    return ('000' + (h ? parseInt(h, 10) % 24 : '') + m).slice(-4).replace(/(\d\d)(\d\d)/, '$1:$2');
+  }
+
   if (h) return (parseInt(h, 10) > 23 ? h.slice(1) : h) + ':' + m;
   return m;
 };
+var formatHour = function formatHour() {
+  var hour = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+
+  if (!hour) {
+    return "";
+  }
+
+  var h = hour.toString().replace(":", "").slice(-4, -2);
+  var m = hour.toString().replace(":", "").slice(-2);
+
+  if (!h && parseInt(m) < 24 && !_isFinite__default['default'](hour)) {
+    return m + ":00";
+  }
+
+  return ('000' + hour.toString().replace(":", "")).slice(-4).replace(/(\d\d)(\d\d)/, '$1:$2');
+};
 var willRafThrottle = function willRafThrottle() {
   var ticking = false;
   return function (fn) {
@@ -522,16 +672,76 @@ var normalizeTouch = function normalizeTouch(fn, endFn) {
   return function (e) {
     var touch = e.touches[0];
 
-    if (e.touches.length > 1) {
-      endFn();
+    if (e.touches.length > 1 && e.type !== 'touchend') {
+      callIfFunction(endFn, e, touch);
+    } else {
+      callIfFunction(fn, e, touch);
+    }
+  };
+};
+var normalizeMouse = function normalizeMouse(fn, endFn) {
+  return function (e) {
+    if (e.buttons > 1 && e.type !== 'mouseup') {
+      callIfFunction(endFn, e, e);
+    } else {
+      callIfFunction(fn, e, e);
+    }
+  };
+};
+var normalizePress = function normalizePress(fn, endFn) {
+  return function (e) {
+    if (e.touches) {
+      normalizeTouch(fn, endFn)(e);
     } else {
-      fn(e.currentTarget, touch.pageX, touch.pageY, touch.clientX, touch.clientY, e);
+      normalizeMouse(fn, endFn)(e);
     }
   };
 };
-var normalizeMouse = function normalizeMouse(fn) {
+var touchClick = function touchClick(cb) {
+  var sensibility = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 5;
   return function (e) {
-    fn(e.currentTarget, e.pageX, e.pageY, e.clientX, e.clientY, e);
+    var _e$touches;
+
+    if (((_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches.length) !== 1) {
+      return;
+    }
+
+    var target = e.target;
+    var originalX = e.touches[0].screenX;
+    var originalY = e.touches[0].screenY;
+
+    var isInsideBounds = function isInsideBounds(touch) {
+      return Math.sqrt(Math.pow(originalX - touch.screenX, 2) + Math.pow(originalY - touch.screenY, 2)) < sensibility;
+    };
+
+    var checkBounds = function checkBounds(e) {
+      if (e.touches.length !== 1) {
+        return;
+      }
+
+      if (!isInsideBounds(e.changedTouches[0])) {
+        maybeClick();
+      }
+    };
+
+    var maybeClick = function maybeClick(e) {
+      var _e$changedTouches;
+
+      target.removeEventListener('touchend', maybeClick);
+      target.removeEventListener('touchmove', checkBounds);
+
+      if ((e === null || e === void 0 ? void 0 : (_e$changedTouches = e.changedTouches) === null || _e$changedTouches === void 0 ? void 0 : _e$changedTouches.length) !== 1) {
+        return;
+      }
+
+      if (isInsideBounds(e.changedTouches[0])) {
+        e.preventDefault();
+        cb(e);
+      }
+    };
+
+    target.addEventListener('touchend', maybeClick);
+    target.addEventListener('touchmove', checkBounds);
   };
 };
 var isEmptyHtml = function isEmptyHtml() {
@@ -701,6 +911,11 @@ var addQueryString = function addQueryString() {
 
   return onlyUrl + '?' + paramsStr;
 };
+
+var cleanNulls = function cleanNulls(str) {
+  return str.replace(/\0/g, '');
+};
+
 var postFetcherWithResponse =
 /*#__PURE__*/
 function () {
@@ -716,7 +931,7 @@ function () {
             fetchOptions = _args3.length > 2 && _args3[2] !== undefined ? _args3[2] : {};
             return _context3.abrupt("return", innerFetcher(url, _objectSpread__default['default']({
               method: 'POST',
-              body: typeof jsonOrForm === 'string' ? jsonOrForm : !jsonOrForm || jsonOrForm.constructor === window.FormData ? jsonOrForm : JSON.stringify(jsonOrForm)
+              body: typeof jsonOrForm === 'string' ? jsonOrForm : !jsonOrForm || jsonOrForm.constructor === window.FormData ? jsonOrForm : cleanNulls(JSON.stringify(jsonOrForm))
             }, fetchOptions, {
               headers: _isPlainObject__default['default'](fetchOptions.headers) || !fetchOptions.headers ? _objectSpread__default['default']({}, jsonOrForm && (typeof jsonOrForm === 'string' || jsonOrForm.constructor === window.FormData) ? {} : {
                 'Content-Type': 'application/json; charset=UTF-8'
@@ -1061,7 +1276,7 @@ var media = function media() {
   }
 
   return function () {
-    return styled.css(["@media screen and ", "{", "}"], sizePairs.map(function (_ref4) {
+    return styled.css(["@media ", "{", "}"], sizePairs.map(function (_ref4) {
       var _ref5 = _slicedToArray__default['default'](_ref4, 2),
           size = _ref5[0],
           type = _ref5[1];
@@ -1161,29 +1376,30 @@ var getSet = function getSet(index, ttype) {
   };
   return [function (date, _, noUTC) {
     return format((typeof date === 'number' ? new Date(date) : date)['get' + (noUTC ? '' : 'UTC') + ttype]() + plus);
-  }, function (unformatedStr, date, _, failOnFormat) {
+  }, function (unformatedStr, date, _, failOnFormat, noUTC) {
     var str = parse(unformatedStr, date, failOnFormat);
     if (str === '' || isNaN(date.getTime())) return date;
     if (str === '\0') return date.setTime(NaN);
+    var utcSTR = noUTC ? '' : 'UTC';
     var v = parseInt(str, 10) - plus;
-    var prevDay = date.getUTCDate();
+    var prevDay = date['get' + utcSTR + 'Date']();
 
     if (ttype !== 'Date') {
-      date.setUTCDate(1);
+      date['set' + utcSTR + 'Date'](1);
     }
 
-    date['setUTC' + ttype](v);
+    date['set' + utcSTR + ttype](v);
 
-    if (date['getUTC' + ttype]() !== v) {
-      date['setUTC' + ttype](NaN);
+    if (date['get' + utcSTR + ttype]() !== v) {
+      date['set' + utcSTR + ttype](NaN);
       return date;
     }
 
     if (ttype !== 'Date') {
-      date.setUTCDate(prevDay);
+      date['set' + utcSTR + 'Date'](prevDay);
 
-      if (date['getUTC' + ttype]() !== v) {
-        date.setUTCDate(0);
+      if (date['get' + utcSTR + ttype]() !== v) {
+        date['set' + utcSTR + 'Date'](0);
         return date;
       }
     }
@@ -1248,7 +1464,7 @@ var now = function now() {
   return new Date();
 };
 
-function parseDate(str, possibleDate, format, messages, failOnFormat) {
+function parseDate(str, possibleDate, format, messages, failOnFormat, noUTC) {
   if (!str) return possibleDate;
   var separators = format.replace(escapedValidParts, '\0').split('\0');
   var parts = format.match(escapedValidParts);
@@ -1273,7 +1489,7 @@ function parseDate(str, possibleDate, format, messages, failOnFormat) {
         setter = _ref2[0],
         text = _ref2[1];
 
-    return setter(text, date, messages, failOnFormat);
+    return setter(text, date, messages, failOnFormat, noUTC);
   });
   return date;
 }
@@ -1318,7 +1534,7 @@ var selectPath = function selectPath(useState) {
     paths[_key2 - 1] = arguments[_key2];
   }
 
-  var _useMemo = React.useMemo(function () {
+  var _useMemo = react.useMemo(function () {
     return concatSelectors.apply(void 0, paths);
   }, paths),
       _useMemo2 = _slicedToArray__default['default'](_useMemo, 1),
@@ -1445,7 +1661,7 @@ var toHighest = function toHighest() {
 
 var useEventListener = function useEventListener(eventName, callback) {
   var deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  React.useEffect(function () {
+  react.useEffect(function () {
     window.addEventListener(eventName, callback);
     return function () {
       return window.removeEventListener(eventName, callback);
@@ -1454,7 +1670,7 @@ var useEventListener = function useEventListener(eventName, callback) {
 };
 var useEventListenerFor = function useEventListenerFor(element, eventName, callback) {
   var deps = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
-  React.useEffect(function () {
+  react.useEffect(function () {
     element.addEventListener(eventName, callback);
     return function () {
       return element.removeEventListener(eventName, callback);
@@ -1462,460 +1678,91 @@ var useEventListenerFor = function useEventListenerFor(element, eventName, callb
   }, deps.concat(element));
 };
 
-var callList = function callList(list, firstArg) {
-  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-    args[_key - 2] = arguments[_key];
-  }
-
-  return list.map(function (_ref) {
-    var current = _ref.current;
-    return typeof firstArg === 'function' ? firstArg(current) : current.apply(void 0, [firstArg].concat(args));
-  });
+var disableSelect = function disableSelect(e) {
+  e.preventDefault();
 };
 
-var willUseSharedCallback = function willUseSharedCallback() {
-  var useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React__default['default'].useEffect;
-  var mountedCallbacks = [];
-  var listenerCallbacks = [];
-
-  var remove = function remove(ref) {
-    return mountedCallbacks = mountedCallbacks.filter(function (_) {
-      return _ !== ref;
-    });
-  };
-
-  var add = function add(ref) {
-    return mountedCallbacks = mountedCallbacks.concat([ref]);
-  };
-
-  var get = function get() {
-    return mountedCallbacks;
-  };
-
-  var removeListener = function removeListener(ref) {
-    return listenerCallbacks = listenerCallbacks.filter(function (_) {
-      return _ !== ref;
+var createPressEvent = function createPressEvent(onStart) {
+  return normalizePress(function (startEvent, info) {
+    var onEnd = onStart(startEvent, info);
+    var finish = normalizePress(function (e, info) {
+      callIfFunction(onEnd, e, info);
+      window.removeEventListener('selectstart', disableSelect);
+      window.removeEventListener('touchend', finish);
+      window.removeEventListener('mouseup', finish);
     });
-  };
-
-  var addListener = function addListener(ref) {
-    return listenerCallbacks = listenerCallbacks.concat([ref]);
-  };
-
-  var getListeners = function getListeners(ref) {
-    return listenerCallbacks;
-  };
-
-  var call = function call() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
+    window.addEventListener('selectstart', disableSelect);
 
-    var resp = callList.apply(void 0, [get()].concat(args));
-    callList.apply(void 0, [getListeners()].concat(args));
-    return resp;
-  };
-
-  var getSize = function getSize() {
-    return get().length;
-  };
-
-  var useRegister = function useRegister(callback) {
-    var listener = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var ref = React.useRef(callback);
-
-    if (ref.current !== callback) {
-      ref.current = callback;
+    if (startEvent.touches) {
+      window.addEventListener('touchend', finish);
+    } else {
+      window.addEventListener("mouseup", finish);
     }
-
-    useEffect(function () {
-      if (!ref.current) {
-        return;
-      }
-
-      if (listener) {
-        addListener(ref);
-      } else {
-        add(ref);
-      }
-
-      return function () {
-        if (listener) {
-          removeListener(ref);
-        } else {
-          remove(ref);
-        }
-      };
-    }, []);
-    return function () {
-      return get().indexOf(ref);
-    };
-  };
-
-  return [useRegister, call, getSize];
+  });
 };
-
-var notDefined = {};
-var willUseSharedState = function willUseSharedState(initialValue) {
-  var _willUseSharedCallbac = willUseSharedCallback(),
-      _willUseSharedCallbac2 = _slicedToArray__default['default'](_willUseSharedCallbac, 3),
-      useRegisterGroupCallback = _willUseSharedCallbac2[0],
-      callGroup = _willUseSharedCallbac2[1],
-      getSize = _willUseSharedCallbac2[2];
-
-  var sharedValue = utils.ifUndefined(initialValue, notDefined);
-
-  var setGroupState = function setGroupState(newValue) {
-    sharedValue = utils.callIfFunction(newValue, sharedValue);
-    callGroup(sharedValue);
-  };
-
-  var refState = function refState() {
-    useRegisterGroupCallback();
-    return [function () {
-      return sharedValue;
-    }, setGroupState];
-  };
-
-  var valueState = function valueState(defaultValue) {
-    var prevValue = sharedValue !== notDefined ? sharedValue : defaultValue;
-
-    if (prevValue === defaultValue) {
-      sharedValue = defaultValue;
-    }
-
-    var _useState = React.useState(prevValue),
-        _useState2 = _slicedToArray__default['default'](_useState, 2),
-        value = _useState2[0],
-        setValue = _useState2[1];
-
-    useRegisterGroupCallback(setValue);
-    return [value, setGroupState];
-  };
-
-  var clear = function clear() {
-    sharedValue = notDefined;
-  };
-
-  return [valueState, refState, setGroupState, function () {
-    return sharedValue;
-  }, clear];
-};
-
-var SlotContext = React__default['default'].createContext(new Map());
-
-var _willUseSharedState = willUseSharedState(),
-    _willUseSharedState2 = _slicedToArray__default['default'](_willUseSharedState, 2),
-    useFillHookState = _willUseSharedState2[0],
-    useFillHookStateRef = _willUseSharedState2[1];
-
-var _willUseSharedState3 = willUseSharedState(),
-    _willUseSharedState4 = _slicedToArray__default['default'](_willUseSharedState3, 2),
-    useHiddenFillHookState = _willUseSharedState4[0],
-    useHiddenFillHookStateRef = _willUseSharedState4[1];
-
-var DEFAULT_CONTEXT = new Map();
-var SlotProvider = function SlotProvider(_ref) {
-  var children = _ref.children;
-  return React__default['default'].createElement(SlotContext.Provider, {
-    value: DEFAULT_CONTEXT
-  }, children, React__default['default'].createElement(React__default['default'].Suspense, {
-    fallback: null
-  }, React__default['default'].createElement(FillHooks, null)), React__default['default'].createElement(HiddenFillHooks, null));
-};
-var Invisible = styled__default['default'].div.withConfig({
-  displayName: "SlotFill__Invisible",
-  componentId: "h3oh7r-0"
-})(["display:none"]);
-
-var FillBeforeFlip = function FillBeforeFlip(_ref3) {
-  var name = _ref3.name,
-      children = _ref3.children,
-      slot = _ref3.slot;
-  var slots = React.useContext(SlotContext);
-  var ref = React.useRef();
-  React.useLayoutEffect(function () {
-    var _slots$get;
-
-    var slotRefs = ((_slots$get = slots.get(name)) === null || _slots$get === void 0 ? void 0 : _slots$get.refs) || [];
-
-    var mounted = ___default['default'].flatMap(function (_ref4) {
-      var current = _ref4.current;
-      return current;
-    }, slotRefs);
-
-    var clones = [];
-
-    var getClone = function getClone() {
-      var cloned = ref.current.cloneNode(true);
-      cloned.className = 'JS-fill-flip';
-      clones.push(cloned);
-      return cloned;
-    };
-
-    mounted.map(function (_) {
-      return _.appendChild(getClone());
-    });
-    return function () {
-      clones.forEach(function (el) {
-        return el.remove();
+var createPressAndHoldEvent = function createPressAndHoldEvent(onStart, interval) {
+  return createPressEvent(function (startEvent, info) {
+    var _concat = [].concat(onStart(startEvent, info)),
+        _concat2 = _slicedToArray__default['default'](_concat, 2),
+        onInterval = _concat2[0],
+        onEnd = _concat2[1];
+
+    var i = 0;
+
+    if (interval) {
+      var intervalId = setInterval(function () {
+        onInterval(i++);
+      }, interval);
+      return normalizePress(function (e, info) {
+        callIfFunction(onEnd, e, info);
+        clearInterval(intervalId);
       });
-    };
-  }, []);
-  return React__default['default'].createElement(Invisible, {
-    ref: ref
-  }, children);
-};
-
-var Fill = function Fill(_ref5) {
-  var name = _ref5.name,
-      children = _ref5.children,
-      withFlip = _ref5.withFlip;
-  var slots = React.useContext(SlotContext);
-  var forceUpdate = React__default['default'].useState({})[1];
-  var slot = slots.get(name);
-
-  if (slot === null || slot === void 0 ? void 0 : slot.refs) {
-    return slot === null || slot === void 0 ? void 0 : slot.refs.map(function (ref) {
-      return (ref === null || ref === void 0 ? void 0 : ref.current) && ReactDOM__default['default'].createPortal(children, ref.current);
-    });
-  } else if (withFlip) {
-    return React__default['default'].createElement(FillBeforeFlip, {
-      name: name,
-      slot: slot
-    }, children);
-  } else {
-    slots.set(name, {
-      children: children,
-      update: function update() {
-        return forceUpdate({});
-      }
-    });
-    return null;
-  }
-};
-
-var FillHooks = function FillHooks(_ref6) {
-  _objectDestructuringEmpty__default['default'](_ref6);
-
-  var _useFillHookState = useFillHookState({}),
-      _useFillHookState2 = _slicedToArray__default['default'](_useFillHookState, 1),
-      hooked = _useFillHookState2[0];
+    } else {
+      var running = true;
 
-  return Object.entries(hooked).map(function (_ref7) {
-    var _ref8 = _slicedToArray__default['default'](_ref7, 2),
-        name = _ref8[0],
-        childs = _ref8[1];
+      var run = function run() {
+        return window.requestAnimationFrame(function () {
+          if (running) {
+            onInterval(i++);
+            run();
+          }
+        });
+      };
 
-    return childs.map(function (_ref9, i) {
-      var children = _ref9.children;
-      return React__default['default'].createElement(Fill, {
-        key: name + i,
-        name: name
-      }, children);
-    });
+      run();
+      return normalizePress(function (e, info) {
+        callIfFunction(onEnd, e, info);
+        running = false;
+      });
+    }
   });
 };
+var createPressAndMoveEvent = function createPressAndMoveEvent(onStart) {
+  return createPressEvent(function (startEvent, info) {
+    var _concat3 = [].concat(onStart(startEvent, info)),
+        _concat4 = _slicedToArray__default['default'](_concat3, 2),
+        onMove = _concat4[0],
+        onEnd = _concat4[1];
+
+    var finish = normalizePress(function (e, info) {
+      callIfFunction(onEnd, e, info);
+      window.removeEventListener('touchmove', move);
+      window.removeEventListener('mousemove', move);
+    });
+    var move = normalizePress(onMove, finish);
 
-var HiddenFillHooks = function HiddenFillHooks(_ref10) {
-  _objectDestructuringEmpty__default['default'](_ref10);
-
-  var _useHiddenFillHookSta = useHiddenFillHookState({}),
-      _useHiddenFillHookSta2 = _slicedToArray__default['default'](_useHiddenFillHookSta, 1),
-      hookedChildren = _useHiddenFillHookSta2[0];
-
-  return React__default['default'].createElement("div", null, Object.values(hookedChildren));
-};
-
-var prevOpenToggleClose = function prevOpenToggleClose() {};
-var clearPopups = function clearPopups() {
-  {
-    prevOpenToggleClose();
-
-    prevOpenToggleClose = function prevOpenToggleClose() {};
-  }
-};
-
-var StartlibsContext = React__default['default'].createContext({});
-var PopupContext = React__default['default'].createContext({});
-var StartlibsMetacontext = React__default['default'].createContext(function () {});
-var StartlibsConsumer = StartlibsContext.Consumer;
-var wrappeStyle = {
-  height: '100%'
-};
-var StartlibsProvider =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits__default['default'](StartlibsProvider, _React$Component);
-
-  function StartlibsProvider() {
-    var _getPrototypeOf2;
-
-    var _this;
-
-    _classCallCheck__default['default'](this, StartlibsProvider);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _possibleConstructorReturn__default['default'](this, (_getPrototypeOf2 = _getPrototypeOf__default['default'](StartlibsProvider)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    _this.openToggles = new Map();
-
-    _this.popupToggleRender = function (_ref, ref) {
-      var isOpen = _ref.isOpen,
-          close = _ref.close;
-
-      if (isOpen && !_this.openToggles.has(ref)) {
-        _this.closePopup();
-
-        _this.openToggles.set(ref, close);
-      }
-    };
-
-    _this.closePopup = function () {
-      clearPopups();
-    };
-
-    _this.startlibsMeta = new Map();
-
-    _this.getMeta = function (key, initValue) {
-      var exists = _this.startlibsMeta.get(key);
-
-      if (exists) return exists;
-
-      _this.startlibsMeta.set(key, utils.callIfFunction(initValue));
-
-      return initValue;
-    };
-
-    return _this;
-  }
-
-  _createClass__default['default'](StartlibsProvider, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      utils.fixMediaQuery();
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return React__default['default'].createElement(StartlibsContext.Provider, {
-        value: this.props.value
-      }, React__default['default'].createElement(StartlibsMetacontext.Provider, {
-        value: this.getMeta
-      }, React__default['default'].createElement(PopupContext.Provider, {
-        value: this.popupToggleRender
-      }, React__default['default'].createElement(SlotProvider, null, React__default['default'].createElement("div", {
-        style: wrappeStyle,
-        onClick: this.closePopup
-      }, this.props.children)))));
-    }
-  }]);
-
-  return StartlibsProvider;
-}(React__default['default'].Component);
-
-var WithRef =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits__default['default'](WithRef, _React$Component);
-
-  function WithRef(props) {
-    var _this;
-
-    _classCallCheck__default['default'](this, WithRef);
-
-    _this = _possibleConstructorReturn__default['default'](this, _getPrototypeOf__default['default'](WithRef).call(this, props));
-    var total = props.length || props.children.length;
-    var refs = new Array(total);
-
-    for (var i = 0; i < total; i++) {
-      refs[i] = React__default['default'].createRef();
-    }
-
-    _this.createdRefs = refs;
-    return _this;
-  }
-
-  _createClass__default['default'](WithRef, [{
-    key: "render",
-    value: function render() {
-      var children = this.props.children;
-      return children.apply(void 0, _toConsumableArray__default['default'](this.createdRefs));
+    if (startEvent.touches) {
+      window.addEventListener('touchmove', move, {
+        passive: false
+      });
+    } else {
+      window.addEventListener("mousemove", move);
     }
-  }]);
-
-  return WithRef;
-}(React__default['default'].Component);
-
-var willUseLayers = function willUseLayers() {
-  var useEffect = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : React__default['default'].useEffect;
-
-  var _willUseSharedCallbac = willUseSharedCallback(useEffect),
-      _willUseSharedCallbac2 = _slicedToArray__default['default'](_willUseSharedCallbac, 3),
-      useRegisterSharedCallback = _willUseSharedCallbac2[0],
-      callGroup = _willUseSharedCallbac2[1],
-      _getSize = _willUseSharedCallbac2[2];
-
-  var useLayer = function useLayer() {
-    var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        onFirst = _ref.onFirst,
-        onEmpty = _ref.onEmpty,
-        onTop = _ref.onTop;
-
-    var listener = arguments.length > 1 ? arguments[1] : undefined;
-    var resetIndex = React.useCallback(function () {
-      setIndex(getIndex());
-
-      if (getIndex() + 1 === _getSize()) {
-        utils.callIfFunction(onTop, getIndex);
-      }
-    }, []);
-    var getIndex = useRegisterSharedCallback(resetIndex, listener);
-
-    var _useState = React.useState(getIndex()),
-        _useState2 = _slicedToArray__default['default'](_useState, 2),
-        index = _useState2[0],
-        setIndex = _useState2[1];
-
-    useEffect(function () {
-      if (getIndex() === 0) {
-        utils.callIfFunction(onFirst);
-      }
-
-      resetIndex();
-      return function () {
-        if (_getSize() === 0) {
-          utils.callIfFunction(onEmpty);
-        }
-
-        callGroup();
-      };
-    }, []);
-    return [index, {
-      isFirst: function isFirst() {
-        return getIndex() === 1;
-      },
-      isTop: function isTop() {
-        return getIndex() === _getSize() - 1;
-      },
-      isEmpty: function isEmpty() {
-        return _getSize() === 0;
-      },
-      getSize: function getSize() {
-        return _getSize();
-      }
-    }];
-  };
 
-  return [useLayer, _getSize];
+    return finish;
+  });
 };
 
-var _willUseLayers = willUseLayers(),
-    _willUseLayers2 = _slicedToArray__default['default'](_willUseLayers, 1),
-    useTitleLayers = _willUseLayers2[0];
-
 // a contract like this to integrate with React.
 // Real implementations can be significantly more complex.
 // Don't copy-paste this into your project!
@@ -1932,6 +1779,7 @@ var innerWrapLazy = function innerWrapLazy(refreshCallback) {
     var status;
     var lazyResolver;
     var lazyPromise;
+    var checker = _isEqual__default['default'];
     var lazyArgs = EMPTY_ARGS;
 
     var _uid = Math.random().toString() + Date.now();
@@ -1981,7 +1829,7 @@ var innerWrapLazy = function innerWrapLazy(refreshCallback) {
         } else if (status === "error") {
           throw result;
         } else if (status === "success") {
-          return result;
+          return currentValue;
         }
       },
       promise: function promise() {
@@ -1999,14 +1847,14 @@ var innerWrapLazy = function innerWrapLazy(refreshCallback) {
           args[_key3] = arguments[_key3];
         }
 
-        return wrapLazy.apply(void 0, [promise].concat(rootArgs, args));
+        return wrapLazy.apply(void 0, [promise].concat(rootArgs, args)).checkWith(checker);
       },
       use: function use() {
         for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
           args[_key4] = arguments[_key4];
         }
 
-        if (!_isEqual__default['default'](args, lazyArgs)) {
+        if (!checker(args, lazyArgs)) {
           if (lazyArgs !== EMPTY_ARGS) {
             _uid = Math.random().toString() + Date.now();
           }
@@ -2021,6 +1869,14 @@ var innerWrapLazy = function innerWrapLazy(refreshCallback) {
         return currentValue;
       },
       and: function and(lazy) {},
+      checkWith: function checkWith(isEqual) {
+        checker = isEqual;
+        return this;
+      },
+      localUpdate: function localUpdate(updater) {
+        currentValue = callIfFunction(updater, currentValue);
+        return this;
+      },
       uid: function uid() {
         return _uid;
       }
@@ -2043,8 +1899,8 @@ var willUseLazy = function willUseLazy() {
   var useLazyEffect = function useLazyEffect(callback) {
     var value = lazy._getCurrentValue();
 
-    var componentState = React.useRef(value);
-    React.useEffect(function () {
+    var componentState = react.useRef(value);
+    react.useEffect(function () {
       var callbackCaller = function callbackCaller(result) {
         if (componentState.current !== UNMOUNTED) {
           componentState.current = result;
@@ -2058,7 +1914,7 @@ var willUseLazy = function willUseLazy() {
         return componentState.current = UNMOUNTED;
       };
     }, []);
-    React.useEffect(function () {
+    react.useEffect(function () {
       if (value !== componentState.current) {
         callback(value);
       }
@@ -2083,7 +1939,7 @@ var willUseAutoLazy = function willUseAutoLazy() {
       useLazyEffect = _willUseLazy2[1];
 
   var useAutoLazyEffect = function useAutoLazyEffect(extraEffect) {
-    var _useState = React.useState(1),
+    var _useState = react.useState(1),
         _useState2 = _slicedToArray__default['default'](_useState, 2),
         update = _useState2[1];
 
@@ -2116,6 +1972,10 @@ exports.callMany = callMany;
 exports.compareBest = compareBest;
 exports.concatSelectors = concatSelectors;
 exports.constrainEvent = constrainEvent;
+exports.createPressAndHoldEvent = createPressAndHoldEvent;
+exports.createPressAndMoveEvent = createPressAndMoveEvent;
+exports.createPressEvent = createPressEvent;
+exports.createPromiseQueue = createPromiseQueue;
 exports.customTheme = customTheme;
 exports.digitsToPattern = digitsToPattern;
 exports.ellipsis = ellipsis;
@@ -2124,6 +1984,7 @@ exports.formFetch = formFetch;
 exports.formFetchWithResponse = formFetchWithResponse;
 exports.formatDate = formatDate;
 exports.formatDateToPattern = formatDateToPattern;
+exports.formatHour = formatHour;
 exports.formatPath = formatPath;
 exports.getClosestOffsetScroll = getClosestOffsetScroll;
 exports.getColor = getColor;
@@ -2156,6 +2017,7 @@ exports.linkRegex = linkRegex;
 exports.mapGetOrSet = mapGetOrSet;
 exports.media = media;
 exports.normalizeMouse = normalizeMouse;
+exports.normalizePress = normalizePress;
 exports.normalizeTouch = normalizeTouch;
 exports.oneWayAnimation = oneWayAnimation;
 exports.parseDate = parseDate;
@@ -2173,6 +2035,7 @@ exports.styledExtend = styledExtend;
 exports.timerPromise = timerPromise;
 exports.toHighest = toHighest;
 exports.toLowest = toLowest;
+exports.touchClick = touchClick;
 exports.twoWayAnimation = twoWayAnimation;
 exports.unWill = unWill;
 exports.useEventListener = useEventListener;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startlibs/utils",
-  "version": "1.0.0-alpha-6y",
+  "version": "1.0.0-alpha-7d",
   "description": "Startlibs Utils",
   "main": "lib/index.js",
   "sideEffects": false,