@lomray/react-mobx-manager 2.1.0 → 2.1.1

package/lib/context.d.ts

@@ -2,7 +2,7 @@
 import React from 'react';
 import { FC, ReactElement } from "react";
 import Manager from "./manager.js";
-import { TStores } from "./types-c7e03f73.js";
+import { TStores } from "./types-a7240264.js";
 interface IStoreManagerProvider {
     storeManager: Manager;
     shouldInit?: boolean;

package/lib/index.d.ts

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

package/lib/manager.d.ts

@@ -1,5 +1,5 @@
 import StoreStatus from "./store-status.js";
-import { IConstructableStore, IManagerOptions, IManagerParams, IStorage, IStore, IStoreParams, TInitStore, TStoreDefinition, TStores } from "./types-c7e03f73.js";
+import { IConstructableStore, IManagerOptions, IManagerParams, IStorage, IStore, IStoreParams, TInitStore, TStoreDefinition, TStores } from "./types-a7240264.js";
 /**
  * Mobx stores manager
  */
@@ -116,23 +116,21 @@ declare class Manager {
      * Get store identity
      * @protected
      */
-    protected getStoreId<T>(store: IConstructableStore<T> | TInitStore, params?: IStoreParams): string;
+    protected getStoreId<T extends IStore>(store: IConstructableStore<T> | TInitStore, params?: IStoreParams): string;
     /**
      * Get exist store
      */
     /**
      * Get exist store
      */
-    getStore<T>(store: IConstructableStore<T>, params?: IStoreParams): T | undefined;
+    getStore<T extends IStore>(store: IConstructableStore<T>, params?: IStoreParams): T | undefined;
     /**
      * Lookup store
-     * @protected
      */
     /**
      * Lookup store
-     * @protected
      */
-    protected lookupStore<T>(id: string, params: IStoreParams): TInitStore<T> | undefined;
+    protected lookupStore<T extends IStore>(id: string, params: IStoreParams): TInitStore<T> | undefined;
     /**
      * Create new store instance
      * @protected
@@ -141,7 +139,7 @@ declare class Manager {
      * Create new store instance
      * @protected
      */
-    protected createStore<T>(store: IConstructableStore<T>, params: Omit<Required<IStoreParams>, 'key'>): T;
+    protected createStore<T extends IStore>(store: IConstructableStore<T>, params: Omit<Required<IStoreParams>, 'key'>): T;
     /**
      * Create stores for component
      */
@@ -213,6 +211,6 @@ declare class Manager {
     /**
      * Persist store
      */
-    static persistStore<TSt>(store: IConstructableStore<TSt>, id: string): IConstructableStore<TSt>;
+    static persistStore<TSt extends IStore>(store: IConstructableStore<TSt>, id: string): IConstructableStore<TSt>;
 }
 export { Manager as default };

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

@@ -1,4 +1,4 @@
-import { IStorePersisted } from "./types-c7e03f73.js";
+import { IStorePersisted } from "./types-a7240264.js";
 /**
  * Listen persist store changes
  */

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

@@ -1,4 +1,4 @@
-import { IStorage } from "../types-c7e03f73.js";
+import { IStorage } from "../types-a7240264.js";
 interface IAsyncStorage {
     getItem: (key: string) => Promise<string | null>;
     setItem: (key: string, value: string) => Promise<void>;

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

@@ -1,4 +1,4 @@
-import { IStorage } from "../types-c7e03f73.js";
+import { IStorage } from "../types-a7240264.js";
 /**
  * Local storage for mobx store manager
  */

package/lib/suspense-query.d.ts

@@ -1,4 +1,4 @@
-import { TInitStore } from "./types-c7e03f73.js";
+import { TInitStore } from "./types-a7240264.js";
 interface IPromise<TReturn> extends Promise<TReturn> {
     status?: 'fulfilled' | 'pending' | 'rejected';
     value?: TReturn;

package/lib/{types-c7e03f73.d.ts → types-a7240264.d.ts}

@@ -12,7 +12,7 @@ declare global {
 }
 interface IConstructorParams<TProps = Record<string, any>> {
     storeManager: Manager;
-    getStore: <T>(store: IConstructableStore<T>, params?: Partial<IStoreParams>) => T | undefined;
+    getStore: <T extends IStore>(store: IConstructableStore<T>, params?: Partial<IStoreParams>) => T | undefined;
     componentProps: TProps;
 }
 interface IStoreLifecycle {

package/lib/wakeup.d.ts

@@ -1,4 +1,4 @@
-import { TStores, TWakeup } from "./types-c7e03f73.js";
+import { TStores, TWakeup } from "./types-a7240264.js";
 /**
  * Restore persisted store state
  */

package/lib/with-stores.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TMapStores, IWithStoreOptions } from "./types-c7e03f73.js";
+import { TMapStores, IWithStoreOptions } from "./types-a7240264.js";
 /**
  * Make component observable and pass stores as props
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lomray/react-mobx-manager",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "This package provides Mobx stores manager for react.",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -53,7 +53,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@lomray/consistent-suspense": "^1.3.0",
+    "@lomray/consistent-suspense": "^1.3.1",
     "@lomray/event-manager": "^2.0.2"
   },
   "devDependencies": {
@@ -66,17 +66,17 @@
     "@types/hoist-non-react-statics": "^3.3.5",
     "@types/lodash": "^4.14.202",
     "@types/mocha": "^10.0.6",
-    "@types/react": "^18.2.38",
+    "@types/react": "^18.2.42",
     "@types/sinon": "^17.0.2",
     "@types/sinon-chai": "^3.2.12",
     "c8": "^8.0.1",
     "chai": "^4.3.10",
-    "eslint": "^8.54.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint": "^8.55.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-prettier": "^5.0.1",
     "husky": "^8.0.3",
-    "lint-staged": "^15.1.0",
+    "lint-staged": "^15.2.0",
     "mocha": "^10.2.0",
     "prettier": "^3.1.0",
     "rollup": "2.79.1",
@@ -87,11 +87,11 @@
     "ts-node": "^10.9.1",
     "tsconfig-paths": "^4.2.0",
     "ttypescript": "^1.5.15",
-    "typescript": "^4.7.4",
-    "vite": "^4.5.0"
+    "typescript": "^4.9.5",
+    "vite": "^5.0.6"
   },
   "peerDependencies": {
-    "hoist-non-react-statics": "^3.3.2",
+    "hoist-non-react-statics": ">=3.3.2",
     "lodash": ">=4.17.21",
     "mobx": ">=6.9.0",
     "mobx-react-lite": "^3 || ^4",

package/.c8rc.json

@@ -1,11 +0,0 @@
-{
-  "include": "src/**",
-  "exclude": "src/types/**",
-  "all": true,
-  "cache": false,
-  "reporter": [
-    "text",
-    "text-summary",
-    "lcov"
-  ]
-}

package/.mocharc.json

@@ -1,11 +0,0 @@
-{
-  "ui":         "bdd",
-  "timeout":    5000,
-  "extension":  ["ts", "tsx"],
-  "watchFiles": ["__tests__/**/*.ts", "src/**/*.ts"],
-  "require":    ["./__helpers__/sinon-chai.ts", "./__helpers__/root-hooks.ts"],
-  "node-option": [
-    "no-warnings",
-    "loader=ts-node/register"
-  ]
-}

package/.run/Run all.run.xml

@@ -1,14 +0,0 @@
-<component name="ProjectRunConfigurationManager">
-  <configuration default="false" name="Run all" type="mocha-javascript-test-runner">
-    <node-interpreter>project</node-interpreter>
-    <node-options />
-    <mocha-package>$PROJECT_DIR$/node_modules/mocha</mocha-package>
-    <working-directory>$PROJECT_DIR$</working-directory>
-    <pass-parent-env>true</pass-parent-env>
-    <ui>bdd</ui>
-    <extra-mocha-options>-w</extra-mocha-options>
-    <test-kind>PATTERN</test-kind>
-    <test-pattern>__tests__/**/*.ts</test-pattern>
-    <method v="2" />
-  </configuration>
-</component>

package/__helpers__/root-hooks.ts

@@ -1,13 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-// noinspection JSUnusedGlobalSymbols
-
-import sinon from 'sinon';
-
-/**
- * Mocha root hooks
- */
-export const mochaHooks = {
-  afterAll(): void {
-    sinon.restore();
-  },
-};

package/__helpers__/sinon-chai.ts

@@ -1,4 +0,0 @@
-import chai from 'chai';
-import sinonChai from 'sinon-chai';
-
-chai.use(sinonChai);

package/__tests__/manager-stream.ts

@@ -1,57 +0,0 @@
-import { expect } from 'chai';
-import sinon from 'sinon';
-import type Manager from '@src/manager';
-import ManagerStream from '@src/manager-stream';
-
-describe('ManagerStream', () => {
-  const sandbox = sinon.createSandbox();
-  const manager = {
-    getSuspenseRelations: sandbox.stub(),
-    toJSON: sandbox.stub(),
-  };
-
-  afterEach(() => {
-    sandbox.restore();
-  });
-
-  it('should return undefined if no suspense relations for given suspenseId', () => {
-    const managerStream = new ManagerStream(manager as unknown as Manager);
-
-    manager.getSuspenseRelations.returns(new Map());
-
-    const result = managerStream.take('suspenseId');
-
-    expect(result).to.be.undefined;
-  });
-
-  it('should return script chunk with suspense stores', () => {
-    const storesIds = new Set(['store1', 'store2']);
-    const managerStream = new ManagerStream(manager as unknown as Manager);
-
-    manager.getSuspenseRelations.returns(new Map([['suspenseId', storesIds]]));
-    manager.toJSON.returns({ store1: { data: 'value1' }, store2: { data: 'value2' } });
-
-    const result = managerStream.take('suspenseId');
-
-    expect(result).to.include('<script>!window.mbxM && (window.mbxM = []);</script>');
-    expect(result).to.include(
-      '<script>window.mbxM.push({"store1":{"data":"value1"},"store2":{"data":"value2"}});</script>',
-    );
-  });
-
-  it('should only include preamble in the first call', () => {
-    const storesIds = new Set(['store1', 'store2']);
-    const managerStream = new ManagerStream(manager as unknown as Manager);
-
-    manager.getSuspenseRelations.returns(new Map([['suspenseId', storesIds]]));
-    manager.toJSON.returns({ store1: { data: 'value1' }, store2: { data: 'value2' } });
-
-    managerStream.take('suspenseId'); // first call
-    const result = managerStream.take('suspenseId'); // second call
-
-    expect(result).to.not.include('<script>!window.mbxM && (window.mbxM = []);</script>');
-    expect(result).to.include(
-      '<script>window.mbxM.push({"store1":{"data":"value1"},"store2":{"data":"value2"}});</script>',
-    );
-  });
-});

package/__tests__/wakeup.ts

@@ -1,32 +0,0 @@
-import { expect } from 'chai';
-import wakeup from '@src/wakeup';
-
-describe('wakeup', () => {
-  it('should restore persisted store state', () => {
-    const persistedState = { prop1: 'value1', prop2: 'value2' };
-    const stores = { prop1: 'initialValue1', prop2: 'initialValue2' };
-
-    const context = {
-      persistedState,
-    };
-
-    wakeup.call(stores, context);
-
-    expect(stores.prop1).to.equal(persistedState.prop1);
-    expect(stores.prop2).to.equal(persistedState.prop2);
-  });
-
-  it('should not modify store if persistedState is undefined', () => {
-    const stores = { prop1: 'initialValue1', prop2: 'initialValue2' };
-
-    const context = {
-      persistedState: undefined,
-    };
-
-    wakeup.call(stores, context);
-
-    // Ensure that the stores remain unchanged
-    expect(stores.prop1).to.equal('initialValue1');
-    expect(stores.prop2).to.equal('initialValue2');
-  });
-});

package/coverage/lcov-report/base.css

@@ -1,224 +0,0 @@
-body, html {
-  margin:0; padding: 0;
-  height: 100%;
-}
-body {
-    font-family: Helvetica Neue, Helvetica, Arial;
-    font-size: 14px;
-    color:#333;
-}
-.small { font-size: 12px; }
-*, *:after, *:before {
-  -webkit-box-sizing:border-box;
-     -moz-box-sizing:border-box;
-          box-sizing:border-box;
-  }
-h1 { font-size: 20px; margin: 0;}
-h2 { font-size: 14px; }
-pre {
-    font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    margin: 0;
-    padding: 0;
-    -moz-tab-size: 2;
-    -o-tab-size:  2;
-    tab-size: 2;
-}
-a { color:#0074D9; text-decoration:none; }
-a:hover { text-decoration:underline; }
-.strong { font-weight: bold; }
-.space-top1 { padding: 10px 0 0 0; }
-.pad2y { padding: 20px 0; }
-.pad1y { padding: 10px 0; }
-.pad2x { padding: 0 20px; }
-.pad2 { padding: 20px; }
-.pad1 { padding: 10px; }
-.space-left2 { padding-left:55px; }
-.space-right2 { padding-right:20px; }
-.center { text-align:center; }
-.clearfix { display:block; }
-.clearfix:after {
-  content:'';
-  display:block;
-  height:0;
-  clear:both;
-  visibility:hidden;
-  }
-.fl { float: left; }
-@media only screen and (max-width:640px) {
-  .col3 { width:100%; max-width:100%; }
-  .hide-mobile { display:none!important; }
-}
-
-.quiet {
-  color: #7f7f7f;
-  color: rgba(0,0,0,0.5);
-}
-.quiet a { opacity: 0.7; }
-
-.fraction {
-  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 10px;
-  color: #555;
-  background: #E8E8E8;
-  padding: 4px 5px;
-  border-radius: 3px;
-  vertical-align: middle;
-}
-
-div.path a:link, div.path a:visited { color: #333; }
-table.coverage {
-  border-collapse: collapse;
-  margin: 10px 0 0 0;
-  padding: 0;
-}
-
-table.coverage td {
-  margin: 0;
-  padding: 0;
-  vertical-align: top;
-}
-table.coverage td.line-count {
-    text-align: right;
-    padding: 0 5px 0 20px;
-}
-table.coverage td.line-coverage {
-    text-align: right;
-    padding-right: 10px;
-    min-width:20px;
-}
-
-table.coverage td span.cline-any {
-    display: inline-block;
-    padding: 0 5px;
-    width: 100%;
-}
-.missing-if-branch {
-    display: inline-block;
-    margin-right: 5px;
-    border-radius: 3px;
-    position: relative;
-    padding: 0 4px;
-    background: #333;
-    color: yellow;
-}
-
-.skip-if-branch {
-    display: none;
-    margin-right: 10px;
-    position: relative;
-    padding: 0 4px;
-    background: #ccc;
-    color: white;
-}
-.missing-if-branch .typ, .skip-if-branch .typ {
-    color: inherit !important;
-}
-.coverage-summary {
-  border-collapse: collapse;
-  width: 100%;
-}
-.coverage-summary tr { border-bottom: 1px solid #bbb; }
-.keyline-all { border: 1px solid #ddd; }
-.coverage-summary td, .coverage-summary th { padding: 10px; }
-.coverage-summary tbody { border: 1px solid #bbb; }
-.coverage-summary td { border-right: 1px solid #bbb; }
-.coverage-summary td:last-child { border-right: none; }
-.coverage-summary th {
-  text-align: left;
-  font-weight: normal;
-  white-space: nowrap;
-}
-.coverage-summary th.file { border-right: none !important; }
-.coverage-summary th.pct { }
-.coverage-summary th.pic,
-.coverage-summary th.abs,
-.coverage-summary td.pct,
-.coverage-summary td.abs { text-align: right; }
-.coverage-summary td.file { white-space: nowrap;  }
-.coverage-summary td.pic { min-width: 120px !important;  }
-.coverage-summary tfoot td { }
-
-.coverage-summary .sorter {
-    height: 10px;
-    width: 7px;
-    display: inline-block;
-    margin-left: 0.5em;
-    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
-}
-.coverage-summary .sorted .sorter {
-    background-position: 0 -20px;
-}
-.coverage-summary .sorted-desc .sorter {
-    background-position: 0 -10px;
-}
-.status-line {  height: 10px; }
-/* yellow */
-.cbranch-no { background: yellow !important; color: #111; }
-/* dark red */
-.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
-.low .chart { border:1px solid #C21F39 }
-.highlighted,
-.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
-  background: #C21F39 !important;
-}
-/* medium red */
-.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
-/* light red */
-.low, .cline-no { background:#FCE1E5 }
-/* light green */
-.high, .cline-yes { background:rgb(230,245,208) }
-/* medium green */
-.cstat-yes { background:rgb(161,215,106) }
-/* dark green */
-.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
-.high .chart { border:1px solid rgb(77,146,33) }
-/* dark yellow (gold) */
-.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
-.medium .chart { border:1px solid #f9cd0b; }
-/* light yellow */
-.medium { background: #fff4c2; }
-
-.cstat-skip { background: #ddd; color: #111; }
-.fstat-skip { background: #ddd; color: #111 !important; }
-.cbranch-skip { background: #ddd !important; color: #111; }
-
-span.cline-neutral { background: #eaeaea; }
-
-.coverage-summary td.empty {
-    opacity: .5;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    line-height: 1;
-    color: #888;
-}
-
-.cover-fill, .cover-empty {
-  display:inline-block;
-  height: 12px;
-}
-.chart {
-  line-height: 0;
-}
-.cover-empty {
-    background: white;
-}
-.cover-full {
-    border-right: none !important;
-}
-pre.prettyprint {
-    border: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-.com { color: #999 !important; }
-.ignore-none { color: #999; font-weight: normal; }
-
-.wrapper {
-  min-height: 100%;
-  height: auto !important;
-  height: 100%;
-  margin: 0 auto -48px;
-}
-.footer, .push {
-  height: 48px;
-}

package/coverage/lcov-report/block-navigation.js

@@ -1,87 +0,0 @@
-/* eslint-disable */
-var jumpToCode = (function init() {
-    // Classes of code we would like to highlight in the file view
-    var missingCoverageClasses = ['.cbranch-no', '.cstat-no', '.fstat-no'];
-
-    // Elements to highlight in the file listing view
-    var fileListingElements = ['td.pct.low'];
-
-    // We don't want to select elements that are direct descendants of another match
-    var notSelector = ':not(' + missingCoverageClasses.join('):not(') + ') > '; // becomes `:not(a):not(b) > `
-
-    // Selecter that finds elements on the page to which we can jump
-    var selector =
-        fileListingElements.join(', ') +
-        ', ' +
-        notSelector +
-        missingCoverageClasses.join(', ' + notSelector); // becomes `:not(a):not(b) > a, :not(a):not(b) > b`
-
-    // The NodeList of matching elements
-    var missingCoverageElements = document.querySelectorAll(selector);
-
-    var currentIndex;
-
-    function toggleClass(index) {
-        missingCoverageElements
-            .item(currentIndex)
-            .classList.remove('highlighted');
-        missingCoverageElements.item(index).classList.add('highlighted');
-    }
-
-    function makeCurrent(index) {
-        toggleClass(index);
-        currentIndex = index;
-        missingCoverageElements.item(index).scrollIntoView({
-            behavior: 'smooth',
-            block: 'center',
-            inline: 'center'
-        });
-    }
-
-    function goToPrevious() {
-        var nextIndex = 0;
-        if (typeof currentIndex !== 'number' || currentIndex === 0) {
-            nextIndex = missingCoverageElements.length - 1;
-        } else if (missingCoverageElements.length > 1) {
-            nextIndex = currentIndex - 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    function goToNext() {
-        var nextIndex = 0;
-
-        if (
-            typeof currentIndex === 'number' &&
-            currentIndex < missingCoverageElements.length - 1
-        ) {
-            nextIndex = currentIndex + 1;
-        }
-
-        makeCurrent(nextIndex);
-    }
-
-    return function jump(event) {
-        if (
-            document.getElementById('fileSearch') === document.activeElement &&
-            document.activeElement != null
-        ) {
-            // if we're currently focused on the search input, we don't want to navigate
-            return;
-        }
-
-        switch (event.which) {
-            case 78: // n
-            case 74: // j
-                goToNext();
-                break;
-            case 66: // b
-            case 75: // k
-            case 80: // p
-                goToPrevious();
-                break;
-        }
-    };
-})();
-window.addEventListener('keydown', jumpToCode);