mautourco-components 0.2.13 → 0.2.15

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import './QuoteHeader.css';
+export interface QuoteHeaderProps {
+    /** Current tab */
+    current: 'quotation' | 'booking';
+    /** Callback to navigate to a different tab */
+    onNavigate: (tab: 'quotation' | 'booking') => void;
+    /** Callback to create a new quote */
+    onNewQuote: () => void;
+    onFilterChange: (filter: 'date' | 'clientType' | 'fileStatus', value: string) => void;
+}
+export declare const QuoteHeader: React.FC<QuoteHeaderProps>;

package/dist/components/organisms/QuoteHeader/QuoteHeader.js

@@ -0,0 +1,41 @@
+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 Button from '../../atoms/Button/Button';
+import DropdownInput from '../../atoms/Inputs/DropdownInput/DropdownInput';
+import Input from '../../atoms/Inputs/Input/Input';
+import { Heading } from '../../atoms/Typography/Typography';
+import { SORT_BY__FILE_STATUS_OPTIONS, SORT_BY_CLIENT_TYPE_OPTIONS, SORT_BY_DATE_OPTIONS, } from './constant';
+import './QuoteHeader.css';
+var filterConfig = {
+    date: {
+        options: SORT_BY_DATE_OPTIONS,
+        placeholder: 'Sort by date',
+    },
+    clientType: {
+        options: SORT_BY_CLIENT_TYPE_OPTIONS,
+        placeholder: 'Client type',
+    },
+    fileStatus: {
+        options: SORT_BY__FILE_STATUS_OPTIONS,
+        placeholder: 'File status',
+    },
+};
+export var QuoteHeader = function (props) {
+    var _a = props.current, current = _a === void 0 ? 'quotation' : _a, onNavigate = props.onNavigate, onNewQuote = props.onNewQuote, onFilterChange = props.onFilterChange;
+    return (_jsxs("div", __assign({ className: "quote-header" }, { children: [_jsx(Heading, __assign({ level: 4, as: "h1", className: "quote-header__title", color: "accent" }, { children: "Quotation & Booking" })), _jsxs("div", __assign({ className: "flex gap-4" }, { children: [_jsx(Button, __assign({ variant: current === 'quotation' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('quotation'); } }, { children: "Quotation" })), _jsx(Button, __assign({ variant: current === 'booking' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('booking'); } }, { children: "Booking" }))] })), _jsxs("div", __assign({ className: "quote-header__search-container" }, { children: [_jsx(Input, { placeholder: "Search", icon: "search", iconPosition: "leading", className: "quote-header__search" }), _jsx(Button, __assign({ variant: "primary", leadingIcon: "plus-circle", iconSize: "md", size: "sm", onClick: onNewQuote }, { children: "New quote" }))] })), _jsx("div", __assign({ className: "quote-header__filters" }, { children: Object.entries(filterConfig).map(function (_a) {
+                    var key = _a[0], value = _a[1];
+                    return (_jsx(DropdownInput, { placeholder: value.placeholder, options: value.options, onSelect: function (value) {
+                            return onFilterChange(key, value);
+                        } }, key));
+                }) }))] })));
+};

package/dist/components/organisms/QuoteHeader/constant.d.ts

@@ -0,0 +1,3 @@
+export declare const SORT_BY_DATE_OPTIONS: string[];
+export declare const SORT_BY_CLIENT_TYPE_OPTIONS: string[];
+export declare const SORT_BY__FILE_STATUS_OPTIONS: string[];

package/dist/components/organisms/QuoteHeader/constant.js

@@ -0,0 +1,8 @@
+export var SORT_BY_DATE_OPTIONS = ['Newest to oldest', 'Last week', 'Oldest to newest'];
+export var SORT_BY_CLIENT_TYPE_OPTIONS = ['All', 'Standard', 'Honeymoon', 'Wedding'];
+export var SORT_BY__FILE_STATUS_OPTIONS = [
+    'All',
+    'Free sales',
+    'On request',
+    'Pay to book',
+];

package/dist/index.d.ts

@@ -33,7 +33,9 @@ export { CardContainer } from './components/organisms/CardContainer/CardContaine
 export { default as DateTimePicker } from './components/organisms/DateTimePicker/DateTimePicker';
 export { Dialog } from './components/organisms/Dialog/Dialog';
 export { Footer } from './components/organisms/Footer/Footer';
+export { default as MultipleQuotationDocket } from './components/organisms/MultipleQuotationDocket';
 export { default as PaxSelector } from './components/organisms/PaxSelector/PaxSelector';
+export { QuoteHeader } from './components/organisms/QuoteHeader/QuoteHeader';
 export { default as RoundTrip } from './components/organisms/RoundTrip/RoundTrip';
 export { default as SearchBarTransfer } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
 export * from './components/organisms/Table';
@@ -60,6 +62,7 @@ export type { CardContainerProps, CardContainerSpacing, } from './components/org
 export type { DateTimePickerProps } from './components/organisms/DateTimePicker/DateTimePicker';
 export type { DialogProps, DialogSize } from './components/organisms/Dialog/Dialog';
 export type { FooterProps } from './components/organisms/Footer/Footer';
+export type { DocketDetailsData, DocketServiceType, MultipleQuotationDocketProps, } from './components/organisms/MultipleQuotationDocket';
 export type { ClientType, PaxData, PaxSelectorProps, } from './components/organisms/PaxSelector/PaxSelector';
 export type { RoundTripData, RoundTripProps, RoundTripTransfer, } from './components/organisms/RoundTrip/RoundTrip';
 export type { SearchBarTransferData, SearchBarTransferProps, TransferMode, } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
@@ -68,4 +71,5 @@ export type { TransferLineData, TransferLineProps, TransferType, } from './compo
 export type { FromToProps } from './components/molecules/FromTo/FromTo';
 export type { SectionTitleProps } from './components/molecules/SectionTitle/SectionTitle';
 export type { DetailsColProps, ItemColProps, RowAccommodationProps, RowExcursionProps, RowTransferProps, } from './components/molecules/TableServiceItem';
+export type { QuoteHeaderProps } from './components/organisms/QuoteHeader/QuoteHeader';
 export * from './types/table';

package/dist/index.js

@@ -36,7 +36,9 @@ export { CardContainer } from './components/organisms/CardContainer/CardContaine
 export { default as DateTimePicker } from './components/organisms/DateTimePicker/DateTimePicker';
 export { Dialog } from './components/organisms/Dialog/Dialog';
 export { Footer } from './components/organisms/Footer/Footer';
+export { default as MultipleQuotationDocket } from './components/organisms/MultipleQuotationDocket';
 export { default as PaxSelector } from './components/organisms/PaxSelector/PaxSelector';
+export { QuoteHeader } from './components/organisms/QuoteHeader/QuoteHeader';
 export { default as RoundTrip } from './components/organisms/RoundTrip/RoundTrip';
 export { default as SearchBarTransfer } from './components/organisms/SearchBarTransfer/SearchBarTransfer';
 export * from './components/organisms/Table';

package/dist/styles/components/dropdown.css

@@ -2089,8 +2089,8 @@
   width: 100%;
   min-height: 40px;
   padding: 8px 12px;
-  border: 1px solid var(--color-slate-500, #6B7280);
-  border-radius: 0.375rem;
+  border: 1px solid var(--color-slate-500, #6b7280);
+  border-radius: var(--input-border-radius-default);
   background-color: var(--color-white, #ffffff);
   cursor: pointer;
   transition: all 0.2s ease-in-out;
@@ -2161,7 +2161,7 @@
 
 .dropdown-input--disabled {
   background-color: var(--color-slate-100);
-  border-color: var(--color-slate-300, #D1D5DB);
+  border-color: var(--color-slate-300, #d1d5db);
   cursor: not-allowed;
 }
 
@@ -2183,10 +2183,11 @@
   z-index: 1000;
   width: 100%;
   background-color: var(--color-white);
-border: 1px solid var(--color-neutral-400);
-  border-top: 1px solid var(--color-neutral-400);
+  border: 1px solid var(--color-border-subtle);
   border-radius: var(--multiselect-border-radius, 0.75rem);
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  box-shadow:
+    0 4px 6px -1px rgba(0, 0, 0, 0.1),
+    0 2px 4px -1px rgba(0, 0, 0, 0.06);
   max-height: var(--multiselect-size-menu-max-height, 17.25rem);
   overflow-y: auto;
   padding: var(--spacing-padding-px-0);

package/dist/styles/components/forms.css

@@ -2077,10 +2077,10 @@
 /* Styles Input centralisés: consomment uniquement des variables CSS issues de Style Dictionary */
 
 .input-field {
-  font-family: var(--typography-font-family-sans, Inter,system-ui,sans-serif);
+  font-family: var(--typography-font-family-sans, Inter, system-ui, sans-serif);
   font-size: var(--input-font-size-default, 1rem);
   line-height: var(--input-line-height-default, 1.5rem);
-  border-radius: 0.375rem;
+  border-radius: var(--input-border-radius-default);
   border-width: 1px;
   border-style: solid;
   padding: var(--input-padding-vertical, 0.5rem) var(--input-padding-horizontal, 0.75rem);
@@ -2095,6 +2095,7 @@
 .input-wrapper {
   position: relative;
   width: 100%;
+  height: 42px;
 }
 
 .input-icon {
@@ -2106,16 +2107,24 @@
   height: var(--input-search-iconSize, 1rem);
 }
 
-.input-icon--leading { left: var(--input-padding-horizontal, 0.75rem); }
+.input-icon--leading {
+  left: var(--input-padding-horizontal, 0.75rem);
+}
 
-.input-icon--trailing { right: var(--input-padding-horizontal, 0.75rem); }
+.input-icon--trailing {
+  right: var(--input-padding-horizontal, 0.75rem);
+}
 
 .input-field--with-icon.input-field--icon-leading {
-  padding-left: calc(var(--input-padding-horizontal, 0.75rem) + var(--input-search-iconSize, 1rem) + 0.5rem);
+  padding-left: calc(
+    var(--input-padding-horizontal, 0.75rem) + var(--input-search-iconSize, 1rem) + 0.5rem
+  );
 }
 
 .input-field--with-icon.input-field--icon-trailing {
-  padding-right: calc(var(--input-padding-horizontal, 0.75rem) + var(--input-search-iconSize, 1rem) + 0.5rem);
+  padding-right: calc(
+    var(--input-padding-horizontal, 0.75rem) + var(--input-search-iconSize, 1rem) + 0.5rem
+  );
 }
 
 .input-field:focus {
@@ -2126,7 +2135,7 @@
 
 .input-field--default {
   background-color: var(--color-white);
-  border-color: var(--color-slate-300);
+  border-color: var(--color-tuna-500);
   color: var(--color-slate-900);
 }
 
@@ -2194,7 +2203,7 @@
 }
 
 .input-showcase h1 {
-  font-family: var(--typography-font-family-sans, Inter,system-ui,sans-serif);
+  font-family: var(--typography-font-family-sans, Inter, system-ui, sans-serif);
   font-size: var(--typography-font-size-2xl, 1.5re);
   font-weight: var(--font-weight-font-bold);
   color: var(--color-slate-900);
@@ -2202,7 +2211,7 @@
 }
 
 .input-showcase h2 {
-  font-family: var(--typography-font-family-sans, Inter,system-ui,sans-serif);
+  font-family: var(--typography-font-family-sans, Inter, system-ui, sans-serif);
   font-size: var(--typography-font-size-lg, 1.125rem);
   font-weight: var(--font-weight-font-medium);
   color: var(--color-slate-700);