@ask-ell/react 0.0.8 → 0.0.9

package/.spec.swcrc

@@ -0,0 +1,22 @@
+{
+  "jsc": {
+    "target": "es2017",
+    "parser": {
+      "syntax": "typescript",
+      "decorators": true,
+      "dynamicImport": true
+    },
+    "transform": {
+      "decoratorMetadata": true,
+      "legacyDecorator": true
+    },
+    "keepClassNames": true,
+    "externalHelpers": true,
+    "loose": true
+  },
+  "module": {
+    "type": "es6"
+  },
+  "sourceMaps": true,
+  "exclude": []
+}

package/dist/tsconfig.lib.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"5.9.3"}

package/eslint.config.mjs

@@ -0,0 +1,22 @@
+import baseConfig from '../../eslint.config.mjs';
+
+export default [
+  ...baseConfig,
+  {
+    files: ['**/*.json'],
+    rules: {
+      '@nx/dependency-checks': [
+        'error',
+        {
+          ignoredFiles: ['{projectRoot}/eslint.config.{js,cjs,mjs,ts,cts,mts}'],
+        },
+      ],
+    },
+    languageOptions: {
+      parser: await import('jsonc-eslint-parser'),
+    },
+  },
+  {
+    ignores: ['**/out-tsc'],
+  },
+];

package/jest.config.ts

@@ -0,0 +1,21 @@
+/* eslint-disable */
+import { readFileSync } from 'fs';
+
+// Reading the SWC compilation config for the spec files
+const swcJestConfig = JSON.parse(
+  readFileSync(`${__dirname}/.spec.swcrc`, 'utf-8')
+);
+
+// Disable .swcrc look-up by SWC core because we're passing in swcJestConfig ourselves
+swcJestConfig.swcrc = false;
+
+export default {
+  displayName: '@ask-ell/react',
+  preset: '../../jest.preset.js',
+  testEnvironment: 'node',
+  transform: {
+    '^.+\\.[tj]s$': ['@swc/jest', swcJestConfig],
+  },
+  moduleFileExtensions: ['ts', 'js', 'html'],
+  coverageDirectory: 'test-output/jest/coverage',
+};

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@ask-ell/react",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "private": false,
-  "type": "module",
+  "type": "commonjs",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",
   "dependencies": {
-    "@ask-ell/core": "^1.3.2",
-    "@ask-ell/sentry": "^0.0.4",
-    "@sentry/core": "^10.66.0",
-    "@sentry/react": "^10.66.0",
-    "react": "^19.2.0",
-    "tslib": "^2.8.1"
+    "@ask-ell/core": "*",
+    "@ask-ell/sentry": "*",
+    "@sentry/core": "*",
+    "@sentry/react": "*",
+    "react": "*",
+    "tslib": "*"
   }
 }

package/project.json

@@ -0,0 +1,29 @@
+{
+  "name": "react",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/react/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "build": {
+      "executor": "@nx/js:tsc",
+      "dependsOn": ["^build"],
+      "outputs": [
+        "{options.outputPath}"
+      ],
+      "options": {
+        "outputPath": "dist/packages/react",
+        "main": "packages/react/src/index.ts",
+        "tsConfig": "packages/react/tsconfig.lib.json",
+        "assets": [
+          "packages/react/*.md"
+        ]
+      }
+    },
+    "test": {
+      "options": {
+        "passWithNoTests": true
+      }
+    }
+  }
+}

package/src/environment.ts

@@ -0,0 +1,3 @@
+import { MaybeUndefined } from "@ask-ell/core";
+
+export const environment: MaybeUndefined<string> = (process.env as any).NODE_ENV;

package/src/forms.ts

@@ -0,0 +1,92 @@
+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

@@ -0,0 +1,4 @@
+export * from './forms'
+export * from './keyboard-events'
+export * from './select-events'
+export * from "./react.sentry.configuration"

package/src/keyboard-events.ts

@@ -0,0 +1,19 @@
+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/react.sentry.configuration.ts

@@ -0,0 +1,22 @@
+import { ConsoleLogger, ILogger, MaybeUndefined } from "@ask-ell/core";
+import { SentryConfiguration, SentryConfigurationProps } from "@ask-ell/sentry";
+import { BrowserOptions, init } from "@sentry/react";
+import { Client } from "@sentry/core";
+
+import { environment } from "./environment";
+
+
+type ReactSentryClientFactory = (options: BrowserOptions) => MaybeUndefined<Client>;
+
+type ReactSentryConfigurationProps = Omit<SentryConfigurationProps<ReactSentryClientFactory>, "environment" | "logger" | "init"> & { logger?: ILogger };
+
+export class ReactSentryConfiguration extends SentryConfiguration<ReactSentryClientFactory> {
+    constructor(props: ReactSentryConfigurationProps) {
+        super({
+            ...props,
+            init,
+            environment,
+            logger: props.logger ?? new ConsoleLogger(),
+        })
+    }
+}

package/src/select-events.ts

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

package/tsconfig.json

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

package/tsconfig.lib.json

@@ -0,0 +1,19 @@
+{
+  "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": [],
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts"
+  ]
+}

package/tsconfig.spec.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/jest",
+    "types": ["jest", "node"],
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": [
+    "jest.config.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.d.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ]
+}

package/src/environment.d.ts

@@ -1,3 +0,0 @@
-import { MaybeUndefined } from "@ask-ell/core";
-export declare const environment: MaybeUndefined<string>;
-//# sourceMappingURL=environment.d.ts.map

package/src/environment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"environment.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/environment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE/C,eAAO,MAAM,WAAW,EAAE,cAAc,CAAC,MAAM,CAAiC,CAAC"}

package/src/environment.js

@@ -1 +0,0 @@
-export const environment = process.env.NODE_ENV;

package/src/forms.d.ts

@@ -1,32 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,50 +0,0 @@
-import { useState } from "react";
-export var SubmitMode;
-(function (SubmitMode) {
-    SubmitMode[SubmitMode["ON_TRIGGER"] = 0] = "ON_TRIGGER";
-    SubmitMode[SubmitMode["AUTOMATIC"] = 1] = "AUTOMATIC";
-})(SubmitMode || (SubmitMode = {}));
-export function useFormController({ defaultValue, onSubmit, submitMode }) {
-    const [formData, setFormData] = useState(defaultValue);
-    const [errors, setErrors] = 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
-    };
-}
-export const preventDefault = (callback) => (event) => {
-    event.preventDefault();
-    callback();
-};

package/src/index.d.ts

@@ -1,5 +0,0 @@
-export * from './forms';
-export * from './keyboard-events';
-export * from './select-events';
-export * from "./react.sentry.configuration";
-//# sourceMappingURL=index.d.ts.map

package/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,8BAA8B,CAAA"}

package/src/index.js

@@ -1,4 +0,0 @@
-export * from './forms';
-export * from './keyboard-events';
-export * from './select-events';
-export * from "./react.sentry.configuration";

package/src/keyboard-events.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-export const handleEnterKeyDown = (callback) => (event) => {
-    if (event.key === 'Enter') {
-        callback();
-    }
-};
-export const handleKeyboardEvent = (callback) => (event) => {
-    callback(event.target.value);
-};
-export const handleChangeEvent = (callback) => (event) => {
-    callback(event.target.value);
-};

package/src/react.sentry.configuration.d.ts

@@ -1,13 +0,0 @@
-import { ILogger, MaybeUndefined } from "@ask-ell/core";
-import { SentryConfiguration, SentryConfigurationProps } from "@ask-ell/sentry";
-import { BrowserOptions } from "@sentry/react";
-import { Client } from "@sentry/core";
-type ReactSentryClientFactory = (options: BrowserOptions) => MaybeUndefined<Client>;
-type ReactSentryConfigurationProps = Omit<SentryConfigurationProps<ReactSentryClientFactory>, "environment" | "logger" | "init"> & {
-    logger?: ILogger;
-};
-export declare class ReactSentryConfiguration extends SentryConfiguration<ReactSentryClientFactory> {
-    constructor(props: ReactSentryConfigurationProps);
-}
-export {};
-//# sourceMappingURL=react.sentry.configuration.d.ts.map

package/src/react.sentry.configuration.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"react.sentry.configuration.d.ts","sourceRoot":"","sources":["../../../../packages/react/src/react.sentry.configuration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAChF,OAAO,EAAE,cAAc,EAAQ,MAAM,eAAe,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAKtC,KAAK,wBAAwB,GAAG,CAAC,OAAO,EAAE,cAAc,KAAK,cAAc,CAAC,MAAM,CAAC,CAAC;AAEpF,KAAK,6BAA6B,GAAG,IAAI,CAAC,wBAAwB,CAAC,wBAAwB,CAAC,EAAE,aAAa,GAAG,QAAQ,GAAG,MAAM,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAExJ,qBAAa,wBAAyB,SAAQ,mBAAmB,CAAC,wBAAwB,CAAC;gBAC3E,KAAK,EAAE,6BAA6B;CAQnD"}

package/src/react.sentry.configuration.js

@@ -1,14 +0,0 @@
-import { ConsoleLogger } from "@ask-ell/core";
-import { SentryConfiguration } from "@ask-ell/sentry";
-import { init } from "@sentry/react";
-import { environment } from "./environment";
-export class ReactSentryConfiguration extends SentryConfiguration {
-    constructor(props) {
-        super({
-            ...props,
-            init,
-            environment,
-            logger: props.logger ?? new ConsoleLogger(),
-        });
-    }
-}

package/src/select-events.d.ts

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-export const handleSelectChange = (callback) => (event) => {
-    callback(event.target.value);
-};