@ahrowe/ui 0.1.4 → 0.1.6

package/dist/types/package/services/formValidation/FormValidatorGroupWithForm.d.ts

@@ -6,6 +6,9 @@ import { default as React } from 'react';
  *
  * This is the class you should use everywhere — it is a drop-in replacement
  * for FormValidatorGroup with one extra property: `this.Form`.
+ *
+ * Also injects the default toast-based onSubmitError so both hook and class-component
+ * consumers surface errors out of the box; pass options.onSubmitError to override.
  */
 export default class FormValidatorGroupWithForm<TGroup extends FormGroup = FormGroup, TInitial = InferGroupValues<TGroup>> extends FormValidatorGroup<TGroup, TInitial> {
     Form: React.FC<React.FormHTMLAttributes<HTMLFormElement>>;

package/dist/types/package/services/formValidation/formValidatorGroup.d.ts

@@ -16,6 +16,7 @@ export interface FormValidatorGroupOptions<TGroup extends FormGroup = FormGroup,
     onSubmit?: (values: MergedValues<TInitial, TGroup>, group: FormValidatorGroup<TGroup, TInitial>) => Promise<void> | void;
     onValidate?: (group: FormValidatorGroup<TGroup, TInitial>) => ValidationError | null | void;
     errorParser?: ErrorParser;
+    onSubmitError?: (errors: ValidationError[]) => void;
 }
 interface ComponentLike {
     forceUpdate: () => void;
@@ -27,6 +28,7 @@ export default class FormValidatorGroup<TGroup extends FormGroup = FormGroup, TI
     onSubmitCallback: (values: MergedValues<TInitial, TGroup>, group: FormValidatorGroup<TGroup, TInitial>) => Promise<void> | void;
     onValidateCallback: (group: FormValidatorGroup<TGroup, TInitial>) => ValidationError | null | void;
     errorParser: ErrorParser;
+    onSubmitError: (errors: ValidationError[]) => void;
     submitCount: number;
     onDebounce: (values: MergedValues<TInitial, TGroup>) => void;
     onReset: (group: FormValidatorGroup<TGroup, TInitial>, valuesAfterCreation: FormValues, initialValues: TInitial) => void;
@@ -35,7 +37,7 @@ export default class FormValidatorGroup<TGroup extends FormGroup = FormGroup, TI
      * @param component          - Class component instance for forceUpdate (pass null when using hooks)
      * @param options            - initialValues, onSubmit, onValidate, errorParser
      */
-    constructor(formValidatorGroup: TGroup, component?: ComponentLike | null, { initialValues, onSubmit, onValidate, errorParser, }?: FormValidatorGroupOptions<TGroup, TInitial>);
+    constructor(formValidatorGroup: TGroup, component?: ComponentLike | null, { initialValues, onSubmit, onValidate, errorParser, onSubmitError, }?: FormValidatorGroupOptions<TGroup, TInitial>);
     get isSubmitting(): boolean;
     get wasTouched(): boolean;
     get isDirty(): boolean;
@@ -45,7 +47,11 @@ export default class FormValidatorGroup<TGroup extends FormGroup = FormGroup, TI
     set: (validatorName: keyof TGroup & string, value: unknown) => this;
     reset: (toOverride?: FormValues) => void;
     resetDirtyAndTouched: () => void;
-    /** Parses an API error and pushes field-level errors into the matching validators. */
+    /**
+     * Parses an API error and pushes field-level errors into the matching validators.
+     * When field errors are found and isInternal is set, surfaces the first field message.
+     * When the error shape isn't recognised (no field errors), always surfaces a generic message.
+     */
     parseError: (err: unknown, isInternal?: boolean) => void;
     registerOnUpdateListener: (callback: UpdateListener) => void;
     removeOnUpdateListener: (callback: UpdateListener) => void;

package/dist/types/package/services/formValidation/useFormValidatorGroup.d.ts

@@ -8,8 +8,11 @@ import { FormGroup, FormValidatorGroupOptions, InferGroupValues } from './formVa
  * onSubmit / onValidate are kept fresh via refs — they always reflect the latest
  * closure without needing to be listed in effect dependencies.
  *
+ * onSubmitError defaults to showing the message as an error toast (provided by FormValidatorGroupWithForm);
+ * pass options.onSubmitError to override.
+ *
  * @param groupDef - Map of field name → FormValidator instance
- * @param options  - initialValues, onSubmit, onValidate, errorParser
+ * @param options  - initialValues, onSubmit, onValidate, errorParser, onSubmitError
  *
  * @example
  * const form = useFormValidatorGroup(
@@ -20,4 +23,4 @@ import { FormGroup, FormValidatorGroupOptions, InferGroupValues } from './formVa
  *   },
  * );
  */
-export declare function useFormValidatorGroup<TGroup extends FormGroup = FormGroup, TInitial = InferGroupValues<TGroup>>(groupDef: TGroup, { initialValues, onSubmit, onValidate, errorParser }?: FormValidatorGroupOptions<TGroup, TInitial>): FormValidatorGroup<TGroup, TInitial>;
+export declare function useFormValidatorGroup<TGroup extends FormGroup = FormGroup, TInitial = InferGroupValues<TGroup>>(groupDef: TGroup, { initialValues, onSubmit, onValidate, errorParser, onSubmitError }?: FormValidatorGroupOptions<TGroup, TInitial>): FormValidatorGroup<TGroup, TInitial>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ahrowe/ui",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "publishConfig": {
     "access": "public"
   },
@@ -37,18 +37,22 @@
   },
   "style": "./dist/style.css",
   "bin": {
-    "ahrowe-ui-mcp": "./dist/mcp"
+    "ahrowe-ui-mcp": "./dist/mcp.js"
   },
   "files": [
     "dist",
     "docs"
   ],
+  "lint-staged": {
+    "*.{ts,tsx}": "vitest related --run"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "build:lib": "vite build --config vite.lib.config.ts",
     "build:mcp": "vite build --config vite.mcp.config.ts",
     "preview": "vite preview",
+    "gen-barrel": "tsx scripts/gen-barrel.ts",
     "gc": "bash src/scripts/generateComponent.sh $INIT_CWD process.argv",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
@@ -58,7 +62,8 @@
     "verify-package": "bash src/scripts/verify-package.sh",
     "test": "vitest run",
     "test:watch": "vitest",
-    "test:ui": "vitest --ui"
+    "test:ui": "vitest --ui",
+    "prepare": "husky"
   },
   "peerDependencies": {
     "@fortawesome/fontawesome-svg-core": ">=6.0.0",
@@ -99,8 +104,10 @@
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
+    "husky": "^9.1.7",
     "jiti": "^2.7.0",
     "jsdom": "^29.1.1",
+    "lint-staged": "^17.0.5",
     "postcss": "^8.5.15",
     "postcss-nested": "^7.0.2",
     "prettier": "^3.8.3",
@@ -108,6 +115,7 @@
     "react-dom": "^19.2.6",
     "react-element-to-jsx-string": "^17.0.1",
     "react-syntax-highlighter": "^16.1.1",
+    "tsx": "^4.22.3",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.60.0",
     "vite": "^8.0.14",

package/dist/types/package/common/icon/Icon.d.ts

@@ -1,10 +0,0 @@
-export default Icon;
-declare function Icon({ type, ...rest }: {
-    [x: string]: any;
-    type: any;
-}): import("react/jsx-runtime").JSX.Element | null;
-declare namespace Icon {
-    namespace propTypes {
-        let type: any;
-    }
-}

package/dist/types/package/common/icon/index.d.ts

@@ -1,2 +0,0 @@
-import { default as Icon } from './Icon';
-export default Icon;

package/dist/types/package/common/icon/svg/can.d.ts

@@ -1,2 +0,0 @@
-export default Can;
-declare function Can(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/types/package/common/inputDropdownModern/index.d.ts

@@ -1,2 +0,0 @@
-import { default as InputDropdownModern } from './inputDropdownModern.jsx';
-export default InputDropdownModern;

package/dist/types/package/common/inputDropdownModern/inputDropdownModern.d.ts

@@ -1,35 +0,0 @@
-import { ValidatableComponent } from '../../services/formValidation';
-export default InputDropdownModern;
-declare class InputDropdownModern extends ValidatableComponent<import('../../services/formValidation/validatableComponent').ValidatableComponentProps, import('../../services/formValidation/validatableComponent').ValidatableComponentState> {
-    static propTypes: {
-        label: any;
-        value: any;
-        formValidator: any;
-        items: any;
-        className: any;
-        onSelect: any;
-        placeholder: any;
-    };
-    static defaultProps: {
-        label: string;
-        value: string;
-        formValidator: null;
-        items: never[];
-        className: string;
-        onSelect: () => null;
-        placeholder: string;
-    };
-    constructor(props: any);
-    state: {
-        isMenuShown: boolean;
-        highlightedIndex: null;
-        currItems: any;
-        lastVal: string;
-    };
-    getItemsForValue: (value: any) => any;
-    getValueFromProps: (props: any) => any;
-    componentDidUpdate(prevProps: any, prevState: any): void;
-    hideMenuTimeout: any;
-    onKeyDown: (event: any) => void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}

package/dist/types/package/common/roleManager/index.d.ts

@@ -1,2 +0,0 @@
-import { default as RoleManager } from './roleManager.container.js';
-export default RoleManager;

package/dist/types/package/common/roleManager/roleManager.container.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/dist/types/package/common/roleManager/roleManager.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-export default RoleManager;
-declare class RoleManager extends React.Component<any, any, any> {
-    static propTypes: {
-        children: any;
-        anyRequiredRoles: any;
-        allRequiredRoles: any;
-        invalidRoleContent: any;
-        user: any;
-        household: any;
-    };
-    static defaultProps: {
-        children: null;
-        anyRequiredRoles: never[];
-        allRequiredRoles: never[];
-        invalidRoleContent: null;
-    };
-    constructor(props: any);
-    state: {};
-    checkIsRoleSufficient: () => any;
-    render(): import("react/jsx-runtime").JSX.Element;
-}