mautourco-components 0.2.36 → 0.2.38

package/dist/components/organisms/DialogCancelService/FromList.d.ts

@@ -9,4 +9,4 @@ export interface FromListProps<T extends TableRowData<T> = DetailResumeItem> {
     onCancel?: () => void;
     onSaveAndUpdate?: () => void;
 }
-export declare const FromList: <T extends TableRowData<T> = DetailResumeItem>(props: FromListProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare function FromList<T extends TableRowData<T> = DetailResumeItem>(props: FromListProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogCancelService/FromList.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Button from '../../atoms/Button/Button';
 import { Table } from '../Table';
 import { columns as defaultColumns } from '../Table/columns';
-export var FromList = function (props) {
+export function FromList(props) {
     var data = props.data, columns = props.columns, totalRows = props.totalRows, onRemove = props.onRemove, onCancel = props.onCancel, onSaveAndUpdate = props.onSaveAndUpdate;
     // When using default columns, we need to ensure T is compatible with DetailResumeItem
     var defaultColumnsResult = columns
@@ -15,4 +15,4 @@ export var FromList = function (props) {
                 : undefined,
         });
     return (_jsxs("div", { className: "pb-20", children: [_jsx(Table, { columns: defaultColumnsResult, data: data, totalRows: totalRows, isGrouped: true }), _jsxs("div", { className: "flex justify-end gap-x-4 [&>*]:w-[250px] absolute bottom-0 right-2 left-0 p-6 bg-white", children: [_jsx(Button, { variant: "outline-secondary", size: "sm", onClick: onCancel, children: "Cancel" }), _jsx(Button, { variant: "secondary", size: "sm", onClick: onSaveAndUpdate, children: "Save and update" })] })] }));
-};
+}

package/dist/components/organisms/DialogComparison/DialogComparison.d.ts

@@ -21,4 +21,4 @@ export declare const isComparisonAccommodation: (data: ComparisonData) => data i
 export declare const isComparisonTransfer: (data: ComparisonData) => data is ComparisonData & DetailResumeTransfer;
 export declare const isComparisonExcursion: (data: ComparisonData) => data is ComparisonData & DetailResumeExcursion;
 export declare const isComparisonOtherService: (data: ComparisonData) => data is ComparisonData & DetailResumeOtherService;
-export declare const DialogComparison: (props: DialogComparisonProps) => import("react/jsx-runtime").JSX.Element;
+export declare function DialogComparison(props: DialogComparisonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogComparison/DialogComparison.js

@@ -20,7 +20,7 @@ export var isComparisonExcursion = function (data) {
 export var isComparisonOtherService = function (data) {
     return data.Type === ServiceType.OTHER_SERVICE;
 };
-export var DialogComparison = function (props) {
+export function DialogComparison(props) {
     var open = props.open, data = props.data, columns = props.columns, setOpen = props.setOpen, onBookNow = props.onBookNow;
     var _a = useState([]), selectedValues = _a[0], setSelectedValues = _a[1];
     var _b = useState(data), filteredData = _b[0], setFilteredData = _b[1];
@@ -66,4 +66,4 @@ export var DialogComparison = function (props) {
                                 filteredData: filteredData,
                             });
                         }, children: "Book now" }) })] }) }));
-};
+}

package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirm.d.ts

@@ -1,15 +1,17 @@
 import React from 'react';
+import { DialogDeleteConfirmMultiple } from './DialogDeleteConfirmMultiple/DialogDeleteConfirmMultiple';
+import { DialogDeleteConfirmWrapper } from './DialogDeleteConfirmWrapper';
 export interface DialogDeleteConfirmProps {
     open: boolean;
     setOpen: (open: boolean) => void;
     title: string;
     children?: React.ReactNode;
 }
-export declare const DialogDeleteConfirm: {
-    (props: DialogDeleteConfirmProps): import("react/jsx-runtime").JSX.Element;
-    Text: (props: {
+export declare function DialogDeleteConfirm(props: DialogDeleteConfirmProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogDeleteConfirm {
+    var Text: (props: {
         children: React.ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
-    Wrapper: (props: import("./DialogDeleteConfirmWrapper").DialogDeleteConfirmWrapperProps) => import("react/jsx-runtime").JSX.Element;
-    Multiple: React.FC<import("./DialogDeleteConfirmMultiple/DialogDeleteConfirmMultiple").DialogDeleteConfirmMultipleProps>;
-};
+    var Wrapper: typeof DialogDeleteConfirmWrapper;
+    var Multiple: typeof DialogDeleteConfirmMultiple;
+}

package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirm.js

@@ -7,10 +7,10 @@ var DialogDeleteConfirmText = function (props) {
     var children = props.children;
     return (_jsx(Text, { variant: "medium", size: "sm", leading: "4", children: children }));
 };
-export var DialogDeleteConfirm = function (props) {
+export function DialogDeleteConfirm(props) {
     var open = props.open, title = props.title, children = props.children, setOpen = props.setOpen;
     return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, title: title, className: "!max-w-[500px]", closeOnOverlayClick: true, children: children }));
-};
+}
 DialogDeleteConfirm.Text = DialogDeleteConfirmText;
 DialogDeleteConfirm.Wrapper = DialogDeleteConfirmWrapper;
 DialogDeleteConfirm.Multiple = DialogDeleteConfirmMultiple;

package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirmMultiple/DialogDeleteConfirmMultiple.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import './DialogDeleteConfirmMultiple.css';
 export interface AvailableQuote {
     id: string;
@@ -9,4 +8,4 @@ export interface DialogDeleteConfirmMultipleProps {
     onDelete?: (selectedQuotes: string[]) => void;
     quotes: AvailableQuote[];
 }
-export declare const DialogDeleteConfirmMultiple: React.FC<DialogDeleteConfirmMultipleProps>;
+export declare function DialogDeleteConfirmMultiple(props: DialogDeleteConfirmMultipleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirmMultiple/DialogDeleteConfirmMultiple.js

@@ -13,7 +13,7 @@ import { useEffect, useState } from 'react';
 import Checkbox from '../../../atoms/Checkbox/Checkbox';
 import { DialogDeleteConfirm } from '../DialogDeleteConfirm';
 import './DialogDeleteConfirmMultiple.css';
-export var DialogDeleteConfirmMultiple = function (props) {
+export function DialogDeleteConfirmMultiple(props) {
     var quotes = props.quotes, onCancel = props.onCancel, onDelete = props.onDelete;
     var _a = useState([]), selectedQuotes = _a[0], setSelectedQuotes = _a[1];
     var _b = useState(false), isSelectAll = _b[0], setIsSelectAll = _b[1];
@@ -41,4 +41,4 @@ export var DialogDeleteConfirmMultiple = function (props) {
         setIsSelectAll(selectedQuotes.length === quotes.length);
     }, [selectedQuotes, quotes]);
     return (_jsx(DialogDeleteConfirm.Wrapper, { onCancel: onCancel, onOk: handleDeleteQuotes, children: _jsxs("div", { className: "confirm-multiple", children: [_jsx(Checkbox, { label: "Select all quotations", checked: isSelectAll, onChange: handleSelectAllQuotes, labelPosition: "leading", className: "confirm-multiple__all" }), _jsx("ul", { className: "mb-1", children: quotes.map(function (quote) { return (_jsx("li", { children: _jsx(Checkbox, { label: quote.name, checked: selectedQuotes.includes(quote.id), onChange: function () { return handleSelectQuote(quote); }, labelPosition: "leading" }) }, quote.id)); }) }), isSelectAll && (_jsx(Toast, { text: "Caution: This would delete all quotations created.", type: "warning", showIcon: false }))] }) }));
-};
+}

package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirmWrapper.d.ts

@@ -7,4 +7,4 @@ export interface DialogDeleteConfirmWrapperProps {
     okText?: string;
     children: React.ReactNode;
 }
-export declare const DialogDeleteConfirmWrapper: (props: DialogDeleteConfirmWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare function DialogDeleteConfirmWrapper(props: DialogDeleteConfirmWrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogDeleteConfirm/DialogDeleteConfirmWrapper.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Button from '../../atoms/Button/Button';
-export var DialogDeleteConfirmWrapper = function (props) {
+export function DialogDeleteConfirmWrapper(props) {
     var onCancel = props.onCancel, _a = props.cancelText, cancelText = _a === void 0 ? 'Cancel' : _a, _b = props.okVariant, okVariant = _b === void 0 ? 'destructive' : _b, onOk = props.onOk, _c = props.okText, okText = _c === void 0 ? 'Delete' : _c, children = props.children;
     return (_jsxs("div", { className: "space-y-9", children: [children, _jsxs("div", { className: "grid grid-cols-2 gap-x-4", children: [_jsx(Button, { variant: "outline-secondary", onClick: onCancel, size: "sm", children: cancelText }), _jsx(Button, { variant: okVariant, onClick: onOk, size: "sm", children: okText })] })] }));
-};
+}

package/dist/components/organisms/DialogQuoteRename/DialogQuoteRename.d.ts

@@ -4,4 +4,4 @@ export interface DialogQuoteRenameProps {
     quoteName: string;
     onSubmit: (quoteName: string) => void;
 }
-export declare const DialogQuoteRename: (props: DialogQuoteRenameProps) => import("react/jsx-runtime").JSX.Element;
+export declare function DialogQuoteRename(props: DialogQuoteRenameProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogQuoteRename/DialogQuoteRename.js

@@ -4,11 +4,11 @@ import Button from '../../atoms/Button/Button';
 import Input from '../../atoms/Inputs/Input/Input';
 import { Text } from '../../atoms/Typography/Typography';
 import { DialogBookingConfirm } from '../DialogBookingConfirm';
-export var DialogQuoteRename = function (props) {
+export function DialogQuoteRename(props) {
     var open = props.open, setOpen = props.setOpen, quoteName = props.quoteName, onSubmit = props.onSubmit;
     var _a = useState(quoteName), value = _a[0], setValue = _a[1];
     var handleQuoteNameChange = function (e) {
         setValue(e.target.value);
     };
     return (_jsx(DialogBookingConfirm, { open: open, setOpen: setOpen, title: "Rename Quotation", className: "!max-w-[500px]", children: _jsxs("div", { className: "space-y-9", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { htmlFor: "quote-name", children: _jsx(Text, { as: "span", size: "sm", children: "Quotation name" }) }), _jsx(Input, { id: "quote-name", value: value, onChange: handleQuoteNameChange })] }), _jsxs("div", { className: "grid grid-cols-2 gap-x-4 pb-2", children: [_jsx(Button, { variant: "outline-secondary", onClick: function () { return setOpen(false); }, size: "sm", children: "Cancel" }), _jsx(Button, { variant: "secondary", onClick: function () { return onSubmit(value); }, size: "sm", children: "Save changes" })] })] }) }));
-};
+}

package/dist/components/organisms/DialogSendingMail/DialogSendingMail.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
+import { DialogSendingMailContent } from './DialogSendingMailContent';
+import { DialogSendingMailMultiple } from './DialogSendingMailMultiple/DialogSendingMailMultiple';
 export interface DialogSendingMailProps {
     open: boolean;
     setOpen: (open: boolean) => void;
     children: React.ReactNode;
     type?: 'booking' | 'quotation';
 }
-export declare const DialogSendingMail: {
-    (props: DialogSendingMailProps): import("react/jsx-runtime").JSX.Element;
-    SingleQuote: React.FC<import("./DialogSendingMailContent").DialogSendingMailContentProps>;
-    MultipleQuotes: React.FC<import("./DialogSendingMailMultiple/DialogSendingMailMultiple").DialogSendingMailMultipleProps>;
-};
+export declare function DialogSendingMail(props: DialogSendingMailProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DialogSendingMail {
+    var SingleQuote: typeof DialogSendingMailContent;
+    var MultipleQuotes: typeof DialogSendingMailMultiple;
+}

package/dist/components/organisms/DialogSendingMail/DialogSendingMail.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { DialogBookingConfirm } from '../DialogBookingConfirm';
 import { DialogSendingMailContent } from './DialogSendingMailContent';
 import { DialogSendingMailMultiple } from './DialogSendingMailMultiple/DialogSendingMailMultiple';
-export var DialogSendingMail = function (props) {
+export function DialogSendingMail(props) {
     var open = props.open, setOpen = props.setOpen, children = props.children, _a = props.type, type = _a === void 0 ? 'booking' : _a;
     return (_jsx(DialogBookingConfirm, { open: open, title: "Send ".concat(type, " via mail"), setOpen: setOpen, className: "!max-w-[800px]", closeOnOverlayClick: true, children: children }));
-};
+}
 DialogSendingMail.SingleQuote = DialogSendingMailContent;
 DialogSendingMail.MultipleQuotes = DialogSendingMailMultiple;

package/dist/components/organisms/DialogSendingMail/DialogSendingMailContent.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { SendingMailSchema } from './sending-mail-schema';
 export interface DialogSendingMailContentProps {
     userInfo: {
@@ -12,4 +11,4 @@ export interface DialogSendingMailContentProps {
     onPreviewAttachment?: () => void;
     onCancel?: () => void;
 }
-export declare const DialogSendingMailContent: React.FC<DialogSendingMailContentProps>;
+export declare function DialogSendingMailContent(props: DialogSendingMailContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogSendingMail/DialogSendingMailContent.js

@@ -19,7 +19,7 @@ import Textarea from '../../atoms/Inputs/Textarea/Textarea';
 import Toast from '../../molecules/Toast/Toast';
 import { Form, FormControl, FormField, FormItem, FormMessage } from '../../ui/form';
 import { sendingMailSchema } from './sending-mail-schema';
-export var DialogSendingMailContent = function (props) {
+export function DialogSendingMailContent(props) {
     var userInfo = props.userInfo, subject = props.subject, type = props.type, onSubmit = props.onSubmit, onPreviewAttachment = props.onPreviewAttachment, onCancel = props.onCancel;
     var messageText = function () {
         var name = "".concat(userInfo.firstName, " ").concat(userInfo.lastName);
@@ -46,4 +46,4 @@ export var DialogSendingMailContent = function (props) {
                                 var field = _a.field;
                                 return (_jsx(FormItem, { children: _jsxs("div", { className: "relative", children: [_jsx(FormControl, { children: _jsx(Textarea, __assign({ placeholder: "Write your email here... *" }, field)) }), _jsx(FormMessage, { className: "absolute bottom-0 translate-y-4" })] }) }));
                             } }), _jsx(Button, { type: "button", size: "sm", onClick: onPreviewAttachment, children: "Preview Attachment" })] }), _jsx(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" }), _jsxs("div", { className: "flex justify-end gap-4 [&>*]:w-[250px] pb-2 pt-9", children: [_jsx(Button, { type: "button", variant: "outline-secondary", size: "sm", onClick: onCancel, children: "Cancel" }), _jsx(Button, { type: "submit", variant: "secondary", size: "sm", children: "Send" })] })] }) })));
-};
+}

package/dist/components/organisms/DialogSendingMail/DialogSendingMailMultiple/DialogSendingMailMultiple.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DialogSendingMailContentProps } from '../DialogSendingMailContent';
 import { SendingMailSchema } from '../sending-mail-schema';
 import './DialogSendingMailMultiple.css';
@@ -43,4 +42,4 @@ export interface DialogSendingMailMultipleProps extends Omit<DialogSendingMailCo
  *
  * @param props - The props of the component
  */
-export declare const DialogSendingMailMultiple: React.FC<DialogSendingMailMultipleProps>;
+export declare function DialogSendingMailMultiple(props: DialogSendingMailMultipleProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/DialogSendingMail/DialogSendingMailMultiple/DialogSendingMailMultiple.js

@@ -59,7 +59,7 @@ import './DialogSendingMailMultiple.css';
  *
  * @param props - The props of the component
  */
-export var DialogSendingMailMultiple = function (props) {
+export function DialogSendingMailMultiple(props) {
     var data = props.data, onSelected = props.onSelected, onSubmit = props.onSubmit, onPreviewAttachment = props.onPreviewAttachment, rest = __rest(props, ["data", "onSelected", "onSubmit", "onPreviewAttachment"]);
     var _a = useState(false), isSelectAll = _a[0], setIsSelectAll = _a[1];
     var _b = useState(data), remainingQuotes = _b[0], setRemainingQuotes = _b[1];
@@ -138,4 +138,4 @@ export var DialogSendingMailMultiple = function (props) {
                         formData: data,
                     });
                 } }))] }));
-};
+}

package/dist/components/organisms/QuoteHeader/QuoteHeader.css

@@ -2077,66 +2077,92 @@
 
 .quote-header {
   width: 100%;
-}
+  .quote-header__button {
+    width: 206px;
+  }
 
-.quote-header__button {
-  width: 206px;
-}
+  .quote-header__title {
+    position: relative;
+  }
 
-.quote-header__title {
-  position: relative;
-  margin-bottom: 2.5rem;
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-  &::before {
-    content: '';
+  .quote-header__title {
+    margin-bottom: 2.5rem;
   }
-  &::before {
-    position: absolute;
+
+  .quote-header__title {
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
   }
-  &::before {
-    top: 50%;
+
+  .quote-header__title {
+    &::before {
+      content: '';
+    }
+    &::before {
+      position: absolute;
+    }
+    &::before {
+      top: 50%;
+    }
+    &::before {
+      left: 0px;
+    }
+    &::before {
+      --tw-translate-y: -50%;
+      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+    }
+    &::before {
+      height: 2rem;
+    }
+    &::before {
+      width: 0.25rem;
+    }
+    &::before {
+      background-color: var(--color-elevation-brand-subtle);
+    }
   }
-  &::before {
-    left: 0px;
+
+  .quote-header__search-container {
+    margin-top: 3rem;
   }
-  &::before {
-    --tw-translate-y: -50%;
-    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+
+  .quote-header__search-container {
+    display: flex;
   }
-  &::before {
-    height: 2rem;
+
+  .quote-header__search-container {
+    justify-content: space-between;
   }
-  &::before {
-    width: 0.25rem;
+
+  .quote-header__search-container {
+    > button {
+      column-gap: 0.625rem;
+    }
+    > button {
+      min-width: 129px;
+    }
   }
-  &::before {
-    background-color: var(--color-elevation-brand-subtle);
+
+  .quote-header__search {
+    width: 364px;
   }
-}
 
-.quote-header__search-container {
-  margin-top: 3rem;
-  display: flex;
-  justify-content: space-between;
-  > button {
-    column-gap: 0.625rem;
+  .quote-header__filters {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
   }
-  > button {
-    min-width: 129px;
+
+  .quote-header__filters {
+    display: flex;
   }
-}
 
-.quote-header__search {
-  width: 364px;
-}
+  .quote-header__filters {
+    gap: 0.75rem;
+  }
 
-.quote-header__filters {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-  display: flex;
-  gap: 0.75rem;
-  .dropdown-container {
-    width: 139px;
+  .quote-header__filters {
+    .dropdown-container {
+      width: 139px;
+    }
   }
 }

package/dist/components/organisms/TabServiceDetails/Accommodation.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DetailsContentAccomProps } from './DetailsContentAccom';
 export interface AccommodationProps extends DetailsContentAccomProps {
     /** Images of the accommodation */
@@ -23,4 +22,4 @@ export interface AccommodationProps extends DetailsContentAccomProps {
  * @param props - Props of the Accommodation component
  * @returns The Accommodation component
  */
-export declare const Accommodation: React.FC<AccommodationProps>;
+export declare function Accommodation(props: AccommodationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabServiceDetails/Accommodation.js

@@ -40,7 +40,7 @@ import TabServiceDetails from './TabServiceDetails';
  * @param props - Props of the Accommodation component
  * @returns The Accommodation component
  */
-export var Accommodation = function (props) {
+export function Accommodation(props) {
     var images = props.images, isOnRequest = props.isOnRequest, rest = __rest(props, ["images", "isOnRequest"]);
     return (_jsx(TabServiceDetails.Layout, { title: "Accommodation", icon: "accom", isOnRequest: isOnRequest, images: images, mobileContent: _jsx("div", { className: "mt-8", children: _jsx(DetailsContentAccom.Body, __assign({}, rest)) }), children: _jsx(DetailsContentAccom, __assign({}, rest)) }));
-};
+}

package/dist/components/organisms/TabServiceDetails/DetailContentTransfer.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 export interface DetailContentTransferProps {
     pax: string;
     clientType: string;
@@ -6,4 +5,4 @@ export interface DetailContentTransferProps {
     airConditioning?: boolean;
     luggageTruck?: number;
 }
-export declare const DetailContentTransfer: React.FC<DetailContentTransferProps>;
+export declare function DetailContentTransfer(props: DetailContentTransferProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabServiceDetails/DetailContentTransfer.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Chip from '../../atoms/Chip/Chip';
-export var DetailContentTransfer = function (props) {
+export function DetailContentTransfer(props) {
     var pax = props.pax, clientType = props.clientType, carName = props.carName, airConditioning = props.airConditioning, luggageTruck = props.luggageTruck;
     return (_jsxs("div", { className: "flex gap-4", children: [_jsx(Chip, { type: "outline", color: "brand", label: pax, leadingIcon: "user", isBlackText: true }), _jsx(Chip, { type: "outline", color: "brand", label: "Client type: ".concat(clientType), leadingIcon: "user", isBlackText: true }), _jsx(Chip, { type: "outline", color: "brand", label: carName, leadingIcon: "car", isBlackText: true }), airConditioning && (_jsx(Chip, { type: "outline", color: "brand", label: "Air conditioning", leadingIcon: "air", isBlackText: true })), luggageTruck && (_jsx(Chip, { type: "outline", color: "brand", label: "Luggage truck: ".concat(luggageTruck > 1 ? "x".concat(luggageTruck) : luggageTruck), leadingIcon: "luggage", isBlackText: true }))] }));
-};
+}

package/dist/components/organisms/TabServiceDetails/DetailsContentAccom.d.ts

@@ -21,6 +21,18 @@ export interface DetailsContentAccomProps {
     /** Rooms info */
     roomsInfo: RoomsInfo[];
 }
+/**
+ * Body for the DetailsContentAccom component.
+ *
+ * @example
+ * <DetailsContentAccomBody
+ *   roomsInfo={roomsInfo}
+ *   globalAmenities={globalAmenities}
+ * />
+ * @param props - Props of the DetailsContentAccomBody component
+ * @returns The DetailsContentAccomBody component
+ */
+declare function DetailsContentAccomBody(props: Omit<DetailsContentAccomProps, 'roomTitle' | 'roomDescription'>): import("react/jsx-runtime").JSX.Element;
 /**
  * Details content for the Accommodation component.
  *
@@ -37,5 +49,6 @@ export interface DetailsContentAccomProps {
  */
 export declare function DetailsContentAccom(props: DetailsContentAccomProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace DetailsContentAccom {
-    var Body: (props: Omit<DetailsContentAccomProps, "roomTitle" | "roomDescription">) => import("react/jsx-runtime").JSX.Element;
+    var Body: typeof DetailsContentAccomBody;
 }
+export {};

package/dist/components/organisms/TabServiceDetails/DetailsContentAccom.js

@@ -39,10 +39,10 @@ import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
  * @param props - Props of the DetailsContentAccomBody component
  * @returns The DetailsContentAccomBody component
  */
-var DetailsContentAccomBody = function (props) {
+function DetailsContentAccomBody(props) {
     var roomsInfo = props.roomsInfo, globalAmenities = props.globalAmenities;
     return (_jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "grid grid-cols-2 gap-x-4", children: roomsInfo.map(function (room, index) { return (_jsxs("div", { className: "space-y-4", children: [_jsx(TextWithIcon, { icon: "accom", textVariant: "bold", textSize: "sm", children: room.roomName }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsxs(Chip, { color: "brand", type: "outline", leadingIcon: "user", isBlackText: true, children: [room.roomPax, " pax"] }), _jsx(Chip, { color: "brand", type: "outline", leadingIcon: "user", isBlackText: true, children: room.clientType }), _jsx(Chip, { color: "brand", type: "outline", leadingIcon: "utensils", isBlackText: true, children: room.mealPlan })] }), _jsx("div", { className: "flex flex-wrap gap-2", children: room.roomAmenities.map(function (amenity, index) { return (_jsx(Chip, { color: "accent", type: "outline", isBlackText: true, children: amenity }, "ra-".concat(index))); }) })] }, "ri-".concat(index))); }) }), _jsxs("div", { className: "grid grid-cols-2 gap-x-8", children: [_jsx(GlobalAmenities, { amenities: globalAmenities }), _jsx(CardServiceAccom, { className: "flex items-center justify-center", children: _jsx(Text, { variant: "bold", children: "Coming soon" }) })] })] }));
-};
+}
 /**
  * Details content for the Accommodation component.
  *

package/dist/components/organisms/TabServiceDetails/Excursion.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { DetailsContentExcursionProps } from './DetailsContentExcursion';
 export interface ExcursionProps extends DetailsContentExcursionProps {
     /** Images of the excursion */
     images: string[];
 }
-export declare const Excursion: React.FC<ExcursionProps>;
+export declare function Excursion(props: ExcursionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabServiceDetails/Excursion.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { DetailsContentExcursion, } from './DetailsContentExcursion';
 import TabServiceDetails from './TabServiceDetails';
-export var Excursion = function (props) {
+export function Excursion(props) {
     var images = props.images, rest = __rest(props, ["images"]);
     return (_jsx(TabServiceDetails.Layout, { title: "Excursion", icon: "map", images: images, children: _jsx(DetailsContentExcursion, __assign({}, rest)) }));
-};
+}

package/dist/components/organisms/TabServiceDetails/TabServiceDetails.d.ts

@@ -2,8 +2,8 @@ import TabServiceDetailsLayout from './TabServiceDetailsLayout/TabServiceDetails
 declare function TabServiceDetails(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 declare namespace TabServiceDetails {
     var Layout: typeof TabServiceDetailsLayout;
-    var Accommodation: import("react").FC<import("./Accommodation").AccommodationProps>;
-    var Excursion: import("react").FC<import("./Excursion").ExcursionProps>;
-    var Transfer: import("react").FC<import("./Transfer").TransferProps>;
+    var Accommodation: typeof import("./Accommodation").Accommodation;
+    var Excursion: typeof import("./Excursion").Excursion;
+    var Transfer: typeof import("./Transfer").Transfer;
 }
 export default TabServiceDetails;

package/dist/components/organisms/TabServiceDetails/Transfer.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { TransferData } from '../TabCancellationPolicy/HeaderExcursion/HeaderTransfer';
 import { DetailContentTransferProps } from './DetailContentTransfer';
 export interface TransferProps {
@@ -9,4 +8,4 @@ export interface TransferProps {
     /** Details of the transfer */
     transferDetails: DetailContentTransferProps;
 }
-export declare const Transfer: React.FC<TransferProps>;
+export declare function Transfer(props: TransferProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/TabServiceDetails/Transfer.js

@@ -13,7 +13,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import CancellationHeader from '../TabCancellationPolicy/CancellationHeader';
 import TabCancellationPolicy from '../TabCancellationPolicy/TabCancellationPolicy';
 import { DetailContentTransfer, } from './DetailContentTransfer';
-export var Transfer = function (props) {
+export function Transfer(props) {
     var image = props.image, transferData = props.transferData, transferDetails = props.transferDetails;
     return (_jsx(TabCancellationPolicy.Layout, { title: "Transfer", icon: "car", image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Transfer, { data: transferData }) }), children: _jsx(DetailContentTransfer, __assign({}, transferDetails)) }));
-};
+}

package/dist/components/organisms/Table/Table.d.ts

@@ -50,4 +50,4 @@ export interface TableProps<T extends TableRowData<T>> {
  * @returns React.ReactNode
  *
  */
-export declare const Table: <T extends TableRowData<T>>(props: TableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare function Table<T extends TableRowData<T>>(props: TableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/Table/Table.js

@@ -65,7 +65,7 @@ var NestedContent = function (_a) {
  * @returns React.ReactNode
  *
  */
-export var Table = function (props) {
+export function Table(props) {
     var columns = props.columns, data = props.data, pagination = props.pagination, isGrouped = props.isGrouped, _a = props.totalRows, totalRows = _a === void 0 ? {} : _a, _b = props.isTotalBorderDash, isTotalBorderDash = _b === void 0 ? true : _b, _c = props.totalSubstractedSpace, totalSubstractedSpace = _c === void 0 ? 10 : _c, onClickRow = props.onClickRow;
     var normalizeLastColumnWidth = function () {
         var width = columns[columns.length - 1].width;
@@ -97,4 +97,4 @@ export var Table = function (props) {
                                                         var currency = _a[0], total = _a[1];
                                                         return (_jsx("div", { children: _jsx(Text, { size: "md", variant: "bold", children: priceFormatter(total, currency) }) }, currency));
                                                     }) })] }) })] }) }) }) })), pagination && (_jsx("div", { className: "flex justify-end mt-4", children: _jsx(Pagination, __assign({}, pagination)) }))] }) }));
-};
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.36",
+  "version": "0.2.38",
   "private": false,
   "description": "Bibliothèque de composants Motorco pour le redesign",
   "main": "dist/index.js",

package/src/components/molecules/ActionDropdown/ActionDropdown.tsx

@@ -34,11 +34,8 @@ export interface ActionDropdownProps {
  * @param ActionDropdownProps
  * @returns
  */
-export const ActionDropdown: React.FC<ActionDropdownProps> = ({
-  data,
-  children,
-  maxWidth = '153px',
-}) => {
+export function ActionDropdown(props: ActionDropdownProps) {
+  const { data, children, maxWidth = '153px' } = props;
   const [open, setOpen] = useState(false);
 
   return (
@@ -94,4 +91,4 @@ export const ActionDropdown: React.FC<ActionDropdownProps> = ({
       </PopoverContent>
     </Popover>
   );
-};
+}

package/src/components/molecules/AddItemButton/AddItemButton.tsx

@@ -8,11 +8,12 @@ export interface AddItemButtonProps {
   onClick?: () => void;
 }
 
-export const AddItemButton: React.FC<AddItemButtonProps> = ({ label, onClick }) => {
+export function AddItemButton(props: AddItemButtonProps) {
+  const { label, onClick } = props;
   return (
     <button className="add-item-button" onClick={onClick}>
       <Icon name="plus-circle" size="lg" />
       <Text variant="medium">{label}</Text>
     </button>
   );
-};
+}

package/src/components/molecules/BookingPax/BookingPax.tsx

@@ -46,9 +46,9 @@ import { BookingPaxTransfer } from './BookingPaxTransfer';
  * @param props - The props for the BookingPax component.
  * @returns The BookingPax component.
  */
-export const BookingPax = (props: React.PropsWithChildren) => {
+export function BookingPax(props: React.PropsWithChildren) {
   return <div className="booking-pax space-y-6" {...props} />;
-};
+}
 
 BookingPax.Accom = BookingPaxAccom;
 BookingPax.Excursion = BookingPaxExcursion;