@tap-payments/os-micro-frontend-shared 0.1.193-test.3 → 0.1.194-test.3-test.4

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/LanguageDropdown/LanguageDropdown.js

@@ -20,5 +20,5 @@ export default function LanguageDropdown({ defaultLanguage = 'EN', onChange }) {
         onChange === null || onChange === void 0 ? void 0 : onChange(lang);
         onCLose();
     };
-    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onCLose }, { children: _jsxs(Box, { children: [_jsx(Button, Object.assign({ onClick: onOpen, open: open }, { children: _jsx(Box, Object.assign({ component: "span" }, { children: language })) })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, sx: { marginTop: '8px', marginBottom: '8px', width: 31.8 } }, { children: languages.map((lang) => lang !== language && (_jsx(MenuItem, Object.assign({ onClick: () => onClick(lang) }, { children: lang }), lang))) }))] }) })));
+    return (_jsx(ClickAwayListener, Object.assign({ onClickAway: onCLose }, { children: _jsxs(Box, { children: [_jsx(Button, Object.assign({ onClick: onOpen, open: open }, { children: _jsx(Box, Object.assign({ component: "span" }, { children: language })) })), _jsx(Menu, Object.assign({ open: open, anchorEl: anchorEl, sx: { marginTop: '8px', marginBottom: '8px', width: 31.8 } }, { children: languages.map((lang) => lang !== language && (_jsx(MenuItem, Object.assign({ onClick: () => onClick(lang), hideCheckbox: true }, { children: lang }), lang))) }))] }) })));
 }

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/build/constants/table/cell/merchantsTableCellWidth.d.ts

@@ -34,6 +34,11 @@ export declare const merchantsTableCellWidth: {
         readonly text: "180px";
         readonly sheet: "140px";
     };
+    readonly tax_number: {
+        readonly default: "180px";
+        readonly text: "180px";
+        readonly sheet: "140px";
+    };
     readonly wallet_id: {
         readonly default: "180px";
         readonly text: "180px";

package/build/constants/table/cell/merchantsTableCellWidth.js

@@ -34,6 +34,11 @@ export const merchantsTableCellWidth = {
         text: '180px',
         sheet: '140px',
     },
+    tax_number: {
+        default: '180px',
+        text: '180px',
+        sheet: '140px',
+    },
     wallet_id: {
         default: '180px',
         text: '180px',

package/package.json

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