mautourco-components 0.2.58 → 0.2.60

package/dist/components/molecules/ActionDropdown/ActionDropdown.js

@@ -17,7 +17,6 @@ import './ActionDropdown.css';
 export function ActionDropdown(props) {
     var data = props.data, children = props.children, _a = props.maxWidth, maxWidth = _a === void 0 ? '153px' : _a;
     var _b = useState(false), open = _b[0], setOpen = _b[1];
-    console.log(open);
     return (_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(PopoverTrigger, { children: children !== null && children !== void 0 ? children : (_jsx("span", { className: "action-dropdown-trigger", children: _jsx(Icon, { name: "more-vertical" }) })) }), _jsx(PopoverContent, { className: "action-dropdown", style: { '--max-width': maxWidth }, align: "end", side: "bottom", avoidCollisions: false, children: data.map(function (item, index) {
                     var defaultButton = (_jsx("button", { onClick: function () {
                             var _a;

package/dist/components/molecules/BookingResume/ResumeAccom/ResumeAccom.js

@@ -10,6 +10,6 @@ import { BookingResumeLayout } from '../BookingResumeLayout/BookingResumeLayout'
 import './ResumeAccom.css';
 export function ResumeAccom(props) {
     var image = props.image, dates = props.dates, clientType = props.clientType, pax = props.pax, rooms = props.rooms, hotelName = props.hotelName;
-    var stay = useStays(dates);
+    var stay = useStays(dates).stay;
     return (_jsxs(BookingResumeLayout, { title: "Accommodation", icon: "accom", image: image, className: "resume-accom", children: [_jsx(ServiceTitle, { title: hotelName }), _jsxs("div", { className: "space-y-2 mt-4", children: [_jsx(DateDisplay, { dates: dates, colorMode: "green" }), _jsxs(TextWithIcon, { icon: "night", children: [stay, " Nights"] }), _jsxs(Text, { variant: "medium", size: "sm", leading: "4", children: [_jsx("strong", { children: "Client types:" }), " ", clientType] }), _jsx(PaxDisplay, { pax: pax }), _jsx("div", { children: rooms.map(function (room, index) { return (_jsxs("div", { className: "space-y-1", children: [_jsx(TextWithIcon, { icon: "accom", textSize: "sm", textVariant: "medium", children: room.RoomName }), _jsx(ServiceInfo.Item, { icon: "utensils", iconSize: "sm", textSize: "sm", textLeading: "4", textVariant: "medium", label: "Meal-Plan", children: room.MealPlan })] }, "rm-".concat(index))); }) })] })] }));
 }

package/dist/components/molecules/DetailsInfo/DetailsFile.d.ts

@@ -6,7 +6,7 @@ export interface DetailsFileProps {
     /** Label of the file */
     label?: string;
     /** Show the title of the file */
-    withTitle?: boolean;
+    title?: string;
     /** Show the regular info of the file */
     showRegularInfo?: boolean;
 }

package/dist/components/molecules/DetailsInfo/DetailsFile.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '../../atoms/Typography/Typography';
 export function DetailsFile(props) {
-    var number = props.number, name = props.name, _a = props.label, label = _a === void 0 ? 'File number:' : _a, _b = props.withTitle, withTitle = _b === void 0 ? false : _b, _c = props.showRegularInfo, showRegularInfo = _c === void 0 ? true : _c;
-    return (_jsxs("div", { className: "grid gap-y-2", children: [withTitle && (_jsx(Text, { variant: "bold", className: "text-2xl", color: "brand", children: label })), showRegularInfo && (_jsxs(Text, { variant: "regular", color: "default", children: [label, " ", number] })), _jsx(Text, { variant: "medium", color: "accent", children: name })] }));
+    var number = props.number, name = props.name, _a = props.label, label = _a === void 0 ? 'File number:' : _a, _b = props.title, title = _b === void 0 ? false : _b, _c = props.showRegularInfo, showRegularInfo = _c === void 0 ? true : _c;
+    return (_jsxs("div", { className: "grid gap-y-2", children: [title && (_jsx(Text, { variant: "bold", className: "text-2xl", color: "brand", children: title })), showRegularInfo && (_jsxs(Text, { variant: "regular", color: "default", children: [label, " ", number] })), _jsx(Text, { variant: "medium", color: "accent", children: name })] }));
 }

package/dist/components/molecules/DialogContentPolicy/DialogCancellationAccom.js

@@ -8,6 +8,6 @@ import TextWithIcon from '../TextWithIcon/TextWithIcon';
 import { CancellationLayout } from './CancellationLayout/CancellationLayout';
 export function DialogCancellationAccom(props) {
     var image = props.image, hotelName = props.hotelName, dates = props.dates, rooms = props.rooms, cancellationFee = props.cancellationFee, currency = props.currency;
-    var stay = useStays(dates);
+    var stay = useStays(dates).stay;
     return (_jsx(CancellationLayout, { title: "Accommodation", icon: "accom", image: image, cancellationFee: cancellationFee, currency: currency, children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Text, { variant: "bold", children: hotelName }), _jsx(DateDisplay, { dates: dates }), _jsxs(TextWithIcon, { icon: "night", textLeading: "4", children: [stay, " Nights"] })] }), _jsx("div", { className: "", children: rooms.map(function (room, index) { return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs(TextWithIcon, { icon: "accom", textLeading: "4", children: [index + 1, " Room"] }), _jsx(Text, { size: "sm", children: room.RoomName })] }), room.cancellation_policy.map(function (policy, pIndex) { return (_jsxs(Fragment, { children: [_jsxs(Chip, { type: "outline", color: "brand", isBlackText: true, children: ["Policy period applies", ' ', _jsx(DateDisplay, { dates: [policy.ValidFrom, policy.ValidTo], textSize: "xs" })] }), _jsxs(Text, { variant: "bold", size: "xs", leading: "4", children: [policy.Value, " % of total price"] }), _jsx(Text, { size: "xs", leading: "4", children: policy.Description })] }, "policy-".concat(pIndex))); })] }, "rm-".concat(index))); }) })] }) }));
 }

package/dist/components/molecules/TableServiceItem/RowAccommodation.js

@@ -1,6 +1,5 @@
 import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { differenceInDays } from 'date-fns';
-import { useMemo } from 'react';
+import useStays from '../../../hooks/useStays';
 import { DetailsCol as DetailsColComponent } from './DetailsCol';
 import { ItemCol } from './ItemCol';
 var clientType = {
@@ -13,21 +12,15 @@ export function RowAccommodation() {
     return _jsx(_Fragment, {});
 }
 function DetailsCol(props) {
-    var _a;
-    var data = props.data, _b = props.index, index = _b === void 0 ? 0 : _b;
-    var stay = useMemo(function () {
-        var _a;
-        if ((_a = data.Dates) === null || _a === void 0 ? void 0 : _a.length) {
-            return differenceInDays(data.Dates[1], data.Dates[0]);
-        }
-        return 0;
-    }, [data]);
+    var _a, _b;
+    var data = props.data, _c = props.index, index = _c === void 0 ? 0 : _c;
+    var stay = useStays(data.Dates).stay;
     return (_jsx(DetailsColComponent, { data: [
             { icon: 'calendar2', value: "Room ".concat(index + 1, " : ").concat(data.RoomName) },
             { icon: 'night', value: "".concat(stay, " Nights") },
             {
                 icon: 'user',
-                value: "Client type : ".concat(clientType[(_a = data.ClientCategory) === null || _a === void 0 ? void 0 : _a.toLowerCase()]),
+                value: "Client type : ".concat((_b = clientType[(_a = data.ClientCategory) === null || _a === void 0 ? void 0 : _a.toLowerCase()]) !== null && _b !== void 0 ? _b : data.ClientCategory),
             },
             { icon: 'utensils', value: "Meal plan : ".concat(data.MealPlan) },
         ] }));

package/dist/components/organisms/TabCancellationPolicy/HeaderAccom.js

@@ -18,6 +18,6 @@ import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
  */
 export default function HeaderAccom(props) {
     var hotelName = props.hotelName, pax = props.pax, dates = props.dates;
-    var stay = useStays(dates);
+    var stay = useStays(dates).stay;
     return (_jsxs("div", { children: [_jsx(ServiceTitle, { title: hotelName, textSize: "sm" }), _jsx(TextWithIcon, { icon: "user", children: pax }), _jsx(DateDisplay, { dates: dates, arrowSize: "xs", calendarSize: "xs" }), _jsxs(TextWithIcon, { icon: "night", children: [stay, " Nights"] })] }));
 }

package/dist/components/organisms/Table/Table.css

@@ -83,56 +83,6 @@
         border-bottom: none;
       }
     }
-    &.table__children--visible {
-      position: relative;
-    }
-    &.table__children--visible {
-      border: 1px solid transparent;
-      border-left: none;
-      &::after {
-        content: '';
-        position: absolute;
-        inset: -1px -1px 1px -1px;
-        pointer-events: none;
-        max-width: 100%;
-        background-image:
-          repeating-linear-gradient(
-            to right,
-            var(--color-border-medium) 0,
-            var(--color-border-medium) 16px,
-            transparent 16px,
-            transparent 32px
-          ),
-          repeating-linear-gradient(
-            to right,
-            var(--color-border-medium) 0,
-            var(--color-border-medium) 16px,
-            transparent 16px,
-            transparent 32px
-          ),
-          repeating-linear-gradient(
-            to bottom,
-            var(--color-border-medium) 0,
-            var(--color-border-medium) 16px,
-            transparent 16px,
-            transparent 32px
-          ),
-          repeating-linear-gradient(
-            to bottom,
-            var(--color-border-medium) 0,
-            var(--color-border-medium) 16px,
-            transparent 16px,
-            transparent 32px
-          );
-        background-size:
-          100% 1px,
-          100% 1px,
-          1px 100%,
-          1px 100%;
-        background-position: top, bottom, left, right;
-        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
-      }
-    }
   }
   .table__nested-wrapper {
     overflow: hidden;
@@ -294,4 +244,53 @@
   & + tr {
     border-top: none;
   }
+}
+
+.table__children-wrapper {
+  position: relative;
+  border: 1px solid transparent;
+  border-left: none;
+  &::after {
+    content: '';
+    position: absolute;
+    inset: -1px -1px 1px -1px;
+    pointer-events: none;
+    max-width: 100%;
+    background-image:
+      repeating-linear-gradient(
+        to right,
+        var(--color-border-medium) 0,
+        var(--color-border-medium) 16px,
+        transparent 16px,
+        transparent 32px
+      ),
+      repeating-linear-gradient(
+        to right,
+        var(--color-border-medium) 0,
+        var(--color-border-medium) 16px,
+        transparent 16px,
+        transparent 32px
+      ),
+      repeating-linear-gradient(
+        to bottom,
+        var(--color-border-medium) 0,
+        var(--color-border-medium) 16px,
+        transparent 16px,
+        transparent 32px
+      ),
+      repeating-linear-gradient(
+        to bottom,
+        var(--color-border-medium) 0,
+        var(--color-border-medium) 16px,
+        transparent 16px,
+        transparent 32px
+      );
+    background-size:
+      100% 1px,
+      100% 1px,
+      1px 100%,
+      1px 100%;
+    background-position: top, bottom, left, right;
+    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
+  }
 }

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

@@ -88,9 +88,9 @@ export function Table(props) {
                                                 }), onClick: function (e) { return onClickRow === null || onClickRow === void 0 ? void 0 : onClickRow(e, row, { parentIndex: rowIndex }); }, children: row.isHighlighted ? (_jsx("td", { colSpan: columns.length, className: "table__cell-highlighted", children: _jsx("div", { className: "table__row-div-highlighted", children: _jsx("table", { className: "table", children: _jsx("tbody", { children: _jsx("tr", { children: _jsx(TableCell, { columns: columns, row: row, rowIndex: rowIndex }) }) }) }) }) })) : (_jsx(TableCell, { columns: columns, row: row, rowIndex: rowIndex })) }));
                                             return (_jsx(Fragment, { children: isGrouped ? (row.children && row.children.length > 0 ? (_jsx("tr", { className: "table__row-grouped", children: _jsx("td", { colSpan: columns.length, children: _jsx(NestedContent, { isGrouped: isGrouped, rowIndex: rowIndex, columns: columns, children: row.children || [], onClickRow: onClickRow, parentIndex: rowIndex }) }) })) : (defaultTable)) : !row.children ? (defaultTable) : (_jsx("tr", { className: "table__row-with-children", children: _jsx("td", { colSpan: columns.length, className: cn({
                                                             'table__children--visible': hasVisibleChildren,
-                                                        }), children: _jsx("table", { className: "table", children: _jsxs("tbody", { children: [defaultTable, _jsx(AnimatePresence, { initial: false, children: hasVisibleChildren && (_jsx("tr", { className: cn('table__no-hover', {
-                                                                                'table__row-nested': row.children && row.children.length > 0,
-                                                                            }), children: _jsx("td", { colSpan: columns.length, className: "table__cell-nested", children: _jsx(NestedContent, { rowIndex: rowIndex, columns: columns, parentIndex: rowIndex, children: row.children || [], onClickRow: onClickRow }) }) }, "nested-".concat(rowIndex))) })] }) }) }) })) }, "rw-".concat(rowIndex)));
+                                                        }), children: _jsx("div", { className: "table__children-wrapper", children: _jsx("table", { className: "table", children: _jsxs("tbody", { children: [defaultTable, _jsx(AnimatePresence, { initial: false, children: hasVisibleChildren && (_jsx("tr", { className: cn('table__no-hover', {
+                                                                                    'table__row-nested': row.children && row.children.length > 0,
+                                                                                }), children: _jsx("td", { colSpan: columns.length, className: "table__cell-nested", children: _jsx(NestedContent, { rowIndex: rowIndex, columns: columns, parentIndex: rowIndex, children: row.children || [], onClickRow: onClickRow }) }) }, "nested-".concat(rowIndex))) })] }) }) }) }) })) }, "rw-".concat(rowIndex)));
                                         }), data.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "table__cell-empty", children: _jsx(Text, { size: "md", variant: "bold", className: "text-center", children: "No data found" }) }) }))] })] }) }), hasTotal && (_jsx("div", { className: 'table__total-container', children: _jsx("table", { className: "table", children: _jsx("tbody", { className: cn('table__total', {
                                 'table__total--dashed': isTotalBorderDash,
                             }), children: _jsxs("tr", { children: [_jsx("td", { colSpan: columns.length - 1 }), _jsx("td", { style: {

package/dist/components/organisms/Table/columns/quotation-columns.js

@@ -88,7 +88,10 @@ export var quotationColumns = function (_a) {
                 var isExpanded = (_a = raw.children) === null || _a === void 0 ? void 0 : _a.some(function (child) { return child.visible; });
                 var buttonLabel = isExpanded ? 'See less' : 'See more';
                 var isOnRequest = raw.status.toLowerCase() === 'on request';
-                return (_jsx("div", { children: hasChildren ? (_jsx(Button, { variant: "outline-primary", size: "sm", trailingIcon: "chevron-down", className: cn('table__button', isExpanded && 'table__button-expanded'), onClick: function () { return onExpand === null || onExpand === void 0 ? void 0 : onExpand(raw, index, childIndex); }, children: buttonLabel })) : (_jsxs("div", { className: "flex items-center gap-x-8", children: [_jsx(Button, { variant: isOnRequest ? 'outline-secondary' : 'secondary', size: "sm", className: "table__button", children: isOnRequest ? 'Request to book' : 'Book now' }), _jsx("div", { children: _jsx(ActionDropdown, { data: actionDropdownData((_b = onAction === null || onAction === void 0 ? void 0 : onAction({ isChild: childIndex !== undefined, quote: raw })) !== null && _b !== void 0 ? _b : (function () { })) }) })] })) }));
+                var isPast = new Date(raw.created_date) < new Date();
+                return (_jsx("div", { children: hasChildren ? (_jsx(Button, { variant: "outline-primary", size: "sm", trailingIcon: "chevron-down", className: cn('table__button', isExpanded && 'table__button-expanded'), onClick: function () { return onExpand === null || onExpand === void 0 ? void 0 : onExpand(raw, index, childIndex); }, children: buttonLabel })) : (_jsxs("div", { className: "flex items-center gap-x-8", children: [_jsx(Button, { variant: isOnRequest ? 'outline-secondary' : 'secondary', size: "sm", className: cn('table__button', {
+                                    'opacity-50 pointer-events-none': isPast,
+                                }), children: isOnRequest ? 'Request to book' : 'Book now' }), _jsx("div", { children: _jsx(ActionDropdown, { data: actionDropdownData((_b = onAction === null || onAction === void 0 ? void 0 : onAction({ isChild: childIndex !== undefined, quote: raw })) !== null && _b !== void 0 ? _b : (function () { })) }) })] })) }));
             },
         },
     ];

package/dist/hooks/useStays.d.ts

@@ -1 +1,4 @@
-export default function useStays(dates: string[]): number;
+export default function useStays(dates?: string[]): {
+    stay: number;
+    getStay: (dates?: string[]) => number;
+};

package/dist/hooks/useStays.js

@@ -1,14 +1,20 @@
 import { differenceInDays } from 'date-fns';
 import { useMemo } from 'react';
 export default function useStays(dates) {
-    var stay = useMemo(function () {
-        if (!dates) {
+    var getStay = function (dates) {
+        if (!dates || (dates === null || dates === void 0 ? void 0 : dates.length) === 0) {
             return 0;
         }
         if (dates.length) {
             return differenceInDays(dates[1], dates[0]);
         }
         return 0;
+    };
+    var stay = useMemo(function () {
+        return getStay(dates);
     }, [dates]);
-    return stay;
+    return {
+        stay: stay,
+        getStay: getStay,
+    };
 }

package/dist/index.d.ts

@@ -17,7 +17,7 @@ export { DateDisplay } from './components/molecules/DateDisplay/DateDisplay';
 export { DocketPrices } from './components/molecules/DocketPrices/DocketPrices';
 export { PriceDisplay } from './components/molecules/PriceDisplay/PriceDisplay';
 export { TransferDocket } from './components/molecules/TransferDocket/TransferDocket';
-export { ActionDropdown, type ActionDropdownItem } from './components/molecules/ActionDropdown/ActionDropdown';
+export { ActionDropdown, type ActionDropdownItem, } from './components/molecules/ActionDropdown/ActionDropdown';
 export { AddItemButton } from './components/molecules/AddItemButton/AddItemButton';
 export { default as AgeSelector } from './components/molecules/AgeSelector/AgeSelector';
 export * from './components/molecules/BookingResume';
@@ -86,43 +86,44 @@ export { default as UserIcon } from './components/atoms/Icon/icons/User';
 export { priceFormatter } from './lib/price-formatter';
 export type { DividerProps } from './components/atoms/Divider/Divider';
 export type { FeatureRowProps } from './components/molecules/FeatureRow/FeatureRow';
-export type { LocationData, LocationDropdownProps, LocationGroup, LocationOption } from './components/molecules/LocationDropdown/LocationDropdown';
-export type { ServiceOption, ServiceSelectorProps, ServiceType } from './components/molecules/ServiceSelector/ServiceSelector';
+export type { LocationData, LocationDropdownProps, LocationGroup, LocationOption, } from './components/molecules/LocationDropdown/LocationDropdown';
+export type { ServiceOption, ServiceSelectorProps, ServiceType, } from './components/molecules/ServiceSelector/ServiceSelector';
 export type { StepperProps } from './components/molecules/Stepper/Stepper';
-export type { CarBookingCardPriceRow, CarBookingCardProps, CarBookingCardSize, CarBookingCardState, CarBookingCardType } from './components/organisms/CarBookingCard/CarBookingCard';
-export type { CardContainerProps, CardContainerSpacing } from './components/organisms/CardContainer/CardContainer';
+export type { CarBookingCardPriceRow, CarBookingCardProps, CarBookingCardSize, CarBookingCardState, CarBookingCardType, } from './components/organisms/CarBookingCard/CarBookingCard';
+export type { CardContainerProps, CardContainerSpacing, } from './components/organisms/CardContainer/CardContainer';
 export type { DateTimePickerProps } from './components/organisms/DateTimePicker/DateTimePicker';
 export type { DialogProps, DialogSize } from './components/organisms/Dialog/Dialog';
 export type { FooterProps } from './components/organisms/Footer/Footer';
-export type { DocketDetailsData, DocketServiceType, MultipleQuotationDocketProps } from './components/organisms/MultipleQuotationDocket';
+export type { DocketDetailsData, DocketServiceType, MultipleQuotationDocketProps, } from './components/organisms/MultipleQuotationDocket';
 export { CHILD_CATEGORY_AGES } from './components/organisms/PaxSelector/PaxSelector';
-export type { ClientType, PaxData, PaxSelectorProps } from './components/organisms/PaxSelector/PaxSelector';
-export type { RoundTripData, RoundTripProps, RoundTripTransfer } from './components/organisms/RoundTrip/RoundTrip';
-export type { SearchBarTransferData, SearchBarTransferProps, TransferMode } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
+export type { ClientType, PaxData, PaxSelectorProps, } from './components/organisms/PaxSelector/PaxSelector';
+export type { RoundTripData, RoundTripProps, RoundTripTransfer, } from './components/organisms/RoundTrip/RoundTrip';
+export type { SearchBarTransferData, SearchBarTransferProps, TransferMode, } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
 export type { TopNavigationProps } from './components/organisms/TopNavigation/TopNavigation';
-export type { TransferLineData, TransferLineProps, TransferType } from './components/organisms/TransferLine/TransferLine';
+export type { TransferLineData, TransferLineProps, TransferType, } from './components/organisms/TransferLine/TransferLine';
 export type { CheckboxProps } from './components/atoms/Checkbox/Checkbox';
 export type { InputProps } from './components/atoms/Inputs/Input/Input';
 export type { AddItemButtonProps } from './components/molecules/AddItemButton/AddItemButton';
 export type { AgeSelectorProps } from './components/molecules/AgeSelector/AgeSelector';
-export type { BreadcrumbsItem, BreadcrumbsProps } from './components/molecules/Breadcrumbs/Breadcrumbs';
+export type { BreadcrumbsItem, BreadcrumbsProps, } from './components/molecules/Breadcrumbs/Breadcrumbs';
 export type { DocketPricesProps } from './components/molecules/DocketPrices/DocketPrices';
 export type { FromToProps } from './components/molecules/FromTo/FromTo';
 export type { PaxChipsProps, PaxCount } from './components/molecules/PaxChips/PaxChips';
 export type { PriceDisplayProps } from './components/molecules/PriceDisplay/PriceDisplay';
 export type { SectionTitleProps } from './components/molecules/SectionTitle/SectionTitle';
-export type { DetailsColProps, ItemColProps, RowAccommodationProps, RowExcursionProps, RowTransferProps } from './components/molecules/TableServiceItem';
+export type { DetailsColProps, ItemColProps, RowAccommodationProps, RowExcursionProps, RowTransferProps, } from './components/molecules/TableServiceItem';
 export type { ServiceAccommodationProps } from './components/molecules/TimelineItem/ServiceAccommodation';
 export type { ServiceExcursionProps } from './components/molecules/TimelineItem/ServiceExcursion';
 export type { ServiceTransferProps } from './components/molecules/TimelineItem/ServiceTransfer';
 export type { TimelineHeaderProps } from './components/molecules/TimelineItem/TimelineHeader';
 export type { ToastProps } from './components/molecules/Toast/Toast';
 export type { TransferDocketProps } from './components/molecules/TransferDocket/TransferDocket';
-export type { ComparisonData, DialogComparisonProps, MultiComparisonData } from './components/organisms/DialogComparison/DialogComparison';
+export type { ComparisonData, DialogComparisonProps, MultiComparisonData, } from './components/organisms/DialogComparison/DialogComparison';
 export type { DialogDeleteConfirmProps } from './components/organisms/DialogDeleteConfirm/DialogDeleteConfirm';
 export type { DialogQuoteRenameProps } from './components/organisms/DialogQuoteRename/DialogQuoteRename';
 export type { SelectedQuote } from './components/organisms/DialogSendingMail/DialogSendingMailMultiple/DialogSendingMailMultiple';
-export type { FilterType, QuoteHeaderProps } from './components/organisms/QuoteHeader/QuoteHeader';
-export type { TimelineProps, TimelineServices } from './components/organisms/Timeline/Timeline';
-export type { AccomodationDocket as AccomodationDocketType, ExcursionDocket as ExcursionDocketType, OtherServiceDocket as OtherServiceDocketType, ServiceDocket as ServiceDocketType, TransferDocket as TransferDocketType } from './types/docket/services.types';
+export type { FilterType, QuoteHeaderProps, } from './components/organisms/QuoteHeader/QuoteHeader';
+export type { TimelineProps, TimelineServices, } from './components/organisms/Timeline/Timeline';
+export type { AccomodationDocket as AccomodationDocketType, ExcursionDocket as ExcursionDocketType, OtherServiceDocket as OtherServiceDocketType, ServiceDocket as ServiceDocketType, TransferDocket as TransferDocketType, } from './types/docket/services.types';
 export * from './types/table';
+export * from './hooks/useStays';

package/dist/index.js

@@ -19,7 +19,7 @@ export { DocketPrices } from './components/molecules/DocketPrices/DocketPrices';
 export { PriceDisplay } from './components/molecules/PriceDisplay/PriceDisplay';
 export { TransferDocket } from './components/molecules/TransferDocket/TransferDocket';
 // Molecules - Composed components
-export { ActionDropdown } from './components/molecules/ActionDropdown/ActionDropdown';
+export { ActionDropdown, } from './components/molecules/ActionDropdown/ActionDropdown';
 export { AddItemButton } from './components/molecules/AddItemButton/AddItemButton';
 export { default as AgeSelector } from './components/molecules/AgeSelector/AgeSelector';
 export * from './components/molecules/BookingResume';
@@ -92,3 +92,5 @@ export { default as UserIcon } from './components/atoms/Icon/icons/User';
 export { priceFormatter } from './lib/price-formatter';
 export { CHILD_CATEGORY_AGES } from './components/organisms/PaxSelector/PaxSelector';
 export * from './types/table';
+// Hooks
+export * from './hooks/useStays';

package/package.json

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

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

@@ -38,8 +38,6 @@ export function ActionDropdown(props: ActionDropdownProps) {
   const { data, children, maxWidth = '153px' } = props;
   const [open, setOpen] = useState(false);
 
-  console.log(open);
-
   return (
     <Popover open={open} onOpenChange={setOpen}>
       <PopoverTrigger>

package/src/components/molecules/BookingResume/ResumeAccom/ResumeAccom.tsx

@@ -22,7 +22,7 @@ export interface ResumeAccomProps {
 export function ResumeAccom(props: ResumeAccomProps) {
   const { image, dates, clientType, pax, rooms, hotelName } = props;
 
-  const stay = useStays(dates);
+  const { stay } = useStays(dates);
 
   return (
     <BookingResumeLayout

package/src/components/molecules/DetailsInfo/DetailsFile.tsx

@@ -8,7 +8,7 @@ export interface DetailsFileProps {
   /** Label of the file */
   label?: string;
   /** Show the title of the file */
-  withTitle?: boolean;
+  title?: string;
   /** Show the regular info of the file */
   showRegularInfo?: boolean;
 }
@@ -18,14 +18,14 @@ export function DetailsFile(props: DetailsFileProps) {
     number,
     name,
     label = 'File number:',
-    withTitle = false,
+    title = false,
     showRegularInfo = true,
   } = props;
   return (
     <div className="grid gap-y-2">
-      {withTitle && (
+      {title && (
         <Text variant="bold" className="text-2xl" color="brand">
-          {label}
+          {title}
         </Text>
       )}
       {showRegularInfo && (

package/src/components/molecules/DialogContentPolicy/DialogCancellationAccom.tsx

@@ -18,7 +18,7 @@ export interface DialogCancellationAccomProps {
 
 export function DialogCancellationAccom(props: DialogCancellationAccomProps) {
   const { image, hotelName, dates, rooms, cancellationFee, currency } = props;
-  const stay = useStays(dates);
+  const { stay } = useStays(dates);
 
   return (
     <CancellationLayout

package/src/components/molecules/TableServiceItem/RowAccommodation.tsx

@@ -1,5 +1,4 @@
-import { differenceInDays } from 'date-fns';
-import { useMemo } from 'react';
+import useStays from '@/src/hooks/useStays';
 import { DetailsCol as DetailsColComponent } from './DetailsCol';
 import { ItemCol, ItemColProps } from './ItemCol';
 
@@ -27,13 +26,7 @@ export function RowAccommodation() {
 function DetailsCol(props: RowAccommodationProps) {
   const { data, index = 0 } = props;
 
-  const stay = useMemo(() => {
-    if (data.Dates?.length) {
-      return differenceInDays(data.Dates[1], data.Dates[0]);
-    }
-
-    return 0;
-  }, [data]);
+  const { stay } = useStays(data.Dates);
   return (
     <DetailsColComponent
       data={[
@@ -41,7 +34,7 @@ function DetailsCol(props: RowAccommodationProps) {
         { icon: 'night', value: `${stay} Nights` },
         {
           icon: 'user',
-          value: `Client type : ${clientType[data.ClientCategory?.toLowerCase() as string]}`,
+          value: `Client type : ${clientType[data.ClientCategory?.toLowerCase() as string] ?? data.ClientCategory}`,
         },
         { icon: 'utensils', value: `Meal plan : ${data.MealPlan}` },
       ]}

package/src/components/organisms/TabCancellationPolicy/HeaderAccom.tsx

@@ -34,7 +34,7 @@ export interface HeaderAccomProps {
 export default function HeaderAccom(props: HeaderAccomProps) {
   const { hotelName, pax, dates } = props;
 
-  const stay = useStays(dates);
+  const { stay } = useStays(dates);
 
   return (
     <div>

package/src/components/organisms/Table/Table.css

@@ -67,54 +67,6 @@
         border-bottom: none;
       }
     }
-    &.table__children--visible {
-      @apply relative;
-      border: 1px solid transparent;
-      border-left: none;
-      &::after {
-        content: '';
-        position: absolute;
-        inset: -1px -1px 1px -1px;
-        pointer-events: none;
-        max-width: 100%;
-        background-image:
-          repeating-linear-gradient(
-            to right,
-            var(--color-border-medium) 0,
-            var(--color-border-medium) 16px,
-            transparent 16px,
-            transparent 32px
-          ),
-          repeating-linear-gradient(
-            to right,
-            var(--color-border-medium) 0,
-            var(--color-border-medium) 16px,
-            transparent 16px,
-            transparent 32px
-          ),
-          repeating-linear-gradient(
-            to bottom,
-            var(--color-border-medium) 0,
-            var(--color-border-medium) 16px,
-            transparent 16px,
-            transparent 32px
-          ),
-          repeating-linear-gradient(
-            to bottom,
-            var(--color-border-medium) 0,
-            var(--color-border-medium) 16px,
-            transparent 16px,
-            transparent 32px
-          );
-        background-size:
-          100% 1px,
-          100% 1px,
-          1px 100%,
-          1px 100%;
-        background-position: top, bottom, left, right;
-        background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
-      }
-    }
   }
   .table__nested-wrapper {
     overflow: hidden;
@@ -271,3 +223,52 @@
     border-top: none;
   }
 }
+
+.table__children-wrapper {
+  @apply relative;
+  border: 1px solid transparent;
+  border-left: none;
+  &::after {
+    content: '';
+    position: absolute;
+    inset: -1px -1px 1px -1px;
+    pointer-events: none;
+    max-width: 100%;
+    background-image:
+      repeating-linear-gradient(
+        to right,
+        var(--color-border-medium) 0,
+        var(--color-border-medium) 16px,
+        transparent 16px,
+        transparent 32px
+      ),
+      repeating-linear-gradient(
+        to right,
+        var(--color-border-medium) 0,
+        var(--color-border-medium) 16px,
+        transparent 16px,
+        transparent 32px
+      ),
+      repeating-linear-gradient(
+        to bottom,
+        var(--color-border-medium) 0,
+        var(--color-border-medium) 16px,
+        transparent 16px,
+        transparent 32px
+      ),
+      repeating-linear-gradient(
+        to bottom,
+        var(--color-border-medium) 0,
+        var(--color-border-medium) 16px,
+        transparent 16px,
+        transparent 32px
+      );
+    background-size:
+      100% 1px,
+      100% 1px,
+      1px 100%,
+      1px 100%;
+    background-position: top, bottom, left, right;
+    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
+  }
+}

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

@@ -263,33 +263,35 @@ export function Table<T extends TableRowData<T>>(props: TableProps<T>) {
                             className={cn({
                               'table__children--visible': hasVisibleChildren,
                             })}>
-                            <table className="table">
-                              <tbody>
-                                {defaultTable}
-                                <AnimatePresence initial={false}>
-                                  {hasVisibleChildren && (
-                                    <tr
-                                      key={`nested-${rowIndex}`}
-                                      className={cn('table__no-hover', {
-                                        'table__row-nested':
-                                          row.children && row.children.length > 0,
-                                      })}>
-                                      <td
-                                        colSpan={columns.length}
-                                        className="table__cell-nested">
-                                        <NestedContent<T>
-                                          rowIndex={rowIndex}
-                                          columns={columns}
-                                          parentIndex={rowIndex}
-                                          children={row.children || []}
-                                          onClickRow={onClickRow}
-                                        />
-                                      </td>
-                                    </tr>
-                                  )}
-                                </AnimatePresence>
-                              </tbody>
-                            </table>
+                            <div className="table__children-wrapper">
+                              <table className="table">
+                                <tbody>
+                                  {defaultTable}
+                                  <AnimatePresence initial={false}>
+                                    {hasVisibleChildren && (
+                                      <tr
+                                        key={`nested-${rowIndex}`}
+                                        className={cn('table__no-hover', {
+                                          'table__row-nested':
+                                            row.children && row.children.length > 0,
+                                        })}>
+                                        <td
+                                          colSpan={columns.length}
+                                          className="table__cell-nested">
+                                          <NestedContent<T>
+                                            rowIndex={rowIndex}
+                                            columns={columns}
+                                            parentIndex={rowIndex}
+                                            children={row.children || []}
+                                            onClickRow={onClickRow}
+                                          />
+                                        </td>
+                                      </tr>
+                                    )}
+                                  </AnimatePresence>
+                                </tbody>
+                              </table>
+                            </div>
                           </td>
                         </tr>
                       )}

package/src/components/organisms/Table/columns/quotation-columns.tsx

@@ -152,6 +152,8 @@ export const quotationColumns: (params: {
       const buttonLabel = isExpanded ? 'See less' : 'See more';
       const isOnRequest = raw.status.toLowerCase() === 'on request';
 
+      const isPast = new Date(raw.created_date) < new Date();
+
       return (
         <div>
           {hasChildren ? (
@@ -168,7 +170,9 @@ export const quotationColumns: (params: {
               <Button
                 variant={isOnRequest ? 'outline-secondary' : 'secondary'}
                 size="sm"
-                className="table__button">
+                className={cn('table__button', {
+                  'opacity-50 pointer-events-none': isPast,
+                })}>
                 {isOnRequest ? 'Request to book' : 'Book now'}
               </Button>
               <div>