mautourco-components 0.2.140 → 0.2.142

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

@@ -48,7 +48,7 @@ var NestedContent = function (_a) {
             opacity: { duration: 0.15, ease: 'easeInOut' },
         }, 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, { parentIndex: parentIndex, childIndex: childIndex }); }, 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, { parentIndex: parentIndex, childIndex: childIndex }); }, children: _jsx(TableCell, { columns: columns, row: child, rowIndex: childIndex, childIndex: childIndex }) }, "ch-".concat(child.id, "-").concat(rowIndex, "-").concat(childIndex))); }) }) }) }));
 };
 /**
  * A table component for displaying structured data in rows and columns. Supports customizable column definitions and data rows.
@@ -92,13 +92,13 @@ export function Table(props) {
                                                             'table__children--visible': hasVisibleChildren,
                                                         }), 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)));
+                                                                                }), 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(row.id, "-").concat(rowIndex))) })] }) }) }) }) })) }, "rw-".concat(row.id, "-").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: {
                                             '--last-column-width': normalizeLastColumnWidth(),
                                         }, 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: _jsx(Text, { size: "md", variant: "bold", children: priceFormatter(total, currency) }) }, currency));
+                                                        return (_jsx("div", { children: _jsx(Text, { size: "md", variant: "bold", children: priceFormatter(total, currency) }) }, "total-".concat(total, "-").concat(currency)));
                                                     }) })] }) })] }) }) }) })), pagination && (_jsx("div", { className: "flex justify-end mt-4", children: _jsx(Pagination, __assign({}, pagination)) }))] }) }));
 }

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

@@ -19,7 +19,7 @@ export var comparisonColumns = function () {
                     return (_jsx(RowAccommodation.FirstCol, { serviceName: raw.hotelName, offers: raw.offers, status: raw.roomName }));
                 }
                 if (isComparisonExcursion(raw)) {
-                    return _jsx(RowExcursion.FirstCol, { serviceName: raw.name });
+                    return (_jsx(RowExcursion.FirstCol, { serviceName: raw.name, extraContent: raw.pickUpPoint }));
                 }
                 if (isComparisonTransfer(raw)) {
                     var transfer = raw;

package/package.json

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

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

@@ -119,7 +119,7 @@ const NestedContent = <T extends TableRowData<T>>({
         <tbody>
           {children.map((child, childIndex) => (
             <tr
-              key={`ch-${rowIndex}-${childIndex}`}
+              key={`ch-${child.id}-${rowIndex}-${childIndex}`}
               className={cn(child.className, {
                 'table__row-clickable': onClickRow,
               })}
@@ -236,7 +236,7 @@ export function Table<T extends TableRowData<T>>(props: TableProps<T>) {
                   );
 
                   return (
-                    <Fragment key={`rw-${rowIndex}`}>
+                    <Fragment key={`rw-${row.id}-${rowIndex}`}>
                       {isGrouped ? (
                         row.children && row.children.length > 0 ? (
                           <tr
@@ -273,7 +273,7 @@ export function Table<T extends TableRowData<T>>(props: TableProps<T>) {
                                   <AnimatePresence initial={false}>
                                     {hasVisibleChildren && (
                                       <tr
-                                        key={`nested-${rowIndex}`}
+                                        key={`nested-${row.id}-${rowIndex}`}
                                         className={cn('table__no-hover', {
                                           'table__row-nested':
                                             row.children && row.children.length > 0,
@@ -337,7 +337,7 @@ export function Table<T extends TableRowData<T>>(props: TableProps<T>) {
                       </Text>
                       <div>
                         {Object.entries(totalRows).map(([currency, total]) => (
-                          <div key={currency}>
+                          <div key={`total-${total}-${currency}`}>
                             <Text size="md" variant="bold">
                               {priceFormatter(total, currency)}
                             </Text>

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

@@ -32,7 +32,12 @@ export const comparisonColumns: () => ColumnType<ComparisonData>[] = () => {
           );
         }
         if (isComparisonExcursion(raw)) {
-          return <RowExcursion.FirstCol serviceName={raw.name as string} />;
+          return (
+            <RowExcursion.FirstCol
+              serviceName={raw.name as string}
+              extraContent={raw.pickUpPoint}
+            />
+          );
         }
         if (isComparisonTransfer(raw)) {
           const transfer = raw;