mautourco-components 0.2.54 → 0.2.55

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ServiceAccommodationProps } from '../../molecules/TimelineItem/ServiceAccommodation';
 import { ServiceExcursionProps } from '../../molecules/TimelineItem/ServiceExcursion';
 import { ServiceTransferProps } from '../../molecules/TimelineItem/ServiceTransfer';
@@ -12,4 +11,4 @@ export interface TimelineProps {
     services: TimelineServices[];
     className?: string;
 }
-export declare const Timeline: React.FC<TimelineProps>;
+export declare function Timeline(props: TimelineProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/organisms/Timeline/Timeline.js

@@ -14,7 +14,8 @@ import { cn } from '../../../lib/utils';
 import { Text } from '../../atoms/Typography/Typography';
 import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
 import TimelineItem from '../../molecules/TimelineItem/TimelineItem';
-export var Timeline = function (props) {
+export function Timeline(props) {
     var arrival = props.arrival, departure = props.departure, services = props.services, className = props.className;
-    return (_jsxs("div", { className: cn('space-y-10', className), children: [_jsxs(TextWithIcon, { icon: "arrival", color: "accent", iconSize: "lg", textSize: "lg", children: ["Arrival :", ' ', _jsx(Text, { variant: "regular", size: "lg", leading: "5", color: "default", as: "span", children: arrival })] }), _jsx("div", { className: "overflow-x-auto", children: _jsx("div", { className: "flex gap-x-3 pb-8 2xl:pb-0", children: services.map(function (service, index) { return (_jsxs(TimelineItem, { children: [service.type === 'transfer' && (_jsx(TimelineItem.Transfer, __assign({}, service.data))), service.type === 'accommodation' && (_jsx(TimelineItem.Accommodation, __assign({}, service.data))), service.type === 'excursion' && (_jsx(TimelineItem.Excursion, __assign({}, service.data)))] }, "tm-".concat(index))); }) }) }), _jsxs(TextWithIcon, { icon: "departure", color: "accent", iconSize: "lg", textSize: "lg", children: ["Departure :", ' ', _jsx(Text, { variant: "regular", size: "lg", leading: "5", color: "default", as: "span", children: departure })] })] }));
-};
+    return (_jsxs("div", { className: cn('space-y-10', className), children: [_jsxs(TextWithIcon, { icon: "arrival", color: "accent", iconSize: "lg", textSize: "lg", children: ["Arrival :", ' ', _jsx(Text, { variant: "regular", size: "lg", leading: "5", color: "default", as: "span", children: arrival })] }), _jsx("div", { className: "overflow-x-auto overflow-y-hidden", children: _jsx("div", { className: "flex gap-x-3 pb-8 2xl:pb-0", children: services.map(function (service, index) { return (_jsxs(TimelineItem, { children: [service.type === 'transfer' && (_jsx(TimelineItem.Transfer, __assign({}, service.data))), service.type === 'accommodation' && (_jsx(TimelineItem.Accommodation, __assign({}, service.data))), service.type === 'excursion' && (_jsx(TimelineItem.Excursion, __assign({}, service.data)))] }, "tm-".concat(index))); }) }) }), _jsxs(TextWithIcon, { icon: "departure", color: "accent", iconSize: "lg", textSize: "lg", children: ["Departure :", ' ', _jsx(Text, { variant: "regular", size: "lg", leading: "5", color: "default", as: "span", children: departure })] })] }));
+}
+;

package/dist/hooks/useStays.js

@@ -2,6 +2,9 @@ import { differenceInDays } from 'date-fns';
 import { useMemo } from 'react';
 export default function useStays(dates) {
     var stay = useMemo(function () {
+        if (!dates) {
+            return 0;
+        }
         if (dates.length) {
             return differenceInDays(dates[1], dates[0]);
         }

package/package.json

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

package/src/components/organisms/Timeline/Timeline.tsx

@@ -1,5 +1,4 @@
 import { cn } from '@/src/lib/utils';
-import React from 'react';
 import { Text } from '../../atoms/Typography/Typography';
 import TextWithIcon from '../../molecules/TextWithIcon/TextWithIcon';
 import { ServiceAccommodationProps } from '../../molecules/TimelineItem/ServiceAccommodation';
@@ -19,7 +18,7 @@ export interface TimelineProps {
   className?: string;
 }
 
-export const Timeline: React.FC<TimelineProps> = (props) => {
+export function Timeline(props: TimelineProps) {
   const { arrival, departure, services, className } = props;
   return (
     <div className={cn('space-y-10', className)}>
@@ -29,7 +28,7 @@ export const Timeline: React.FC<TimelineProps> = (props) => {
           {arrival}
         </Text>
       </TextWithIcon>
-      <div className="overflow-x-auto">
+      <div className="overflow-x-auto overflow-y-hidden">
         <div className="flex gap-x-3 pb-8 2xl:pb-0">
           {services.map((service, index) => (
             <TimelineItem key={`tm-${index}`}>