@startlibs/utils 1.0.0-alpha-7e → 1.0.0-alpha-7h

package/lib/index.js

@@ -26,7 +26,7 @@ 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');
@@ -64,6 +64,7 @@ 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);
@@ -1305,19 +1306,45 @@ var ifNotProp = function ifNotProp(path) {
     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;
+    }
+
+    if (type === "max-width") {
+      return currentWidth > size;
+    }
+  });
+};
+
 var media = function media() {
   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 "(".concat(type, ": ").concat(size + scrollWidth, "px)");
-    }).join(' and '), styled.css.apply(void 0, arguments));
+    return styled.css(["", ""], function (props) {
+      var _props$theme, _props$theme2;
+
+      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']);
@@ -1355,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 _len4 = arguments.length, frames = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-    frames[_key4] = arguments[_key4];
+  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) {
@@ -1365,8 +1395,8 @@ var oneWayAnimation = function oneWayAnimation() {
   }));
 };
 var twoWayAnimation = function twoWayAnimation() {
-  for (var _len5 = arguments.length, frames = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
-    frames[_key5] = arguments[_key5];
+  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) {
@@ -1375,8 +1405,8 @@ var twoWayAnimation = function twoWayAnimation() {
 };
 var animationTiming = function animationTiming(props) {
   return function () {
-    for (var _len6 = arguments.length, animations = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
-      animations[_key6] = arguments[_key6];
+    for (var _len7 = arguments.length, animations = new Array(_len7), _key7 = 0; _key7 < _len7; _key7++) {
+      animations[_key7] = arguments[_key7];
     }
 
     return animations.filter(function (_) {
@@ -1388,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));

package/package.json

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

package/src/index.js

@@ -1,15 +0,0 @@
-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'
-