react-global-state-hooks 1.0.9 → 1.0.11

package/README.md

@@ -1,5 +1,5 @@
 # react-global-state-hooks
-This is a package to easily handling global-state across your react-native-components **No-redux**, **No-context**
+This is a package to easily handling global-state across your react-components **No-redux**, **No-context**
 
 This utility follows the same style as the default **useState** hook, with a subscription pattern and **HOFs** to create a more intuitive, atomic and easy way of sharing state between components
 

package/lib/GlobalStore.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="lodash" />
 import * as IGlobalStore from './GlobalStoreTypes';
 export declare const isPrimitive: <T>(value: T) => boolean;
+export type IValueWithMedaData = {
+    _type_?: 'map' | 'set' | 'date';
+    value?: unknown;
+};
 /**
 * This is a class to create global-store objects
 * @template IState
@@ -18,10 +22,10 @@ export declare class GlobalStore<IState, IActions extends IGlobalStore.IActionCo
     get isPersistStore(): boolean;
     constructor(state: IState, actions?: IActions, persistStoreAs?: string | null);
     private storedStateItem;
-    protected formatItemFromStore<T>(obj: T): any;
+    protected formatItemFromStore<T>(_obj: T): unknown;
     protected localStorageGetItem(): string | null;
     protected getStoreItem(): IState;
-    protected formatToStore<T>(obj: T): any;
+    protected formatToStore<T>(obj: T): unknown;
     protected localStorageSetItem(valueToStore: string): void;
     protected setStoreItem(): void;
     protected getPersistStoreValue: () => IState;

package/lib/GlobalStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStore.d.ts","sourceRoot":"","sources":["../src/GlobalStore.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAC;AAOnD,eAAO,MAAM,WAAW,0BAAuH,CAAC;AAEhJ;;;;;;;;IAQI;AACJ,qBAAa,WAAW,CACtB,MAAM,EACN,QAAQ,SAAS,YAAY,CAAC,uBAAuB,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,CAC3E,YAAW,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;IAQ1C,SAAS,CAAC,KAAK,EAAE,MAAM;IAAE,SAAS,CAAC,OAAO,EAAE,QAAQ;IAAqB,SAAS,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI;IAN5H,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAM;IAE/D,IAAW,cAAc,YAExB;gBAEqB,KAAK,EAAE,MAAM,EAAY,OAAO,GAAE,QAA2B,EAAY,cAAc,GAAE,MAAM,GAAG,IAAW;IAEnI,OAAO,CAAC,eAAe,CAAiC;IAExD,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG;IA0B7C,SAAS,CAAC,mBAAmB,IAAI,MAAM,GAAG,IAAI;IAI9C,SAAS,CAAC,YAAY,IAAI,MAAM;IAgBhC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,GAAG;IAmBvC,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;IAIzD,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,SAAS,CAAC,oBAAoB,QAAO,MAAM,CAAwB;IAEnE,SAAS,CAAC,YAAY,QAAO,MAAM,CAAyC;IAE5E;;;OAGG;IACI,OAAO,6OAqBZ;IAEF;;;;OAIG;IACI,gBAAgB,mLAGf,MAAM,oDASZ;IAEF,OAAO,CAAC,kBAAkB,CAA0G;IAEpI,SAAS,KAAK,iBAAiB,IAAI,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,uBAAuB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAY3H;IAED;;OAEG;IACH,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAM;IAErE,SAAS,CAAC,YAAY,sCAAuC,MAAM,KAAK,QAAQ,MAAM,CAAC,aAAa,MAAM,IAAI,UAyB5G;IAEF,SAAS,CAAC,iBAAiB,sCACiB,MAAM,KAAK,QAAQ,MAAM,CAAC,MACpE,QAAQ,IAAI,CAAC,CAAyE;IAExF,SAAS,CAAC,+BAA+B,sCAA6C,MAAM,KAAK,QAAQ,MAAM,CAAC,MAAI,QAAQ,IAAI,CAAC,CAG/H;IAEF,MAAM,CAAC,8BAA8B,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,CAAM;IAG3D,MAAM,CAAC,qBAAqB,6CAWtB;IAEN,SAAS,CAAC,UAAU,sHAwBlB;CAEH;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"GlobalStore.d.ts","sourceRoot":"","sources":["../src/GlobalStore.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAC;AAOnD,eAAO,MAAM,WAAW,0BAAuH,CAAC;AAEhJ,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF;;;;;;;;IAQI;AACJ,qBAAa,WAAW,CACtB,MAAM,EACN,QAAQ,SAAS,YAAY,CAAC,uBAAuB,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,IAAI,CAC3E,YAAW,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;IAQ1C,SAAS,CAAC,KAAK,EAAE,MAAM;IAAE,SAAS,CAAC,OAAO,EAAE,QAAQ;IAAqB,SAAS,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI;IAN5H,SAAS,CAAC,WAAW,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,CAAM;IAE/D,IAAW,cAAc,YAExB;gBAEqB,KAAK,EAAE,MAAM,EAAY,OAAO,GAAE,QAA2B,EAAY,cAAc,GAAE,MAAM,GAAG,IAAW;IAEnI,OAAO,CAAC,eAAe,CAAiC;IAExD,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO;IAkDlD,SAAS,CAAC,mBAAmB,IAAI,MAAM,GAAG,IAAI;IAI9C,SAAS,CAAC,YAAY,IAAI,MAAM;IAgBhC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,OAAO;IAoD3C,SAAS,CAAC,mBAAmB,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI;IAIzD,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,SAAS,CAAC,oBAAoB,QAAO,MAAM,CAAwB;IAEnE,SAAS,CAAC,YAAY,QAAO,MAAM,CAAyC;IAE5E;;;OAGG;IACI,OAAO,6OAqBZ;IAEF;;;;OAIG;IACI,gBAAgB,mLAGf,MAAM,oDASZ;IAEF,OAAO,CAAC,kBAAkB,CAA0G;IAEpI,SAAS,KAAK,iBAAiB,IAAI,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,uBAAuB,CAAC,MAAM,EAAE,QAAQ,CAAC,CAY3H;IAED;;OAEG;IACH,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAM;IAErE,SAAS,CAAC,YAAY,sCAAuC,MAAM,KAAK,QAAQ,MAAM,CAAC,aAAa,MAAM,IAAI,UAyB5G;IAEF,SAAS,CAAC,iBAAiB,sCACiB,MAAM,KAAK,QAAQ,MAAM,CAAC,MACpE,QAAQ,IAAI,CAAC,CAAyE;IAExF,SAAS,CAAC,+BAA+B,sCAA6C,MAAM,KAAK,QAAQ,MAAM,CAAC,MAAI,QAAQ,IAAI,CAAC,CAG/H;IAEF,MAAM,CAAC,8BAA8B,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,CAAM;IAG3D,MAAM,CAAC,qBAAqB,6CAWtB;IAEN,SAAS,CAAC,UAAU,sHAwBlB;CAEH;AAED,eAAe,WAAW,CAAC"}

package/lib/GlobalStore.js

@@ -102,19 +102,37 @@ class GlobalStore {
                 }) })), {});
         };
     }
-    formatItemFromStore(obj) {
+    formatItemFromStore(_obj) {
+        var _a, _b;
+        const obj = _obj;
+        if ((0, exports.isPrimitive)(obj)) {
+            return obj;
+        }
+        const isMetaDate = (obj === null || obj === void 0 ? void 0 : obj._type_) === 'date';
+        if (isMetaDate) {
+            return new Date(obj.value);
+        }
+        const isMetaMap = (obj === null || obj === void 0 ? void 0 : obj._type_) === 'map';
+        if (isMetaMap) {
+            const mapData = ((_a = obj.value) !== null && _a !== void 0 ? _a : []).map(([key, item]) => [
+                key,
+                this.formatItemFromStore(item),
+            ]);
+            return new Map(mapData);
+        }
+        const isMetaSet = (obj === null || obj === void 0 ? void 0 : obj._type_) === 'set';
+        if (isMetaSet) {
+            const setData = (_b = obj.value) !== null && _b !== void 0 ? _b : [].map((item) => this.formatItemFromStore(item));
+            return new Set(setData);
+        }
         const isArray = Array.isArray(obj);
         if (isArray) {
             return obj.map((item) => this.formatItemFromStore(item));
         }
-        return Object.keys(obj).filter((key) => !key.includes('_type')).reduce((acumulator, key) => {
-            const type = obj[`${key}_type`];
+        const keys = Object.keys(obj);
+        return keys.reduce((acumulator, key) => {
             const unformatedValue = obj[key];
-            const isDateType = type === 'date';
-            if (isDateType) {
-                return Object.assign(Object.assign({}, acumulator), { [key]: new Date(unformatedValue) });
-            }
-            return Object.assign(Object.assign({}, acumulator), { [key]: (0, exports.isPrimitive)(unformatedValue) ? unformatedValue : this.formatItemFromStore(unformatedValue) });
+            return Object.assign(Object.assign({}, acumulator), { [key]: this.formatItemFromStore(unformatedValue) });
         }, {});
     }
     localStorageGetItem() {
@@ -127,20 +145,45 @@ class GlobalStore {
         if (item) {
             const value = JSON.parse(item);
             const primitive = (0, exports.isPrimitive)(value);
-            const newState = primitive ? value : this.formatItemFromStore(value);
+            const newState = this.formatItemFromStore(value);
             this.state = primitive || Array.isArray(value) ? newState : Object.assign(Object.assign({}, this.state), newState);
         }
         return this.state;
     }
     formatToStore(obj) {
+        if ((0, exports.isPrimitive)(obj)) {
+            return obj;
+        }
         const isArray = Array.isArray(obj);
         if (isArray) {
             return obj.map((item) => this.formatToStore(item));
         }
-        return Object.keys(obj).reduce((acumulator, key) => {
+        const isMap = obj instanceof Map;
+        if (isMap) {
+            const pairs = Array.from(obj.entries());
+            return {
+                _type_: 'map',
+                value: pairs.map((pair) => this.formatToStore(pair)),
+            };
+        }
+        const isSet = obj instanceof Set;
+        if (isSet) {
+            const values = Array.from(obj.values());
+            return {
+                _type_: 'set',
+                value: values.map((value) => this.formatToStore(value)),
+            };
+        }
+        if ((0, lodash_1.isDate)(obj)) {
+            return {
+                _type_: 'date',
+                value: obj.toISOString(),
+            };
+        }
+        const keys = Object.keys(obj);
+        return keys.reduce((acumulator, key) => {
             const value = obj[key];
-            const isDatetime = value instanceof Date;
-            return (Object.assign(Object.assign({}, acumulator), { [key]: (0, exports.isPrimitive)(value) || isDatetime ? value : this.formatToStore(value), [`${key}_type`]: isDatetime ? 'date' : typeof value }));
+            return (Object.assign(Object.assign({}, acumulator), { [key]: this.formatToStore(value) }));
         }, {});
     }
     localStorageSetItem(valueToStore) {
@@ -150,7 +193,7 @@ class GlobalStore {
         if (this.storedStateItem === this.state)
             return;
         this.storedStateItem = this.state;
-        const valueToStore = (0, exports.isPrimitive)(this.state) ? this.state : this.formatToStore((0, lodash_1.cloneDeep)(this.state));
+        const valueToStore = this.formatToStore((0, lodash_1.cloneDeep)(this.state));
         this.localStorageSetItem(JSON.stringify(valueToStore));
     }
     get stateOrchestrator() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-global-state-hooks",
-  "version": "1.0.9",
+  "version": "1.0.11",
   "description": "This is a package to easily handling global-state across your react components No-redux, No-context.",
   "main": "lib/GlobalStore.js",
   "files": [