mautourco-components 0.2.65 → 0.2.67

package/dist/components/molecules/TooltipDisplay/TooltipDisplay.js

@@ -3,5 +3,5 @@ import { Text } from '../../atoms/Typography/Typography';
 import { Tooltip, TooltipContent, TooltipTrigger } from '../../ui/tooltip';
 export function TooltipDisplay(props) {
     var children = props.children, content = props.content, _a = props.side, side = _a === void 0 ? 'right' : _a, _b = props.maxWidth, maxWidth = _b === void 0 ? '300px' : _b;
-    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: "text-[var(--color-icon-branded)]", asChild: true, children: children }), _jsx(TooltipContent, { className: "max-w-[".concat(maxWidth, "]"), side: side, style: { maxWidth: maxWidth }, children: _jsx(Text, { variant: "medium", size: "sm", className: "!text-white", children: content }) })] }));
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: "text-[var(--color-icon-branded)]", children: children }), _jsx(TooltipContent, { className: "max-w-[".concat(maxWidth, "]"), side: side, style: { maxWidth: maxWidth }, children: _jsx(Text, { variant: "medium", size: "sm", className: "!text-white", children: content }) })] }));
 }

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

@@ -5,6 +5,7 @@ declare const columns: {
             isChild?: boolean;
             quote: import("../../../..").QuotationListItem;
         }) => (action: import("../../../..").ActionDropdownType) => void;
+        onBookNow?: (type: "request" | "book", value?: import("../../../..").QuotationListItem) => void;
         keywords?: string;
     }) => import("../TableCell").ColumnType<import("../../../..").QuotationListItem>[];
     detailResume: (params?: {

package/dist/components/organisms/Table/columns/quotation-columns.d.ts

@@ -7,5 +7,6 @@ export declare const quotationColumns: (params: {
         isChild?: boolean;
         quote: QuotationListItem;
     }) => (action: ActionDropdownType) => void;
+    onBookNow?: (type: 'request' | 'book', value?: QuotationListItem) => void;
     keywords?: string;
 }) => ColumnType<QuotationListItem>[];

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

@@ -4,10 +4,11 @@ import Chip from '../../../atoms/Chip/Chip';
 import { Text } from '../../../atoms/Typography/Typography';
 import { ActionDropdown } from '../../../molecules/ActionDropdown/ActionDropdown';
 import { DateDisplay } from '../../../molecules/DateDisplay/DateDisplay';
+import { TooltipDisplay } from '../../../molecules/TooltipDisplay/TooltipDisplay';
 import { cn } from '../../../../lib/utils';
 import { actionDropdownData, chipVariant, clientTypeMap } from '../constant';
 export var quotationColumns = function (_a) {
-    var onExpand = _a.onExpand, onAction = _a.onAction, _b = _a.keywords, keywords = _b === void 0 ? '' : _b;
+    var onExpand = _a.onExpand, onAction = _a.onAction, onBookNow = _a.onBookNow, _b = _a.keywords, keywords = _b === void 0 ? '' : _b;
     return [
         {
             header: 'Quote nb.',
@@ -92,9 +93,13 @@ export var quotationColumns = function (_a) {
                 if (raw.date[0]) {
                     isPast = new Date(raw.date[0]) < 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 () { })) }) })] })) }));
+                var buttonType = isOnRequest ? 'request' : 'book';
+                var getButton = function () {
+                    return (_jsx(Button, { variant: isOnRequest ? 'outline-secondary' : 'secondary', size: "sm", onClick: isPast ? undefined : function () { return onBookNow === null || onBookNow === void 0 ? void 0 : onBookNow(buttonType, raw); }, className: cn('table__button', {
+                            'opacity-50 !cursor-not-allowed': isPast,
+                        }), children: isOnRequest ? 'Request to book' : 'Book now' }));
+                };
+                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: [isPast ? (_jsx(TooltipDisplay, { content: "This quotation cannot be booked because the service dates have already passed.", side: "left", maxWidth: "325px", children: getButton() })) : (getButton()), _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/package.json

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

package/src/components/molecules/TooltipDisplay/TooltipDisplay.tsx

@@ -21,7 +21,7 @@ export function TooltipDisplay(props: TooltipDisplayProps) {
   const { children, content, side = 'right', maxWidth = '300px' } = props;
   return (
     <Tooltip>
-      <TooltipTrigger className="text-[var(--color-icon-branded)]" asChild>
+      <TooltipTrigger className="text-[var(--color-icon-branded)]">
         {children}
       </TooltipTrigger>
       <TooltipContent className={`max-w-[${maxWidth}]`} side={side} style={{ maxWidth }}>

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

@@ -3,6 +3,7 @@ import Chip from '@/src/components/atoms/Chip/Chip';
 import { Text } from '@/src/components/atoms/Typography/Typography';
 import { ActionDropdown } from '@/src/components/molecules/ActionDropdown/ActionDropdown';
 import { DateDisplay } from '@/src/components/molecules/DateDisplay/DateDisplay';
+import { TooltipDisplay } from '@/src/components/molecules/TooltipDisplay/TooltipDisplay';
 import { cn } from '@/src/lib/utils';
 import { ActionDropdownType } from '@/src/types/table/action-dropdown-type.types';
 import { QuotationListItem } from '@/src/types/table/quotation.types';
@@ -15,8 +16,14 @@ export const quotationColumns: (params: {
     isChild?: boolean;
     quote: QuotationListItem;
   }) => (action: ActionDropdownType) => void;
+  onBookNow?: (type: 'request' | 'book', value?: QuotationListItem) => void;
   keywords?: string;
-}) => ColumnType<QuotationListItem>[] = ({ onExpand, onAction, keywords = '' }) => [
+}) => ColumnType<QuotationListItem>[] = ({
+  onExpand,
+  onAction,
+  onBookNow,
+  keywords = '',
+}) => [
   {
     header: 'Quote nb.',
     key: 'file_nb',
@@ -158,6 +165,22 @@ export const quotationColumns: (params: {
         isPast = new Date(raw.date[0]) < new Date();
       }
 
+      const buttonType = isOnRequest ? 'request' : 'book';
+
+      const getButton = () => {
+        return (
+          <Button
+            variant={isOnRequest ? 'outline-secondary' : 'secondary'}
+            size="sm"
+            onClick={isPast ? undefined : () => onBookNow?.(buttonType, raw)}
+            className={cn('table__button', {
+              'opacity-50 !cursor-not-allowed': isPast,
+            })}>
+            {isOnRequest ? 'Request to book' : 'Book now'}
+          </Button>
+        );
+      };
+
       return (
         <div>
           {hasChildren ? (
@@ -171,14 +194,17 @@ export const quotationColumns: (params: {
             </Button>
           ) : (
             <div className="flex items-center gap-x-8">
-              <Button
-                variant={isOnRequest ? 'outline-secondary' : 'secondary'}
-                size="sm"
-                className={cn('table__button', {
-                  'opacity-50 pointer-events-none': isPast,
-                })}>
-                {isOnRequest ? 'Request to book' : 'Book now'}
-              </Button>
+              {isPast ? (
+                <TooltipDisplay
+                  content="This quotation cannot be booked because the service dates have already passed."
+                  side="left"
+                  maxWidth="325px">
+                  {getButton()}
+                </TooltipDisplay>
+              ) : (
+                getButton()
+              )}
+
               <div>
                 <ActionDropdown
                   data={actionDropdownData(