@clicktap/state 0.1.0 → 0.1.2

package/src/toast/toast.ts

@@ -1,222 +0,0 @@
-import { createMachine, sendTo } from 'xstate';
-import { assign } from '@xstate/immer';
-import { cloneElement, ReactNode } from 'react';
-import crypto from 'crypto';
-import type { ReactElement } from 'react';
-import { timerMachine } from './timer';
-
-// circular reference, don't want library depending on UI component specific to one app
-// import { Notification } from "@waytrade/components/app/Toast/Notification";
-
-/** @todo figure out TS here */
-export type ToastItem = {
-  id: string | null;
-  duration: number;
-  element: ReactNode;
-};
-
-export interface ToastMachineContext {
-  /** @todo create proper type for Array items */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  items: Array<ToastItem>;
-  order: 'asc' | 'desc';
-  duration: number;
-  activeItem: string | null;
-}
-
-export interface AddItemEvent {
-  type: 'ADD_ITEM';
-  item: ReactElement;
-  duration?: number;
-}
-
-export interface RemoveItemEvent {
-  type: 'REMOVE_ITEM';
-}
-
-export interface SetIdleEvent {
-  type: 'SET_IDLE';
-}
-
-export interface SetActiveEvent {
-  type: 'SET_ACTIVE';
-}
-
-export interface ResumeTimerEvent {
-  type: 'RESUME_TIMER';
-}
-
-export interface PauseTimerEvent {
-  type: 'PAUSE_TIMER';
-}
-
-export interface TimeoutEvent {
-  type: 'xstate.after(ITEM_TIMEOUT)#toast.active';
-}
-
-export interface TimerDoneEvent {
-  type: 'done.invoke.timer';
-}
-
-export type ToastMachineEvents =
-  | AddItemEvent
-  | RemoveItemEvent
-  | SetIdleEvent
-  | SetActiveEvent
-  | TimeoutEvent
-  | ResumeTimerEvent
-  | PauseTimerEvent
-  | TimerDoneEvent;
-
-export const toastMachine =
-  /** @xstate-layout N4IgpgJg5mDOIC5QBcD2BDWyB0BLCANmAMQCCAIuQPoCSAKgKICyA2gAwC6ioADqrLmS5UAO24gAHogCMAZgCs2AGzS2SgBxKA7AE4lO2ToAsAGhABPRAFoj6gL52zaTDnQBjIQDcSEUWDwinqgA1v5CALZgAE7sXEggfAJCouJSCEpsOspaOQay0kqyAExKZpYIReps2LY6mmxG+kUKWkYOThhY2O5eJBTU9Myx4omCwmLxabKF2NKN8kpFbPls8gpl1vLqykXyasaNhdJFWu0gzl09uN7EAErMAPIAagy0jKycI-xjKZOIi9sDPI9EZgYV1LItBsEIYlNg9NIdGxKki1jkzhdXB5riQAMoMOi0cgAGQYw3io2SE1AaTkWS0RQOSKWEK0c2hzWkNUWJy0Skah1sGM6WN6dwYuIAqkxXnQaDLbuTeN8qakZPIuXylhktAppgUitDilpsJpQeo9KsVOoCsKXN1sTcAAqkSX4qhyhVKhIq8ZqirSbaZeTyLRbVnqVqyaHSaQm45mtirKo6Eo6O2XCAQXAiKDEfGEmgksmfCm+340xC2bCh3XGrTLfR8+TQqxFJbYTIoow6HStBshjOuLM5vMFqikADCcpe3spfr+MKMmsZbDmFvU6jBRtW8I3IcMBT7Q+wUTA4VQnlH+YJRNJc-L1MkiHURiKps0DIWKhyIZjehqfc1h0I8GyUE8zwvK9cxvQkpxnEs4mVJIF0rBBU1kWZVw1WtgSMUwLHVIxsEqIxjVDIF5CFM4RFQCA4HETEvhQitnwQKxYxNOoDFjbQ2RtfRW1kfJO1THjA1sVRZBPfAiGYn4nzSKx9D3cS+MDI9-zhWot2A0C1BPK5vHk1VF1kIwuOZPICmKYEtMAuoDxAptlkMkdcxM1C2MMYjKhKXUlH5DUimkVsijImsxMMcLpjDUMIPPS9R081i0i3OE10afI42XcKW0ImFgRrYE5FBWx1F2cyHAcIA */
-  createMachine<ToastMachineContext, ToastMachineEvents>(
-    {
-      context: { items: [], order: 'desc', duration: 0, activeItem: null },
-      predictableActionArguments: true,
-      id: 'toast',
-      initial: 'idle',
-      states: {
-        idle: {
-          on: {
-            ADD_ITEM: {
-              target: 'adding',
-            },
-          },
-        },
-        active: {
-          invoke: {
-            id: 'timer',
-            src: timerMachine,
-            onDone: {
-              target: 'removing',
-              cond: 'itemHasTimeout',
-            },
-            data: Object.assign(timerMachine.context, {
-              duration: (context: ToastMachineContext) =>
-                // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return
-                context.items[context.items.length - 1].duration ??
-                context.duration,
-            }),
-          },
-          on: {
-            ADD_ITEM: {
-              // actions: sendTo('timer', 'PAUSE_TIMER'),
-              target: 'adding',
-            },
-            REMOVE_ITEM: {
-              target: 'removing',
-            },
-            SET_IDLE: {
-              target: 'idle',
-            },
-            RESUME_TIMER: {
-              actions: sendTo('timer', 'RESUME_TIMER'),
-              // cond: (context) => context.duration > 0,
-            },
-            PAUSE_TIMER: {
-              actions: sendTo('timer', 'PAUSE_TIMER'),
-              // cond: (context) => context.duration > 0,
-            },
-          },
-          // after: {
-          //   ITEM_TIMEOUT: {
-          //     target: 'removing',
-          //     cond: 'itemHasTimeout',
-          //   },
-          // },
-        },
-        adding: {
-          entry: ['addItem'],
-          on: {
-            SET_IDLE: {
-              target: 'idle',
-            },
-            SET_ACTIVE: {
-              target: 'active',
-            },
-          },
-        },
-        removing: {
-          entry: 'removeItem',
-          on: {
-            SET_IDLE: {
-              target: 'idle',
-            },
-            SET_ACTIVE: {
-              target: 'active',
-            },
-          },
-        },
-      },
-    },
-    {
-      actions: {
-        addItem: assign((context, event) => {
-          if (event.type !== 'ADD_ITEM') return;
-
-          const id = `notification-${crypto.randomBytes(16).toString('hex')}`;
-          const duration = event.duration ?? context.duration;
-
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-          const notification = cloneElement(event.item, {
-            duration,
-            id,
-            key: event.item.key ?? id,
-            ...event.item.props,
-          });
-          const item = {
-            duration,
-            id,
-            element: notification,
-          };
-
-          if (context.order === 'desc') {
-            context.items.push(item);
-          } else {
-            context.items.unshift(item);
-          }
-          context.activeItem = id;
-        }),
-        removeItem: assign((context, event) => {
-          if (
-            event.type !== 'REMOVE_ITEM' &&
-            event.type !== 'xstate.after(ITEM_TIMEOUT)#toast.active' &&
-            event.type !== 'done.invoke.timer'
-          )
-            return;
-
-          if (context.order === 'desc') {
-            context.items.pop();
-            context.activeItem =
-              context.items.length > 0
-                ? context.items[context.items.length - 1].id
-                : null;
-          } else {
-            context.items.shift();
-            context.activeItem =
-              context.items.length > 0 ? context.items[0].id : null;
-          }
-        }),
-        // startTimer: sendTo('timer', { type: 'START' }),
-      },
-      delays: {
-        ITEM_TIMEOUT: (context) => {
-          // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-          return (
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-            context.items[context.items.length - 1].duration ?? context.duration
-          );
-        },
-      },
-      guards: {
-        itemHasTimeout: (context) => {
-          return (
-            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-            context.items[context.items.length - 1].duration > 0 ||
-            context.duration > 0
-          );
-        },
-      },
-    }
-  );

package/tsconfig.json

@@ -1,24 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "module": "commonjs",
-    "esModuleInterop": true,
-    "jsx": "preserve",
-    "forceConsistentCasingInFileNames": true,
-    "strict": true,
-    "noImplicitOverride": true,
-    "noPropertyAccessFromIndexSignature": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
-  },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    },
-    {
-      "path": "./tsconfig.spec.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declaration": true,
-    "types": ["node"]
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["jest.config.ts", "src/**/*.spec.ts", "src/**/*.test.ts"]
-}

package/tsconfig.spec.json

@@ -1,14 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "module": "commonjs",
-    "types": ["jest", "node"]
-  },
-  "include": [
-    "jest.config.ts",
-    "src/**/*.test.ts",
-    "src/**/*.spec.ts",
-    "src/**/*.d.ts"
-  ]
-}