@mantine/store 7.0.0-alpha.12

package/README.md

@@ -0,0 +1,21 @@
+# Mantine Store
+
+[![npm](https://img.shields.io/npm/dm/@mantine/store)](https://www.npmjs.com/package/@mantine/store)
+
+Global state manager for `@mantine/notifications`, `@mantine/nprogress`, `@mantine/spotlight` and other Mantine packages.
+
+[View documentation](https://mantine.dev/)
+
+## Installation
+
+```bash
+# With yarn
+yarn add @mantine/store
+
+# With npm
+npm install @mantine/store
+```
+
+## License
+
+MIT

package/cjs/index.js

@@ -0,0 +1,12 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var store = require('./store.js');
+
+
+
+exports.createStore = store.createStore;
+exports.useStore = store.useStore;
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/cjs/store.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+function createStore(initialState) {
+    let state = initialState;
+    let initialized = false;
+    const listeners = new Set();
+    return {
+        getState() {
+            return state;
+        },
+        setState(value) {
+            state = value;
+            listeners.forEach((listener) => listener(state));
+        },
+        initialize(value) {
+            if (!initialized) {
+                state = value;
+                initialized = true;
+            }
+        },
+        subscribe(callback) {
+            listeners.add(callback);
+            return () => listeners.delete(callback);
+        },
+    };
+}
+function useStore(store) {
+    return react.useSyncExternalStore(store.subscribe, () => store.getState(), () => store.getState());
+}
+
+exports.createStore = createStore;
+exports.useStore = useStore;
+//# sourceMappingURL=store.js.map

package/cjs/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sources":["../src/store.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport type MantineStoreSubscriber<Value> = (value: Value) => void;\n\nexport interface MantineStore<Value> {\n  getState(): Value;\n  setState(value: Value): void;\n  initialize(value: Value): void;\n  subscribe(callback: MantineStoreSubscriber<Value>): () => void;\n}\n\nexport type MantineStoreValue<Store extends MantineStore<any>> = ReturnType<Store['getState']>;\n\nexport function createStore<Value>(initialState: Value): MantineStore<Value> {\n  let state = initialState;\n  let initialized = false;\n  const listeners = new Set<MantineStoreSubscriber<Value>>();\n\n  return {\n    getState() {\n      return state;\n    },\n\n    setState(value) {\n      state = value;\n      listeners.forEach((listener) => listener(state));\n    },\n\n    initialize(value) {\n      if (!initialized) {\n        state = value;\n        initialized = true;\n      }\n    },\n\n    subscribe(callback) {\n      listeners.add(callback);\n      return () => listeners.delete(callback);\n    },\n  };\n}\n\nexport function useStore<Store extends MantineStore<any>>(store: Store) {\n  return useSyncExternalStore<MantineStoreValue<Store>>(\n    store.subscribe,\n    () => store.getState(),\n    () => store.getState()\n  );\n}\n"],"names":["useSyncExternalStore"],"mappings":";;;;;;SAagB,WAAW,CAAQ,YAAmB;IACpD,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiC,CAAC;IAE3D,OAAO;QACL,QAAQ;YACN,OAAO,KAAK,CAAC;SACd;QAED,QAAQ,CAAC,KAAK;YACZ,KAAK,GAAG,KAAK,CAAC;YACd,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;SAClD;QAED,UAAU,CAAC,KAAK;YACd,IAAI,CAAC,WAAW,EAAE;gBAChB,KAAK,GAAG,KAAK,CAAC;gBACd,WAAW,GAAG,IAAI,CAAC;aACpB;SACF;QAED,SAAS,CAAC,QAAQ;YAChB,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACxB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;SACzC;KACF,CAAC;AACJ,CAAC;SAEe,QAAQ,CAAkC,KAAY;IACpE,OAAOA,0BAAoB,CACzB,KAAK,CAAC,SAAS,EACf,MAAM,KAAK,CAAC,QAAQ,EAAE,EACtB,MAAM,KAAK,CAAC,QAAQ,EAAE,CACvB,CAAC;AACJ;;;;;"}

package/esm/index.js

@@ -0,0 +1,3 @@
+'use client';
+export { createStore, useStore } from './store.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/esm/store.js

@@ -0,0 +1,32 @@
+import { useSyncExternalStore } from 'react';
+
+function createStore(initialState) {
+    let state = initialState;
+    let initialized = false;
+    const listeners = new Set();
+    return {
+        getState() {
+            return state;
+        },
+        setState(value) {
+            state = value;
+            listeners.forEach((listener) => listener(state));
+        },
+        initialize(value) {
+            if (!initialized) {
+                state = value;
+                initialized = true;
+            }
+        },
+        subscribe(callback) {
+            listeners.add(callback);
+            return () => listeners.delete(callback);
+        },
+    };
+}
+function useStore(store) {
+    return useSyncExternalStore(store.subscribe, () => store.getState(), () => store.getState());
+}
+
+export { createStore, useStore };
+//# sourceMappingURL=store.js.map

package/esm/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sources":["../src/store.ts"],"sourcesContent":["import { useSyncExternalStore } from 'react';\n\nexport type MantineStoreSubscriber<Value> = (value: Value) => void;\n\nexport interface MantineStore<Value> {\n  getState(): Value;\n  setState(value: Value): void;\n  initialize(value: Value): void;\n  subscribe(callback: MantineStoreSubscriber<Value>): () => void;\n}\n\nexport type MantineStoreValue<Store extends MantineStore<any>> = ReturnType<Store['getState']>;\n\nexport function createStore<Value>(initialState: Value): MantineStore<Value> {\n  let state = initialState;\n  let initialized = false;\n  const listeners = new Set<MantineStoreSubscriber<Value>>();\n\n  return {\n    getState() {\n      return state;\n    },\n\n    setState(value) {\n      state = value;\n      listeners.forEach((listener) => listener(state));\n    },\n\n    initialize(value) {\n      if (!initialized) {\n        state = value;\n        initialized = true;\n      }\n    },\n\n    subscribe(callback) {\n      listeners.add(callback);\n      return () => listeners.delete(callback);\n    },\n  };\n}\n\nexport function useStore<Store extends MantineStore<any>>(store: Store) {\n  return useSyncExternalStore<MantineStoreValue<Store>>(\n    store.subscribe,\n    () => store.getState(),\n    () => store.getState()\n  );\n}\n"],"names":[],"mappings":";;SAagB,WAAW,CAAQ,YAAmB;IACpD,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,IAAI,WAAW,GAAG,KAAK,CAAC;IACxB,MAAM,SAAS,GAAG,IAAI,GAAG,EAAiC,CAAC;IAE3D,OAAO;QACL,QAAQ;YACN,OAAO,KAAK,CAAC;SACd;QAED,QAAQ,CAAC,KAAK;YACZ,KAAK,GAAG,KAAK,CAAC;YACd,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;SAClD;QAED,UAAU,CAAC,KAAK;YACd,IAAI,CAAC,WAAW,EAAE;gBAChB,KAAK,GAAG,KAAK,CAAC;gBACd,WAAW,GAAG,IAAI,CAAC;aACpB;SACF;QAED,SAAS,CAAC,QAAQ;YAChB,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;YACxB,OAAO,MAAM,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;SACzC;KACF,CAAC;AACJ,CAAC;SAEe,QAAQ,CAAkC,KAAY;IACpE,OAAO,oBAAoB,CACzB,KAAK,CAAC,SAAS,EACf,MAAM,KAAK,CAAC,QAAQ,EAAE,EACtB,MAAM,KAAK,CAAC,QAAQ,EAAE,CACvB,CAAC;AACJ;;;;"}

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export { useStore, createStore } from './store';
+export type { MantineStore, MantineStoreSubscriber, MantineStoreValue } from './store';

package/lib/store.d.ts

@@ -0,0 +1,10 @@
+export type MantineStoreSubscriber<Value> = (value: Value) => void;
+export interface MantineStore<Value> {
+    getState(): Value;
+    setState(value: Value): void;
+    initialize(value: Value): void;
+    subscribe(callback: MantineStoreSubscriber<Value>): () => void;
+}
+export type MantineStoreValue<Store extends MantineStore<any>> = ReturnType<Store['getState']>;
+export declare function createStore<Value>(initialState: Value): MantineStore<Value>;
+export declare function useStore<Store extends MantineStore<any>>(store: Store): ReturnType<Store["getState"]>;

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@mantine/store",
+  "version": "7.0.0-alpha.12",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "types": "./lib/index.d.ts"
+    }
+  },
+  "license": "MIT",
+  "author": "Vitaly Rtishchev <rtivital@gmail.com>",
+  "sideEffects": false,
+  "homepage": "https://mantine.dev",
+  "repository": {
+    "url": "https://github.com/mantinedev/mantine.git",
+    "type": "git",
+    "directory": "src/mantine-store"
+  },
+  "keywords": [
+    "react",
+    "next",
+    "nextjs",
+    "library",
+    "frontend",
+    "react-hooks",
+    "hooks",
+    "state"
+  ],
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "dependencies": {
+    "tslib": "^2.5.2"
+  },
+  "devDependencies": {}
+}