@startlibs/utils 1.0.0-alpha-7d → 1.0.0-alpha-7g

package/lib/index.js

@@ -17,15 +17,16 @@ 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');
-var _isFunction = require('lodash/fp/isFunction');
 var _find = require('lodash/fp/find');
 var _reverse = require('lodash/fp/reverse');
+var _isEqual = require('lodash/fp/isEqual');
+var _isFunction = require('lodash/fp/isFunction');
 var _get = require('lodash/fp/get');
 var _unset = require('lodash/fp/unset');
 var polished = require('polished');
 var react = require('react');
 var styled = require('styled-components');
-var emotion = require('emotion');
+var createEmotion = require('create-emotion');
 var _map = require('lodash/fp/map');
 var _filter = require('lodash/fp/filter');
 var _each = require('lodash/fp/each');
@@ -38,7 +39,6 @@ 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 _isEqual = require('lodash/fp/isEqual');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -57,12 +57,14 @@ var _isFinite__default = /*#__PURE__*/_interopDefaultLegacy(_isFinite);
 var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _isFunction__default = /*#__PURE__*/_interopDefaultLegacy(_isFunction);
 var _find__default = /*#__PURE__*/_interopDefaultLegacy(_find);
 var _reverse__default = /*#__PURE__*/_interopDefaultLegacy(_reverse);
+var _isEqual__default = /*#__PURE__*/_interopDefaultLegacy(_isEqual);
+var _isFunction__default = /*#__PURE__*/_interopDefaultLegacy(_isFunction);
 var _get__default = /*#__PURE__*/_interopDefaultLegacy(_get);
 var _unset__default = /*#__PURE__*/_interopDefaultLegacy(_unset);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var createEmotion__default = /*#__PURE__*/_interopDefaultLegacy(createEmotion);
 var _map__default = /*#__PURE__*/_interopDefaultLegacy(_map);
 var _filter__default = /*#__PURE__*/_interopDefaultLegacy(_filter);
 var _each__default = /*#__PURE__*/_interopDefaultLegacy(_each);
@@ -75,7 +77,6 @@ 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 _isEqual__default = /*#__PURE__*/_interopDefaultLegacy(_isEqual);
 
 function createSinglePromiseQueue() {
   return _createSinglePromiseQueue.apply(this, arguments);
@@ -1219,10 +1220,10 @@ var getMargin = function getMargin(enumeratedMargins) {
  * `
  */
 
-var getProp = function getProp(path, defaultValue) {
+var prop = function prop(path, defaultValue) {
   return function () {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return get([].concat(path), props) || defaultValue;
+    return _get__default['default'](path.trim(), props) || defaultValue;
   };
 };
 var customTheme = function customTheme(type) {
@@ -1247,42 +1248,103 @@ var customTheme = function customTheme(type) {
  */
 
 var ifProp = function ifProp(path, pass, fail) {
-  return function () {
-    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var result = false;
+  if (pass && !_isFunction__default['default'](pass)) {
+    // old version
+    return function () {
+      var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var result = false;
 
-    if (Array.isArray(path)) {
-      result = path.every(function (p) {
-        return testSinglePath(props, p);
-      });
-    } else if (_typeof__default['default'](path) === 'object') {
-      result = !Object.entries(path).find(function (_ref2) {
-        var _ref3 = _slicedToArray__default['default'](_ref2, 2),
-            k = _ref3[0],
-            v = _ref3[1];
+      if (Array.isArray(path)) {
+        result = path.every(function (p) {
+          return testSinglePath(props, p);
+        });
+      } else if (_typeof__default['default'](path) === 'object') {
+        result = !Object.entries(path).find(function (_ref2) {
+          var _ref3 = _slicedToArray__default['default'](_ref2, 2),
+              k = _ref3[0],
+              v = _ref3[1];
 
-        return props[k] !== v;
-      });
-    } else {
-      result = testSinglePath(props, path);
+          return props[k] !== v;
+        });
+      } else {
+        result = testSinglePath(props, path);
+      }
+
+      return result ? pass : fail;
+    };
+  } else {
+    return function () {
+      for (var _len = arguments.length, argsTrue = new Array(_len), _key = 0; _key < _len; _key++) {
+        argsTrue[_key] = arguments[_key];
+      }
+
+      var check = pass || _identity__default['default'];
+
+      var fn = function fn(props) {
+        return check(_get__default['default'](path, props)) ? styled.css.apply(void 0, argsTrue) : '';
+      };
+
+      fn.orElse = function () {
+        for (var _len2 = arguments.length, argsFalse = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+          argsFalse[_key2] = arguments[_key2];
+        }
+
+        return function (props) {
+          return check(_get__default['default'](path, props)) ? styled.css.apply(void 0, argsTrue) : styled.css.apply(void 0, argsFalse);
+        };
+      };
+
+      return fn;
+    };
+  }
+};
+var ifPropEquals = function ifPropEquals(path, str) {
+  return ifProp(path, _isEqual__default['default'](str));
+};
+var ifNotProp = function ifNotProp(path) {
+  return ifProp(path, function (v) {
+    return !v;
+  });
+};
+
+var checkCustomScreenWidth = function checkCustomScreenWidth(sizeParis, customWidth) {
+  var currentWidth = callIfFunction(customWidth);
+  return !sizeParis.find(function (_ref4) {
+    var _ref5 = _slicedToArray__default['default'](_ref4, 2),
+        size = _ref5[0],
+        type = _ref5[1];
+
+    if (type === "min-width") {
+      return currentWidth < size;
     }
 
-    return result ? pass : fail;
-  };
+    if (type === "max-width") {
+      return currentWidth > size;
+    }
+  });
 };
+
 var media = function media() {
-  for (var _len = arguments.length, sizePairs = new Array(_len), _key = 0; _key < _len; _key++) {
-    sizePairs[_key] = arguments[_key];
+  for (var _len3 = arguments.length, sizePairs = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+    sizePairs[_key3] = arguments[_key3];
   }
 
   return function () {
-    return styled.css(["@media ", "{", "}"], sizePairs.map(function (_ref4) {
-      var _ref5 = _slicedToArray__default['default'](_ref4, 2),
-          size = _ref5[0],
-          type = _ref5[1];
+    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      args[_key4] = arguments[_key4];
+    }
+
+    return styled.css(["", ""], function (props) {
+      var _props$theme, _props$theme2;
 
-      return "(".concat(type, ": ").concat(size + scrollWidth, "px)");
-    }).join(' and '), styled.css.apply(void 0, arguments));
+      return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.overrideMediaWidth) ? checkCustomScreenWidth(sizePairs, (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.overrideMediaWidth) ? styled.css.apply(void 0, args) : "" : styled.css(["@media ", "{", "}"], sizePairs.map(function (_ref6) {
+        var _ref7 = _slicedToArray__default['default'](_ref6, 2),
+            size = _ref7[0],
+            type = _ref7[1];
+
+        return "(".concat(type, ": ").concat(size + scrollWidth, "px)");
+      }).join(' and '), styled.css.apply(void 0, args));
+    });
   };
 };
 media.mobile = media([600, 'max-width']);
@@ -1300,6 +1362,11 @@ media.min = function (n) {
 };
 
 media.desktop = media([601, 'min-width']);
+var vheight = function vheight(strings, size) {
+  var propType = strings[0];
+  var calc = (strings[1] || "").replace(";", "").trim();
+  return "\n  ".concat(propType, " ").concat(calc ? "calc(".concat(size, "vh ").concat(calc, ")") : "".concat(size, "vh"), ";\n  ").concat(propType, " ").concat(calc ? "calc(calc(var(--vh, 1vh) * ".concat(size, ") ").concat(calc, ")") : "calc(var(--vh, 1vh) * ".concat(size, ")"), ";\n  ");
+};
 
 function testSinglePath(props, path) {
   if (typeof path === 'string') {
@@ -1315,9 +1382,12 @@ var getFrameOffset = function getFrameOffset(i, total) {
   return Math.round(i * 100 / (total - 1));
 };
 
+var emotion = createEmotion__default['default']({
+  nonce: __webpack_nonce__
+});
 var oneWayAnimation = function oneWayAnimation() {
-  for (var _len2 = arguments.length, frames = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    frames[_key2] = arguments[_key2];
+  for (var _len5 = arguments.length, frames = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+    frames[_key5] = arguments[_key5];
   }
 
   return emotion.keyframes(_templateObject(), frames.map(function (frame, i) {
@@ -1325,8 +1395,8 @@ var oneWayAnimation = function oneWayAnimation() {
   }));
 };
 var twoWayAnimation = function twoWayAnimation() {
-  for (var _len3 = arguments.length, frames = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-    frames[_key3] = arguments[_key3];
+  for (var _len6 = arguments.length, frames = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
+    frames[_key6] = arguments[_key6];
   }
 
   return [frames, _reverse__default['default'](frames)].map(function (frames) {
@@ -1335,8 +1405,8 @@ var twoWayAnimation = function twoWayAnimation() {
 };
 var animationTiming = function animationTiming(props) {
   return function () {
-    for (var _len4 = arguments.length, animations = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      animations[_key4] = arguments[_key4];
+    for (var _len7 = arguments.length, animations = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+      animations[_key7] = arguments[_key7];
     }
 
     return animations.filter(function (_) {
@@ -1348,9 +1418,9 @@ var animationTiming = function animationTiming(props) {
 };
 var identityTranslateFrames = oneWayAnimation('transform: translateY(0);', 'transform: translateY(0);');
 var identityOpacityFrames = oneWayAnimation('opacity: 1;', 'opacity:1;');
-var styledExtend = function styledExtend(_ref6) {
-  var target = _ref6.target,
-      componentStyle = _ref6.componentStyle;
+var styledExtend = function styledExtend(_ref8) {
+  var target = _ref8.target,
+      componentStyle = _ref8.componentStyle;
   return function () {
     var v = styled__default['default'](target).apply(void 0, arguments);
     v.componentStyle.rules = _toConsumableArray__default['default'](componentStyle.rules).concat(_toConsumableArray__default['default'](v.componentStyle.rules));
@@ -1360,7 +1430,7 @@ var styledExtend = function styledExtend(_ref6) {
 };
 
 var escapedValidParts = /(^|[^\\])(dd?|DD?|mm?|LL?|hh?|MM?|yy(?:yy)?)/g;
-var validParts = /(dd?|DD?|mm?|LL?|hh?|MM?|yy(?:yy))$/;
+var validParts = /(dd?|DD?|mm?|LL?|hh?|MM?|yy(?:yy)|yy)$/;
 
 var addZero = function addZero(v) {
   return (v < 10 ? '0' : '') + v;
@@ -1415,23 +1485,28 @@ var getText = function getText(type, total) {
   }];
 };
 
-var val = {
-  yyyy: getSet(0, 'FullYear', 0, function (v) {
-    return v;
-  }, function (y, date, failOnFormat) {
-    var formattedY = y.length === 2 && y !== '20' ? '20' + y : y.length === 4 ? y : '';
+var yearParse = function yearParse(y, date, failOnFormat) {
+  var formattedY = y.length === 2 && y !== '20' ? '20' + y : y.length === 4 ? y : '';
 
-    if (formattedY === '') {
-      if (failOnFormat) {
-        var found = date.getUTCFullYear().toString().indexOf(y);
-        return found === 0 || found === 2 ? date.getUTCFullYear() : '\0';
-      } else {
-        return date.getUTCFullYear();
-      }
+  if (formattedY === '') {
+    if (failOnFormat) {
+      var found = date.getUTCFullYear().toString().indexOf(y);
+      return found === 0 || found === 2 ? date.getUTCFullYear() : '\0';
     } else {
-      return formattedY;
+      return date.getUTCFullYear();
     }
-  }),
+  } else {
+    return formattedY;
+  }
+};
+
+var val = {
+  yyyy: getSet(0, 'FullYear', 0, function (v) {
+    return v;
+  }, yearParse),
+  yy: getSet(0, 'FullYear', 0, function (v) {
+    return (v + "").slice(2, 4);
+  }, yearParse),
   M: getSet(1, 'Month', 1),
   MM: getSet(1, 'Month', 1, addZero),
   L: getText('Month', 12, 3),
@@ -1808,12 +1883,13 @@ var innerWrapLazy = function innerWrapLazy(refreshCallback) {
           result = r;
           return r;
         }, function (e) {
-          if (returnedPromise === suspender) {
+          if (returnedPromise !== suspender) {
             return suspender;
           }
 
           status = "error";
           result = e;
+          return Promise.reject(e);
         });
       });
       return returnedPromise;
@@ -1993,14 +2069,15 @@ exports.getFetcherWithResponse = getFetcherWithResponse;
 exports.getMargin = getMargin;
 exports.getNumberInputType = getNumberInputType;
 exports.getNumberInputType2 = getNumberInputType2;
-exports.getProp = getProp;
 exports.getScrollParent = getScrollParent;
 exports.getUID = getUID;
 exports.getUrlParams = getUrlParams;
 exports.identityFn = identityFn;
 exports.identityOpacityFrames = identityOpacityFrames;
 exports.identityTranslateFrames = identityTranslateFrames;
+exports.ifNotProp = ifNotProp;
 exports.ifProp = ifProp;
+exports.ifPropEquals = ifPropEquals;
 exports.ifUndefined = ifUndefined;
 exports.intToHour = intToHour;
 exports.intsToHour = intsToHour;
@@ -2024,6 +2101,7 @@ exports.parseDate = parseDate;
 exports.postFetcher = postFetcher;
 exports.postFetcherWithResponse = postFetcherWithResponse;
 exports.preventDefault = preventDefault;
+exports.prop = prop;
 exports.rafThrottle = rafThrottle;
 exports.safeNewLineToBr = safeNewLineToBr;
 exports.scrollIntoViewWithOffset = scrollIntoViewWithOffset;
@@ -2041,6 +2119,7 @@ exports.unWill = unWill;
 exports.useEventListener = useEventListener;
 exports.useEventListenerFor = useEventListenerFor;
 exports.using = using;
+exports.vheight = vheight;
 exports.will = will;
 exports.willRafThrottle = willRafThrottle;
 exports.willUseAutoLazy = willUseAutoLazy;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@startlibs/utils",
-  "version": "1.0.0-alpha-7d",
+  "version": "1.0.0-alpha-7g",
   "description": "Startlibs Utils",
-  "main": "lib/index.js",
+  "main": "src/index.js",
   "sideEffects": false,
   "source": true,
   "peerDependencies": {

package/src/index.js

@@ -0,0 +1,15 @@
+export * from './createPromiseQueue'
+export * from './getClosestOffsetScroll'
+export * from './smoothScroll'
+export * from './fixMediaQuery'
+export * from './FetchUtils'
+export * from './styled'
+export * from './formatDate'
+export {_s} from './lodashUtils'
+export * from './ActionUtils'
+export * from './reduceUtils'
+export * from './hooks/useEventListener'
+export * from './utils'
+export * from './createPressEvent'
+export * from './wrapLazy'
+