@ask-ell/react 0.0.1 → 0.0.2

package/README.md

@@ -5,3 +5,7 @@ This library was generated with [Nx](https://nx.dev).
 ## Building
 
 Run `nx build react` to build the library.
+
+## Running unit tests
+
+Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).

package/package.json

@@ -1,24 +1,11 @@
 {
   "name": "@ask-ell/react",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "private": false,
-  "type": "module",
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    }
-  },
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
   "dependencies": {
-    "react": "^19.2.0",
     "tslib": "^2.3.0"
-  },
-  "devDependencies": {
-    "@types/react": "^19.2.2"
   }
-}
+}

package/src/forms.d.ts

@@ -0,0 +1,32 @@
+import { Dispatch, FormEvent, SetStateAction } from "react";
+export declare enum SubmitMode {
+    ON_TRIGGER = 0,
+    AUTOMATIC = 1
+}
+export type ErrorSetter<FormData> = (key: keyof FormData) => (errorMessage: string) => void;
+export type OnSubmitCallbackParams<FormData> = {
+    formData: FormData;
+    appendError: ErrorSetter<FormData>;
+};
+export type OnSubmitCallback<FormData> = (params: OnSubmitCallbackParams<FormData>) => void;
+export type UseFormParams<FormData> = {
+    defaultValue: FormData;
+    onSubmit: OnSubmitCallback<FormData>;
+    submitMode?: SubmitMode;
+};
+type FormDataFieldUpdater<FormData> = <Key extends keyof FormData>(key: Key) => (value: FormData[Key]) => void;
+type SubmitTrigger = () => void;
+export interface ErrorsMap<FormData> extends Map<keyof FormData, string[]> {
+}
+export type FormController<FormData> = {
+    formData: FormData;
+    errors: ErrorsMap<FormData>;
+    setFormData: Dispatch<SetStateAction<FormData>>;
+    updateFormData: FormDataFieldUpdater<FormData>;
+    submit: SubmitTrigger;
+    reset: () => void;
+};
+export declare function useFormController<FormData>({ defaultValue, onSubmit, submitMode }: UseFormParams<FormData>): FormController<FormData>;
+export declare const preventDefault: (callback: () => void) => (event: FormEvent) => void;
+export {};
+//# sourceMappingURL=forms.d.ts.map

package/src/forms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/forms.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AAEtE,oBAAY,UAAU;IAClB,UAAU,IAAA;IACV,SAAS,IAAA;CACZ;AAED,MAAM,MAAM,WAAW,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE,MAAM,QAAQ,KAAK,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;AAE5F,MAAM,MAAM,sBAAsB,CAAC,QAAQ,IAAI;IAC3C,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,KAAK,IAAI,CAAC;AAE5F,MAAM,MAAM,aAAa,CAAC,QAAQ,IAAI;IAClC,YAAY,EAAE,QAAQ,CAAC;IACvB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,UAAU,CAAA;CAC1B,CAAC;AAEF,KAAK,oBAAoB,CAAC,QAAQ,IAAI,CAAC,GAAG,SAAS,MAAM,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;AAE/G,KAAK,aAAa,GAAG,MAAM,IAAI,CAAC;AAEhC,MAAM,WAAW,SAAS,CAAC,QAAQ,CAAE,SAAQ,GAAG,CAAC,MAAM,QAAQ,EAAE,MAAM,EAAE,CAAC;CAAI;AAE9E,MAAM,MAAM,cAAc,CAAC,QAAQ,IAAI;IACnC,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC5B,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,cAAc,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,EAAE,aAAa,CAAC;IACtB,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,aAAa,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,CAiDrI;AAED,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,IAAI,MAAM,OAAO,SAAS,KAAG,IAG3E,CAAC"}

package/src/forms.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preventDefault = exports.SubmitMode = void 0;
+exports.useFormController = useFormController;
+const react_1 = require("react");
+var SubmitMode;
+(function (SubmitMode) {
+    SubmitMode[SubmitMode["ON_TRIGGER"] = 0] = "ON_TRIGGER";
+    SubmitMode[SubmitMode["AUTOMATIC"] = 1] = "AUTOMATIC";
+})(SubmitMode || (exports.SubmitMode = SubmitMode = {}));
+function useFormController({ defaultValue, onSubmit, submitMode }) {
+    const [formData, setFormData] = (0, react_1.useState)(defaultValue);
+    const [errors, setErrors] = (0, react_1.useState)(new Map());
+    const appendError = (key) => (message) => {
+        const existingErrors = errors.get(key) ?? [];
+        existingErrors.push(message);
+        errors.set(key, existingErrors);
+        setErrors(new Map(errors));
+    };
+    const prepareOnSubmit = (callback) => {
+        errors.clear();
+        setErrors(new Map(errors));
+        callback();
+    };
+    const updateFormData = (key) => (value) => {
+        setTimeout(() => {
+            const newFormData = {
+                ...formData,
+                [key]: value
+            };
+            setFormData(() => newFormData);
+            if (submitMode === SubmitMode.AUTOMATIC) {
+                prepareOnSubmit(() => onSubmit({ formData: newFormData, appendError }));
+            }
+        });
+    };
+    const submit = () => prepareOnSubmit(() => onSubmit({ formData, appendError }));
+    const reset = () => {
+        setFormData(defaultValue);
+        errors.clear();
+    };
+    return {
+        formData,
+        errors,
+        setFormData,
+        updateFormData,
+        submit,
+        reset
+    };
+}
+const preventDefault = (callback) => (event) => {
+    event.preventDefault();
+    callback();
+};
+exports.preventDefault = preventDefault;

package/src/index.d.ts

@@ -0,0 +1,4 @@
+export * from './forms.js';
+export * from './keyboard-events.js';
+export * from './select-events.js';
+//# sourceMappingURL=index.d.ts.map

package/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA"}

package/src/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./forms.js"), exports);
+tslib_1.__exportStar(require("./keyboard-events.js"), exports);
+tslib_1.__exportStar(require("./select-events.js"), exports);

package/src/keyboard-events.d.ts

@@ -0,0 +1,5 @@
+import { ChangeEvent, KeyboardEvent } from 'react';
+export declare const handleEnterKeyDown: (callback: () => void) => (event: KeyboardEvent<HTMLInputElement>) => void;
+export declare const handleKeyboardEvent: (callback: (fieldValue: string) => void) => <TargetType>(event: KeyboardEvent<TargetType>) => void;
+export declare const handleChangeEvent: (callback: (fieldValue: string) => void) => <TargetType>(event: ChangeEvent<TargetType>) => void;
+//# sourceMappingURL=keyboard-events.d.ts.map

package/src/keyboard-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-events.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/keyboard-events.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,kBAAkB,GAC5B,UAAU,MAAM,IAAI,MAAM,OAAO,aAAa,CAAC,gBAAgB,CAAC,SAIhE,CAAC;AAEJ,eAAO,MAAM,mBAAmB,GAC7B,UAAU,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,MAAM,UAAU,EAAE,OAAO,aAAa,CAAC,UAAU,CAAC,SAExF,CAAC;AAEJ,eAAO,MAAM,iBAAiB,GAC3B,UAAU,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,MAAM,UAAU,EAAE,OAAO,WAAW,CAAC,UAAU,CAAC,SAEtF,CAAC"}

package/src/keyboard-events.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleChangeEvent = exports.handleKeyboardEvent = exports.handleEnterKeyDown = void 0;
+const handleEnterKeyDown = (callback) => (event) => {
+    if (event.key === 'Enter') {
+        callback();
+    }
+};
+exports.handleEnterKeyDown = handleEnterKeyDown;
+const handleKeyboardEvent = (callback) => (event) => {
+    callback(event.target.value);
+};
+exports.handleKeyboardEvent = handleKeyboardEvent;
+const handleChangeEvent = (callback) => (event) => {
+    callback(event.target.value);
+};
+exports.handleChangeEvent = handleChangeEvent;

package/src/select-events.d.ts

@@ -0,0 +1,2 @@
+export declare const handleSelectChange: (callback: (data: string) => void) => <T>(event: T) => void;
+//# sourceMappingURL=select-events.d.ts.map

package/src/select-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-events.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/select-events.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,GAC1B,UAAU,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,MAC5B,CAAC,EAAE,OAAO,CAAC,KAAG,IAElB,CAAC"}

package/src/select-events.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleSelectChange = void 0;
+const handleSelectChange = (callback) => (event) => {
+    callback(event.target.value);
+};
+exports.handleSelectChange = handleSelectChange;

package/src/forms.ts

@@ -1,92 +0,0 @@
-import { Dispatch, FormEvent, SetStateAction, useState } from "react";
-
-export enum SubmitMode {
-    ON_TRIGGER,
-    AUTOMATIC
-}
-
-export type ErrorSetter<FormData> = (key: keyof FormData) => (errorMessage: string) => void;
-
-export type OnSubmitCallbackParams<FormData> = {
-    formData: FormData;
-    appendError: ErrorSetter<FormData>;
-};
-
-export type OnSubmitCallback<FormData> = (params: OnSubmitCallbackParams<FormData>) => void;
-
-export type UseFormParams<FormData> = {
-    defaultValue: FormData;
-    onSubmit: OnSubmitCallback<FormData>;
-    submitMode?: SubmitMode
-};
-
-type FormDataFieldUpdater<FormData> = <Key extends keyof FormData>(key: Key) => (value: FormData[Key]) => void;
-
-type SubmitTrigger = () => void;
-
-export interface ErrorsMap<FormData> extends Map<keyof FormData, string[]> { }
-
-export type FormController<FormData> = {
-    formData: FormData;
-    errors: ErrorsMap<FormData>;
-    setFormData: Dispatch<SetStateAction<FormData>>;
-    updateFormData: FormDataFieldUpdater<FormData>;
-    submit: SubmitTrigger;
-    reset: () => void;
-};
-
-export function useFormController<FormData>({ defaultValue, onSubmit, submitMode }: UseFormParams<FormData>): FormController<FormData> {
-    const [formData, setFormData] = useState<FormData>(defaultValue);
-    const [errors, setErrors] = useState<ErrorsMap<FormData>>(new Map());
-
-    const appendError: ErrorSetter<FormData> = (key: keyof FormData) => (message: string): void => {
-        const existingErrors: string[] = errors.get(key) ?? [];
-        existingErrors.push(message);
-        errors.set(key, existingErrors);
-        setErrors(new Map(errors));
-    }
-
-    const prepareOnSubmit = (callback: () => void) => {
-        errors.clear()
-        setErrors(new Map(errors));
-        callback();
-    }
-
-    const updateFormData: FormDataFieldUpdater<FormData> = <Key extends keyof FormData>(key: Key) => (value: FormData[Key]) => {
-        setTimeout((): void => {
-            const newFormData: FormData = {
-                ...formData,
-                [key]: value
-            }
-            setFormData(() => newFormData);
-            if (submitMode === SubmitMode.AUTOMATIC) {
-                prepareOnSubmit(
-                    (): void => onSubmit({ formData: newFormData, appendError })
-                );
-            }
-        });
-    };
-
-    const submit: SubmitTrigger = (): void => prepareOnSubmit(
-        (): void => onSubmit({ formData, appendError })
-    );
-
-    const reset = (): void => {
-        setFormData(defaultValue)
-        errors.clear();
-    }
-
-    return {
-        formData,
-        errors,
-        setFormData,
-        updateFormData,
-        submit,
-        reset
-    }
-}
-
-export const preventDefault = (callback: () => void) => (event: FormEvent): void => {
-    event.preventDefault();
-    callback();
-};

package/src/index.ts

@@ -1,3 +0,0 @@
-export * from './forms.js'
-export * from './keyboard-events.js'
-export * from './select-events.js'

package/src/keyboard-events.ts

@@ -1,19 +0,0 @@
-import { ChangeEvent, KeyboardEvent } from 'react';
-
-
-export const handleEnterKeyDown =
-  (callback: () => void) => (event: KeyboardEvent<HTMLInputElement>) => {
-    if (event.key === 'Enter') {
-      callback();
-    }
-  };
-
-export const handleKeyboardEvent =
-  (callback: (fieldValue: string) => void) => <TargetType>(event: KeyboardEvent<TargetType>) => {
-    callback((event.target as any).value as string);
-  };
-
-export const handleChangeEvent =
-  (callback: (fieldValue: string) => void) => <TargetType>(event: ChangeEvent<TargetType>) => {
-    callback((event.target as any).value as string);
-  };

package/src/select-events.ts

@@ -1,5 +0,0 @@
-export const handleSelectChange =
-    (callback: (data: string) => void) =>
-        <T>(event: T): void => {
-            callback((event as any).target.value);
-    };

package/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    }
-  ]
-}

package/tsconfig.lib.json

@@ -1,14 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "rootDir": "src",
-    "outDir": "dist",
-    "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo",
-    "emitDeclarationOnly": false,
-    "forceConsistentCasingInFileNames": true,
-    "types": ["node"]
-  },
-  "include": ["src/**/*.ts"],
-  "references": []
-}