mobx-react 5.4.3 → 5.4.4

package/custom.d.ts

@@ -1,140 +1,140 @@
-/**
- * Turns a React component or stateless render function into a reactive component.
- */
-import * as React from "react"
-
-export type IReactComponent<P = any> =
-    | React.StatelessComponent<P>
-    | React.ComponentClass<P>
-    | React.ClassicComponentClass<P>
-
-/**
- * Observer
- */
-
-// Deprecated: observer with with stores (as decorator)
-export function observer(stores: string[]): <T extends IReactComponent>(clazz: T) => void
-// Deprecated: observer with with stores
-export function observer<T extends IReactComponent>(stores: string[], clazz: T): T
-export function observer<T extends IReactComponent>(target: T): T
-
-/**
- * Inject
- */
-export type IValueMap = { [key: string]: any }
-export type IStoresToProps<
-    S extends IValueMap = {},
-    P extends IValueMap = {},
-    I extends IValueMap = {},
-    C extends IValueMap = {}
-> = (stores: S, nextProps: P, context: C) => I
-
-export type IWrappedComponent<P> = {
-    wrappedComponent: IReactComponent<P>
-    wrappedInstance: React.ReactInstance | undefined
-}
-
-// Ideally we would want to return React.ComponentClass<Partial<P>>,
-// but TS doesn't allow such things in decorators, like we do in the non-decorator version
-// See also #256
-export function inject(
-    ...stores: string[]
-): <T extends IReactComponent<any>>(
-    target: T
-) => T & (T extends IReactComponent<infer P> ? IWrappedComponent<P> : never)
-export function inject<S, P, I, C>(
-    fn: IStoresToProps<S, P, I, C>
-): <T extends IReactComponent>(target: T) => T & IWrappedComponent<P>
-
-// Ideal implementation:
-// export function inject
-// (
-// fn: IStoresToProps
-// ):
-// <P>(target: IReactComponent<P>) => IReactComponent<Partial<P>> & IWrappedComponent<IReactComponent<Partial<P>>>
-//
-// Or even better: (but that would require type inference to work other way around)
-// export function inject<P, I>
-// (
-// fn: IStoresToProps<any, P, I>
-// ):
-// <T extends IReactComponent<P & S>(target: T) => IReactComponent<P> & IWrappedComponent<T>
-
-/**
- * disposeOnUnmount
- */
-type Disposer = () => void
-export function disposeOnUnmount(target: React.Component<any, any>, propertyKey: string): void
-export function disposeOnUnmount<TF extends Disposer | Disposer[]>(
-    target: React.Component<any, any>,
-    fn: TF
-): TF
-
-/**
- * Utilities
- */
-export function onError(cb: (error: Error) => void): () => void
-
-export class Provider extends React.Component<any, {}> {}
-
-export class Observer extends React.Component<
-    {
-        children?: () => React.ReactNode
-        render?: () => React.ReactNode
-    },
-    {}
-> {}
-
-export function useStaticRendering(value: boolean): void
-
-/**
- * Enable dev tool support, makes sure that renderReport emits events.
- */
-export function trackComponents(): void
-
-export const renderReporter: RenderReporter
-
-export interface RenderReporter {
-    on(handler: (data: IRenderEvent) => void): void
-}
-
-export interface IRenderEvent {
-    event: "render" | "destroy"
-    renderTime?: number
-    totalTime?: number
-    component: React.ReactElement<any> // Component instance
-    node: any // DOMNode
-}
-
-/**
- * WeakMap DOMNode -> Component instance
- * @deprecated
- */
-export const componentByNodeRegistery: any
-/**
- * WeakMap DOMNode -> Component instance
- */
-export const componentByNodeRegistry: any
-
-/**
- * @deprecated, use PropTypes instead
- */
-export const propTypes: {
-    observableArray: React.Requireable<any>
-    observableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
-    observableMap: React.Requireable<any>
-    observableObject: React.Requireable<any>
-    arrayOrObservableArray: React.Requireable<any>
-    arrayOrObservableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
-    objectOrObservableObject: React.Requireable<any>
-}
-
-export const PropTypes: {
-    observableArray: React.Requireable<any>
-    observableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
-    observableMap: React.Requireable<any>
-    observableObject: React.Requireable<any>
-    arrayOrObservableArray: React.Requireable<any>
-    arrayOrObservableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
-    objectOrObservableObject: React.Requireable<any>
-}
+/**
+ * Turns a React component or stateless render function into a reactive component.
+ */
+import * as React from "react"
+
+export type IReactComponent<P = any> =
+    | React.StatelessComponent<P>
+    | React.ComponentClass<P>
+    | React.ClassicComponentClass<P>
+
+/**
+ * Observer
+ */
+
+// Deprecated: observer with with stores (as decorator)
+export function observer(stores: string[]): <T extends IReactComponent>(clazz: T) => void
+// Deprecated: observer with with stores
+export function observer<T extends IReactComponent>(stores: string[], clazz: T): T
+export function observer<T extends IReactComponent>(target: T): T
+
+/**
+ * Inject
+ */
+export type IValueMap = { [key: string]: any }
+export type IStoresToProps<
+    S extends IValueMap = {},
+    P extends IValueMap = {},
+    I extends IValueMap = {},
+    C extends IValueMap = {}
+> = (stores: S, nextProps: P, context: C) => I
+
+export type IWrappedComponent<P> = {
+    wrappedComponent: IReactComponent<P>
+    wrappedInstance: React.ReactInstance | undefined
+}
+
+// Ideally we would want to return React.ComponentClass<Partial<P>>,
+// but TS doesn't allow such things in decorators, like we do in the non-decorator version
+// See also #256
+export function inject(
+    ...stores: string[]
+): <T extends IReactComponent<any>>(
+    target: T
+) => T & (T extends IReactComponent<infer P> ? IWrappedComponent<P> : never)
+export function inject<S, P, I, C>(
+    fn: IStoresToProps<S, P, I, C>
+): <T extends IReactComponent>(target: T) => T & IWrappedComponent<P>
+
+// Ideal implementation:
+// export function inject
+// (
+// fn: IStoresToProps
+// ):
+// <P>(target: IReactComponent<P>) => IReactComponent<Partial<P>> & IWrappedComponent<IReactComponent<Partial<P>>>
+//
+// Or even better: (but that would require type inference to work other way around)
+// export function inject<P, I>
+// (
+// fn: IStoresToProps<any, P, I>
+// ):
+// <T extends IReactComponent<P & S>(target: T) => IReactComponent<P> & IWrappedComponent<T>
+
+/**
+ * disposeOnUnmount
+ */
+type Disposer = () => void
+export function disposeOnUnmount(target: React.Component<any, any>, propertyKey: string): void
+export function disposeOnUnmount<TF extends Disposer | Disposer[]>(
+    target: React.Component<any, any>,
+    fn: TF
+): TF
+
+/**
+ * Utilities
+ */
+export function onError(cb: (error: Error) => void): () => void
+
+export class Provider extends React.Component<any, {}> {}
+
+export class Observer extends React.Component<
+    {
+        children?: () => React.ReactNode
+        render?: () => React.ReactNode
+    },
+    {}
+> {}
+
+export function useStaticRendering(value: boolean): void
+
+/**
+ * Enable dev tool support, makes sure that renderReport emits events.
+ */
+export function trackComponents(): void
+
+export const renderReporter: RenderReporter
+
+export interface RenderReporter {
+    on(handler: (data: IRenderEvent) => void): void
+}
+
+export interface IRenderEvent {
+    event: "render" | "destroy"
+    renderTime?: number
+    totalTime?: number
+    component: React.ReactElement<any> // Component instance
+    node: any // DOMNode
+}
+
+/**
+ * WeakMap DOMNode -> Component instance
+ * @deprecated
+ */
+export const componentByNodeRegistery: any
+/**
+ * WeakMap DOMNode -> Component instance
+ */
+export const componentByNodeRegistry: any
+
+/**
+ * @deprecated, use PropTypes instead
+ */
+export const propTypes: {
+    observableArray: React.Requireable<any>
+    observableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
+    observableMap: React.Requireable<any>
+    observableObject: React.Requireable<any>
+    arrayOrObservableArray: React.Requireable<any>
+    arrayOrObservableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
+    objectOrObservableObject: React.Requireable<any>
+}
+
+export const PropTypes: {
+    observableArray: React.Requireable<any>
+    observableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
+    observableMap: React.Requireable<any>
+    observableObject: React.Requireable<any>
+    arrayOrObservableArray: React.Requireable<any>
+    arrayOrObservableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
+    objectOrObservableObject: React.Requireable<any>
+}

package/custom.js

@@ -1,3 +1,11 @@
+/** @license mobx-react v5.4.4
+ * custom.js
+ *
+ * Copyright (c) 2015 Michel Weststrate.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('mobx'), require('react')) :
   typeof define === 'function' && define.amd ? define(['exports', 'mobx', 'react'], factory) :
@@ -446,7 +454,8 @@
     return !(component.prototype && component.prototype.render);
   }
   var symbolId = 0;
-  function newSymbol(name) {
+
+  function createSymbol(name) {
     if (typeof Symbol === "function") {
       return Symbol(name);
     }
@@ -455,6 +464,15 @@
     symbolId++;
     return symbol;
   }
+
+  var createdSymbols = {};
+  function newSymbol(name) {
+    if (!createdSymbols[name]) {
+      createdSymbols[name] = createSymbol(name);
+    }
+
+    return createdSymbols[name];
+  }
   var mobxMixins = newSymbol("patchMixins");
   var mobxPatchedDefinition = newSymbol("patchedDefinition");
 
@@ -575,8 +593,8 @@
       configurable: true,
       enumerable: true
     }
-    /**
-     * Store Injection
+    /**
+     * Store Injection
      */
 
   };
@@ -660,11 +678,11 @@
       return nextProps;
     };
   }
-  /**
-   * higher order component that injects stores to a child.
-   * takes either a varargs list of strings, which are stores read from the context,
-   * or a function that manually maps the available stores from the context to props:
-   * storesToProps(mobxStores, props, context) => newProps
+  /**
+   * higher order component that injects stores to a child.
+   * takes either a varargs list of strings, which are stores read from the context,
+   * or a function that manually maps the available stores from the context to props:
+   * storesToProps(mobxStores, props, context) => newProps
    */
 
 
@@ -702,8 +720,8 @@
 
   var mobxAdminProperty = mobx.$mobx || "$mobx";
   var mobxIsUnmounted = newSymbol("isUnmounted");
-  /**
-   * dev tool support
+  /**
+   * dev tool support
    */
 
   var isDevtoolsEnabled = false;
@@ -716,11 +734,11 @@
   var isForcingUpdateKey = newSymbol("isForcingUpdate"); // Using react-is had some issues (and operates on elements, not on types), see #608 / #609
 
   var ReactForwardRefSymbol = typeof React.forwardRef === "function" && React.forwardRef(function (_props, _ref) {})["$$typeof"];
-  /**
-   * Helper to set `prop` to `this` as non-enumerable (hidden prop)
-   * @param target
-   * @param prop
-   * @param value
+  /**
+   * Helper to set `prop` to `this` as non-enumerable (hidden prop)
+   * @param target
+   * @param prop
+   * @param value
    */
 
   function setHiddenProp(target, prop, value) {
@@ -760,13 +778,13 @@
   function useStaticRendering(useStaticRendering) {
     isUsingStaticRendering = useStaticRendering;
   }
-  /**
-   * Errors reporter
+  /**
+   * Errors reporter
    */
 
   var errorsReporter = new EventEmitter();
-  /**
-   * Utilities
+  /**
+   * Utilities
    */
 
   function patch$1(target, funcName) {
@@ -841,15 +859,15 @@
 
     var initialName = this.displayName || this.name || this.constructor && (this.constructor.displayName || this.constructor.name) || "<component>";
     var rootNodeID = this._reactInternalInstance && this._reactInternalInstance._rootNodeID || this._reactInternalInstance && this._reactInternalInstance._debugID || this._reactInternalFiber && this._reactInternalFiber._debugID;
-    /**
-     * If props are shallowly modified, react will render anyway,
-     * so atom.reportChanged() should not result in yet another re-render
+    /**
+     * If props are shallowly modified, react will render anyway,
+     * so atom.reportChanged() should not result in yet another re-render
      */
 
     setHiddenProp(this, skipRenderKey, false);
-    /**
-     * forceUpdate will re-assign this.props. We don't want that to cause a loop,
-     * so detect these changes
+    /**
+     * forceUpdate will re-assign this.props. We don't want that to cause a loop,
+     * so detect these changes
      */
 
     setHiddenProp(this, isForcingUpdateKey, false); // wire up reactive render
@@ -886,8 +904,8 @@
     this.render = reactiveRender;
     return reactiveRender.call(this);
   }
-  /**
-   * ReactiveMixin
+  /**
+   * ReactiveMixin
    */
 
 
@@ -970,8 +988,8 @@
       }
     });
   }
-  /**
-   * Observer function / decorator
+  /**
+   * Observer function / decorator
    */
 
 

package/custom.module.js

@@ -1,3 +1,11 @@
+/** @license mobx-react v5.4.4
+ * custom.module.js
+ *
+ * Copyright (c) 2015 Michel Weststrate.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
 import { isObservableArray, isObservableObject, isObservableMap, untracked, createAtom, Reaction, _allowStateChanges, $mobx, spy, getDebugName } from 'mobx';
 import React__default, { Component, createElement, PureComponent, forwardRef, Children } from 'react';
 
@@ -441,7 +449,8 @@ function isStateless(component) {
   return !(component.prototype && component.prototype.render);
 }
 var symbolId = 0;
-function newSymbol(name) {
+
+function createSymbol(name) {
   if (typeof Symbol === "function") {
     return Symbol(name);
   }
@@ -450,6 +459,15 @@ function newSymbol(name) {
   symbolId++;
   return symbol;
 }
+
+var createdSymbols = {};
+function newSymbol(name) {
+  if (!createdSymbols[name]) {
+    createdSymbols[name] = createSymbol(name);
+  }
+
+  return createdSymbols[name];
+}
 var mobxMixins = newSymbol("patchMixins");
 var mobxPatchedDefinition = newSymbol("patchedDefinition");
 
@@ -570,8 +588,8 @@ var proxiedInjectorProps = {
     configurable: true,
     enumerable: true
   }
-  /**
-   * Store Injection
+  /**
+   * Store Injection
    */
 
 };
@@ -655,11 +673,11 @@ function grabStoresByName(storeNames) {
     return nextProps;
   };
 }
-/**
- * higher order component that injects stores to a child.
- * takes either a varargs list of strings, which are stores read from the context,
- * or a function that manually maps the available stores from the context to props:
- * storesToProps(mobxStores, props, context) => newProps
+/**
+ * higher order component that injects stores to a child.
+ * takes either a varargs list of strings, which are stores read from the context,
+ * or a function that manually maps the available stores from the context to props:
+ * storesToProps(mobxStores, props, context) => newProps
  */
 
 
@@ -697,8 +715,8 @@ function inject()
 
 var mobxAdminProperty = $mobx || "$mobx";
 var mobxIsUnmounted = newSymbol("isUnmounted");
-/**
- * dev tool support
+/**
+ * dev tool support
  */
 
 var isDevtoolsEnabled = false;
@@ -711,11 +729,11 @@ var skipRenderKey = newSymbol("skipRender");
 var isForcingUpdateKey = newSymbol("isForcingUpdate"); // Using react-is had some issues (and operates on elements, not on types), see #608 / #609
 
 var ReactForwardRefSymbol = typeof forwardRef === "function" && forwardRef(function (_props, _ref) {})["$$typeof"];
-/**
- * Helper to set `prop` to `this` as non-enumerable (hidden prop)
- * @param target
- * @param prop
- * @param value
+/**
+ * Helper to set `prop` to `this` as non-enumerable (hidden prop)
+ * @param target
+ * @param prop
+ * @param value
  */
 
 function setHiddenProp(target, prop, value) {
@@ -755,13 +773,13 @@ function trackComponents() {
 function useStaticRendering(useStaticRendering) {
   isUsingStaticRendering = useStaticRendering;
 }
-/**
- * Errors reporter
+/**
+ * Errors reporter
  */
 
 var errorsReporter = new EventEmitter();
-/**
- * Utilities
+/**
+ * Utilities
  */
 
 function patch$1(target, funcName) {
@@ -836,15 +854,15 @@ function makeComponentReactive(render) {
 
   var initialName = this.displayName || this.name || this.constructor && (this.constructor.displayName || this.constructor.name) || "<component>";
   var rootNodeID = this._reactInternalInstance && this._reactInternalInstance._rootNodeID || this._reactInternalInstance && this._reactInternalInstance._debugID || this._reactInternalFiber && this._reactInternalFiber._debugID;
-  /**
-   * If props are shallowly modified, react will render anyway,
-   * so atom.reportChanged() should not result in yet another re-render
+  /**
+   * If props are shallowly modified, react will render anyway,
+   * so atom.reportChanged() should not result in yet another re-render
    */
 
   setHiddenProp(this, skipRenderKey, false);
-  /**
-   * forceUpdate will re-assign this.props. We don't want that to cause a loop,
-   * so detect these changes
+  /**
+   * forceUpdate will re-assign this.props. We don't want that to cause a loop,
+   * so detect these changes
    */
 
   setHiddenProp(this, isForcingUpdateKey, false); // wire up reactive render
@@ -881,8 +899,8 @@ function makeComponentReactive(render) {
   this.render = reactiveRender;
   return reactiveRender.call(this);
 }
-/**
- * ReactiveMixin
+/**
+ * ReactiveMixin
  */
 
 
@@ -965,8 +983,8 @@ function makeObservableProp(target, propName) {
     }
   });
 }
-/**
- * Observer function / decorator
+/**
+ * Observer function / decorator
  */
 
 

package/dist/mobx-react.d.ts

@@ -0,0 +1,105 @@
+/**
+ * Turns a React component or stateless render function into a reactive component.
+ */
+import * as React from "react"
+
+export {
+    useObservable,
+    useComputed,
+    useDisposable,
+    IObserverOptions,
+    useObserver,
+    Observer
+} from "mobx-react-lite"
+
+export type IReactComponent<P = any> =
+    | React.StatelessComponent<P>
+    | React.ComponentClass<P>
+    | React.ClassicComponentClass<P>
+
+/**
+ * Observer
+ */
+
+export function observer<T extends IReactComponent>(target: T): T
+
+/**
+ * Inject
+ */
+export type IValueMap = { [key: string]: any }
+export type IStoresToProps<
+    S extends IValueMap = {},
+    P extends IValueMap = {},
+    I extends IValueMap = {},
+    C extends IValueMap = {}
+> = (stores: S, nextProps: P, context: C) => I
+
+export type IWrappedComponent<P> = {
+    wrappedComponent: IReactComponent<P>
+}
+
+// Ideally we would want to return React.ComponentClass<Partial<P>>,
+// but TS doesn't allow such things in decorators, like we do in the non-decorator version
+// See also #256
+export function inject(
+    ...stores: string[]
+): <T extends IReactComponent<any>>(
+    target: T
+) => T & (T extends IReactComponent<infer P> ? IWrappedComponent<P> : never)
+export function inject<S, P, I, C>(
+    fn: IStoresToProps<S, P, I, C>
+): <T extends IReactComponent>(target: T) => T & IWrappedComponent<P>
+
+// Ideal implementation:
+// export function inject
+// (
+// fn: IStoresToProps
+// ):
+// <P>(target: IReactComponent<P>) => IReactComponent<Partial<P>> & IWrappedComponent<IReactComponent<Partial<P>>>
+//
+// Or even better: (but that would require type inference to work other way around)
+// export function inject<P, I>
+// (
+// fn: IStoresToProps<any, P, I>
+// ):
+// <T extends IReactComponent<P & S>(target: T) => IReactComponent<P> & IWrappedComponent<T>
+
+/**
+ * disposeOnUnmount
+ */
+type Disposer = () => void
+export function disposeOnUnmount(target: React.Component<any, any>, propertyKey: string): void
+export function disposeOnUnmount<TF extends Disposer | Disposer[]>(
+    target: React.Component<any, any>,
+    fn: TF
+): TF
+
+/**
+ * Utilities
+ */
+export class Provider extends React.Component<any, {}> {}
+
+export function useStaticRendering(value: boolean): void
+
+/**
+ * @deprecated, use PropTypes instead
+ */
+export const propTypes: {
+    observableArray: React.Requireable<any>
+    observableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
+    observableMap: React.Requireable<any>
+    observableObject: React.Requireable<any>
+    arrayOrObservableArray: React.Requireable<any>
+    arrayOrObservableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
+    objectOrObservableObject: React.Requireable<any>
+}
+
+export const PropTypes: {
+    observableArray: React.Requireable<any>
+    observableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
+    observableMap: React.Requireable<any>
+    observableObject: React.Requireable<any>
+    arrayOrObservableArray: React.Requireable<any>
+    arrayOrObservableArrayOf: (type: React.Validator<any>) => React.Requireable<any>
+    objectOrObservableObject: React.Requireable<any>
+}