@lomray/react-mobx-manager 1.0.0-beta.2 → 1.0.0-beta.3

package/lib/context.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 import React from 'react';
-import { ReactElement } from "react";
-import { FCC } from "./fc-with-children-874c53fb";
+import { FC, ReactElement } from "react";
 import Manager from "./manager";
 interface IStoreManagerProvider {
     storeManager: Manager;
     shouldInit?: boolean;
     fallback?: ReactElement;
+    children?: React.ReactNode;
 }
 /**
  * Mobx store manager context
@@ -16,6 +16,6 @@ declare const StoreManagerContext: React.Context<Manager>;
  * Mobx store manager provider
  * @constructor
  */
-declare const StoreManagerProvider: FCC<IStoreManagerProvider>;
+declare const StoreManagerProvider: FC<IStoreManagerProvider>;
 declare const useStoreManagerContext: () => Manager;
 export { StoreManagerProvider, StoreManagerContext, useStoreManagerContext };

package/lib/context.js

@@ -26,7 +26,7 @@ const StoreManagerProvider = ({ children, storeManager, fallback, shouldInit = f
             .init()
             .then(() => setInit(true))
             .catch((e) => {
-            console.error('Failed initiated store manager: ', e);
+            console.error('Failed initialized store manager: ', e);
         });
     }, [shouldInit, storeManager]);
     return (React__default["default"].createElement(StoreManagerContext.Provider, { value: storeManager, children: isInit ? children : fallback || children }));

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export * from "./types-8055671c";
+export * from "./types-f2f6b0e4";
 export * from "./context";
 export { default as Manager } from "./manager";
 export { default as onChangeListener } from "./on-change-listener";

package/lib/manager.d.ts

@@ -1,4 +1,4 @@
-import { IConstructableStore, IManagerParams, IStorage, IStore, TStoreDefinition, IManagerOptions, TStores, TInitStore } from "./types-8055671c";
+import { IConstructableStore, IManagerParams, IStorage, IStore, TStoreDefinition, IManagerOptions, TStores, TInitStore } from "./types-f2f6b0e4";
 /**
  * Mobx stores manager
  */
@@ -47,7 +47,7 @@ declare class Manager {
     /**
      * @constructor
      */
-    constructor({ initState, storesParams, storage, options }: IManagerParams);
+    constructor({ initState, storesParams, storage, options }?: IManagerParams);
     /**
      * Init store manager
      */

package/lib/manager.js

@@ -52,11 +52,11 @@ class Manager {
     /**
      * @constructor
      */
-    constructor({ initState, storesParams, storage, options }) {
+    constructor({ initState, storesParams, storage, options } = {}) {
         this.initState = initState || {};
-        this.storesParams = storesParams;
+        this.storesParams = storesParams || {};
         this.storage = storage;
-        Object.assign(this.options, options);
+        Object.assign(this.options, options || {});
         Manager.instance = this;
     }
     /**

package/lib/on-change-listener.d.ts

@@ -1,4 +1,4 @@
-import { IStorePersisted } from "./types-8055671c";
+import { IStorePersisted } from "./types-f2f6b0e4";
 /**
  * Listen persist store changes
  */

package/lib/storages/local-storage.d.ts

@@ -1,4 +1,4 @@
-import { IStorage } from "../types-8055671c";
+import { IStorage } from "../types-f2f6b0e4";
 declare class LocalStorage implements IStorage {
     globalKey: string;
     /**

package/lib/{types-8055671c.d.ts → types-f2f6b0e4.d.ts}

@@ -24,7 +24,7 @@ type TStoreDefinition<TSto extends IStore | IStorePersisted = any> = IConstructa
 };
 type TMapStores = Record<string, TStoreDefinition>;
 interface IManagerParams {
-    storesParams: Omit<IConstructorParams, 'storeManager'>;
+    storesParams?: Omit<IConstructorParams, 'storeManager'>;
     storage?: IStorage;
     options?: IManagerOptions;
     initState?: Record<string, any>;
@@ -45,4 +45,14 @@ interface IManagerOptions {
 type TStores = {
     [storeKey: string]: IStore | IStorePersisted;
 };
-export { IConstructorParams, IStoreLifecycle, IStore, IStorePersisted, TInitStore, IConstructableStore, TStoreDefinition, TMapStores, IManagerParams, TWakeup, IStorage, IManagerOptions, TStores };
+/**
+ * Convert class type to class constructor
+ */
+type ClassReturnType<T> = T extends new (...args: any) => infer R ? R : never;
+/**
+ * Stores map to type
+ */
+type StoresType<TSt> = {
+    [keys in keyof TSt]: ClassReturnType<TSt[keys]>;
+};
+export { IConstructorParams, IStoreLifecycle, IStore, IStorePersisted, TInitStore, IConstructableStore, TStoreDefinition, TMapStores, IManagerParams, TWakeup, IStorage, IManagerOptions, TStores, ClassReturnType, StoresType };

package/lib/wakeup.d.ts

@@ -1,4 +1,4 @@
-import { IStorePersisted } from "./types-8055671c";
+import { IStorePersisted } from "./types-f2f6b0e4";
 /**
  * Restore store state from initial state
  */

package/lib/with-stores.d.ts

@@ -1,7 +1,7 @@
-import { FCC } from "./fc-with-children-874c53fb";
-import { TMapStores } from "./types-8055671c";
+import { FC } from 'react';
+import { TMapStores } from "./types-f2f6b0e4";
 /**
  * Make component observable and pass stores as props
  */
-declare const withStores: <T extends Record<string, any>, TS extends TMapStores>(Component: FCC<T>, stores: TS) => FCC<Omit<T, keyof TS>>;
+declare const withStores: <T extends Record<string, any>, TS extends TMapStores>(Component: FC<T>, stores: TS) => FC<Omit<T, keyof TS>>;
 export { withStores as default };

package/lib/with-stores.js

@@ -17,7 +17,7 @@ const withStores = (Component, stores) => {
     const storesMap = Object.entries(stores);
     const ObservableComponent = mobxReactLite.observer(Component);
     const componentName = Component.displayName || Component.name;
-    const Element = React__default["default"].memo(({ children, ...props }) => {
+    const Element = React__default["default"].memo(({ ...props }) => {
         const storeManager = context.useStoreManagerContext();
         const [initStores] = React.useState(() => storeManager.createStores(storesMap));
         /**
@@ -25,7 +25,7 @@ const withStores = (Component, stores) => {
          * - Check if store has 'onDestroy' method (call if exist)
          */
         React.useEffect(() => storeManager.mountStores(initStores), [initStores, storeManager]);
-        return React__default["default"].createElement(ObservableComponent, { children: children, ...initStores, ...props });
+        return React__default["default"].createElement(ObservableComponent, { ...initStores, ...props });
     });
     hoistNonReactStatics__default["default"](Element, Component);
     Element.displayName = `Mobx(${componentName})`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lomray/react-mobx-manager",
-  "version": "1.0.0-beta.2",
+  "version": "1.0.0-beta.3",
   "description": "This package provides Mobx stores manager for react.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -31,6 +31,7 @@
   "homepage": "https://github.com/Lomray-Software/react-mobx-manager",
   "scripts": {
     "build": "rollup -c",
+    "build:watch": "rollup -c -w --environment BUILD:development",
     "prettier:format": "prettier --write 'src/**/*.{ts,tsx,*.ts,*tsx}'",
     "prettier:check": "prettier --check --debug-check 'src/**/*.{ts,tsx,*.ts,*tsx}'",
     "lint:check": "eslint --ext '.ts,.tsx' 'src/**/*.{ts,tsx,*.ts,*tsx}'",

package/lib/fc-with-children-874c53fb.d.ts

@@ -1,6 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-/**
- * Custom Type for a React functional component with props AND CHILDREN
- */
-type FCC<TP extends object = any> = FC<PropsWithChildren<TP>>;
-export { FCC };