mautourco-components 0.2.107 → 0.2.109

package/dist/components/molecules/LocationDropdown/LocationDropdown.js

@@ -47,9 +47,7 @@ var LocationDropdown = function (_a) {
     // Scroll to input when dropdown opens (if scrollOnOpen is true)
     useEffect(function () {
         setTimeout(function () {
-            if (dropdownPanelRef.current) {
-                scrollIntoViewOnOpen(dropdownPanelRef, isOpen, scrollOnOpen);
-            }
+            scrollIntoViewOnOpen(dropdownPanelRef, isOpen, scrollOnOpen);
         }, 10);
     }, [isOpen, scrollOnOpen]);
     // Reset search when dropdown closes

package/dist/components/organisms/PaxSelector/PaxSelector.js

@@ -189,6 +189,7 @@ var PaxSelector = function (_a) {
     var _t = useState(defaultRooms || [__assign(__assign({}, DEFAULT_PAX_DATA), { roomId: '1' })]), rooms = _t[0], setRooms = _t[1];
     var containerRef = useRef(null);
     var triggerRef = useRef(null);
+    var paxSelectorRef = useRef(null);
     var hasInitialized = useRef(false);
     var lastRoomRef = useRef(null);
     var agesSectionRef = useRef(null);
@@ -327,14 +328,16 @@ var PaxSelector = function (_a) {
         if (isOpen) {
             document.addEventListener('mousedown', handleClickOutside);
         }
-        onPaxOpenChange === null || onPaxOpenChange === void 0 ? void 0 : onPaxOpenChange();
         return function () {
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [isOpen, internalData, rooms, multipleRooms]);
     // Scroll to input when dropdown opens (if scrollOnOpen is true)
     useEffect(function () {
-        scrollIntoViewOnOpen(triggerRef, isOpen, scrollOnOpen);
+        setTimeout(function () {
+            scrollIntoViewOnOpen(paxSelectorRef, isOpen, scrollOnOpen);
+        }, 10);
+        onPaxOpenChange === null || onPaxOpenChange === void 0 ? void 0 : onPaxOpenChange();
     }, [isOpen, scrollOnOpen]);
     // Scroll to age section when new age inputs are added (single room mode)
     useEffect(function () {
@@ -441,7 +444,7 @@ var PaxSelector = function (_a) {
         return "".concat(total, " pax");
     };
     var hasPax = getTotalPax() > 0;
-    return (_jsxs("div", { className: "pax-selector ".concat(disabled ? 'pax-selector--disabled' : '', " ").concat(className), ref: containerRef, children: [_jsxs("button", { ref: triggerRef, type: "button", className: "pax-selector__trigger", onClick: function () { return !disabled && setIsOpen(!isOpen); }, "aria-expanded": isOpen, "aria-haspopup": "true", disabled: disabled, children: [_jsx(Text, { size: "sm", variant: "regular", className: "pax-selector__label", children: label }), _jsxs("div", { className: "pax-selector__input ".concat(isOpen ? 'pax-selector__input--active' : '', " ").concat(disabled ? 'pax-selector__input--disabled' : ''), children: [_jsxs("div", { className: "pax-selector__input-content", children: [_jsx(Icon, { name: "user-icon", size: "sm", className: "pax-selector__input-icon" }), _jsx("span", { className: "pax-selector__input-text ".concat(!hasPax ? 'pax-selector__input-placeholder' : ''), children: getDisplayText() })] }), _jsx(Icon, { name: "chevron-down", size: "sm", className: "pax-selector__chevron ".concat(isOpen ? 'pax-selector__chevron--open' : '') })] })] }), isOpen && (_jsxs("div", { className: "pax-selector__dropdown", children: [multipleRooms ? (_jsxs(_Fragment, { children: [showAddRoom && (_jsxs("button", { type: "button", className: "pax-selector__add-room", onClick: handleAddRoom, children: [_jsx(Icon, { name: "home", size: "sm", className: "pax-selector__add-room-icon" }), "Add a room", _jsx(Icon, { name: "plus", size: "sm", className: "pax-selector__add-room-icon" })] })), _jsx("div", { className: "pax-selector__rooms", children: rooms.map(function (room, index) { return (_jsx(RoomEditor, { room: room, roomNumber: index + 1, showRemove: rooms.length > 1, maxAdults: maxAdults, maxTeens: maxTeens, maxChildren: maxChildren, maxInfants: maxInfants, onChange: function (updatedRoom) { return handleRoomChange(room.roomId, updatedRoom); }, onRemove: function () { return handleRemoveRoom(room.roomId); }, scrollToRef: index === rooms.length - 1 ? lastRoomRef : undefined, ageRange: ageRange, checkEmpty: checkEmpty }, room.roomId)); }) })] })) : (
+    return (_jsxs("div", { className: "pax-selector ".concat(disabled ? 'pax-selector--disabled' : '', " ").concat(className), ref: containerRef, children: [_jsxs("button", { ref: triggerRef, type: "button", className: "pax-selector__trigger", onClick: function () { return !disabled && setIsOpen(!isOpen); }, "aria-expanded": isOpen, "aria-haspopup": "true", disabled: disabled, children: [_jsx(Text, { size: "sm", variant: "regular", className: "pax-selector__label", children: label }), _jsxs("div", { className: "pax-selector__input ".concat(isOpen ? 'pax-selector__input--active' : '', " ").concat(disabled ? 'pax-selector__input--disabled' : ''), children: [_jsxs("div", { className: "pax-selector__input-content", children: [_jsx(Icon, { name: "user-icon", size: "sm", className: "pax-selector__input-icon" }), _jsx("span", { className: "pax-selector__input-text ".concat(!hasPax ? 'pax-selector__input-placeholder' : ''), children: getDisplayText() })] }), _jsx(Icon, { name: "chevron-down", size: "sm", className: "pax-selector__chevron ".concat(isOpen ? 'pax-selector__chevron--open' : '') })] })] }), isOpen && (_jsxs("div", { className: "pax-selector__dropdown", ref: paxSelectorRef, children: [multipleRooms ? (_jsxs(_Fragment, { children: [showAddRoom && (_jsxs("button", { type: "button", className: "pax-selector__add-room", onClick: handleAddRoom, children: [_jsx(Icon, { name: "home", size: "sm", className: "pax-selector__add-room-icon" }), "Add a room", _jsx(Icon, { name: "plus", size: "sm", className: "pax-selector__add-room-icon" })] })), _jsx("div", { className: "pax-selector__rooms", children: rooms.map(function (room, index) { return (_jsx(RoomEditor, { room: room, roomNumber: index + 1, showRemove: rooms.length > 1, maxAdults: maxAdults, maxTeens: maxTeens, maxChildren: maxChildren, maxInfants: maxInfants, onChange: function (updatedRoom) { return handleRoomChange(room.roomId, updatedRoom); }, onRemove: function () { return handleRemoveRoom(room.roomId); }, scrollToRef: index === rooms.length - 1 ? lastRoomRef : undefined, ageRange: ageRange, checkEmpty: checkEmpty }, room.roomId)); }) })] })) : (
                     /* Single Room Mode */
                     _jsxs(_Fragment, { children: [_jsxs("div", { className: "pax-selector__steppers", children: [_jsx(StepperRow, { label: "Adult", value: internalData.adults, max: maxAdults, onChange: function (val) { return handleDataChange('adults', val); } }), _jsx(StepperRow, { label: "Teen", value: internalData.teens, max: maxTeens, onChange: function (val) { return handleDataChange('teens', val); } }), _jsx(StepperRow, { label: "Child", value: internalData.children, max: maxChildren, onChange: function (val) { return handleDataChange('children', val); } }), _jsx(StepperRow, { label: "Infant", value: internalData.infants, max: maxInfants, onChange: function (val) { return handleDataChange('infants', val); } })] }), (internalData.teens > 0 ||
                                 internalData.children > 0 ||

package/dist/styles/components/organism/pax-selector.css

@@ -215,6 +215,7 @@
 .pax-selector__stepper-controls {
   display: flex;
   align-items: center;
+  justify-content: flex-end;
   gap: 8px;
 }
 

package/package.json

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

package/src/components/molecules/LocationDropdown/LocationDropdown.tsx

@@ -85,9 +85,7 @@ const LocationDropdown: React.FC<LocationDropdownProps> = ({
   // Scroll to input when dropdown opens (if scrollOnOpen is true)
   useEffect(() => {
     setTimeout(() => {
-      if (dropdownPanelRef.current) {
-        scrollIntoViewOnOpen(dropdownPanelRef, isOpen, scrollOnOpen);
-      }
+      scrollIntoViewOnOpen(dropdownPanelRef, isOpen, scrollOnOpen);
     }, 10);
   }, [isOpen, scrollOnOpen]);
 

package/src/components/organisms/PaxSelector/PaxSelector.tsx

@@ -547,6 +547,7 @@ const PaxSelector: React.FC<PaxSelectorProps> = ({
   );
   const containerRef = useRef<HTMLDivElement>(null);
   const triggerRef = useRef<HTMLButtonElement>(null);
+  const paxSelectorRef = useRef<HTMLDivElement>(null);
   const hasInitialized = useRef(false);
   const lastRoomRef = useRef<HTMLDivElement>(null);
   const agesSectionRef = useRef<HTMLDivElement>(null);
@@ -702,8 +703,6 @@ const PaxSelector: React.FC<PaxSelectorProps> = ({
       document.addEventListener('mousedown', handleClickOutside);
     }
 
-    onPaxOpenChange?.();
-
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
@@ -711,7 +710,10 @@ const PaxSelector: React.FC<PaxSelectorProps> = ({
 
   // Scroll to input when dropdown opens (if scrollOnOpen is true)
   useEffect(() => {
-    scrollIntoViewOnOpen(triggerRef, isOpen, scrollOnOpen);
+    setTimeout(() => {
+      scrollIntoViewOnOpen(paxSelectorRef, isOpen, scrollOnOpen);
+    }, 10);
+    onPaxOpenChange?.();
   }, [isOpen, scrollOnOpen]);
 
   // Scroll to age section when new age inputs are added (single room mode)
@@ -877,7 +879,7 @@ const PaxSelector: React.FC<PaxSelectorProps> = ({
       </button>
 
       {isOpen && (
-        <div className="pax-selector__dropdown">
+        <div className="pax-selector__dropdown" ref={paxSelectorRef}>
           {/* Multiple Rooms Mode */}
           {multipleRooms ? (
             <>

package/src/styles/components/organism/pax-selector.css

@@ -197,6 +197,7 @@
 .pax-selector__stepper-controls {
   display: flex;
   align-items: center;
+  justify-content: flex-end;
   gap: 8px;
 }