@startlibs/core 1.0.0-alpha-6r → 1.0.0-alpha-6t2

package/lib/index.js

@@ -41,8 +41,10 @@ require('@babel/runtime/helpers/wrapAsyncGenerator');
 var _ = require('lodash/fp');
 var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 require('polished');
-var emotion = require('emotion');
+var createEmotion = require('create-emotion');
 var _isFunction = require('lodash/fp/isFunction');
+var _get = require('lodash/fp/get');
+var _isString = require('lodash/fp/isString');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -79,7 +81,10 @@ var mitt__default = /*#__PURE__*/_interopDefaultLegacy(mitt);
 var _isArray__default = /*#__PURE__*/_interopDefaultLegacy(_isArray);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
+var createEmotion__default = /*#__PURE__*/_interopDefaultLegacy(createEmotion);
 var _isFunction__default = /*#__PURE__*/_interopDefaultLegacy(_isFunction);
+var _get__default = /*#__PURE__*/_interopDefaultLegacy(_get);
+var _isString__default = /*#__PURE__*/_interopDefaultLegacy(_isString);
 
 var callList = function callList(list, firstArg) {
   for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
@@ -1183,19 +1188,45 @@ function _templateObject() {
 
   return data;
 }
+
+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 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']);
@@ -1218,9 +1249,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) {
@@ -1545,8 +1579,8 @@ var willUseSpreadState = function willUseSpreadState(defaultContextValue) {
   var prevInitState = EMPTY_GLOBAL;
   var globalState = EMPTY_GLOBAL;
 
-  var getGlobalState = function getGlobalState() {
-    return globalState;
+  var getGlobalState = function getGlobalState(key) {
+    return _isString__default['default'](key) || _isArray__default['default'](key) ? _get__default['default'](key, globalState) : globalState;
   };
 
   var useProvideSpreadState = function useProvideSpreadState(initState, setCallback) {
@@ -1646,6 +1680,16 @@ var willUseSpreadState = function willUseSpreadState(defaultContextValue) {
   return [useProvideSpreadState, useSpreadState, Context, getGlobalState];
 };
 
+var useRefMemo = function useRefMemo(value) {
+  var ref = React.useRef(value);
+
+  if (ref.current !== value) {
+    ref.current = utils.callIfFunction(value);
+  }
+
+  return ref;
+};
+
 exports.Fill = Fill;
 exports.GroupEventFactory = GroupEventFactory;
 exports.PopupContext = PopupContext;
@@ -1674,6 +1718,7 @@ exports.useLazyConstant = useLazyConstant;
 exports.usePopupToggle = usePopupToggle;
 exports.usePrevious = usePrevious;
 exports.usePreviousUnique = usePreviousUnique;
+exports.useRefMemo = useRefMemo;
 exports.useRefState = useRefState;
 exports.useRefToggle = useRefToggle;
 exports.useTitle = useTitle;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@startlibs/core",
-  "version": "1.0.0-alpha-6r",
+  "version": "1.0.0-alpha-6t2",
   "description": "Startlibs Core",
-  "main": "src/index.js",
+  "main": "lib/index.js",
   "sideEffects": false,
   "source": true,
   "peerDependencies": {
     "lodash": "^4.17.11",
-    "react": "^16.8",
-    "react-dom": "^16.8",
-    "react-hot-loader": "^4.3.5",
-    "styled-components": "^5.2.0"
+    "react": "^18.0",
+    "react-dom": "^18.0",
+    "styled-components": "^5.2.0",
+    "@startlibs/utils": "^1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.2.0",

package/src/index.js

@@ -1,25 +0,0 @@
-export * from './StartlibsProvider'
-export * from './SlotFill'
-export * from './hocs/consumes'
-export * from './hocs/withDialogError'
-export * from './hocs/withGroupEvent'
-export * from './hocs/WithRef'
-export * from './hocs/WithLazyResource'
-export * from './hooks/WithEffect'
-export * from './hooks/useToggle'
-export * from './hooks/usePopupToggle'
-export * from './hooks/useRefState'
-export * from './hooks/useConsumerCatalog'
-export * from './hooks/useTitle'
-export * from './hooks/usePrevious'
-export * from './hooks/useIsUnmounted'
-export * from './hooks/useEnsureRef'
-export * from './hooks/useConstant'
-export * from './hooks/useForceUpdate'
-export * from './hooks/useUpdateOnResize'
-export * from './hooks/useAsyncEffect'
-export * from './hooks/useUpdateEffect'
-export * from './hooks/willUseLayers'
-export * from './hooks/willUseSharedCallback'
-export * from './hooks/willUseSharedState'
-export * from './hooks/willUseSpreadState'