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

package/lib/index.js

@@ -7,6 +7,7 @@ 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 _debounce = require('lodash/fp/debounce');
 var React = require('react');
 var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread');
@@ -50,6 +51,7 @@ 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 _debounce__default = /*#__PURE__*/_interopDefaultLegacy(_debounce);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _objectDestructuringEmpty__default = /*#__PURE__*/_interopDefaultLegacy(_objectDestructuringEmpty);
 var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
@@ -866,6 +868,16 @@ function (_React$Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       utils.fixMediaQuery();
+
+      var addVHFix = function addVHFix() {
+        var _document$documentEle, _document$documentEle2;
+
+        var vh = window.innerHeight * 0.01;
+        (_document$documentEle = document.documentElement) === null || _document$documentEle === void 0 ? void 0 : (_document$documentEle2 = _document$documentEle.style) === null || _document$documentEle2 === void 0 ? void 0 : _document$documentEle2.setProperty('--vh', "".concat(vh, "px"));
+      };
+
+      window.addEventListener('resize', _debounce__default['default'](200, addVHFix));
+      addVHFix();
     }
   }, {
     key: "render",
@@ -1172,8 +1184,8 @@ function _templateObject() {
   return data;
 }
 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 () {
@@ -1207,8 +1219,8 @@ var getFrameOffset = function getFrameOffset(i, total) {
 };
 
 var oneWayAnimation = function oneWayAnimation() {
-  for (var _len2 = arguments.length, frames = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    frames[_key2] = arguments[_key2];
+  for (var _len4 = arguments.length, frames = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+    frames[_key4] = arguments[_key4];
   }
 
   return emotion.keyframes(_templateObject(), frames.map(function (frame, i) {
@@ -1453,6 +1465,30 @@ var willUseForceUpdate = function willUseForceUpdate() {
   }];
 };
 
+var useUpdateOnResize = function useUpdateOnResize() {
+  var debounceInterval = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 200;
+  var update = useForceUpdate();
+  React.useEffect(function () {
+    var trigger = _debounce__default['default'](debounceInterval, update);
+
+    window.addEventListener('resize', trigger);
+    return function () {
+      window.removeEventListener('resize', trigger);
+    };
+  }, []);
+};
+
+var useAsyncEffect = function useAsyncEffect(fn, args) {
+  React.useEffect(function () {
+    var result = fn();
+    return function () {
+      result.then(function (end) {
+        return utils.callIfFunction(end);
+      });
+    };
+  }, args);
+};
+
 var useUpdateEffect = function useUpdateEffect(effect, inputs) {
   var pastFirstTime = React.useRef();
   React.useEffect(function () {
@@ -1503,8 +1539,10 @@ var parsePathOrSelector = function parsePathOrSelector(pathOrSelector) {
 };
 
 var willUseSpreadState = function willUseSpreadState(defaultContextValue) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var Context = React__default['default'].createContext(defaultContextValue);
   var EMPTY_GLOBAL = {};
+  var prevInitState = EMPTY_GLOBAL;
   var globalState = EMPTY_GLOBAL;
 
   var getGlobalState = function getGlobalState() {
@@ -1521,6 +1559,14 @@ var willUseSpreadState = function willUseSpreadState(defaultContextValue) {
 
     var state = useRefState(initState, setCallback);
 
+    if (options.initRefCheck) {
+      if (prevInitState !== initState) {
+        globalState = initState;
+      }
+
+      prevInitState = initState;
+    }
+
     if (globalState === EMPTY_GLOBAL) {
       globalState = initState;
     }
@@ -1585,7 +1631,9 @@ var willUseSpreadState = function willUseSpreadState(defaultContextValue) {
     }, pathOrInput);
     useCatalogManager(manager, input);
     var setState = React.useCallback(function (v) {
-      return setSpreadState((_isFunction__default['default'](v) ? _update__default['default'] : _set__default['default'])(path, v), path);
+      return setSpreadState((_isFunction__default['default'](v) ? pathOrSelector === undefined ? function () {
+        return v;
+      } : _update__default['default'] : _set__default['default'])(path, v), path);
     }, pathOrInput);
 
     var getValue = function getValue() {
@@ -1613,6 +1661,7 @@ exports.WithLazyResource = WithLazyResource;
 exports.WithRef = WithRef;
 exports.clearPopups = clearPopups;
 exports.consumes = consumes;
+exports.useAsyncEffect = useAsyncEffect;
 exports.useCatalogManager = useCatalogManager;
 exports.useConstant = useConstant;
 exports.useConsumerCatalog = useConsumerCatalog;
@@ -1630,6 +1679,7 @@ exports.useRefToggle = useRefToggle;
 exports.useTitle = useTitle;
 exports.useToggle = useToggle;
 exports.useUpdateEffect = useUpdateEffect;
+exports.useUpdateOnResize = useUpdateOnResize;
 exports.willUseForceUpdate = willUseForceUpdate;
 exports.willUseLayers = willUseLayers;
 exports.willUseSharedCallback = willUseSharedCallback;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@startlibs/core",
-  "version": "1.0.0-alpha-6q",
+  "version": "1.0.0-alpha-6r",
   "description": "Startlibs Core",
-  "main": "lib/index.js",
+  "main": "src/index.js",
   "sideEffects": false,
   "source": true,
   "peerDependencies": {

package/src/index.js

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