mautourco-components 0.2.17 → 0.2.19

package/dist/components/molecules/PaxDisplay/PaxDisplay.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BookingPax } from '@/src/types/table/booking.types';
+import './PaxDisplay.css';
+export interface PaxDisplayProps {
+    pax: BookingPax;
+}
+export declare const PaxDisplay: React.FC<PaxDisplayProps>;

package/dist/components/molecules/PaxDisplay/PaxDisplay.js

@@ -0,0 +1,32 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import groupBy from 'lodash/groupBy';
+import { Text } from '../../atoms/Typography/Typography';
+import TextWithIcon from '../TextWithIcon/TextWithIcon';
+import './PaxDisplay.css';
+var paxLabel = {
+    adult: 'Adult',
+    teen: 'Teen',
+    child: 'Child',
+    infant: 'Infant',
+};
+export var PaxDisplay = function (props) {
+    var pax = props.pax;
+    return (_jsx("div", __assign({ className: "pax-display" }, { children: Object.entries(pax).map(function (_a) {
+            var key = _a[0], value = _a[1];
+            return (_jsx("div", { children: key === 'adult' && (value === null || value === void 0 ? void 0 : value.length) > 0 ? (_jsxs(TextWithIcon, __assign({ icon: "user", textSize: "sm", textVariant: "medium" }, { children: [value.length, " ", paxLabel[key]] }))) : (value.length > 0 && (_jsx("div", __assign({ className: "flex flex-wrap" }, { children: _jsx(TextWithIcon, __assign({ icon: "user", textSize: "sm", textVariant: "medium", textLeading: "4" }, { children: _jsx("div", __assign({ className: "flex items-center gap-x-2" }, { children: Object.entries(groupBy(value, 'age')).map(function (_a) {
+                                var age = _a[0], items = _a[1];
+                                return (_jsxs("div", __assign({ className: "pax-display__item" }, { children: [items.length, " ", paxLabel[key], ' ', _jsxs(Text, __assign({ variant: "regular", size: "sm", leading: "4", as: "span", color: "light" }, { children: ["(", age, " y.o)"] }))] }), age));
+                            }) })) })) })))) }, key));
+        }) })));
+};