mautourco-components 0.2.14 → 0.2.16

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import './Breadcrumbs.css';
+export interface BreadcrumbsItem {
+    label: string;
+    onClick: () => void;
+}
+export interface BreadcrumbsProps {
+    items: BreadcrumbsItem[];
+    onBack: () => void;
+}
+export declare const Breadcrumbs: React.FC<BreadcrumbsProps>;

package/dist/components/molecules/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,20 @@
+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 { cn } from '@/src/lib/utils';
+import Icon from '../../atoms/Icon/Icon';
+import { Text } from '../../atoms/Typography/Typography';
+import './Breadcrumbs.css';
+export var Breadcrumbs = function (props) {
+    var items = props.items, onBack = props.onBack;
+    return (_jsxs("ol", __assign({ className: "breadcrumbs" }, { children: [_jsxs(Text, __assign({ variant: "medium", size: "sm", leading: "4", as: "li", className: "cursor-pointer", onClick: onBack }, { children: [_jsx(Icon, { name: "chevron-left", size: "sm" }), "Back"] })), items.map(function (item, index) { return (_jsx(Text, __assign({ as: "li", variant: "medium", size: "sm", onClick: item.onClick, color: index === items.length - 1 ? 'accent' : 'default', leading: "4", className: cn(index < items.length - 1 && 'cursor-pointer') }, { children: item.label }), "bc-".concat(index))); })] })));
+};

package/dist/components/molecules/TableServiceItem/DetailsCol.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { IconName } from '../../atoms/Icon/Icon';
-interface DetailsColData {
+export interface DetailsColData {
     icon: IconName;
     value: React.ReactNode;
 }
 export interface DetailsColProps {
     data: DetailsColData[];
     index?: number;
+    className?: string;
 }
 export declare const DetailsCol: React.FC<DetailsColProps>;
-export {};

package/dist/components/molecules/TableServiceItem/DetailsCol.js

@@ -10,8 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@/src/lib/utils';
 import TextWithIcon from '../TextWithIcon/TextWithIcon';
 export var DetailsCol = function (props) {
-    var data = props.data;
-    return (_jsx("div", __assign({ className: "grid gap-y-1" }, { children: data.map(function (item) { return (_jsx(TextWithIcon, __assign({ icon: item.icon }, { children: item.value }))); }) })));
+    var data = props.data, className = props.className;
+    return (_jsx("div", __assign({ className: cn('grid gap-y-1', className) }, { children: data.map(function (item, index) { return (_jsx(TextWithIcon, __assign({ icon: item.icon }, { children: item.value }), "dc-".concat(index))); }) })));
 };

package/dist/components/molecules/TextWithIcon/TextWithIcon.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '@/src/lib/utils';
 import Icon from '../../atoms/Icon/Icon';
-import { Text } from '../../atoms/Typography/Typography';
+import { Text, } from '../../atoms/Typography/Typography';
 /**
  * A component that displays a text with an icon.
  *
@@ -26,6 +26,6 @@ import { Text } from '../../atoms/Typography/Typography';
  */
 var TextWithIcon = function (props) {
     var icon = props.icon, children = props.children, _a = props.iconSize, iconSize = _a === void 0 ? 'sm' : _a, _b = props.color, color = _b === void 0 ? 'default' : _b, _c = props.textLeading, textLeading = _c === void 0 ? '5' : _c, _d = props.textVariant, textVariant = _d === void 0 ? 'medium' : _d;
-    return (_jsxs("div", __assign({ className: cn('flex items-center gap-x-2', color === 'yellow' && 'text-[var(--color-yellow-600)]', color === 'accent' && 'text-[var(--color-text-accent)]') }, { children: [_jsx("span", { children: _jsx(Icon, { name: icon, size: iconSize }) }), _jsx(Text, __assign({ variant: textVariant, size: iconSize, className: "flex items-center gap-x-2", color: color, leading: textLeading, as: "div" }, { children: children }))] })));
+    return (_jsxs("div", __assign({ className: cn('flex items-center gap-x-2', color === 'yellow' && 'text-[var(--color-yellow-600)]', color === 'accent' && 'text-[var(--color-text-accent)]') }, { children: [icon && (_jsx("span", { children: _jsx(Icon, { name: icon, size: iconSize }) })), _jsx(Text, __assign({ variant: textVariant, size: iconSize, className: "flex items-center gap-x-2", color: color, leading: textLeading, as: "div" }, { children: children }))] })));
 };
 export default TextWithIcon;

package/dist/components/molecules/TimelineItem/ServiceAccommodation.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { DetailsColData } from '../TableServiceItem/DetailsCol';
+export interface ServiceAccommodationProps {
+    hotelName: string;
+    details: DetailsColData[];
+    dates: string[] | Date[];
+    isOnRequest?: boolean;
+}
+export declare const ServiceAccommodation: React.FC<ServiceAccommodationProps>;

package/dist/components/molecules/TimelineItem/ServiceAccommodation.js

@@ -0,0 +1,20 @@
+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 { DateDisplay } from '../DateDisplay/DateDisplay';
+import { DetailsCol } from '../TableServiceItem/DetailsCol';
+import { TimelineHeader } from './TimelineHeader';
+export var ServiceAccommodation = function (props) {
+    var hotelName = props.hotelName, details = props.details, dates = props.dates, isOnRequest = props.isOnRequest;
+    return (_jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(TimelineHeader, { icon: "accom", title: "Accomodation", isOnRequest: isOnRequest }), _jsx(Text, __assign({ variant: "bold", size: "sm", leading: "5" }, { children: hotelName })), _jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx(DateDisplay, { date: dates }), _jsx(DetailsCol, { data: details, className: "gap-y-2" })] }))] })));
+};

package/dist/components/molecules/TimelineItem/ServiceExcursion.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DetailsColData } from '../TableServiceItem/DetailsCol';
+export interface ServiceExcursionProps {
+    name: string;
+    details: DetailsColData[];
+    date: string;
+}
+export declare const ServiceExcursion: React.FC<ServiceExcursionProps>;

package/dist/components/molecules/TimelineItem/ServiceExcursion.js

@@ -0,0 +1,20 @@
+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 { DateDisplay } from '../DateDisplay/DateDisplay';
+import { DetailsCol } from '../TableServiceItem/DetailsCol';
+import { TimelineHeader } from './TimelineHeader';
+export var ServiceExcursion = function (props) {
+    var name = props.name, details = props.details, date = props.date;
+    return (_jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(TimelineHeader, { icon: "map", title: "Excursion" }), _jsx(Text, __assign({ variant: "bold", size: "sm", leading: "5" }, { children: name })), _jsxs("div", __assign({ className: "space-y-2" }, { children: [_jsx(DateDisplay, { date: [date] }), _jsx(DetailsCol, { data: details, className: "gap-y-2" })] }))] })));
+};

package/dist/components/molecules/TimelineItem/ServiceTransfer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { DetailsColData } from '../TableServiceItem/DetailsCol';
+export interface ServiceTransferProps {
+    transferType: string;
+    location: {
+        from: string;
+        to: string;
+    };
+    details: DetailsColData[];
+}
+export declare const ServiceTransfer: React.FC<ServiceTransferProps>;

package/dist/components/molecules/TimelineItem/ServiceTransfer.js

@@ -0,0 +1,19 @@
+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 FromTo from '../FromTo/FromTo';
+import { DetailsCol } from '../TableServiceItem/DetailsCol';
+import { TimelineHeader } from './TimelineHeader';
+export var ServiceTransfer = function (props) {
+    var transferType = props.transferType, location = props.location, details = props.details;
+    return (_jsxs("div", __assign({ className: "space-y-3" }, { children: [_jsx(TimelineHeader, { icon: "car", title: "Transfer", extraText: transferType }), _jsx(FromTo, { from: location.from, to: location.to }), _jsx(DetailsCol, { data: details, className: "gap-y-2" })] })));
+};