@minutemailer/kit 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@minutemailer/kit",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Minutemailer UI Kit",
   "license": "MIT",
   "author": "Minutemailer",
@@ -8,7 +8,8 @@
   "exports": {
     "./utils": "./utils/index.js",
     "./icons": "./icons/index.js",
-    "./store": "./store/index.js"
+    "./store": "./store/index.js",
+    "./state": "./state/index.js"
   },
   "sideEffects": false,
   "scripts": {
@@ -35,7 +36,6 @@
     "@storybook/test": "^8.6.2",
     "@storybook/theming": "^8.6.3",
     "@svgr/cli": "^8.1.0",
-    "@testing-library/react": "^16.2.0",
     "@vitest/coverage-v8": "^3.0.7",
     "esbuild": "^0.25.0",
     "react": "^18.0.0",

package/state/index.js

@@ -1,53 +1,63 @@
-import { useEffect, useState } from 'react';
-export function createMachine(transitions, actions, initialContext, initialState = 'IDLE') {
-    const listeners = new Set();
-    let state = initialState;
-    let context = initialContext;
-    return {
-        subscribe(listener) {
-            listeners.add(listener);
-            return () => listeners.delete(listener);
-        },
-        destroy() {
-            listeners.clear();
-            state = initialState;
-            context = initialContext;
-        },
-        action(action, input) {
-            const transition = transitions[state];
-            const nextState = transition.on[action];
-            if (!nextState) {
-                console.warn('Invalid transition', state, action);
-                return;
-            }
-            console.log(`Machine transition: ${state} -> ${nextState} (${action}, ${input})`);
-            const previousState = state;
-            if (actions[action]) {
-                context = actions[action].call(this, context, input) || context;
-            }
-            state = nextState;
-            listeners.forEach((listener) => listener(state, previousState, context));
-        },
-        can(action) {
-            const transition = transitions[state];
-            return !!transition.on[action];
-        },
-        useCurrentState() {
-            const [currentState, setCurrentState] = useState(state);
-            useEffect(() => {
-                return this.subscribe(() => setCurrentState(state));
-            }, []);
-            return currentState;
-        },
-        useCurrentContext(selector) {
-            const [currentContext, setCurrentContext] = useState(() => selector(context));
-            useEffect(() => {
-                return this.subscribe(() => setCurrentContext(selector(context)));
-            }, []);
-            return currentContext;
-        },
-        getContext() {
-            return context;
-        },
-    };
+import { useEffect, useState } from "react";
+function createMachine(transitions, actions, initialContext, initialState = "IDLE") {
+  const listeners = /* @__PURE__ */ new Set();
+  let state = initialState;
+  let context = initialContext;
+  return {
+    subscribe(listener) {
+      listeners.add(listener);
+      return () => listeners.delete(listener);
+    },
+    destroy() {
+      listeners.clear();
+      state = initialState;
+      context = initialContext;
+    },
+    action(action, input) {
+      const transition = transitions[state];
+      const nextState = transition.on[action];
+      if (!nextState) {
+        console.warn("Invalid transition", state, action);
+        return;
+      }
+      console.log(
+        `Machine transition: ${state} -> ${nextState} (${action}, ${input})`
+      );
+      const previousState = state;
+      if (actions[action]) {
+        context = actions[action].call(this, context, input) || context;
+      }
+      state = nextState;
+      listeners.forEach(
+        (listener) => listener(state, previousState, context)
+      );
+    },
+    can(action) {
+      const transition = transitions[state];
+      return !!transition.on[action];
+    },
+    useCurrentState() {
+      const [currentState, setCurrentState] = useState(state);
+      useEffect(() => {
+        return this.subscribe(() => setCurrentState(state));
+      }, []);
+      return currentState;
+    },
+    useCurrentContext(selector) {
+      const [currentContext, setCurrentContext] = useState(
+        () => selector(context)
+      );
+      useEffect(() => {
+        return this.subscribe(() => setCurrentContext(selector(context)));
+      }, []);
+      return currentContext;
+    },
+    getContext() {
+      return context;
+    }
+  };
 }
+export {
+  createMachine
+};
+//# sourceMappingURL=index.js.map

package/state/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/state/index.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\n\ninterface StateMachine<TContext> {\n    subscribe: (listener: StateChange<TContext>) => () => void;\n    destroy: () => void;\n    action: (action: string, input?: any) => void;\n    can: (action: string) => boolean;\n    useCurrentState: () => string;\n    useCurrentContext: <TSelected = any>(selector: (context: TContext) => TSelected) => TSelected;\n    getContext: () => TContext;\n}\n\ninterface Transitions {\n    [state: string]: {\n        on: {\n            [action: string]: string;\n        };\n    };\n}\n\ninterface Actions {\n    [action: string]: (context: any, input?: any) => any;\n}\n\ntype StateChange<TContext> = (state: string, previousState: string, context: TContext) => void;\n\nexport function createMachine<TContext = any>(\n    transitions: Transitions,\n    actions: Actions,\n    initialContext: TContext,\n    initialState = 'IDLE',\n): StateMachine<TContext> {\n    const listeners = new Set<StateChange<TContext>>();\n    let state = initialState;\n    let context = initialContext;\n\n    return {\n        subscribe(listener: StateChange<TContext>): (() => void) {\n            listeners.add(listener);\n            return () => listeners.delete(listener);\n        },\n\n        destroy(): void {\n            listeners.clear();\n            state = initialState;\n            context = initialContext;\n        },\n\n        action(action: string, input?: any): void {\n            const transition = transitions[state];\n            const nextState = transition.on[action];\n\n            if (!nextState) {\n                console.warn('Invalid transition', state, action);\n                return;\n            }\n\n            console.log(\n                `Machine transition: ${state} -> ${nextState} (${action}, ${input})`,\n            );\n\n            const previousState = state;\n\n            if (actions[action]) {\n                context = actions[action].call(this, context, input) || context;\n            }\n\n            state = nextState;\n            listeners.forEach((listener) =>\n                listener(state, previousState, context),\n            );\n        },\n\n        can(action: string): boolean {\n            const transition = transitions[state];\n            return !!transition.on[action];\n        },\n\n        useCurrentState(): string {\n            const [currentState, setCurrentState] = useState<string>(state);\n\n            useEffect(() => {\n                return this.subscribe(() => setCurrentState(state));\n            }, []);\n\n            return currentState;\n        },\n\n        useCurrentContext<TSelected = any>(selector: (context: TContext) => TSelected): TSelected {\n            const [currentContext, setCurrentContext] = useState<TSelected>(() =>\n                selector(context),\n            );\n\n            useEffect(() => {\n                return this.subscribe(() => setCurrentContext(selector(context)));\n            }, []);\n\n            return currentContext;\n        },\n\n        getContext(): TContext {\n            return context;\n        },\n    };\n}"],
+  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AA0B7B,SAAS,cACZ,aACA,SACA,gBACA,eAAe,QACO;AACtB,QAAM,YAAY,oBAAI,IAA2B;AACjD,MAAI,QAAQ;AACZ,MAAI,UAAU;AAEd,SAAO;AAAA,IACH,UAAU,UAA+C;AACrD,gBAAU,IAAI,QAAQ;AACtB,aAAO,MAAM,UAAU,OAAO,QAAQ;AAAA,IAC1C;AAAA,IAEA,UAAgB;AACZ,gBAAU,MAAM;AAChB,cAAQ;AACR,gBAAU;AAAA,IACd;AAAA,IAEA,OAAO,QAAgB,OAAmB;AACtC,YAAM,aAAa,YAAY,KAAK;AACpC,YAAM,YAAY,WAAW,GAAG,MAAM;AAEtC,UAAI,CAAC,WAAW;AACZ,gBAAQ,KAAK,sBAAsB,OAAO,MAAM;AAChD;AAAA,MACJ;AAEA,cAAQ;AAAA,QACJ,uBAAuB,KAAK,OAAO,SAAS,KAAK,MAAM,KAAK,KAAK;AAAA,MACrE;AAEA,YAAM,gBAAgB;AAEtB,UAAI,QAAQ,MAAM,GAAG;AACjB,kBAAU,QAAQ,MAAM,EAAE,KAAK,MAAM,SAAS,KAAK,KAAK;AAAA,MAC5D;AAEA,cAAQ;AACR,gBAAU;AAAA,QAAQ,CAAC,aACf,SAAS,OAAO,eAAe,OAAO;AAAA,MAC1C;AAAA,IACJ;AAAA,IAEA,IAAI,QAAyB;AACzB,YAAM,aAAa,YAAY,KAAK;AACpC,aAAO,CAAC,CAAC,WAAW,GAAG,MAAM;AAAA,IACjC;AAAA,IAEA,kBAA0B;AACtB,YAAM,CAAC,cAAc,eAAe,IAAI,SAAiB,KAAK;AAE9D,gBAAU,MAAM;AACZ,eAAO,KAAK,UAAU,MAAM,gBAAgB,KAAK,CAAC;AAAA,MACtD,GAAG,CAAC,CAAC;AAEL,aAAO;AAAA,IACX;AAAA,IAEA,kBAAmC,UAAuD;AACtF,YAAM,CAAC,gBAAgB,iBAAiB,IAAI;AAAA,QAAoB,MAC5D,SAAS,OAAO;AAAA,MACpB;AAEA,gBAAU,MAAM;AACZ,eAAO,KAAK,UAAU,MAAM,kBAAkB,SAAS,OAAO,CAAC,CAAC;AAAA,MACpE,GAAG,CAAC,CAAC;AAEL,aAAO;AAAA,IACX;AAAA,IAEA,aAAuB;AACnB,aAAO;AAAA,IACX;AAAA,EACJ;AACJ;",
+  "names": []
+}