@autobusal/common 1.8.3 → 1.9.0

package/Button/Button.tsx

@@ -11,9 +11,15 @@ interface Props {
   noMargin?: boolean
   maxWidth?: number
   onClick?: any
+  // Edited: Ferjolt Ozuni - Date: 2026-07-31
+  // A native <button name value> pair - lets a form with more than one
+  // submit-type action (e.g. Viewer's 'save' vs 'test') tell them apart via
+  // the submit event's `submitter`, without any extra state.
+  name?: string
+  value?: string
 }
 
-const Button = ({ type, size, loading, active, subtype, text, noMargin, maxWidth, onClick }: Props) => (
+const Button = ({ type, size, loading, active, subtype, text, noMargin, maxWidth, onClick, name, value }: Props) => (
   <ButtonStyled
     $size={ size }
     type={ loading ? 'button' : type }
@@ -22,6 +28,8 @@ const Button = ({ type, size, loading, active, subtype, text, noMargin, maxWidth
     $margin={ noMargin ? false : true }
     $maxWidth={ maxWidth }
     onClick={ onClick }
+    name={ name }
+    value={ value }
   >
     { loading ? <RiLoader2Fill /> : text }
   </ButtonStyled>

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to `@autobusal/common` are documented here. This project follows
 [Keep a Changelog](https://keepachangelog.com/) and [Semantic Versioning](https://semver.org/).
 
+## [1.9.0] - 2026-07-31
+
+### Added
+
+- **`Viewer`/`Actions`/`Button` support a second submit-type action** via an
+  optional `onTest` prop on `Viewer` and a new `'test'` entry in its
+  `actions` array. A form with two submit buttons can't otherwise tell
+  which one triggered submission - `Button` now forwards a native
+  `name`/`value` pair, and `Viewer`'s `onSubmit` reads the submit event's
+  `submitter` to route to `onTest` instead of `onSave` when the 'test'
+  button was clicked, while keeping the exact same current form values.
+  First consumer: `@autobusal/admin-label` 1.10.0's "Test" button on the
+  SMTP settings tab.
+
 ## [1.8.3] - 2026-07-31
 
 ### Fixed

package/Viewer/Actions.tsx

@@ -1,6 +1,6 @@
 import { TFunction } from 'i18next';
 import { BiEditAlt, BiTrash, BiSend } from 'react-icons/bi';
-import { RiSave2Line, RiCheckFill, RiSearchLine } from 'react-icons/ri';
+import { RiSave2Line, RiCheckFill, RiSearchLine, RiMailSendLine } from 'react-icons/ri';
 import { BsPlusCircleFill } from 'react-icons/bs';
 import Button from '../Button/Button';
 import { ContainerActions } from './styles';
@@ -41,6 +41,21 @@ const Actions = ({ id, available, pending, t, onDelete }: Props): JSX.Element =>
     });
   }
 
+  // Edited: Ferjolt Ozuni - Date: 2026-07-31
+  // A second submit-type action alongside 'save' (e.g. "Test SMTP") - the
+  // name/value pair lets Viewer's onSubmit tell which button was actually
+  // clicked via the submit event's `submitter`, since a form with two
+  // submit buttons can't otherwise distinguish them.
+  if (available.includes('test')) {
+    options.push({
+      label: t('table.actions.test', { ns: 'common' }),
+      icon: <RiMailSendLine />,
+      type: 'submit',
+      name: 'intent',
+      value: 'test'
+    });
+  }
+
   if (available.includes('send')) {
     options.push({
       label: t('table.actions.send', { ns: 'common' }),
@@ -93,6 +108,8 @@ const Actions = ({ id, available, pending, t, onDelete }: Props): JSX.Element =>
       loading={ pending }
       noMargin
       onClick={ item.handler }
+      name={ item.name }
+      value={ item.value }
     />
   ));
 

package/Viewer/Viewer.tsx

@@ -16,11 +16,16 @@ interface Props {
   t: TFunction<'common'>
   onSave?: (data: any) => void
   onDelete?: (data?: any) => void
+  // Edited: Ferjolt Ozuni - Date: 2026-07-31
+  // Optional second submit-type action (actions={['save', 'test']}) - e.g.
+  // the SMTP tab's "Test" button, which needs the same current form values
+  // as save but must call a different handler instead of persisting.
+  onTest?: (data: any) => void
 }
 
-const Viewer = ({ id, type, data, fetching, pending, actions, t, onSave, onDelete }: Props): JSX.Element => {
+const Viewer = ({ id, type, data, fetching, pending, actions, t, onSave, onDelete, onTest }: Props): JSX.Element => {
   const { register, handleSubmit, formState: { errors }, setValue } = useForm<any>();
-  
+
   if (fetching) {
     return <Loading t={ t } />;
   }
@@ -37,7 +42,18 @@ const Viewer = ({ id, type, data, fetching, pending, actions, t, onSave, onDelet
     />
   ));
 
-  const onSubmit = (data: any): void => {
+  const onSubmit = (data: any, event?: React.BaseSyntheticEvent): void => {
+    // A form with two submit buttons can't tell which one triggered
+    // submission except via the native SubmitEvent's `submitter` - the
+    // 'test' button is the only one with a name/value pair (see Actions.tsx).
+    const submitter = (event?.nativeEvent as SubmitEvent | undefined)?.submitter as (HTMLButtonElement | undefined);
+
+    if (submitter?.value === 'test' && onTest !== undefined) {
+      onTest(data);
+
+      return;
+    }
+
     if (onSave !== undefined) {
       onSave(data);
     }

package/Viewer/types.ts

@@ -19,4 +19,6 @@ export interface ActionData {
   type?: 'submit'
   subtype?: 'delete'
   handler?: () => void
+  name?: string
+  value?: string
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/common",
-  "version": "1.8.3",
+  "version": "1.9.0",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"