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

package/lib/index.js

@@ -31,20 +31,15 @@ var styled = require('styled-components');
 var utils = require('@startlibs/utils');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _typeof = require('@babel/runtime/helpers/typeof');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var mitt = require('mitt');
 var _isArray = require('lodash/fp/isArray');
-require('@babel/runtime/helpers/asyncToGenerator');
-require('@babel/runtime/regenerator');
-require('@babel/runtime/helpers/awaitAsyncGenerator');
-require('@babel/runtime/helpers/wrapAsyncGenerator');
-var _ = require('lodash/fp');
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('polished');
-var createEmotion = require('create-emotion');
 var _isFunction = require('lodash/fp/isFunction');
 var _get = require('lodash/fp/get');
 var _isString = require('lodash/fp/isString');
+var _identity = require('lodash/fp/identity');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -76,15 +71,15 @@ var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
+var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
+var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 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 _identity__default = /*#__PURE__*/_interopDefaultLegacy(_identity);
 
 var callList = function callList(list, firstArg) {
   for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
@@ -529,7 +524,7 @@ var isPath = function isPath(path) {
 
 var getter = function getter(value) {
   return function (path) {
-    return isPath(path) ? utils._s.get(path, value) : value;
+    return path !== "" && isPath(path) ? utils._s.get(path, value) : value;
   };
 };
 
@@ -682,17 +677,46 @@ var useToggleInternal = function useToggleInternal() {
   var _wait = function _wait(promise) {
     var start = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     var end = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    return function () {
-      openWith(start);
-
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-
-      return utils.callIfFunction.apply(void 0, [promise].concat(args)).finally(function () {
-        return openWith(end);
-      });
-    };
+    return (
+      /*#__PURE__*/
+      _asyncToGenerator__default['default'](
+      /*#__PURE__*/
+      _regeneratorRuntime__default['default'].mark(function _callee() {
+        var _len2,
+            args,
+            _key2,
+            _args = arguments;
+
+        return _regeneratorRuntime__default['default'].wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                openWith(start);
+                _context.prev = 1;
+
+                for (_len2 = _args.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                  args[_key2] = _args[_key2];
+                }
+
+                _context.next = 5;
+                return utils.callIfFunction.apply(void 0, [promise].concat(args));
+
+              case 5:
+                return _context.abrupt("return", _context.sent);
+
+              case 6:
+                _context.prev = 6;
+                openWith(end);
+                return _context.finish(6);
+
+              case 9:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this, [[1,, 6, 9]]);
+      }))
+    );
   };
 
   var setters = React.useMemo(function () {
@@ -1057,213 +1081,6 @@ function (_React$Component) {
   return WithRef;
 }(React__default['default'].Component);
 
-var scrollWidth = function () {
-  if (!window.document) return 0;
-  var html = document.documentElement;
-  var oldOverflow = html.style.overflowY;
-  html.style.overflowY = 'scroll';
-  var width = window.innerWidth - html.clientWidth;
-  html.style.overflowY = oldOverflow;
-  return width;
-}();
-
-var callIfFunction = function callIfFunction(prop) {
-  for (var _len6 = arguments.length, args = new Array(_len6 > 1 ? _len6 - 1 : 0), _key6 = 1; _key6 < _len6; _key6++) {
-    args[_key6 - 1] = arguments[_key6];
-  }
-
-  return typeof prop === "function" ? prop.apply(void 0, args) : prop;
-};
-var ifUndefined = function ifUndefined(v) {
-  for (var _len10 = arguments.length, or = new Array(_len10 > 1 ? _len10 - 1 : 0), _key10 = 1; _key10 < _len10; _key10++) {
-    or[_key10 - 1] = arguments[_key10];
-  }
-
-  return v !== undefined ? v : or.length === 1 ? or[0] : ifUndefined.apply(void 0, [or[0]].concat(_toConsumableArray__default['default'](or.slice(1))));
-};
-
-var moveElement = ___default['default'].curry(function (from, to, list) {
-  var el = list[from];
-
-  var without = ___default['default'].pullAt(from, list);
-
-  without.splice(to, 0, el);
-  return without;
-});
-var unsetOrRemoveAt = ___default['default'].curry(function (path, value) {
-  var pathArr = toPath(path);
-
-  var _pathArr$slice = pathArr.slice(-1),
-      _pathArr$slice2 = _slicedToArray__default['default'](_pathArr$slice, 1),
-      lastKey = _pathArr$slice2[0];
-
-  return update(pathArr.slice(0, -1), function (v) {
-    return Array.isArray(v) ? removeAt(lastKey, v) : unset(lastKey, v);
-  }, value);
-});
-
-var sanitizePath = function sanitizePath(path) {
-  return Array.isArray(path) ? path.map(sanitizePath) : typeof path === 'number' ? path.toString() : path === undefined ? [] : path;
-};
-
-var toPath = function toPath(path) {
-  return ___default['default'].toPath(sanitizePath(path));
-};
-
-var isEmptyPath = function isEmptyPath(path) {
-  return path && !path.length;
-};
-
-var update = ___default['default'].curry(function (path, updater, state) {
-  var sanitizedPath = sanitizePath(path);
-
-  if (isEmptyPath(sanitizedPath)) {
-    return updater(state);
-  } else {
-    return ___default['default'].update(sanitizedPath, updater, state);
-  }
-});
-var get = ___default['default'].curry(function (path, state) {
-  var sanitizedPath = sanitizePath(path);
-
-  if (isEmptyPath(sanitizedPath)) {
-    return state;
-  } else {
-    return ___default['default'].get(sanitizedPath, state);
-  }
-});
-var set = ___default['default'].curry(function (path, value, state) {
-  var sanitizedPath = sanitizePath(path);
-
-  if (isEmptyPath(sanitizedPath)) {
-    return value;
-  } else {
-    return ___default['default'].set(sanitizedPath, value, state);
-  }
-});
-var unset = ___default['default'].curry(function (path, state) {
-  var sanitizedPath = sanitizePath(path);
-
-  if (isEmptyPath(sanitizedPath)) {
-    return undefined;
-  } else {
-    return ___default['default'].unset(sanitizedPath, state);
-  }
-});
-var removeNAt = ___default['default'].curry(function (pos, n, value) {
-  return _toConsumableArray__default['default'](value.slice(0, Number(pos))).concat(_toConsumableArray__default['default'](value.slice(Number(pos) + n)));
-});
-var removeAt = removeNAt(___default['default'].__, 1);
-var when = ___default['default'].curry(function (cond, fn, value) {
-  return callIfFunction(cond, value) ? fn(value) : value;
-});
-var assign = ___default['default'].curry(function (a, b) {
-  return ___default['default'].assign(b, a);
-});
-var concat = ___default['default'].curry(function (a, b) {
-  return ___default['default'].concat(b, a);
-});
-var each = ___default['default'].each.convert({
-  cap: false
-});
-var find = ___default['default'].find.convert({
-  cap: false
-});
-var filter = ___default['default'].filter.convert({
-  cap: false
-});
-var map = ___default['default'].map.convert({
-  cap: false
-});
-var insertAt = ___default['default'].curry(function (pos, newElements, value) {
-  return _toConsumableArray__default['default'](value.slice(0, pos).concat(newElements)).concat(_toConsumableArray__default['default'](value.slice(pos)));
-});
-
-function _templateObject() {
-  var data = _taggedTemplateLiteral__default['default'](["\n  ", ""]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  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 () {
-    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 ((_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']);
-
-media.between = function (min, max) {
-  return media([min, 'min-width'], [max, 'max-width']);
-};
-
-media.max = function (n) {
-  return media([n, 'max-width']);
-};
-
-media.min = function (n) {
-  return media([n, 'min-width']);
-};
-
-media.desktop = media([601, 'min-width']);
-
-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 _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) {
-    return !frame ? '' : "".concat(getFrameOffset(i, frames.length), "% {\n      ").concat(frame, "\n    }");
-  }));
-};
-var identityTranslateFrames = oneWayAnimation('transform: translateY(0);', 'transform: translateY(0);');
-var identityOpacityFrames = oneWayAnimation('opacity: 1;', 'opacity:1;');
-
 var addExtraProp = function addExtraProp(element, extra) {
   var override = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   return React__default['default'].cloneElement(element, override ? _objectSpread__default['default']({}, element.props, extra) : _objectSpread__default['default']({}, extra, element.props), element.props.children);
@@ -1279,7 +1096,7 @@ var WithLazyResource = function WithLazyResource(_ref) {
       props = _objectWithoutProperties__default['default'](_ref, ["value", "wrap", "fallback", "children", "forwardProps"]);
 
   return wrap || fallback !== undefined ? React__default['default'].createElement(React__default['default'].Suspense, {
-    fallback: ifUndefined(fallback, null)
+    fallback: utils.ifUndefined(fallback, null)
   }, React__default['default'].createElement(Load, {
     value: value,
     forwardProps: forwardProps && props,
@@ -1438,6 +1255,43 @@ var useTitle = function useTitle(title) {
   });
 };
 
+var TabFocus = styled__default['default'].div.withConfig({
+  displayName: "useRecycleFocus__TabFocus",
+  componentId: "kxnccs-0"
+})(["width:0;height:0;position:absolute;"]);
+var useRecycleFocus = function useRecycleFocus(ref) {
+  var enabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  var lastIndex = arguments.length > 2 ? arguments[2] : undefined;
+
+  var recycle = function recycle(i) {
+    return function (e) {
+      if (!enabled || !ref.current) {
+        return;
+      }
+
+      var nextTab = ref.current.querySelectorAll('[tabindex]');
+
+      if (nextTab) {
+        if (i < 0) {
+          console.log(nextTab[1]);
+          nextTab[1].focus();
+        } else {
+          console.log(nextTab[nextTab.length - 2]);
+          nextTab[nextTab.length - 2].focus();
+        }
+      }
+    };
+  };
+
+  return [React__default['default'].createElement(TabFocus, {
+    tabIndex: 1,
+    onFocus: recycle(0)
+  }), React__default['default'].createElement(TabFocus, {
+    tabIndex: lastIndex || 1,
+    onFocus: recycle(-1)
+  })];
+};
+
 function usePrevious(value, initialValue) {
   var ref = React.useRef(initialValue);
   React.useEffect(function () {
@@ -1454,6 +1308,15 @@ function usePreviousUnique(value, initialValue) {
   });
   return ref.current;
 }
+function usePreviousForEffect(value, initialValue) {
+  var ref = React.useRef(initialValue);
+  React.useEffect(function () {
+    return function () {
+      ref.current = value;
+    };
+  }, [value]);
+  return ref.current;
+}
 
 var useEnsureRef = function useEnsureRef(forwardedRef) {
   var ref = React.useRef();
@@ -1690,6 +1553,155 @@ var useRefMemo = function useRefMemo(value) {
   return ref;
 };
 
+var IS_ARRAY_ITEMS_EQUALS = function IS_ARRAY_ITEMS_EQUALS(a, b) {
+  return a.length === b.length && !a.find(function (itemA, i) {
+    return !Object.is(itemA, b[i]);
+  });
+};
+
+var IS_DEPS_EQUALS = function IS_DEPS_EQUALS() {
+  var a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return Object.is(a, b) || IS_ARRAY_ITEMS_EQUALS(a, b);
+};
+
+var SHALLOW_IS_EQUAL = function SHALLOW_IS_EQUAL(a, b) {
+  return Object.is(a, b) || _isArray__default['default'](a) && _isArray__default['default'](b) && IS_ARRAY_ITEMS_EQUALS(a, b);
+};
+
+var EMPTY_DEPS = [];
+var useUpdateSignal = function useUpdateSignal(initialValue) {
+  var value = React.useRef(initialValue);
+  value.current = initialValue;
+  return useLazyConstant(function () {
+    var registered = [];
+
+    var register = function register() {
+      var selector = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _identity__default['default'];
+      var isEqual = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : SHALLOW_IS_EQUAL;
+      var selectorRef = React.useRef();
+      selectorRef.current = selector;
+      var update = useForceUpdate();
+      var lastValueRef = React.useRef(utils._s.select(selectorRef.current, value.current));
+      React.useEffect(function () {
+        var item = [update, selectorRef, isEqual, lastValueRef];
+        registered = _toConsumableArray__default['default'](registered).concat([item]);
+        return function () {
+          registered = registered.filter(function (v) {
+            return v !== item;
+          });
+        };
+      }, []);
+      return lastValueRef.current;
+    };
+
+    var call = function call() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      return registered.forEach(function (_ref) {
+        var _ref2 = _slicedToArray__default['default'](_ref, 4),
+            fn = _ref2[0],
+            selectorRef = _ref2[1],
+            isEqual = _ref2[2],
+            lastValueRef = _ref2[3];
+
+        var nextValue = utils._s.select.apply(utils._s, [selectorRef.current].concat(args));
+
+        if (!utils.callIfFunction(isEqual, nextValue, lastValueRef.current)) {
+          lastValueRef.current = nextValue;
+          fn(nextValue);
+        }
+      });
+    };
+
+    return [register, call];
+  });
+};
+var useSelectorSignal = function useSelectorSignal(value) {
+  var prevValue = React.useRef(value);
+  var prevDeps = React.useRef(EMPTY_DEPS);
+
+  var _useState = React.useState(prevDeps.current),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      currentDeps = _useState2[0],
+      setCurrentDeps = _useState2[1];
+
+  var _useUpdateSignal = useUpdateSignal(value),
+      _useUpdateSignal2 = _slicedToArray__default['default'](_useUpdateSignal, 2),
+      _register = _useUpdateSignal2[0],
+      call = _useUpdateSignal2[1];
+
+  var register = React.useCallback(function (selector, deps, isEqual) {
+    if (!IS_DEPS_EQUALS(deps, prevDeps.current)) {
+      setCurrentDeps(deps);
+    }
+
+    return _register(selector, isEqual);
+  }, []);
+  React.useEffect(function () {
+    if (prevValue.current !== value || currentDeps !== prevDeps.current) {
+      prevValue.current = value;
+      prevDeps.current = currentDeps;
+      call(value);
+    }
+  }, [value, currentDeps]);
+  return register;
+};
+var createStatefulContext = function createStatefulContext(v) {
+  var Ctx = React__default['default'].createContext(v);
+
+  var Provider = function Provider(_ref3) {
+    var value = _ref3.value,
+        setValue = _ref3.setValue,
+        utils = _ref3.utils,
+        children = _ref3.children;
+    var register = useSelectorSignal(value);
+    var v = useLazyConstant(function () {
+      return [register, setValue, utils];
+    });
+    return React__default['default'].createElement(Ctx.Provider, {
+      value: v
+    }, children);
+  };
+
+  var useSelectValue = function useSelectValue(selector, deps, isEqual) {
+    var _useContext = React.useContext(Ctx),
+        _useContext2 = _slicedToArray__default['default'](_useContext, 1),
+        useRegister = _useContext2[0];
+
+    return useRegister(selector, deps, isEqual);
+  };
+
+  var useState = function useState(path, deps) {
+    var _useContext3 = React.useContext(Ctx),
+        _useContext4 = _slicedToArray__default['default'](_useContext3, 3),
+        useRegister = _useContext4[0],
+        set = _useContext4[1],
+        utils$1 = _useContext4[2];
+
+    var setValue = useConstant(function (update) {
+      return set(function (state) {
+        return path ? _update__default['default'](path, function (v) {
+          return utils.callIfFunction(update, v);
+        }, state) : utils.callIfFunction(update, state);
+      });
+    });
+    return [useRegister(path, deps), setValue, utils$1];
+  };
+
+  return [Provider, useState, useSelectValue];
+};
+var createSelectableContext = function createSelectableContext(v) {
+  var _createStatefulContex = createStatefulContext(v),
+      _createStatefulContex2 = _slicedToArray__default['default'](_createStatefulContex, 3),
+      Provider = _createStatefulContex2[0],
+      useSelectValue = _createStatefulContex2[2];
+
+  return [Provider, useSelectValue];
+};
+
 exports.Fill = Fill;
 exports.GroupEventFactory = GroupEventFactory;
 exports.PopupContext = PopupContext;
@@ -1705,6 +1717,8 @@ exports.WithLazyResource = WithLazyResource;
 exports.WithRef = WithRef;
 exports.clearPopups = clearPopups;
 exports.consumes = consumes;
+exports.createSelectableContext = createSelectableContext;
+exports.createStatefulContext = createStatefulContext;
 exports.useAsyncEffect = useAsyncEffect;
 exports.useCatalogManager = useCatalogManager;
 exports.useConstant = useConstant;
@@ -1717,14 +1731,18 @@ exports.useIsUnmounted = useIsUnmounted;
 exports.useLazyConstant = useLazyConstant;
 exports.usePopupToggle = usePopupToggle;
 exports.usePrevious = usePrevious;
+exports.usePreviousForEffect = usePreviousForEffect;
 exports.usePreviousUnique = usePreviousUnique;
+exports.useRecycleFocus = useRecycleFocus;
 exports.useRefMemo = useRefMemo;
 exports.useRefState = useRefState;
 exports.useRefToggle = useRefToggle;
+exports.useSelectorSignal = useSelectorSignal;
 exports.useTitle = useTitle;
 exports.useToggle = useToggle;
 exports.useUpdateEffect = useUpdateEffect;
 exports.useUpdateOnResize = useUpdateOnResize;
+exports.useUpdateSignal = useUpdateSignal;
 exports.willUseForceUpdate = willUseForceUpdate;
 exports.willUseLayers = willUseLayers;
 exports.willUseSharedCallback = willUseSharedCallback;

package/package.json

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