mautourco-components 0.2.5 → 0.2.7

package/dist/components/organisms/TopNavigation/MobileNav.js

@@ -1,45 +1,45 @@
-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, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import Icon from "../../atoms/Icon/Icon";
-import Button from "../../atoms/Button/Button";
-import { UserCard } from "../../molecules/UserCard/UserCard";
-export var MobileNav = function (_a) {
-    var links = _a.links, onLinkClick = _a.onLinkClick, onLogin = _a.onLogin, onLogout = _a.onLogout, user = _a.user, active = _a.active, logoUrl = _a.logoUrl, selectedAgency = _a.selectedAgency, onAgencyChange = _a.onAgencyChange, agencies = _a.agencies, homeUrl = _a.homeUrl;
-    var _b = React.useState(false), open = _b[0], setOpen = _b[1];
-    var closeRef = React.useRef(null);
-    var Logo = typeof logoUrl === "function" ? logoUrl : null;
-    return (_jsxs(_Fragment, { children: [_jsxs("header", __assign({ className: "header" }, { children: [_jsx("button", __assign({ "aria-label": "Open Menu", onClick: function () { return setOpen(true); } }, { children: _jsx(Icon, { name: "menu", size: "sm" }) })), _jsx("div", __assign({ className: "header-logo" }, { children: _jsx("a", __assign({ href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", className: "header-logo__link", onClick: function (e) {
-                                e.preventDefault();
-                                onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick({ label: "Home", route: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/" });
-                            } }, { children: Logo ? (_jsx(Logo, { className: "header-logo__image" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image", draggable: false })) })) })), _jsx("div", __assign({ className: "header-user-actions" }, { children: !user && (_jsx(Button, __assign({ size: "sm", variant: "secondary", onClick: function () {
-                                onLogin === null || onLogin === void 0 ? void 0 : onLogin();
-                                setOpen(false);
-                            } }, { children: "Login" }))) }))] })), _jsx("div", { "aria-hidden": !open, className: "mobile-nav__backdrop ".concat(open ? "mobile-nav__backdrop--open" : "mobile-nav__backdrop--closed"), onClick: function () { return setOpen(false); } }), _jsxs("aside", __assign({ role: "dialog", "aria-modal": "true", "aria-label": "Main menu", className: "\n          mobile-nav__sheet\n          ".concat(open ? "mobile-nav__sheet--open" : "mobile-nav__sheet--closed", "\n        ") }, { children: [_jsxs("div", __assign({ className: "mobile-nav__header" }, { children: [_jsx("div", { children: _jsx("button", __assign({ ref: closeRef, "aria-label": "Close menu", onClick: function () { return setOpen(false); }, className: "mobile-nav__close-button" }, { children: _jsx(Icon, { name: "close", size: "sm" }) })) }), user ? (_jsx(UserCard, { user: user, agencies: agencies || [], selectedAgency: selectedAgency, onSelectAgency: onAgencyChange })) : (_jsx("a", __assign({ href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", className: "header-logo__link", onClick: function (e) {
-                                    e.preventDefault();
-                                    onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick({ label: "Home", route: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/" });
-                                } }, { children: Logo ? (_jsx(Logo, { className: "header-logo__image-mobile" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image-mobile", draggable: false })) })))] })), _jsx("nav", __assign({ className: "mobile-nav__content" }, { children: _jsx("ul", __assign({ className: "mobile-nav__list" }, { children: links.map(function (l, i) {
-                                var activeItem = active && active === l.label;
-                                return (_jsx("li", __assign({ className: "header__item ".concat(activeItem ? "header__item--active" : "") }, { children: _jsx("button", __assign({ disabled: l.disabled, onClick: function () {
-                                            onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(l);
-                                            setOpen(false);
-                                        }, className: "mobile-nav__item-button" }, { children: l.label })) }), "".concat(l.route, "-").concat(i)));
-                            }) })) })), _jsx("div", __assign({ className: "mobile-nav__footer" }, { children: user ? (_jsx("div", __assign({ className: "mobile-nav__user-info" }, { children: _jsx(Button, __assign({ onClick: function () {
-                                    onLogout === null || onLogout === void 0 ? void 0 : onLogout();
-                                    setOpen(false);
-                                }, className: "mobile-nav__logout-button" }, { children: "Logout" })) }))) : (_jsx(Button, __assign({ size: "sm", variant: "secondary", onClick: function () {
-                                onLogin === null || onLogin === void 0 ? void 0 : onLogin();
-                                setOpen(false);
-                            } }, { children: "Login" }))) }))] }))] }));
-};
-export default MobileNav;
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import Icon from "../../atoms/Icon/Icon";
+import Button from "../../atoms/Button/Button";
+import { UserCard } from "../../molecules/UserCard/UserCard";
+export var MobileNav = function (_a) {
+    var links = _a.links, onLinkClick = _a.onLinkClick, onLogin = _a.onLogin, onLogout = _a.onLogout, user = _a.user, active = _a.active, logoUrl = _a.logoUrl, selectedAgency = _a.selectedAgency, onAgencyChange = _a.onAgencyChange, agencies = _a.agencies, homeUrl = _a.homeUrl;
+    var _b = React.useState(false), open = _b[0], setOpen = _b[1];
+    var closeRef = React.useRef(null);
+    var Logo = typeof logoUrl === "function" ? logoUrl : null;
+    return (_jsxs(_Fragment, { children: [_jsxs("header", __assign({ className: "header" }, { children: [_jsx("button", __assign({ "aria-label": "Open Menu", onClick: function () { return setOpen(true); } }, { children: _jsx(Icon, { name: "menu", size: "sm" }) })), _jsx("div", __assign({ className: "header-logo" }, { children: _jsx("a", __assign({ href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", className: "header-logo__link", onClick: function (e) {
+                                e.preventDefault();
+                                onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick({ label: "Home", route: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/" });
+                            } }, { children: Logo ? (_jsx(Logo, { className: "header-logo__image" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image", draggable: false })) })) })), _jsx("div", __assign({ className: "header-user-actions" }, { children: !user && (_jsx(Button, __assign({ size: "sm", variant: "secondary", onClick: function () {
+                                onLogin === null || onLogin === void 0 ? void 0 : onLogin();
+                                setOpen(false);
+                            } }, { children: "Login" }))) }))] })), _jsx("div", { "aria-hidden": !open, className: "mobile-nav__backdrop ".concat(open ? "mobile-nav__backdrop--open" : "mobile-nav__backdrop--closed"), onClick: function () { return setOpen(false); } }), _jsxs("aside", __assign({ role: "dialog", "aria-modal": "true", "aria-label": "Main menu", className: "\n          mobile-nav__sheet\n          ".concat(open ? "mobile-nav__sheet--open" : "mobile-nav__sheet--closed", "\n        ") }, { children: [_jsxs("div", __assign({ className: "mobile-nav__header" }, { children: [_jsx("div", { children: _jsx("button", __assign({ ref: closeRef, "aria-label": "Close menu", onClick: function () { return setOpen(false); }, className: "mobile-nav__close-button" }, { children: _jsx(Icon, { name: "close", size: "sm" }) })) }), user ? (_jsx(UserCard, { user: user, agencies: agencies || [], selectedAgency: selectedAgency, onSelectAgency: onAgencyChange })) : (_jsx("a", __assign({ href: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/", className: "header-logo__link", onClick: function (e) {
+                                    e.preventDefault();
+                                    onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick({ label: "Home", route: homeUrl !== null && homeUrl !== void 0 ? homeUrl : "/" });
+                                } }, { children: Logo ? (_jsx(Logo, { className: "header-logo__image-mobile" })) : (_jsx("img", { src: logoUrl, alt: "Mautourco", className: "header-logo__image-mobile", draggable: false })) })))] })), _jsx("nav", __assign({ className: "mobile-nav__content" }, { children: _jsx("ul", __assign({ className: "mobile-nav__list" }, { children: links.map(function (l, i) {
+                                var activeItem = active && active === l.label;
+                                return (_jsx("li", __assign({ className: "header__item ".concat(activeItem ? "header__item--active" : "") }, { children: _jsx("button", __assign({ disabled: l.disabled, onClick: function () {
+                                            onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(l);
+                                            setOpen(false);
+                                        }, className: "mobile-nav__item-button" }, { children: l.label })) }), "".concat(l.route, "-").concat(i)));
+                            }) })) })), _jsx("div", __assign({ className: "mobile-nav__footer" }, { children: user ? (_jsx("div", __assign({ className: "mobile-nav__user-info" }, { children: _jsx(Button, __assign({ onClick: function () {
+                                    onLogout === null || onLogout === void 0 ? void 0 : onLogout();
+                                    setOpen(false);
+                                }, className: "mobile-nav__logout-button" }, { children: "Logout" })) }))) : (_jsx(Button, __assign({ size: "sm", variant: "secondary", onClick: function () {
+                                onLogin === null || onLogin === void 0 ? void 0 : onLogin();
+                                setOpen(false);
+                            } }, { children: "Login" }))) }))] }))] }));
+};
+export default MobileNav;

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

@@ -1,33 +1,33 @@
-import React from "react";
-type Link = {
-    label: string;
-    route: string;
-    isButton?: boolean;
-    disabled?: boolean;
-};
-type User = {
-    name: string;
-    agency: string;
-    isAdmin: boolean;
-};
-type Agency = {
-    id: number;
-    name: string;
-    localisation: string;
-};
-export interface TopNavigationProps {
-    links: Link[];
-    onLinkClick?: (link: Link) => void;
-    onLogin?: () => void;
-    onLogout?: () => void;
-    user?: User;
-    active?: string;
-    logoUrl: string | React.FC<React.SVGProps<SVGSVGElement>>;
-    homeUrl?: string;
-    selectedAgency?: Agency;
-    onAgencyChange?: (agency: Agency) => void;
-    agencies?: Agency[];
-    className?: string;
-}
-export declare const TopNavigation: React.FC<TopNavigationProps>;
-export {};
+import React from "react";
+type Link = {
+    label: string;
+    route: string;
+    isButton?: boolean;
+    disabled?: boolean;
+};
+type User = {
+    name: string;
+    agency: string;
+    isAdmin: boolean;
+};
+type Agency = {
+    id: number;
+    name: string;
+    localisation: string;
+};
+export interface TopNavigationProps {
+    links: Link[];
+    onLinkClick?: (link: Link) => void;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    user?: User;
+    active?: string;
+    logoUrl: string | React.FC<React.SVGProps<SVGSVGElement>>;
+    homeUrl?: string;
+    selectedAgency?: Agency;
+    onAgencyChange?: (agency: Agency) => void;
+    agencies?: Agency[];
+    className?: string;
+}
+export declare const TopNavigation: React.FC<TopNavigationProps>;
+export {};

package/dist/components/organisms/TopNavigation/TopNavigation.js

@@ -1,20 +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 } from "react/jsx-runtime";
-import { useMobile } from "../../../hooks/useMobile";
-import MobileNav from "./MobileNav";
-import { DesktopNav } from "./DesktopNav";
-export var TopNavigation = function (props) {
-    var _a = useMobile(), isMobile = _a.isMobile, isTablet = _a.isTablet;
-    var isSmallScreen = isMobile || isTablet;
-    return isSmallScreen ? _jsx(MobileNav, __assign({}, props)) : _jsx(DesktopNav, __assign({}, props));
-};
+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 } from "react/jsx-runtime";
+import { useMobile } from "../../../hooks/useMobile";
+import MobileNav from "./MobileNav";
+import { DesktopNav } from "./DesktopNav";
+export var TopNavigation = function (props) {
+    var _a = useMobile(), isMobile = _a.isMobile, isTablet = _a.isTablet;
+    var isSmallScreen = isMobile || isTablet;
+    return isSmallScreen ? _jsx(MobileNav, __assign({}, props)) : _jsx(DesktopNav, __assign({}, props));
+};

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

@@ -1,53 +1,53 @@
-import React from "react";
-import { PaxData } from "../PaxSelector/PaxSelector";
-import { LocationOption, LocationGroup, LocationData } from "../../molecules/LocationDropdown/LocationDropdown";
-import "../../../styles/components/organism/transfer-line.css";
-export type TransferType = "arrival" | "departure" | "inter-hotel";
-export type { LocationData };
-export interface TransferLineData {
-    id: string;
-    type: TransferType;
-    paxData?: PaxData;
-    transferDate?: string;
-    pickupPoint?: LocationData;
-    dropoffPoint?: LocationData;
-}
-export interface TransferLineProps {
-    /** Unique identifier for this transfer line */
-    id: string;
-    /** Type of transfer: arrival, departure, or inter-hotel */
-    type: TransferType;
-    /** Pax data */
-    paxData?: PaxData;
-    /** Transfer date */
-    transferDate?: string;
-    /** Selected pickup point ID (for initial value) */
-    pickupPoint?: string | number;
-    /** Selected dropoff point ID (for initial value) */
-    dropoffPoint?: string | number;
-    /** All location options - will be filtered based on transfer type */
-    locations?: {
-        options?: LocationOption[];
-        groups?: LocationGroup[];
-    };
-    /** Callback when pax data changes */
-    onPaxChange?: (paxData: PaxData) => void;
-    /** Callback when transfer date changes */
-    onDateChange?: (date: string) => void;
-    /** Callback when pickup point changes */
-    onPickupChange?: (location: LocationData | null) => void;
-    /** Callback when dropoff point changes */
-    onDropoffChange?: (location: LocationData | null) => void;
-    /** Callback when any data changes - returns complete TransferLineData */
-    onDataChange?: (data: TransferLineData) => void;
-    /** Callback when delete button is clicked */
-    onDelete?: () => void;
-    /** Whether to show the delete button */
-    showDelete?: boolean;
-    /** Whether to show the title (Arrival, Departure, Inter-Hotel) */
-    showTitle?: boolean;
-    /** Additional CSS classes */
-    className?: string;
-}
-declare const TransferLine: React.FC<TransferLineProps>;
-export default TransferLine;
+import React from "react";
+import { PaxData } from "../PaxSelector/PaxSelector";
+import { LocationOption, LocationGroup, LocationData } from "../../molecules/LocationDropdown/LocationDropdown";
+import "../../../styles/components/organism/transfer-line.css";
+export type TransferType = "arrival" | "departure" | "inter-hotel";
+export type { LocationData };
+export interface TransferLineData {
+    id: string;
+    type: TransferType;
+    paxData?: PaxData;
+    transferDate?: string;
+    pickupPoint?: LocationData;
+    dropoffPoint?: LocationData;
+}
+export interface TransferLineProps {
+    /** Unique identifier for this transfer line */
+    id: string;
+    /** Type of transfer: arrival, departure, or inter-hotel */
+    type: TransferType;
+    /** Pax data */
+    paxData?: PaxData;
+    /** Transfer date */
+    transferDate?: string;
+    /** Selected pickup point ID (for initial value) */
+    pickupPoint?: string | number;
+    /** Selected dropoff point ID (for initial value) */
+    dropoffPoint?: string | number;
+    /** All location options - will be filtered based on transfer type */
+    locations?: {
+        options?: LocationOption[];
+        groups?: LocationGroup[];
+    };
+    /** Callback when pax data changes */
+    onPaxChange?: (paxData: PaxData) => void;
+    /** Callback when transfer date changes */
+    onDateChange?: (date: string) => void;
+    /** Callback when pickup point changes */
+    onPickupChange?: (location: LocationData | null) => void;
+    /** Callback when dropoff point changes */
+    onDropoffChange?: (location: LocationData | null) => void;
+    /** Callback when any data changes - returns complete TransferLineData */
+    onDataChange?: (data: TransferLineData) => void;
+    /** Callback when delete button is clicked */
+    onDelete?: () => void;
+    /** Whether to show the delete button */
+    showDelete?: boolean;
+    /** Whether to show the title (Arrival, Departure, Inter-Hotel) */
+    showTitle?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+declare const TransferLine: React.FC<TransferLineProps>;
+export default TransferLine;