mautourco-components 0.2.157 → 0.2.158

package/dist/components/organisms/Booking/BookingPaxList.d.ts

@@ -34,6 +34,14 @@ export interface BookingPaxErrorData {
     type: BookingPaxData['type'];
     hasError: boolean;
 }
+export interface BookingPaxChangeData {
+    type: BookingPaxData['type'];
+    index: number;
+    options?: BookingPaxClientOptions;
+    remark?: string;
+    time?: string | string[];
+    flightNumber?: string;
+}
 export interface BookingPaxProps {
     /**
      * The data of the booking pax.
@@ -71,6 +79,10 @@ export interface BookingPaxProps {
      * The callback function to call when the auto filled data changes.
      */
     onAutoFilled?: (data: BookingPaxAutoFilledData[]) => void;
+    /**
+     * The callback function to call when the data changes.
+     */
+    onChange?: (data: BookingPaxChangeData) => void;
 }
 /**
  * BookingPaxList is a component that allows the user to select the pax for a booking.

package/dist/components/organisms/Booking/BookingPaxList.js

@@ -51,25 +51,29 @@ var isTransferData = function (data) {
  * @returns The BookingPaxList component.
  */
 export function BookingPaxList(props) {
-    var data = props.data, isSubmitted = props.isSubmitted, clientsInfo = props.clientsInfo, onPaxChange = props.onPaxChange, onRemarkChange = props.onRemarkChange, onError = props.onError, onTimeChange = props.onTimeChange, onFlightNumberChange = props.onFlightNumberChange, onAutoFilled = props.onAutoFilled;
+    var data = props.data, isSubmitted = props.isSubmitted, clientsInfo = props.clientsInfo, onPaxChange = props.onPaxChange, onRemarkChange = props.onRemarkChange, onError = props.onError, onTimeChange = props.onTimeChange, onFlightNumberChange = props.onFlightNumberChange, onAutoFilled = props.onAutoFilled, onChange = props.onChange;
     var _a = useState([]), autoFilledData = _a[0], setAutoFilledData = _a[1];
     // Memoized callback handlers to reduce re-renders
     var handlePaxChange = useCallback(function (type, index, options) {
         onPaxChange === null || onPaxChange === void 0 ? void 0 : onPaxChange(index, type, options);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ type: type, index: index, options: options });
     }, [onPaxChange]);
-    var handleRemarkChange = useCallback(function (type, index, value) {
-        onRemarkChange === null || onRemarkChange === void 0 ? void 0 : onRemarkChange(index, type, value);
+    var handleRemarkChange = useCallback(function (type, index, remark) {
+        onRemarkChange === null || onRemarkChange === void 0 ? void 0 : onRemarkChange(index, type, remark);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ type: type, index: index, remark: remark });
     }, [onRemarkChange]);
     var handleError = useCallback(function (errorData) {
         onError === null || onError === void 0 ? void 0 : onError(errorData);
     }, [onError]);
-    var handleTimeChange = useCallback(function (value, index) {
+    var handleTimeChange = useCallback(function (time, index) {
         // Don't need type because only transfer has this callback
-        onTimeChange === null || onTimeChange === void 0 ? void 0 : onTimeChange(index, value);
+        onTimeChange === null || onTimeChange === void 0 ? void 0 : onTimeChange(index, time);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ type: 'transfer', index: index, time: time });
     }, [onTimeChange]);
-    var handleFlightNumberChange = useCallback(function (value, index) {
+    var handleFlightNumberChange = useCallback(function (flightNumber, index) {
         // Don't need type because only transfer has this callback
-        onFlightNumberChange === null || onFlightNumberChange === void 0 ? void 0 : onFlightNumberChange(index, value);
+        onFlightNumberChange === null || onFlightNumberChange === void 0 ? void 0 : onFlightNumberChange(index, flightNumber);
+        onChange === null || onChange === void 0 ? void 0 : onChange({ type: 'transfer', index: index, flightNumber: flightNumber });
     }, [onFlightNumberChange]);
     var handleAutoFilled = useCallback(function (type) {
         return function (paxCount, index, roomIndex) {

package/package.json

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

package/src/components/organisms/Booking/BookingPaxList.tsx

@@ -50,6 +50,15 @@ export interface BookingPaxErrorData {
   hasError: boolean;
 }
 
+export interface BookingPaxChangeData {
+  type: BookingPaxData['type'];
+  index: number;
+  options?: BookingPaxClientOptions;
+  remark?: string;
+  time?: string | string[];
+  flightNumber?: string;
+}
+
 export interface BookingPaxProps {
   /**
    * The data of the booking pax.
@@ -91,6 +100,11 @@ export interface BookingPaxProps {
    * The callback function to call when the auto filled data changes.
    */
   onAutoFilled?: (data: BookingPaxAutoFilledData[]) => void;
+
+  /**
+   * The callback function to call when the data changes.
+   */
+  onChange?: (data: BookingPaxChangeData) => void;
 }
 
 // Type guards for better type safety
@@ -142,6 +156,7 @@ export function BookingPaxList(props: BookingPaxProps) {
     onTimeChange,
     onFlightNumberChange,
     onAutoFilled,
+    onChange,
   } = props;
 
   const [autoFilledData, setAutoFilledData] = useState<
@@ -157,13 +172,15 @@ export function BookingPaxList(props: BookingPaxProps) {
   const handlePaxChange = useCallback(
     (type: BookingPaxData['type'], index: number, options: BookingPaxClientOptions) => {
       onPaxChange?.(index, type, options);
+      onChange?.({ type, index, options });
     },
     [onPaxChange]
   );
 
   const handleRemarkChange = useCallback(
-    (type: BookingPaxData['type'], index: number, value: string) => {
-      onRemarkChange?.(index, type, value);
+    (type: BookingPaxData['type'], index: number, remark: string) => {
+      onRemarkChange?.(index, type, remark);
+      onChange?.({ type, index, remark });
     },
     [onRemarkChange]
   );
@@ -176,17 +193,19 @@ export function BookingPaxList(props: BookingPaxProps) {
   );
 
   const handleTimeChange = useCallback(
-    (value: string | string[], index: number) => {
+    (time: string | string[], index: number) => {
       // Don't need type because only transfer has this callback
-      onTimeChange?.(index, value);
+      onTimeChange?.(index, time);
+      onChange?.({ type: 'transfer', index, time });
     },
     [onTimeChange]
   );
 
   const handleFlightNumberChange = useCallback(
-    (value: string, index: number) => {
+    (flightNumber: string, index: number) => {
       // Don't need type because only transfer has this callback
-      onFlightNumberChange?.(index, value);
+      onFlightNumberChange?.(index, flightNumber);
+      onChange?.({ type: 'transfer', index, flightNumber });
     },
     [onFlightNumberChange]
   );