mautourco-components 0.2.87 → 0.2.89

package/dist/components/molecules/ServiceSelector/ServiceSelector.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import '../../../styles/components/molecule/service-selector.css';
 export type ServiceType = 'transfer' | 'accommodation' | 'excursion';
 export interface ServiceOption {
@@ -19,7 +18,9 @@ export interface ServiceSelectorProps {
     className?: string;
     /** Options to display */
     options?: ServiceOption[];
+    /** Whether to use the default background color */
+    useDefaultBackground?: boolean;
 }
 export declare const DEFAULT_SERVICE_SELECTOR_OPTIONS: ServiceOption[];
-declare const ServiceSelector: React.FC<ServiceSelectorProps>;
+declare function ServiceSelector({ value, onChange, disabled, options, useDefaultBackground, className, }: ServiceSelectorProps): import("react/jsx-runtime").JSX.Element;
 export default ServiceSelector;

package/dist/components/molecules/ServiceSelector/ServiceSelector.js

@@ -25,10 +25,10 @@ var DEFAULT_OPTIONS = [
     },
 ];
 export var DEFAULT_SERVICE_SELECTOR_OPTIONS = DEFAULT_OPTIONS;
-var ServiceSelector = function (_a) {
-    var value = _a.value, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.options, options = _c === void 0 ? DEFAULT_OPTIONS : _c, _d = _a.className, className = _d === void 0 ? '' : _d;
-    var _e = useState(value), selectedValue = _e[0], setSelectedValue = _e[1];
-    var _f = useState(false), isOpen = _f[0], setIsOpen = _f[1];
+function ServiceSelector(_a) {
+    var value = _a.value, onChange = _a.onChange, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.options, options = _c === void 0 ? DEFAULT_OPTIONS : _c, _d = _a.useDefaultBackground, useDefaultBackground = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e;
+    var _f = useState(value), selectedValue = _f[0], setSelectedValue = _f[1];
+    var _g = useState(false), isOpen = _g[0], setIsOpen = _g[1];
     var dropdownRef = useRef(null);
     // Close dropdown when clicking outside
     useEffect(function () {
@@ -58,7 +58,7 @@ var ServiceSelector = function (_a) {
         if (disabled)
             return 'disabled';
         // If a service is selected, always show selected state (even if open)
-        if (selectedValue)
+        if (selectedValue && !useDefaultBackground)
             return 'selected';
         if (isOpen)
             return 'open';
@@ -81,5 +81,5 @@ var ServiceSelector = function (_a) {
                             var isDisabled = option.disabled || disabled;
                             return (_jsxs("button", { type: "button", className: "service-selector__option ".concat(isSelected ? 'service-selector__option--selected' : '', " ").concat(isDisabled ? 'service-selector__option--disabled' : ''), onClick: function () { return handleOptionSelect(option); }, disabled: isDisabled, role: "option", "aria-selected": isSelected, children: [_jsx(Icon, { name: option.icon, size: "md", className: "service-selector__option-icon ".concat(isSelected ? 'service-selector__option-icon--selected' : '') }), _jsx(Text, { size: "base", variant: "bold", color: isSelected ? 'inverted' : 'default', className: "service-selector__option-text", children: option.label }), option.badge && (_jsx("span", { className: "service-selector__option-badge", children: option.badge }))] }, option.value));
                         }) }) }) })] }));
-};
+}
 export default ServiceSelector;

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

@@ -1,3 +1,3 @@
 export * from './Booking';
-export type { BookingDocketProps } from './BookingDocket/BookingDocket';
+export type { BookingDocketItem, BookingDocketProps, BookingResumeData, } from './BookingDocket/BookingDocket';
 export type { BookingStepProps } from './BookingStep/BookingStep';

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

@@ -133,7 +133,8 @@
   position: absolute;
   top: calc(100% + 8px);
   left: 0;
-  width: 280px;
+  right: 0;
+  width: 100%;
   background: var(--color-elevation-level-1, #ffffff);
   border: 1px solid var(--color-border-subtle, #e5e5e5);
   border-radius: 12px;

package/package.json

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

package/src/components/molecules/ServiceSelector/ServiceSelector.tsx

@@ -1,5 +1,5 @@
 import { cn } from '@/src/lib/utils';
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import '../../../styles/components/molecule/service-selector.css';
 import Icon from '../../atoms/Icon/Icon';
 import { Text } from '../../atoms/Typography/Typography';
@@ -26,6 +26,8 @@ export interface ServiceSelectorProps {
   className?: string;
   /** Options to display */
   options?: ServiceOption[];
+  /** Whether to use the default background color */
+  useDefaultBackground?: boolean;
 }
 
 const DEFAULT_OPTIONS: ServiceOption[] = [
@@ -50,13 +52,14 @@ const DEFAULT_OPTIONS: ServiceOption[] = [
 
 export const DEFAULT_SERVICE_SELECTOR_OPTIONS: ServiceOption[] = DEFAULT_OPTIONS;
 
-const ServiceSelector: React.FC<ServiceSelectorProps> = ({
+function ServiceSelector({
   value,
   onChange,
   disabled = false,
   options = DEFAULT_OPTIONS,
+  useDefaultBackground = false,
   className = '',
-}) => {
+}: ServiceSelectorProps) {
   const [selectedValue, setSelectedValue] = useState(value);
   const [isOpen, setIsOpen] = useState(false);
   const dropdownRef = useRef<HTMLDivElement>(null);
@@ -91,7 +94,7 @@ const ServiceSelector: React.FC<ServiceSelectorProps> = ({
   const getDropdownState = () => {
     if (disabled) return 'disabled';
     // If a service is selected, always show selected state (even if open)
-    if (selectedValue) return 'selected';
+    if (selectedValue && !useDefaultBackground) return 'selected';
     if (isOpen) return 'open';
     return 'default';
   };
@@ -182,6 +185,6 @@ const ServiceSelector: React.FC<ServiceSelectorProps> = ({
       </PopoverContent>
     </Popover>
   );
-};
+}
 
 export default ServiceSelector;

package/src/components/organisms/Booking/index.ts

@@ -1,3 +1,7 @@
 export * from './Booking';
-export type { BookingDocketProps } from './BookingDocket/BookingDocket';
+export type {
+  BookingDocketItem,
+  BookingDocketProps,
+  BookingResumeData,
+} from './BookingDocket/BookingDocket';
 export type { BookingStepProps } from './BookingStep/BookingStep';

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

@@ -117,7 +117,8 @@
   position: absolute;
   top: calc(100% + 8px);
   left: 0;
-  width: 280px;
+  right: 0;
+  width: 100%;
   background: var(--color-elevation-level-1, #ffffff);
   border: 1px solid var(--color-border-subtle, #e5e5e5);
   border-radius: 12px;