@webkrafters/react-observable-context 3.0.0-rc.0 → 3.0.0-rc.1

package/README.md

@@ -44,7 +44,7 @@ The context's `store` exposes **4** methods for interacting with the context's i
 
 * **resetState**: VoidFunction // resets the state to the Provider initial `value` prop.
 
-* **setState**: (changes: PartialState\<State\>) => void // sets only new/changed state slices.\
+* **setState**: (changes: PartialState\<State\>) => void // merges only new/changed state slices.\
 ***Do this:*** `setState({stateKey0: changes0[, ...]});`\
 ***Not this:*** `setState({stateKey0: {...state.stateKey0, ...changes0}[, ...]});`
 
@@ -91,7 +91,7 @@ The context's `store` exposes **4** methods for interacting with the context's i
 			return true;
 		},
 		setState: ( ...args ) => {
-			console.log( 'setting state with >>>> ', JSON.stringify( args ) );
+			console.log( 'merging following into state >>>> ', JSON.stringify( args ) );
 			return true;
 		}
 	};

package/dist/index.js

@@ -249,49 +249,25 @@ var memoizeImmediateChildTree = function memoizeImmediateChildTree(children) {
   });
 };
 
-/**
- * @type {FC<{
- * 		children?: ReactNode,
- * 		provider: ObservableContext<T>["Provider"],
- * 		value: Store<T>
- * }>}
- * @template {State} T
- */
-var ProviderInternal = function ProviderInternal(_ref3) {
-  var children = _ref3.children,
-    Provider = _ref3.provider,
-    value = _ref3.value;
-  return /*#__PURE__*/_react["default"].createElement(Provider, {
-    value: value
-  }, memoizeImmediateChildTree(children));
-};
-ProviderInternal.displayName = 'ObservableContext.Provider.Internal';
-
-/**
- * @param {Provider<Store<T>>} Provider
- */
+/** @param {Provider<Store<T>>} Provider */
 var makeObservable = function makeObservable(Provider) {
   /**
-   * Note: `context` prop is not updateable. Furtther updates to this prop are ignored.
-   *
    * @type {FC<{
    * 		children?: ReactNode,
-   * 		context: ObservableContext<T>,
    * 		prehooks?: Prehooks<T>
    * 		value: PartialState<T>
    * }>}
    * @template {State} T
    */
-  var Observable = function Observable(_ref4) {
-    var _ref4$children = _ref4.children,
-      children = _ref4$children === void 0 ? null : _ref4$children,
-      _ref4$prehooks = _ref4.prehooks,
-      prehooks = _ref4$prehooks === void 0 ? defaultPrehooks : _ref4$prehooks,
-      value = _ref4.value;
-    return /*#__PURE__*/_react["default"].createElement(ProviderInternal, {
-      provider: Provider,
+  var Observable = function Observable(_ref3) {
+    var _ref3$children = _ref3.children,
+      children = _ref3$children === void 0 ? null : _ref3$children,
+      _ref3$prehooks = _ref3.prehooks,
+      prehooks = _ref3$prehooks === void 0 ? defaultPrehooks : _ref3$prehooks,
+      value = _ref3.value;
+    return /*#__PURE__*/_react["default"].createElement(Provider, {
       value: useStore(prehooks, value)
-    }, children);
+    }, memoizeImmediateChildTree(children));
   };
   Observable.displayName = 'ObservableContext.Provider';
   return Observable;

package/package.json

@@ -81,5 +81,5 @@
     "test:watch": "eslint --fix && jest --updateSnapshot --watchAll"
   },
   "types": "dist/index.d.ts",
-  "version": "3.0.0-rc.0"
+  "version": "3.0.0-rc.1"
 }