mautourco-components 0.2.40 → 0.2.42

package/dist/styles/components/typography.css

@@ -2415,4 +2415,4 @@
 
 .body-lg-leading-none--bold { font-weight: var(--font-weight-font-bold, 700); }
 
-.body-lg-leading-none--black { font-weight: var(--font-weight-font-black, 900); }
+.body-lg-leading-none--black { font-weight: var(--font-weight-font-black, 900); }

package/package.json

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

package/src/components/organisms/QuoteHeader/QuoteHeader.css

@@ -8,7 +8,10 @@
     @apply px-2 relative mb-10;
     &::before {
       content: '';
-      @apply absolute top-1/2 left-0 -translate-y-1/2;
+      @apply absolute;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
       @apply w-1 h-8;
       background-color: var(--color-elevation-brand-subtle);
     }
@@ -29,7 +32,7 @@
 
   .quote-header__filters {
     @apply flex gap-3 my-8;
-    .dropdown-container {
+    .mtc-dropdown-container {
       width: 139px;
     }
   }

package/src/components/organisms/QuoteHeader/QuoteHeader.tsx

@@ -20,7 +20,7 @@ export interface QuoteHeaderProps {
   /** Callback to create a new quote */
   onNewQuote: () => void;
 
-  onFilterChange: (filter: 'date' | 'clientType' | 'fileStatus', value: string) => void;
+  onFilterChange?: (filter: 'date' | 'clientType' | 'fileStatus', value: string) => void;
 }
 
 const filterConfig = {

package/dist/components/atoms/Icon/icons/ChevronDownIcon.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface ChevronDownIconProps {
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    className?: string;
-    color?: string;
-}
-declare const ChevronDownIcon: React.FC<ChevronDownIconProps>;
-export default ChevronDownIcon;

package/dist/components/atoms/Icon/icons/ChevronDownIcon.js

@@ -1,30 +0,0 @@
-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";
-var ChevronDownIcon = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.className, className = _c === void 0 ? '' : _c, color = _a.color;
-    var getSizeClasses = function () {
-        switch (size) {
-            case 'xs': return 'w-3 h-3';
-            case 'sm': return 'w-4 h-4';
-            case 'md': return 'w-5 h-5';
-            case 'lg': return 'w-6 h-6';
-            case 'xl': return 'w-8 h-8';
-            default: return 'w-5 h-5';
-        }
-    };
-    var sizeClasses = getSizeClasses();
-    var colorClass = color ? "text-".concat(color) : 'text-current';
-    var classes = "".concat(sizeClasses, " ").concat(colorClass, " ").concat(className);
-    return (_jsx("svg", __assign({ className: classes, viewBox: "0 0 15 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M12.4707 0.571533H2.07621C0.87817 0.571533 0.163582 1.90675 0.828137 2.90358L6.02536 10.6994C6.6191 11.59 7.92778 11.59 8.52151 10.6994L13.7187 2.90358C14.3833 1.90675 13.6687 0.571533 12.4707 0.571533Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "1.14286" }) })));
-};
-export default ChevronDownIcon;

package/dist/components/organisms/BookingAddItem/AddItemNewService.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { BookingPaxClientInfo } from '../../molecules/BookingPax';
-import { ServiceOption, ServiceType } from '../../molecules/ServiceSelector';
-export interface AddItemNewServiceProps {
-    options?: ServiceOption[];
-    date: string | string[];
-    clients: BookingPaxClientInfo[];
-    onServiceChange: (service: ServiceType) => void;
-    onNext: (selectedClients: BookingPaxClientInfo[]) => void;
-    onBack: () => void;
-}
-export declare const AddItemNewService: React.FC<AddItemNewServiceProps>;

package/dist/components/organisms/BookingAddItem/AddItemNewService.js

@@ -1,48 +0,0 @@
-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);
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
-import Button from '../../atoms/Button/Button';
-import Checkbox from '../../atoms/Checkbox/Checkbox';
-import { Text } from '../../atoms/Typography/Typography';
-import ServiceSelector from '../../molecules/ServiceSelector';
-import DateTimePicker from '../DateTimePicker/DateTimePicker';
-export var AddItemNewService = function (props) {
-    var date = props.date, options = props.options, clients = props.clients, onServiceChange = props.onServiceChange, onNext = props.onNext, onBack = props.onBack;
-    var _a = useState('accommodation'), service = _a[0], setService = _a[1];
-    var _b = useState([]), selectedClients = _b[0], setSelectedClients = _b[1];
-    var handleServiceChange = function (service) {
-        onServiceChange(service);
-        setService(service);
-    };
-    var isAccommodation = service === 'accommodation';
-    var selectionMode = isAccommodation ? 'range' : 'single';
-    var numberOfMonths = isAccommodation ? 2 : 1;
-    var handleClientChange = useCallback(function (client) {
-        if (selectedClients.includes(client)) {
-            setSelectedClients(selectedClients.filter(function (c) { return c.clientId !== client.clientId; }));
-        }
-        else {
-            setSelectedClients(__spreadArray(__spreadArray([], selectedClients, true), [client], false));
-        }
-    }, [selectedClients]);
-    return (_jsxs("div", __assign({ className: "space-y-9" }, { children: [_jsxs("div", __assign({ className: "flex sm:items-center gap-4 flex-col sm:flex-row" }, { children: [_jsx(ServiceSelector, { className: "sm:basis-[245px] xl:basis-[260px] shrink-0 grow-0", value: service, onChange: handleServiceChange, options: options }), _jsx("div", __assign({ className: "sm:basis-[245px] xl:basis-[260px] shrink-0 grow-0" }, { children: _jsx(DateTimePicker, { mode: "calendar", selectionMode: selectionMode, defaultValue: date, placeholder: "Select date", numberOfMonths: numberOfMonths, iconPosition: "left", iconBGFull: false, showChevron: true }) }))] })), _jsxs("div", __assign({ className: "space-y-4" }, { children: [_jsx(Text, __assign({ variant: "bold" }, { children: "Please select the pax affected by the new service" })), _jsx("ul", { children: clients.map(function (client, index) { return (_jsx("li", { children: _jsx(Checkbox, { id: "cl-".concat(index), label: "".concat(client.firstName, " ").concat(client.lastName, " (").concat(client.clientType).concat(client.clientType !== 'Adult' ? " - ".concat(client.age, " years old") : '', ")"), checked: selectedClients.some(function (c) { return c.clientId === client.clientId; }), onChange: function () { return handleClientChange(client); } }) }, "cl-".concat(index))); }) })] })), _jsxs("div", __assign({ className: "flex justify-end gap-x-4 [&>*]:w-[250px] pb-2" }, { children: [_jsx(Button, __assign({ variant: "outline-secondary", onClick: onBack }, { children: "Back" })), _jsx(Button, __assign({ variant: "secondary", onClick: function () { return onNext(selectedClients); }, disabled: selectedClients.length === 0 }, { children: "Next" }))] }))] })));
-};

package/dist/components/organisms/BookingAddItem/AddItemSelector.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export declare enum AddItemType {
-    NEW = "NEW",
-    EXISTING = "EXISTING"
-}
-export interface AddItemSelectorProps {
-    onAddItem?: (type: AddItemType) => void;
-}
-export declare const AddItemSelector: React.FC<AddItemSelectorProps>;

package/dist/components/organisms/BookingAddItem/AddItemSelector.js

@@ -1,23 +0,0 @@
-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 { Text } from '../../atoms/Typography/Typography';
-import { AddItemButton } from '../../molecules/AddItemButton/AddItemButton';
-export var AddItemType;
-(function (AddItemType) {
-    AddItemType["NEW"] = "NEW";
-    AddItemType["EXISTING"] = "EXISTING";
-})(AddItemType || (AddItemType = {}));
-export var AddItemSelector = function (_a) {
-    var onAddItem = _a.onAddItem;
-    return (_jsxs("div", __assign({ className: "space-y-9" }, { children: [_jsx(Text, __assign({ size: "sm", variant: "medium" }, { children: "If you are sure you want to add this service, please confirm below. New prices and cancellation policies will apply to the added service." })), _jsxs("div", __assign({ className: "grid grid-cols-2 gap-4" }, { children: [_jsx(AddItemButton, { label: _jsxs(_Fragment, { children: ["Add new service ", _jsx("br", {}), " and new pax"] }), onClick: function () { return onAddItem === null || onAddItem === void 0 ? void 0 : onAddItem(AddItemType.NEW); } }), _jsx(AddItemButton, { label: _jsxs(_Fragment, { children: ["Add new service ", _jsx("br", {}), " for your existing pax"] }), onClick: function () { return onAddItem === null || onAddItem === void 0 ? void 0 : onAddItem(AddItemType.EXISTING); } })] })), _jsx(Text, __assign({ size: "sm", variant: "medium" }, { children: "Note: This action is irreversible and cannot be undone." }))] })));
-};

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

@@ -1,16 +0,0 @@
-import React from 'react';
-import { BookingPaxClientInfo } from '../../molecules/BookingPax';
-import { ServiceOption, ServiceType } from '../../molecules/ServiceSelector';
-import { AddItemType } from './AddItemSelector';
-export interface BookingAddItemProps {
-    open: boolean;
-    serviceDate?: string | string[];
-    serviceOptions?: ServiceOption[];
-    clients: BookingPaxClientInfo[];
-    setOpen: (open: boolean) => void;
-    onAddItem?: (type: AddItemType) => void;
-    onServiceChange?: (service: ServiceType) => void;
-    onValidatePax?: (selectedClients: BookingPaxClientInfo[]) => void;
-    onBackToSelector?: () => void;
-}
-export declare const BookingAddItem: React.FC<BookingAddItemProps>;

package/dist/components/organisms/BookingAddItem/BookingAddItem.js

@@ -1,66 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AnimatePresence, domAnimation, LazyMotion } from 'motion/react';
-import * as motion from 'motion/react-m';
-import { useLayoutEffect, useRef, useState } from 'react';
-import { DEFAULT_SERVICE_SELECTOR_OPTIONS } from '../../molecules/ServiceSelector/ServiceSelector';
-import Dialog from '../Dialog/Dialog';
-import { AddItemNewService } from './AddItemNewService';
-import { AddItemSelector, AddItemType } from './AddItemSelector';
-export var BookingAddItem = function (props) {
-    var open = props.open, _a = props.serviceDate, serviceDate = _a === void 0 ? [] : _a, _b = props.serviceOptions, serviceOptions = _b === void 0 ? [] : _b, clients = props.clients, setOpen = props.setOpen, onAddItem = props.onAddItem, onServiceChange = props.onServiceChange, onValidatePax = props.onValidatePax, onBackToSelector = props.onBackToSelector;
-    var _c = useState(null), selectedType = _c[0], setSelectedType = _c[1];
-    var contentRef = useRef(null);
-    var _d = useState('auto'), contentHeight = _d[0], setContentHeight = _d[1];
-    var handleAddItem = function (type) {
-        onAddItem === null || onAddItem === void 0 ? void 0 : onAddItem(type);
-        setSelectedType(type);
-        console.log(type);
-    };
-    var handleClose = function () {
-        setOpen(false);
-        setSelectedType(null);
-    };
-    // Measure and update content height when selectedType changes
-    useLayoutEffect(function () {
-        setTimeout(function () {
-            if (contentRef.current && open) {
-                var measuredHeight = contentRef.current.scrollHeight;
-                setContentHeight(measuredHeight);
-            }
-        }, 50);
-    }, [selectedType, open, serviceDate, serviceOptions, clients]);
-    var title = selectedType === AddItemType.EXISTING
-        ? 'Add new service to your existing pax'
-        : 'Select how to add items to your booking';
-    return (_jsx(Dialog, __assign({ isOpen: open, onClose: handleClose, showFooter: false, title: title, className: "!max-w-[798px]" }, { children: _jsx(LazyMotion, __assign({ features: domAnimation }, { children: _jsx(motion.div, __assign({ animate: { height: contentHeight }, transition: { duration: 0.2, ease: 'easeInOut' }, style: { overflow: 'hidden' } }, { children: _jsx("div", __assign({ ref: contentRef }, { children: _jsx(AnimatePresence, __assign({ mode: "wait" }, { children: selectedType === AddItemType.EXISTING ? (_jsx(motion.div, __assign({ initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 10 }, transition: { duration: 0.25, ease: 'easeInOut' } }, { children: _jsx(AddItemNewService, { date: serviceDate, onServiceChange: function (service) { return onServiceChange === null || onServiceChange === void 0 ? void 0 : onServiceChange(service); }, options: serviceOptions.length > 0
-                                    ? serviceOptions
-                                    : DEFAULT_SERVICE_SELECTOR_OPTIONS.map(function (_a) {
-                                        var disabled = _a.disabled, badge = _a.badge, option = __rest(_a, ["disabled", "badge"]);
-                                        return option;
-                                    }), clients: clients, onNext: function (selectedClients) { return onValidatePax === null || onValidatePax === void 0 ? void 0 : onValidatePax(selectedClients); }, onBack: function () {
-                                    onBackToSelector === null || onBackToSelector === void 0 ? void 0 : onBackToSelector();
-                                    setSelectedType(null);
-                                } }) }), "add-item-new-service")) : (_jsx(motion.div, __assign({ initial: { opacity: 0, y: 10 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: 10 }, transition: { duration: 0.25, ease: 'easeInOut' } }, { children: _jsx(AddItemSelector, { onAddItem: handleAddItem }) }), "add-item-selector")) })) })) })) })) })));
-};

package/dist/components/organisms/BookingAddItem/index.d.ts

@@ -1,3 +0,0 @@
-export * from './AddItemNewService';
-export * from './AddItemSelector';
-export * from './BookingAddItem';

package/dist/components/organisms/BookingAddItem/index.js

@@ -1,3 +0,0 @@
-export * from './AddItemNewService';
-export * from './AddItemSelector';
-export * from './BookingAddItem';