mautourco-components 0.2.30 → 0.2.31

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

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '../../atoms/Typography/Typography';
 import { ServiceInfo } from '../../molecules/ServiceInfo/ServiceInfo';
@@ -16,5 +5,5 @@ import { ServiceLanguages } from '../../molecules/ServiceLanguages/ServiceLangua
 import { TextWithBorderBottom } from '../../molecules/TextWithBorderBottom/TextWithBorderBottom';
 export function DetailsContentExcursion(props) {
     var excursionTitle = props.excursionTitle, excursionDescription = props.excursionDescription, pickUpPoint = props.pickUpPoint, serviceInfos = props.serviceInfos;
-    return (_jsxs("div", __assign({ className: "space-y-6" }, { children: [_jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx(TextWithBorderBottom, __assign({ variant: "bold", size: "xl" }, { children: excursionTitle })), _jsx(Text, __assign({ variant: "medium", leading: "5" }, { children: excursionDescription }))] })), _jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx(Text, __assign({ variant: "bold", size: "sm", leading: "4" }, { children: "Pick-up point:" })), _jsx(Text, __assign({ size: "sm", leading: "4" }, { children: pickUpPoint }))] })), _jsxs(ServiceInfo, { children: [_jsx(ServiceInfo.Item, __assign({ icon: "micro", label: "Languages" }, { children: _jsx(ServiceLanguages, { languages: serviceInfos.languages }) })), _jsx(ServiceInfo.Item, __assign({ icon: "stopwatch", label: "Duration" }, { children: serviceInfos.duration })), _jsx(ServiceInfo.Item, __assign({ icon: "utensils", label: "Meal" }, { children: serviceInfos.meal })), _jsx(ServiceInfo.Item, __assign({ icon: "bike", label: "Difficulty" }, { children: serviceInfos.difficulty })), serviceInfos.withTransfer && (_jsx(ServiceInfo.Item, { icon: "bus", label: "Prise en charge inclus" }))] })] })));
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(TextWithBorderBottom, { variant: "bold", size: "xl", children: excursionTitle }), _jsx(Text, { variant: "medium", leading: "5", children: excursionDescription })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Text, { variant: "bold", size: "sm", leading: "4", children: "Pick-up point:" }), _jsx(Text, { size: "sm", leading: "4", children: pickUpPoint })] }), _jsxs(ServiceInfo, { children: [_jsx(ServiceInfo.Item, { icon: "micro", label: "Languages", children: _jsx(ServiceLanguages, { languages: serviceInfos.languages }) }), _jsx(ServiceInfo.Item, { icon: "stopwatch", label: "Duration", children: serviceInfos.duration }), _jsx(ServiceInfo.Item, { icon: "utensils", label: "Meal", children: serviceInfos.meal }), _jsx(ServiceInfo.Item, { icon: "bike", label: "Difficulty", children: serviceInfos.difficulty }), serviceInfos.withTransfer && (_jsx(ServiceInfo.Item, { icon: "bus", label: "Prise en charge inclus" }))] })] }));
 }

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

@@ -25,5 +25,5 @@ import { DetailsContentExcursion, } from './DetailsContentExcursion';
 import TabServiceDetails from './TabServiceDetails';
 export var Excursion = function (props) {
     var images = props.images, rest = __rest(props, ["images"]);
-    return (_jsx(TabServiceDetails.Layout, __assign({ title: "Excursion", icon: "map", images: images }, { children: _jsx(DetailsContentExcursion, __assign({}, rest)) })));
+    return (_jsx(TabServiceDetails.Layout, { title: "Excursion", icon: "map", images: images, children: _jsx(DetailsContentExcursion, __assign({}, rest)) }));
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import TabServiceDetailsLayout from './TabServiceDetailsLayout/TabServiceDetailsLayout';
 declare function TabServiceDetails(props: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
 declare namespace TabServiceDetails {

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

@@ -1,14 +1,3 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMobile } from '../../../../hooks/useMobile';
 import { cn } from '../../../../lib/utils';
@@ -35,5 +24,5 @@ import './TabServiceDetailsLayout.css';
 export default function TabServiceDetailsLayout(props) {
     var title = props.title, icon = props.icon, isOnRequest = props.isOnRequest, children = props.children, images = props.images, mobileContent = props.mobileContent;
     var isMobile = useMobile(1280).isMobile;
-    return (_jsxs("div", { children: [_jsxs("div", __assign({ className: "details-service__layout" }, { children: [_jsxs(TextWithIcon, __assign({ icon: icon, color: isOnRequest ? 'yellow' : 'accent', textVariant: "bold" }, { children: [title, isOnRequest && _jsx(Chip, __assign({ color: "yellow" }, { children: "On request" }))] })), _jsxs("div", __assign({ className: "details-service__layout-flex" }, { children: [_jsxs("div", __assign({ className: "details-service__layout-flex-images" }, { children: [images[0] && (_jsx("figure", __assign({ className: cn(images.length === 1 && 'single-image') }, { children: _jsx("img", { src: images[0], alt: title, width: 400, height: 400 }) }), images[0])), images.length > 1 && (_jsx("div", __assign({ className: "details-service__layout-flex-images-grid" }, { children: images.slice(1, 3).map(function (image) { return (_jsx("figure", { children: _jsx("img", { src: image, alt: title, width: 400, height: 400 }) }, image)); }) })))] })), _jsx("div", __assign({ className: "details-service__layout-content" }, { children: _jsx("div", __assign({ className: "details-service__layout-content-body" }, { children: children })) }))] }))] })), isMobile && mobileContent] }));
+    return (_jsxs("div", { children: [_jsxs("div", { className: "details-service__layout", children: [_jsxs(TextWithIcon, { icon: icon, color: isOnRequest ? 'yellow' : 'accent', textVariant: "bold", children: [title, isOnRequest && _jsx(Chip, { color: "yellow", children: "On request" })] }), _jsxs("div", { className: "details-service__layout-flex", children: [_jsxs("div", { className: "details-service__layout-flex-images", children: [images[0] && (_jsx("figure", { className: cn(images.length === 1 && 'single-image'), children: _jsx("img", { src: images[0], alt: title, width: 400, height: 400 }) }, images[0])), images.length > 1 && (_jsx("div", { className: "details-service__layout-flex-images-grid", children: images.slice(1, 3).map(function (image) { return (_jsx("figure", { children: _jsx("img", { src: image, alt: title, width: 400, height: 400 }) }, image)); }) }))] }), _jsx("div", { className: "details-service__layout-content", children: _jsx("div", { className: "details-service__layout-content-body", children: children }) })] })] }), isMobile && mobileContent] }));
 }

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

@@ -15,5 +15,5 @@ import TabCancellationPolicy from '../TabCancellationPolicy/TabCancellationPolic
 import { DetailContentTransfer, } from './DetailContentTransfer';
 export var Transfer = function (props) {
     var image = props.image, transferData = props.transferData, transferDetails = props.transferDetails;
-    return (_jsx(TabCancellationPolicy.Layout, __assign({ title: "Transfer", icon: "car", image: image, header: _jsx(CancellationHeader, { children: _jsx(CancellationHeader.Transfer, { data: transferData }) }) }, { children: _jsx(DetailContentTransfer, __assign({}, 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.css

@@ -2202,7 +2202,7 @@
       &::after {
         content: '';
         position: absolute;
-        inset: -1px;
+        inset: -1px -1px 1px -1px;
         pointer-events: none;
         max-width: 100%;
         background-image:
@@ -2289,48 +2289,64 @@
 
 .table__total {
   tr {
-    border: 1px solid transparent;
+    border: 1px solid var(--divider-color-default);
+    border-left: none;
+    border-right: none;
     position: relative;
-    &::after {
-      content: '';
-      position: absolute;
-      inset: -1px;
-      pointer-events: none;
-      background-image:
-        repeating-linear-gradient(
-          to right,
-          var(--divider-color-default) 0,
-          var(--divider-color-default) 12px,
-          transparent 12px,
-          transparent 24px
-        ),
-        repeating-linear-gradient(
-          to right,
-          var(--divider-color-default) 0,
-          var(--divider-color-default) 12px,
-          transparent 12px,
-          transparent 24px
-        );
-      background-size:
-        100% 1px,
-        100% 1px;
-      background-position: top, bottom;
-      background-repeat: repeat-x, repeat-x;
-    }
   }
   td {
     padding-block: var(--spacing-padding-px-4);
     &:last-child {
-      width: 160px;
-      @media (min-width: 1680px) {
-        width: var(--last-column-width);
-      }
+      /* width: 160px;*/
+      /* @media (min-width: 1680px) {
+      } */
+      width: var(--last-column-width);
     }
   }
 }
 
+.table__total--dashed tr {
+  border: 1px solid transparent;
+  position: relative;
+  &::after {
+    content: '';
+    position: absolute;
+    inset: -1px;
+    pointer-events: none;
+    background-image:
+      repeating-linear-gradient(
+        to right,
+        var(--divider-color-default) 0,
+        var(--divider-color-default) 12px,
+        transparent 12px,
+        transparent 24px
+      ),
+      repeating-linear-gradient(
+        to right,
+        var(--divider-color-default) 0,
+        var(--divider-color-default) 12px,
+        transparent 12px,
+        transparent 24px
+      );
+    background-size:
+      100% 1px,
+      100% 1px;
+    background-position: top, bottom;
+    background-repeat: repeat-x, repeat-x;
+  }
+}
+
 .table__row-with-children {
   > td {
     padding: 0;
   }
+  .table__row-nested {
+    border-top: none;
+  }
+  .table .table__nested-wrapper tr {
+    border-top: none;
+    &:last-child {
+      border-bottom: solid 1px var(--color-surface-300);
+    }
+  }
 }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaginationProps } from '../../molecules/Pagination/Pagination';
 import './Table.css';
 import { ColumnType } from './TableCell';
@@ -31,6 +30,10 @@ export interface TableProps<T extends TableRowData<T>> {
     totalRows?: Record<string, string | number>;
     /** Whether the child rows are visible */
     isGrouped?: boolean;
+    /** Whether the total rows are bordered with a dashed border */
+    isTotalBorderDash?: boolean;
+    /** Whether the last column is visible */
+    totalSubstractedSpace?: number;
 }
 /**
  * A table component for displaying structured data in rows and columns. Supports customizable column definitions and data rows.

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

@@ -10,6 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { priceFormatter } from '../../../lib/price-formatter';
 import { cn } from '../../../lib/utils';
 import { AnimatePresence, domAnimation, LazyMotion } from 'motion/react';
 import * as motion from 'motion/react-m';
@@ -42,12 +43,12 @@ var NestedContent = function (_a) {
         }
     }, [children]);
     var Tag = isGrouped ? 'div' : motion.div;
-    return (_jsx(Tag, __assign({ ref: contentRef, initial: { height: 0, opacity: 0 }, animate: { height: height, opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: {
+    return (_jsx(Tag, { ref: contentRef, initial: { height: 0, opacity: 0 }, animate: { height: height, opacity: 1 }, exit: { height: 0, opacity: 0 }, transition: {
             height: { duration: 0.2, ease: 'easeInOut' },
             opacity: { duration: 0.15, ease: 'easeInOut' },
-        }, className: "table__nested-wrapper" }, { children: _jsx("table", __assign({ className: "table" }, { children: _jsx("tbody", { children: children.map(function (child, childIndex) { return (_jsx("tr", __assign({ className: cn(child.className, {
+        }, className: "table__nested-wrapper", children: _jsx("table", { className: "table", children: _jsx("tbody", { children: children.map(function (child, childIndex) { return (_jsx("tr", { className: cn(child.className, {
                         'table__row-clickable': onClickRow,
-                    }), onClick: function (e) { return onClickRow === null || onClickRow === void 0 ? void 0 : onClickRow(e, child); } }, { children: _jsx(TableCell, { columns: columns, row: child, rowIndex: childIndex, childIndex: childIndex }) }), "ch-".concat(rowIndex, "-").concat(childIndex))); }) }) })) })));
+                    }), onClick: function (e) { return onClickRow === null || onClickRow === void 0 ? void 0 : onClickRow(e, child); }, children: _jsx(TableCell, { columns: columns, row: child, rowIndex: childIndex, childIndex: childIndex }) }, "ch-".concat(rowIndex, "-").concat(childIndex))); }) }) }) }));
 };
 /**
  * A table component for displaying structured data in rows and columns. Supports customizable column definitions and data rows.
@@ -65,33 +66,35 @@ var NestedContent = function (_a) {
  *
  */
 export var Table = function (props) {
-    var columns = props.columns, data = props.data, pagination = props.pagination, isGrouped = props.isGrouped, _a = props.totalRows, totalRows = _a === void 0 ? {} : _a, onClickRow = props.onClickRow;
+    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;
         if (typeof width === 'number') {
-            return "".concat(width - 10, "px");
+            return "".concat(width - totalSubstractedSpace, "px");
         }
         return width;
     };
     var hasTotal = Object.keys(totalRows).length > 0;
-    return (_jsx(LazyMotion, __assign({ features: domAnimation }, { children: _jsxs("div", { children: [_jsx("div", __assign({ className: cn('table-container', { 'table-container--no-total': !hasTotal }) }, { children: _jsxs("table", __assign({ className: "table" }, { children: [_jsx("thead", __assign({ className: "table__header" }, { children: _jsx("tr", { children: columns.map(function (column, columnIndex) { return (_jsx("th", __assign({ className: column.className, style: column.width
+    return (_jsx(LazyMotion, { features: domAnimation, children: _jsxs("div", { children: [_jsx("div", { className: cn('table-container', { 'table-container--no-total': !hasTotal }), children: _jsxs("table", { className: "table", children: [_jsx("thead", { className: "table__header", children: _jsx("tr", { children: columns.map(function (column, columnIndex) { return (_jsx("th", { className: column.className, style: column.width
                                             ? { minWidth: column.width, width: column.width }
-                                            : undefined }, { children: _jsx(Text, __assign({ variant: "bold", size: "sm" }, { children: column.header })) }), "hd-".concat(columnIndex))); }) }) })), _jsx("tbody", __assign({ className: "table__body" }, { children: data.map(function (row, rowIndex) {
+                                            : undefined, children: _jsx(Text, { variant: "bold", size: "sm", children: column.header }) }, "hd-".concat(columnIndex))); }) }) }), _jsx("tbody", { className: "table__body", children: data.map(function (row, rowIndex) {
                                     var _a, _b;
                                     var hasVisibleChildren = (_a = row.children) === null || _a === void 0 ? void 0 : _a.some(function (child) { return child.visible; });
-                                    var defaultTable = (_jsx("tr", __assign({ className: cn(row.className, {
+                                    var defaultTable = (_jsx("tr", { className: cn(row.className, {
                                             'table__row-nested': (_b = row.children) === null || _b === void 0 ? void 0 : _b.length,
                                             'table__row-clickable': onClickRow,
-                                        }), onClick: function (e) { return onClickRow === null || onClickRow === void 0 ? void 0 : onClickRow(e, row); } }, { children: _jsx(TableCell, { columns: columns, row: row, rowIndex: rowIndex }) })));
-                                    return (_jsx(Fragment, { children: isGrouped ? (row.children && row.children.length > 0 ? (_jsx("tr", __assign({ className: "table__row-grouped" }, { children: _jsx("td", __assign({ colSpan: columns.length }, { children: _jsx(NestedContent, { isGrouped: isGrouped, rowIndex: rowIndex, columns: columns, children: row.children || [], onClickRow: onClickRow }) })) }))) : (defaultTable)) : !row.children ? (defaultTable) : (_jsx("tr", __assign({ className: "table__row-with-children", onClick: function (e) { return onClickRow === null || onClickRow === void 0 ? void 0 : onClickRow(e, row); } }, { children: _jsx("td", __assign({ colSpan: columns.length, className: cn({
+                                        }), onClick: function (e) { return onClickRow === null || onClickRow === void 0 ? void 0 : onClickRow(e, row); }, children: _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 }) }) })) : (defaultTable)) : !row.children ? (defaultTable) : (_jsx("tr", { className: "table__row-with-children", onClick: function (e) { return onClickRow === null || onClickRow === void 0 ? void 0 : onClickRow(e, row); }, children: _jsx("td", { colSpan: columns.length, className: cn({
                                                     'table__children--visible': hasVisibleChildren,
-                                                }) }, { children: _jsx("table", __assign({ className: "table" }, { children: _jsxs("tbody", { children: [defaultTable, _jsx(AnimatePresence, __assign({ initial: false }, { children: hasVisibleChildren && (_jsx("tr", __assign({ className: cn('table__no-hover', {
+                                                }), 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", __assign({ colSpan: columns.length, className: "table__cell-nested" }, { children: _jsx(NestedContent, { rowIndex: rowIndex, columns: columns, children: row.children || [] }) })) }), "nested-".concat(rowIndex))) }))] }) })) })) }))) }, "rw-".concat(rowIndex)));
-                                }) }))] })) })), hasTotal && (_jsx("div", __assign({ className: "table__total-container" }, { children: _jsx("table", __assign({ className: "table" }, { children: _jsx("tbody", __assign({ className: "table__total" }, { children: _jsxs("tr", { children: [_jsx("td", { colSpan: columns.length - 1 }), _jsx("td", __assign({ style: {
+                                                                    }), children: _jsx("td", { colSpan: columns.length, className: "table__cell-nested", children: _jsx(NestedContent, { rowIndex: rowIndex, columns: columns, children: row.children || [] }) }) }, "nested-".concat(rowIndex))) })] }) }) }) })) }, "rw-".concat(rowIndex)));
+                                }) })] }) }), 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: {
                                             '--last-column-width': normalizeLastColumnWidth(),
-                                        } }, { children: _jsxs("div", __assign({ className: "relative" }, { children: [_jsxs(Text, __assign({ size: "md", variant: "bold", className: "absolute top-0 -left-3 -translate-x-full" }, { children: ["Total :", ' '] })), _jsx("div", { children: Object.entries(totalRows).map(function (_a) {
+                                        }, children: _jsxs("div", { className: "relative", children: [_jsxs(Text, { size: "md", variant: "bold", className: "absolute top-0 -left-3 -translate-x-full", children: ["Total :", ' '] }), _jsx("div", { children: Object.entries(totalRows).map(function (_a) {
                                                         var currency = _a[0], total = _a[1];
-                                                        return (_jsx("div", { children: _jsxs(Text, __assign({ size: "md", variant: "bold" }, { children: [currency, " ", total] })) }, currency));
-                                                    }) })] })) }))] }) })) })) }))), pagination && (_jsx("div", __assign({ className: "flex justify-end mt-4" }, { children: _jsx(Pagination, __assign({}, pagination)) })))] }) })));
+                                                        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/dist/components/organisms/Table/TableCell.d.ts

@@ -13,4 +13,4 @@ export interface TableCellProps<T = TableRowData> {
     rowIndex: number;
     childIndex?: number;
 }
-export declare const TableCell: <T extends TableRowData<any>>(props: TableCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableCell: <T extends TableRowData>(props: TableCellProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,16 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export var TableCell = function (props) {
     var columns = props.columns, row = props.row, rowIndex = props.rowIndex, childIndex = props.childIndex;
-    return (_jsx(_Fragment, { children: columns.map(function (column, columnIndex) { return (_jsx("td", __assign({ style: column.width ? { minWidth: column.width, width: column.width } : undefined }, { children: column.key === 'actions' ? (_jsx("div", { children: column.cell({}, row, rowIndex, childIndex) })) : (column.cell(row[column.key], row, rowIndex, childIndex)) }), "cl-".concat(rowIndex, "-").concat(columnIndex))); }) }));
+    return (_jsx(_Fragment, { children: columns.map(function (column, columnIndex) { return (_jsx("td", { style: column.width ? { minWidth: column.width, width: column.width } : undefined, children: column.key === 'actions' ? (_jsx("div", { children: column.cell({}, row, rowIndex, childIndex) })) : (column.cell(row[column.key], row, rowIndex, childIndex)) }, "cl-".concat(rowIndex, "-").concat(columnIndex))); }) }));
 };

package/dist/components/organisms/Table/columns/booking-cancel-service-columns.js

@@ -1,19 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Button from '../../../atoms/Button/Button';
-import Chip from '../../../atoms/Chip/Chip';
 import { Text } from '../../../atoms/Typography/Typography';
 import { DateDisplay } from '../../../molecules/DateDisplay/DateDisplay';
+import { PaxChips } from '../../../molecules/PaxChips/PaxChips';
 import { ServiceType, } from '../../../../types/table/index';
 import { RowAccommodation } from '../../../molecules/TableServiceItem/RowAccommodation';
 import { RowExcursion } from '../../../molecules/TableServiceItem/RowExcursion';
@@ -114,35 +103,30 @@ export var bookingCancelServiceColumns = function (params) {
             width: 329,
             cell: function (value, raw) {
                 var pax = {
-                    Adult: 0,
-                    Teen: 0,
-                    Infant: 0,
-                    Child: 0,
+                    adult: 0,
+                    teen: 0,
+                    infant: 0,
+                    child: 0,
                 };
                 switch (value) {
                     case ServiceType.ACCOMMODATION:
                     case ServiceType.EXCURSION:
                     case ServiceType.TRANSFER:
                         var item = raw;
-                        pax.Adult = item.AdultCount;
-                        pax.Teen = item.TeenCount;
-                        pax.Infant = item.InfantCount;
-                        pax.Child = item.ChildCount;
+                        pax.adult = item.AdultCount;
+                        pax.teen = item.TeenCount;
+                        pax.infant = item.InfantCount;
+                        pax.child = item.ChildCount;
                         break;
                     case ServiceType.OTHER_SERVICE:
                         var otherService = raw;
-                        pax.Adult = otherService.adult_pax;
-                        pax.Teen = otherService.teen_pax;
-                        pax.Infant = otherService.infant_pax;
-                        pax.Child = otherService.child_pax;
+                        pax.adult = otherService.adult_pax;
+                        pax.teen = otherService.teen_pax;
+                        pax.infant = otherService.infant_pax;
+                        pax.child = otherService.child_pax;
                         break;
                 }
-                return (_jsx("div", __assign({ className: "flex items-center gap-x-3" }, { children: Object.keys(pax).map(function (k, index) {
-                        var _a;
-                        var count = (_a = pax[k]) !== null && _a !== void 0 ? _a : 0;
-                        var type = count > 0 ? 'filled' : 'outline';
-                        return (_jsx(Chip, { label: "".concat(k, " ").concat(count), size: "sm", color: "accent", type: type, className: "!px-3" }, "pax-".concat(index)));
-                    }) })));
+                return _jsx(PaxChips, { pax: pax });
             },
         },
         {
@@ -175,7 +159,7 @@ export var bookingCancelServiceColumns = function (params) {
                         break;
                 }
                 var showRemoveButton = onRemove && raw.Type !== ServiceType.OTHER_SERVICE && childIndex === 0;
-                return (_jsxs("div", __assign({ className: "flex items-center justify-between" }, { children: [_jsxs(Text, __assign({ size: "sm", variant: "bold" }, { children: [total.currency, " ", total.total] })), showRemoveButton && (_jsx(Button, __assign({ variant: "destructive", size: "sm", onClick: function () { return onRemove(raw, index, childIndex); } }, { children: "Remove" })))] })));
+                return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs(Text, { size: "sm", variant: "bold", children: [total.currency, " ", total.total] }), showRemoveButton && (_jsx(Button, { variant: "destructive", size: "sm", onClick: function () { return onRemove(raw, index, childIndex); }, children: "Remove" }))] }));
             },
         },
     ];

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

@@ -1,20 +1,9 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Button from '../../../atoms/Button/Button';
-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 { PaxChips } from '../../../molecules/PaxChips/PaxChips';
 import { actionDropdownData } from '../constant';
 export var bookingColumns = function (_a) {
     var onExpand = _a.onExpand, onAction = _a.onAction;
@@ -23,20 +12,20 @@ export var bookingColumns = function (_a) {
             header: 'Quote nb.',
             key: 'booking_id',
             width: 150,
-            cell: function (value) { return (_jsx(Text, __assign({ variant: "medium", size: "sm" }, { children: value }))); },
+            cell: function (value) { return (_jsx(Text, { variant: "medium", size: "sm", children: value })); },
         },
         {
             header: 'Client name',
             key: 'agency_name',
             width: 150,
-            cell: function (value) { return (_jsx(Text, __assign({ variant: "medium", size: "sm" }, { children: value }))); },
+            cell: function (value) { return (_jsx(Text, { variant: "medium", size: "sm", children: value })); },
         },
         {
             header: 'Type',
             key: 'status',
             width: 145,
             cell: function (value) {
-                return (_jsx(Text, __assign({ variant: "medium", size: "sm" }, { children: "STD" })));
+                return (_jsx(Text, { variant: "medium", size: "sm", children: "STD" }));
             },
         },
         {
@@ -56,11 +45,7 @@ export var bookingColumns = function (_a) {
                 var paxDetails = value;
                 var paxDetailsKeys = Object.keys(paxDetails);
                 if (paxDetailsKeys.length) {
-                    return (_jsx("div", __assign({ className: "flex flex-wrap gap-2" }, { children: paxDetailsKeys.map(function (key) {
-                            return (_jsx(Chip, { label: "".concat(key, " ").concat(paxDetails[key]), type: paxDetails[key] > 0
-                                    ? 'filled'
-                                    : 'outline', color: "accent", size: "sm" }));
-                        }) })));
+                    return _jsx(PaxChips, { pax: paxDetails });
                 }
                 return _jsx(_Fragment, {});
             },
@@ -69,14 +54,14 @@ export var bookingColumns = function (_a) {
             header: 'Created by',
             key: 'created_by',
             width: 160,
-            cell: function (value) { return (_jsx(Text, __assign({ variant: "medium", size: "sm" }, { children: value }))); },
+            cell: function (value) { return (_jsx(Text, { variant: "medium", size: "sm", children: value })); },
         },
         {
             header: '',
             key: 'actions',
             width: 232,
             cell: function (_value, raw) {
-                return (_jsx("div", { children: _jsxs("div", __assign({ className: "flex items-center gap-x-8" }, { children: [_jsxs("div", __assign({ className: "flex items-center gap-x-3" }, { children: [_jsx(Button, __assign({ variant: "secondary", size: "sm", className: "w-[89px]" }, { children: "Proforma" })), _jsx(Button, __assign({ variant: "outline-secondary", size: "sm", className: "w-[89px]" }, { children: "Voucher" }))] })), _jsx(ActionDropdown, { data: actionDropdownData(onAction) })] })) }));
+                return (_jsx("div", { children: _jsxs("div", { className: "flex items-center gap-x-8", children: [_jsxs("div", { className: "flex items-center gap-x-3", children: [_jsx(Button, { variant: "secondary", size: "sm", className: "w-[89px]", children: "Proforma" }), _jsx(Button, { variant: "outline-secondary", size: "sm", className: "w-[89px]", children: "Voucher" })] }), _jsx(ActionDropdown, { data: actionDropdownData(onAction) })] }) }));
             },
         },
     ];

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

@@ -0,0 +1,3 @@
+import { ComparisonData } from '../../DialogComparison/DialogComparison';
+import { ColumnType } from '../TableCell';
+export declare const comparisonColumns: () => ColumnType<ComparisonData>[];

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

@@ -0,0 +1,97 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Text } from '../../../atoms/Typography/Typography';
+import { RowAccommodation } from '../../../molecules/TableServiceItem/RowAccommodation';
+import { RowExcursion } from '../../../molecules/TableServiceItem/RowExcursion';
+import { RowOtherServices } from '../../../molecules/TableServiceItem/RowOtherServices';
+import { RowTransfer } from '../../../molecules/TableServiceItem/RowTransfer';
+import { priceFormatter } from '../../../../lib/price-formatter';
+import { ServiceType } from '../../../../types/table/index';
+import { isComparisonAccommodation, isComparisonExcursion, isComparisonOtherService, isComparisonTransfer, } from '../../DialogComparison/DialogComparison';
+var COLUMNS_WIDTH = 532 / 3;
+export var comparisonColumns = function () {
+    return [
+        {
+            header: 'Item',
+            key: 'Type',
+            width: COLUMNS_WIDTH,
+            cell: function (value, raw) {
+                if (isComparisonAccommodation(raw)) {
+                    var accom = raw;
+                    return (_jsx(RowAccommodation.FirstCol, { serviceName: raw.HotelName, offers: raw.Offers, status: raw.RoomStatus }));
+                }
+                if (isComparisonExcursion(raw)) {
+                    return _jsx(RowExcursion.FirstCol, { serviceName: raw.ExcursionName });
+                }
+                if (isComparisonTransfer(raw)) {
+                    var transfer = raw;
+                    return (_jsx(RowTransfer.FirstCol, { serviceName: transfer.VehicleTypeName, transferType: transfer.TransferType, from: transfer.LocationFromName, to: transfer.LocationToName }));
+                }
+                if (value === ServiceType.OTHER_SERVICE) {
+                    return _jsx(RowOtherServices.FirstCol, {});
+                }
+                return _jsx(_Fragment, {});
+            },
+        },
+        {
+            header: 'Details',
+            key: 'Type',
+            width: COLUMNS_WIDTH,
+            cell: function (value, raw, index) {
+                if (isComparisonAccommodation(raw)) {
+                    return (_jsx(RowAccommodation.DetailsCol, { data: {
+                            RoomName: raw.RoomName,
+                            Dates: raw.Dates,
+                            ClientCategory: raw.ClientCategory,
+                            MealPlan: raw.MealPlan,
+                        }, index: (index || 0) + 1 }));
+                }
+                if (isComparisonExcursion(raw)) {
+                    return (_jsx(RowExcursion.DetailsCol, { data: {
+                            languages: raw.AvailableLanguages,
+                            duration: raw.Duration,
+                            accessibility: raw.Accessibility,
+                            transferType: raw.TransferType,
+                        } }));
+                }
+                if (isComparisonTransfer(raw)) {
+                    return (_jsx(RowTransfer.DetailsCol, { data: {
+                            carType: raw.VehicleTypeName,
+                            clientType: 'STD',
+                        } }));
+                }
+                if (value === ServiceType.OTHER_SERVICE) {
+                    return _jsx(RowOtherServices.DetailsCol, {});
+                }
+                return _jsx(_Fragment, {});
+            },
+        },
+        {
+            header: 'Price',
+            key: 'Type',
+            width: COLUMNS_WIDTH,
+            cell: function (_value, raw) {
+                var total = {
+                    currency: undefined,
+                    total: undefined,
+                };
+                if (isComparisonAccommodation(raw)) {
+                    total.currency = raw.Currency;
+                    total.total = raw.Total;
+                }
+                if (isComparisonExcursion(raw)) {
+                    total.currency = raw.Currency;
+                    total.total = raw.TotalPrice;
+                }
+                if (isComparisonTransfer(raw)) {
+                    total.currency = raw.Currency;
+                    total.total = raw.TotalPrice;
+                }
+                if (isComparisonOtherService(raw)) {
+                    total.currency = raw.currency;
+                    total.total = raw.total_price;
+                }
+                return (_jsx("div", { className: "flex items-center justify-between", children: _jsx(Text, { size: "sm", variant: "bold", children: priceFormatter(total.total, total.currency) }) }));
+            },
+        },
+    ];
+};