@tap-payments/os-micro-frontend-shared 0.1.193 → 0.1.194

package/build/components/InputBase/InputBase/InputBase.d.ts

@@ -5,5 +5,5 @@ export interface InputBaseProps extends Omit<InputProps, 'onChange'> {
     onChange?: (value: string) => void;
     hasError: boolean;
 }
-declare const _default: React.ForwardRefExoticComponent<Omit<Readonly<InputBaseProps>, "ref"> & React.RefAttributes<HTMLInputElement>>;
-export default _default;
+declare const InputBase: React.ForwardRefExoticComponent<Omit<InputBaseProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default InputBase;

package/build/components/InputBase/InputBase/InputBase.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import Box from '@mui/material/Box';
 import { StyledInput, StyledWrapper, StyledErrorMessage } from './style';
-function InputBase(_a, ref) {
+const InputBase = React.forwardRef((_a, ref) => {
     var _b;
     var { name, onChange, hasError, helperText, hideArrows } = _a, props = __rest(_a, ["name", "onChange", "hasError", "helperText", "hideArrows"]);
     const handleChange = (e) => {
@@ -23,6 +23,6 @@ function InputBase(_a, ref) {
     return (_jsxs(Box, { children: [_jsx(StyledWrapper, Object.assign({ "data-testid": "InputBase" }, { children: _jsx(StyledInput, Object.assign({ rows: 1, error: hasError, fullWidth: true, size: "small", variant: "standard", ref: ref, name: name, type: (_b = props.type) !== null && _b !== void 0 ? _b : 'text', label: props.placeholder || props.label, onChange: handleChange, InputProps: {
                         disableUnderline: true,
                     }, hideArrows: hideArrows }, props)) })), _jsx(StyledErrorMessage, { children: helperText })] }));
-}
+});
 InputBase.displayName = 'InputBase';
-export default React.forwardRef(InputBase);
+export default InputBase;

package/build/components/RFH/Inputs/FormInput/FormInput.d.ts

@@ -4,9 +4,5 @@ export interface FormInputProps extends Omit<InputBaseProps, 'name' | 'hasError'
     name: string;
     hideArrows?: boolean;
 }
-declare function FormInput({ name, helperText, hideArrows, ...props }: FormInputProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FormInput {
-    var displayName: string;
-}
-declare const _default: React.MemoExoticComponent<typeof FormInput>;
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<FormInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>>;
 export default _default;

package/build/components/RFH/Inputs/FormInput/FormInput.js

@@ -13,16 +13,20 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import { useFormContext, Controller } from 'react-hook-form';
 import { InputBase } from '../../../InputBase';
-function FormInput(_a) {
+const FormInput = React.forwardRef((_a, ref) => {
     var { name, helperText, hideArrows } = _a, props = __rest(_a, ["name", "helperText", "hideArrows"]);
     const { control } = useFormContext();
     return (_jsx(Controller, { name: name, control: control, defaultValue: props.defaultValue, render: ({ field, fieldState }) => {
             var _a;
-            return (_jsx(InputBase, Object.assign({}, props, field, { hasError: !!fieldState.error, helperText: helperText !== null && helperText !== void 0 ? helperText : (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message, hideArrows: hideArrows, onWheel: (e) => {
+            return (_jsx(InputBase, Object.assign({}, props, field, { ref: ref, hasError: !!fieldState.error, helperText: helperText !== null && helperText !== void 0 ? helperText : (_a = fieldState.error) === null || _a === void 0 ? void 0 : _a.message, hideArrows: hideArrows, onChange: (value) => {
+                    var _a;
+                    field.onChange(value); // update react-hook-form
+                    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value); // optional external handler
+                }, onWheel: (e) => {
                     // eslint-disable-next-line
                     e.target instanceof HTMLElement && e.target.blur();
                 } })));
         } }));
-}
+});
 FormInput.displayName = 'RFHFormInput';
 export default React.memo(FormInput);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/os-micro-frontend-shared",
   "description": "Shared components and utilities for Tap Payments micro frontends",
-  "version": "0.1.193",
+  "version": "0.1.194",
   "testVersion": 2,
   "type": "module",
   "main": "build/index.js",