mautourco-components 0.2.52 → 0.2.54

package/dist/components/molecules/DateDisplay/DateDisplay.js

@@ -18,7 +18,7 @@ export function DateDisplay(props) {
     var _a = props.dates, dates = _a === void 0 ? [] : _a, _b = props.arrowSize, arrowSize = _b === void 0 ? 'sm' : _b, _c = props.calendarSize, calendarSize = _c === void 0 ? 'sm' : _c, _d = props.textSize, textSize = _d === void 0 ? 'sm' : _d, _e = props.colorMode, colorMode = _e === void 0 ? 'black' : _e, _f = props.className, className = _f === void 0 ? '' : _f;
     var formattedDates = useMemo(function () {
         return dates.map(function (d) {
-            var dateObj = typeof d === 'string' ? new Date(d) : d;
+            var dateObj = new Date(d);
             // Check if the date is valid then format it to dd/MM/yyyy format
             if (isValid(dateObj)) {
                 return format(dateObj, 'dd/MM/yyyy');

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 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 }))] }));
+    var pax = props.pax, clientType = props.clientType, carName = props.carName, airConditioning = props.airConditioning, _a = props.luggageTruck, luggageTruck = _a === void 0 ? 0 : _a;
+    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 > 0 && (_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/TabServiceDetailsLayout/TabServiceDetailsLayout.css

@@ -44,6 +44,8 @@
   }
   img {
     object-fit: cover;
+    width: 100%;
+    height: 100%;
   }
 }
 

package/dist/components/ui/tooltip.js

@@ -25,7 +25,7 @@ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { cn } from '../../lib/utils';
 function TooltipProvider(_a) {
     var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
-    return _jsx(TooltipPrimitive.Provider, __assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props));
+    return (_jsx(TooltipPrimitive.Provider, __assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
 }
 function Tooltip(_a) {
     var props = __rest(_a, []);
@@ -37,6 +37,6 @@ function TooltipTrigger(_a) {
 }
 function TooltipContent(_a) {
     var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
-    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, __assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('bg-foreground bg-[var(--tooltip-color-background-default)] text-white animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance', className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-[var(--tooltip-color-background-default)] fill-[var(--tooltip-color-background-default)] z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] })) }));
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, __assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn('bg-[var(--tooltip-color-background-default)] text-white animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance', className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "bg-[var(--tooltip-color-background-default)] fill-[var(--tooltip-color-background-default)] z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })] })) }));
 }
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/package.json

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

package/src/components/molecules/DateDisplay/DateDisplay.tsx

@@ -46,7 +46,7 @@ export function DateDisplay(props: DateDisplayProps) {
   } = props;
   const formattedDates = useMemo(() => {
     return dates.map((d) => {
-      const dateObj = typeof d === 'string' ? new Date(d) : d;
+      const dateObj = new Date(d);
       // Check if the date is valid then format it to dd/MM/yyyy format
       if (isValid(dateObj)) {
         return format(dateObj, 'dd/MM/yyyy');

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

@@ -9,7 +9,7 @@ export interface DetailContentTransferProps {
 }
 
 export function DetailContentTransfer(props: DetailContentTransferProps) {
-  const { pax, clientType, carName, airConditioning, luggageTruck } = props;
+  const { pax, clientType, carName, airConditioning, luggageTruck = 0 } = props;
   return (
     <div className="flex gap-4">
       <Chip type="outline" color="brand" label={pax} leadingIcon="user" isBlackText />
@@ -30,7 +30,7 @@ export function DetailContentTransfer(props: DetailContentTransferProps) {
           isBlackText
         />
       )}
-      {luggageTruck && (
+      {luggageTruck > 0 && (
         <Chip
           type="outline"
           color="brand"

package/src/components/organisms/TabServiceDetails/TabServiceDetailsLayout/TabServiceDetailsLayout.css

@@ -31,6 +31,8 @@
   }
   img {
     object-fit: cover;
+    width: 100%;
+    height: 100%;
   }
 }
 

package/src/components/ui/tooltip.tsx

@@ -3,8 +3,17 @@ import * as React from 'react';
 
 import { cn } from '@/src/lib/utils';
 
-function TooltipProvider({ delayDuration = 0, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
-  return <TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props} />;
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  );
 }
 
 function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
@@ -15,7 +24,9 @@ function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root
   );
 }
 
-function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+function TooltipTrigger({
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
   return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
 }
 
@@ -31,7 +42,7 @@ function TooltipContent({
         data-slot="tooltip-content"
         sideOffset={sideOffset}
         className={cn(
-          'bg-foreground bg-[var(--tooltip-color-background-default)] text-white animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',
+          'bg-[var(--tooltip-color-background-default)] text-white animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',
           className
         )}
         {...props}>