mautourco-components 0.2.33 → 0.2.35

package/src/components/organisms/DialogSendingMail/DialogSendingMailContent.tsx

@@ -97,6 +97,7 @@ export const DialogSendingMailContent: React.FC<DialogSendingMailContentProps> =
           </Button>
         </div>
         <Toast
+          showIcon={false}
           type="warning"
           className="mt-8"
           text="Disclaimer: Email formatting may appear distorted in certain older email clients (e.g Outlook Classic ). Content will remain intact, but the visual layout may differ from the original"

package/src/components/organisms/DialogSendingMail/DialogSendingMailMultiple/DialogSendingMailMultiple.tsx

@@ -1,6 +1,6 @@
 import Checkbox from '@/src/components/atoms/Checkbox/Checkbox';
 import SelectedValue from '@/src/components/atoms/SelectedValue/SelectedValue';
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import {
   DialogSendingMailContent,
   DialogSendingMailContentProps,
@@ -15,20 +15,52 @@ export interface SelectedQuote {
 
 export interface DialogSendingMailMultipleProps extends Omit<
   DialogSendingMailContentProps,
-  'onSubmit'
+  'onSubmit' | 'onPreviewAttachment'
 > {
+  /** Default data of the quotes */
   data: SelectedQuote[];
+
+  /** Function to call when a quote is selected */
   onSelected?: (selectedQuotes: SelectedQuote[]) => void;
+
+  /** Function to call when the form is submitted */
   onSubmit: (payload: {
     selectedQuotes: SelectedQuote[];
     formData: SendingMailSchema;
   }) => void;
+
+  /** Function to call when the preview attachment is clicked */
+  onPreviewAttachment?: (selectedQuotes: SelectedQuote[]) => void;
 }
 
+/**
+ * Props for the DialogSendingMailMultiple component
+ *
+ * @example
+ * <DialogSendingMail>
+ *  <DialogSendingMail.MultipleQuotes
+ *  data={[
+ *    { id: '1', name: 'Quote 1' },
+ *    { id: '2', name: 'Quote 2' },
+ *    { id: '3', name: 'Quote 3' },
+ *  ]}
+ *  onPreviewAttachment={() => {
+ *    console.log('Preview attachment');
+ *  }}
+ *  onSubmit={(data) => {
+ *    console.log(data);
+ *  }}
+ *  onSelected={(selectedQuotes) => {
+ *    console.log(selectedQuotes);
+ *  }} />
+ * </DialogSendingMail>
+ *
+ * @param props - The props of the component
+ */
 export const DialogSendingMailMultiple: React.FC<DialogSendingMailMultipleProps> = (
   props
 ) => {
-  const { data, onSelected, onSubmit, ...rest } = props;
+  const { data, onSelected, onSubmit, onPreviewAttachment, ...rest } = props;
 
   const [isSelectAll, setIsSelectAll] = useState(false);
   const [remainingQuotes, setRemainingQuotes] = useState<SelectedQuote[]>(data);
@@ -61,7 +93,10 @@ export const DialogSendingMailMultiple: React.FC<DialogSendingMailMultipleProps>
     if (remainingQuotes.length > 1) {
       setSelectedQuotes((prev) => {
         if (prev.includes(id)) {
-          return prev.filter((quoteId) => quoteId !== id);
+          if (prev.length > 1) {
+            return prev.filter((quoteId) => quoteId !== id);
+          }
+          return prev;
         }
         return [...prev, id];
       });
@@ -85,6 +120,14 @@ export const DialogSendingMailMultiple: React.FC<DialogSendingMailMultipleProps>
     }
   };
 
+  /**
+   * Get the remaining quotes filtered by the selected quotes
+   */
+  const remainingQuotesFiltered = useMemo(
+    () => remainingQuotes.filter((quote) => selectedQuotes.includes(quote.id)),
+    [remainingQuotes, selectedQuotes]
+  );
+
   useEffect(() => {
     // Select all quotes by default
     setSelectedQuotes(data.map((quote) => quote.id));
@@ -126,11 +169,10 @@ export const DialogSendingMailMultiple: React.FC<DialogSendingMailMultipleProps>
       </div>
       <DialogSendingMailContent
         {...rest}
+        onPreviewAttachment={() => onPreviewAttachment?.(remainingQuotesFiltered)}
         onSubmit={(data) =>
           onSubmit({
-            selectedQuotes: remainingQuotes.filter((quote) =>
-              selectedQuotes.includes(quote.id)
-            ),
+            selectedQuotes: remainingQuotesFiltered,
             formData: data,
           })
         }

package/src/components/organisms/DialogSendingMail/index.ts

@@ -3,3 +3,4 @@ export * from './sending-mail-schema';
 
 export type { DialogSendingMailProps } from './DialogSendingMail';
 export type { DialogSendingMailContentProps } from './DialogSendingMailContent';
+export type { DialogSendingMailMultipleProps } from './DialogSendingMailMultiple/DialogSendingMailMultiple';

package/src/components/organisms/QuoteHeader/QuoteHeader.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Button from '../../atoms/Button/Button';
 import DropdownInput from '../../atoms/Inputs/DropdownInput/DropdownInput';
 import Input from '../../atoms/Inputs/Input/Input';
@@ -38,7 +37,7 @@ const filterConfig = {
   },
 };
 
-export const QuoteHeader: React.FC<QuoteHeaderProps> = (props) => {
+export const QuoteHeader = (props: QuoteHeaderProps) => {
   const { current = 'quotation', onNavigate, onNewQuote, onFilterChange } = props;
 
   return (
@@ -91,3 +90,5 @@ export const QuoteHeader: React.FC<QuoteHeaderProps> = (props) => {
     </div>
   );
 };
+
+QuoteHeader.displayName = 'QuoteHeader';