mautourco-components 0.2.36 → 0.2.38

package/src/components/organisms/DialogCancelService/FromList.tsx

@@ -13,9 +13,9 @@ export interface FromListProps<T extends TableRowData<T> = DetailResumeItem> {
   onSaveAndUpdate?: () => void;
 }
 
-export const FromList = <T extends TableRowData<T> = DetailResumeItem>(
+export function FromList<T extends TableRowData<T> = DetailResumeItem>(
   props: FromListProps<T>
-) => {
+) {
   const { data, columns, totalRows, onRemove, onCancel, onSaveAndUpdate } = props;
 
   // When using default columns, we need to ensure T is compatible with DetailResumeItem
@@ -47,4 +47,4 @@ export const FromList = <T extends TableRowData<T> = DetailResumeItem>(
       </div>
     </div>
   );
-};
+}

package/src/components/organisms/DialogComparison/DialogComparison.tsx

@@ -62,7 +62,7 @@ export const isComparisonOtherService = (
   return data.Type === ServiceType.OTHER_SERVICE;
 };
 
-export const DialogComparison = (props: DialogComparisonProps) => {
+export function DialogComparison(props: DialogComparisonProps) {
   const { open, data, columns, setOpen, onBookNow } = props;
   const [selectedValues, setSelectedValues] = useState<string[]>([]);
   const [filteredData, setFilteredData] = useState<MultiComparisonData[]>(data);
@@ -154,4 +154,4 @@ export const DialogComparison = (props: DialogComparisonProps) => {
       </div>
     </DialogBookingConfirm>
   );
-};
+}

package/src/components/organisms/DialogDeleteConfirm/DialogDeleteConfirm.tsx

@@ -20,7 +20,7 @@ const DialogDeleteConfirmText = (props: { children: React.ReactNode }) => {
   );
 };
 
-export const DialogDeleteConfirm = (props: DialogDeleteConfirmProps) => {
+export function DialogDeleteConfirm(props: DialogDeleteConfirmProps) {
   const { open, title, children, setOpen } = props;
   return (
     <DialogBookingConfirm
@@ -32,7 +32,7 @@ export const DialogDeleteConfirm = (props: DialogDeleteConfirmProps) => {
       {children}
     </DialogBookingConfirm>
   );
-};
+}
 
 DialogDeleteConfirm.Text = DialogDeleteConfirmText;
 DialogDeleteConfirm.Wrapper = DialogDeleteConfirmWrapper;

package/src/components/organisms/DialogDeleteConfirm/DialogDeleteConfirmMultiple/DialogDeleteConfirmMultiple.tsx

@@ -1,5 +1,5 @@
 import Toast from '@/src/components/molecules/Toast';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import Checkbox from '../../../atoms/Checkbox/Checkbox';
 import { DialogDeleteConfirm } from '../DialogDeleteConfirm';
 import './DialogDeleteConfirmMultiple.css';
@@ -15,9 +15,7 @@ export interface DialogDeleteConfirmMultipleProps {
   quotes: AvailableQuote[];
 }
 
-export const DialogDeleteConfirmMultiple: React.FC<DialogDeleteConfirmMultipleProps> = (
-  props
-) => {
+export function DialogDeleteConfirmMultiple(props: DialogDeleteConfirmMultipleProps) {
   const { quotes, onCancel, onDelete } = props;
 
   const [selectedQuotes, setSelectedQuotes] = useState<string[]>([]);
@@ -81,4 +79,4 @@ export const DialogDeleteConfirmMultiple: React.FC<DialogDeleteConfirmMultiplePr
       </div>
     </DialogDeleteConfirm.Wrapper>
   );
-};
+}

package/src/components/organisms/DialogDeleteConfirm/DialogDeleteConfirmWrapper.tsx

@@ -9,7 +9,7 @@ export interface DialogDeleteConfirmWrapperProps {
   children: React.ReactNode;
 }
 
-export const DialogDeleteConfirmWrapper = (props: DialogDeleteConfirmWrapperProps) => {
+export function DialogDeleteConfirmWrapper(props: DialogDeleteConfirmWrapperProps) {
   const {
     onCancel,
     cancelText = 'Cancel',
@@ -31,4 +31,4 @@ export const DialogDeleteConfirmWrapper = (props: DialogDeleteConfirmWrapperProp
       </div>
     </div>
   );
-};
+}

package/src/components/organisms/DialogQuoteRename/DialogQuoteRename.tsx

@@ -11,7 +11,7 @@ export interface DialogQuoteRenameProps {
   onSubmit: (quoteName: string) => void;
 }
 
-export const DialogQuoteRename = (props: DialogQuoteRenameProps) => {
+export function DialogQuoteRename(props: DialogQuoteRenameProps) {
   const { open, setOpen, quoteName, onSubmit } = props;
   const [value, setValue] = useState(quoteName);
 
@@ -45,4 +45,4 @@ export const DialogQuoteRename = (props: DialogQuoteRenameProps) => {
       </div>
     </DialogBookingConfirm>
   );
-};
+}

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

@@ -10,7 +10,7 @@ export interface DialogSendingMailProps {
   type?: 'booking' | 'quotation';
 }
 
-export const DialogSendingMail = (props: DialogSendingMailProps) => {
+export function DialogSendingMail(props: DialogSendingMailProps) {
   const { open, setOpen, children, type = 'booking' } = props;
 
   return (
@@ -23,7 +23,7 @@ export const DialogSendingMail = (props: DialogSendingMailProps) => {
       {children}
     </DialogBookingConfirm>
   );
-};
+}
 
 DialogSendingMail.SingleQuote = DialogSendingMailContent;
 DialogSendingMail.MultipleQuotes = DialogSendingMailMultiple;

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

@@ -1,5 +1,5 @@
 import { zodResolver } from '@hookform/resolvers/zod';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import Button from '../../atoms/Button/Button';
 import Input from '../../atoms/Inputs/Input/Input';
@@ -21,9 +21,7 @@ export interface DialogSendingMailContentProps {
   onCancel?: () => void;
 }
 
-export const DialogSendingMailContent: React.FC<DialogSendingMailContentProps> = (
-  props
-) => {
+export function DialogSendingMailContent(props: DialogSendingMailContentProps) {
   const { userInfo, subject, type, onSubmit, onPreviewAttachment, onCancel } = props;
 
   const messageText = () => {
@@ -113,4 +111,4 @@ export const DialogSendingMailContent: React.FC<DialogSendingMailContentProps> =
       </form>
     </Form>
   );
-};
+}

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, useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import {
   DialogSendingMailContent,
   DialogSendingMailContentProps,
@@ -57,9 +57,7 @@ export interface DialogSendingMailMultipleProps extends Omit<
  *
  * @param props - The props of the component
  */
-export const DialogSendingMailMultiple: React.FC<DialogSendingMailMultipleProps> = (
-  props
-) => {
+export function DialogSendingMailMultiple(props: DialogSendingMailMultipleProps) {
   const { data, onSelected, onSubmit, onPreviewAttachment, ...rest } = props;
 
   const [isSelectAll, setIsSelectAll] = useState(false);
@@ -179,4 +177,4 @@ export const DialogSendingMailMultiple: React.FC<DialogSendingMailMultipleProps>
       />
     </div>
   );
-};
+}

package/src/components/organisms/QuoteHeader/QuoteHeader.css

@@ -1,37 +1,36 @@
 .quote-header {
   @apply w-full;
-}
-
-.quote-header__button {
-  width: 206px;
-}
+  .quote-header__button {
+    width: 206px;
+  }
 
-.quote-header__title {
-  @apply px-2 relative mb-10;
-  &::before {
-    content: '';
-    @apply absolute top-1/2 left-0 -translate-y-1/2;
-    @apply w-1 h-8;
-    background-color: var(--color-elevation-brand-subtle);
+  .quote-header__title {
+    @apply px-2 relative mb-10;
+    &::before {
+      content: '';
+      @apply absolute top-1/2 left-0 -translate-y-1/2;
+      @apply w-1 h-8;
+      background-color: var(--color-elevation-brand-subtle);
+    }
   }
-}
 
-.quote-header__search-container {
-  @apply mt-12;
-  @apply flex justify-between;
-  > button {
-    @apply gap-x-2.5;
-    min-width: 129px;
+  .quote-header__search-container {
+    @apply mt-12;
+    @apply flex justify-between;
+    > button {
+      @apply gap-x-2.5;
+      min-width: 129px;
+    }
   }
-}
 
-.quote-header__search {
-  width: 364px;
-}
+  .quote-header__search {
+    width: 364px;
+  }
 
-.quote-header__filters {
-  @apply flex gap-3 my-8;
-  .dropdown-container {
-    width: 139px;
+  .quote-header__filters {
+    @apply flex gap-3 my-8;
+    .dropdown-container {
+      width: 139px;
+    }
   }
 }

package/src/components/organisms/TabServiceDetails/Accommodation.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DetailsContentAccom, DetailsContentAccomProps } from './DetailsContentAccom';
 import TabServiceDetails from './TabServiceDetails';
 
@@ -26,7 +25,7 @@ export interface AccommodationProps extends DetailsContentAccomProps {
  * @param props - Props of the Accommodation component
  * @returns The Accommodation component
  */
-export const Accommodation: React.FC<AccommodationProps> = (props) => {
+export function Accommodation(props: AccommodationProps) {
   const { images, isOnRequest, ...rest } = props;
   return (
     <TabServiceDetails.Layout
@@ -42,4 +41,4 @@ export const Accommodation: React.FC<AccommodationProps> = (props) => {
       <DetailsContentAccom {...rest} />
     </TabServiceDetails.Layout>
   );
-};
+}

package/src/components/organisms/TabServiceDetails/DetailContentTransfer.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import Chip from '../../atoms/Chip/Chip';
 
 export interface DetailContentTransferProps {
@@ -9,7 +8,7 @@ export interface DetailContentTransferProps {
   luggageTruck?: number;
 }
 
-export const DetailContentTransfer: React.FC<DetailContentTransferProps> = (props) => {
+export function DetailContentTransfer(props: DetailContentTransferProps) {
   const { pax, clientType, carName, airConditioning, luggageTruck } = props;
   return (
     <div className="flex gap-4">
@@ -42,4 +41,4 @@ export const DetailContentTransfer: React.FC<DetailContentTransferProps> = (prop
       )}
     </div>
   );
-};
+}

package/src/components/organisms/TabServiceDetails/DetailsContentAccom.tsx

@@ -44,9 +44,9 @@ export interface DetailsContentAccomProps {
  * @param props - Props of the DetailsContentAccomBody component
  * @returns The DetailsContentAccomBody component
  */
-const DetailsContentAccomBody = (
+function DetailsContentAccomBody(
   props: Omit<DetailsContentAccomProps, 'roomTitle' | 'roomDescription'>
-) => {
+) {
   const { roomsInfo, globalAmenities } = props;
   return (
     <div className="space-y-4">
@@ -85,7 +85,7 @@ const DetailsContentAccomBody = (
       </div>
     </div>
   );
-};
+}
 
 /**
  * Details content for the Accommodation component.

package/src/components/organisms/TabServiceDetails/Excursion.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   DetailsContentExcursion,
   DetailsContentExcursionProps,
@@ -10,11 +9,11 @@ export interface ExcursionProps extends DetailsContentExcursionProps {
   images: string[];
 }
 
-export const Excursion: React.FC<ExcursionProps> = (props) => {
+export function Excursion(props: ExcursionProps) {
   const { images, ...rest } = props;
   return (
     <TabServiceDetails.Layout title="Excursion" icon="map" images={images}>
       <DetailsContentExcursion {...rest} />
     </TabServiceDetails.Layout>
   );
-};
+}

package/src/components/organisms/TabServiceDetails/Transfer.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import CancellationHeader from '../TabCancellationPolicy/CancellationHeader';
 import { TransferData } from '../TabCancellationPolicy/HeaderExcursion/HeaderTransfer';
 import TabCancellationPolicy from '../TabCancellationPolicy/TabCancellationPolicy';
@@ -16,7 +15,7 @@ export interface TransferProps {
   transferDetails: DetailContentTransferProps;
 }
 
-export const Transfer: React.FC<TransferProps> = (props) => {
+export function Transfer(props: TransferProps) {
   const { image, transferData, transferDetails } = props;
   return (
     <TabCancellationPolicy.Layout
@@ -31,4 +30,4 @@ export const Transfer: React.FC<TransferProps> = (props) => {
       <DetailContentTransfer {...transferDetails} />
     </TabCancellationPolicy.Layout>
   );
-};
+}

package/src/components/organisms/Table/Table.tsx

@@ -139,7 +139,7 @@ const NestedContent = <T extends TableRowData<T>>({
  * @returns React.ReactNode
  *
  */
-export const Table = <T extends TableRowData<T>>(props: TableProps<T>) => {
+export function Table<T extends TableRowData<T>>(props: TableProps<T>) {
   const {
     columns,
     data,
@@ -309,4 +309,4 @@ export const Table = <T extends TableRowData<T>>(props: TableProps<T>) => {
       </div>
     </LazyMotion>
   );
-};
+}