mautourco-components 0.2.49 → 0.2.51

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

@@ -9,5 +9,6 @@ export interface QuoteHeaderProps {
     onNewQuote: () => void;
     onFilterChange?: (filter: FilterType, value: string) => void;
     currentFilter?: Record<FilterType, string>;
+    filters?: Record<string, any>;
 }
 export declare function QuoteHeader(props: QuoteHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -45,14 +45,14 @@ var filterConfig = {
 };
 export function QuoteHeader(props) {
     var _a;
-    var _b = props.current, current = _b === void 0 ? 'quotation' : _b, currentFilter = props.currentFilter, onNavigate = props.onNavigate, onNewQuote = props.onNewQuote, onFilterChange = props.onFilterChange;
-    var _c = useState(currentFilter || {
+    var _b = props.current, current = _b === void 0 ? 'quotation' : _b, currentFilter = props.currentFilter, onNavigate = props.onNavigate, onNewQuote = props.onNewQuote, onFilterChange = props.onFilterChange, _c = props.filters, filters = _c === void 0 ? filterConfig : _c;
+    var _d = useState(currentFilter || {
         date: '',
         clientType: '',
         fileStatus: '',
         search: '',
-    }), currentValue = _c[0], setCurrentValue = _c[1];
-    var _d = useState((_a = currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.search) !== null && _a !== void 0 ? _a : ''), searchValue = _d[0], setSearchValue = _d[1];
+    }), currentValue = _d[0], setCurrentValue = _d[1];
+    var _e = useState((_a = currentFilter === null || currentFilter === void 0 ? void 0 : currentFilter.search) !== null && _a !== void 0 ? _a : ''), searchValue = _e[0], setSearchValue = _e[1];
     // Create a ref to store the debounced function
     var debouncedFilterChangeRef = useRef(debounce(function (value) {
         onFilterChange === null || onFilterChange === void 0 ? void 0 : onFilterChange('search', value);
@@ -92,7 +92,7 @@ export function QuoteHeader(props) {
             setSearchValue('');
         }
     }, [currentFilter]);
-    return (_jsxs("div", { className: "quote-header", children: [_jsx(Heading, { level: 4, as: "h1", className: "quote-header__title", color: "accent", children: "Quotation & Booking" }), _jsxs("div", { className: "flex gap-4", children: [_jsx(Button, { variant: current === 'quotation' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('quotation'); }, children: "Quotation" }), _jsx(Button, { variant: current === 'booking' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('booking'); }, children: "Booking" })] }), _jsxs("div", { className: "quote-header__search-container", children: [_jsx(Input, { placeholder: "Search", icon: "search", iconPosition: "leading", className: "quote-header__search", value: searchValue, onChange: handleInputChange }), _jsx(Button, { variant: "primary", leadingIcon: "plus-circle", iconSize: "md", size: "sm", onClick: onNewQuote, children: "New quote" })] }), _jsx("div", { className: "quote-header__filters", children: Object.entries(filterConfig).map(function (_a) {
+    return (_jsxs("div", { className: "quote-header", children: [_jsx(Heading, { level: 4, as: "h1", className: "quote-header__title", color: "accent", children: "Quotation & Booking" }), _jsxs("div", { className: "flex gap-4", children: [_jsx(Button, { variant: current === 'quotation' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('quotation'); }, children: "Quotation" }), _jsx(Button, { variant: current === 'booking' ? 'primary' : 'outline-primary', className: "quote-header__button", onClick: function () { return onNavigate('booking'); }, children: "Booking" })] }), _jsxs("div", { className: "quote-header__search-container", children: [_jsx(Input, { placeholder: "Search", icon: "search", iconPosition: "leading", className: "quote-header__search", value: searchValue, onChange: handleInputChange }), _jsx(Button, { variant: "primary", leadingIcon: "plus-circle", iconSize: "md", size: "sm", onClick: onNewQuote, children: "New quote" })] }), _jsx("div", { className: "quote-header__filters", children: Object.entries(filters).map(function (_a) {
                     var key = _a[0], value = _a[1];
                     return (_jsx(DropdownInput, { placeholder: value.placeholder, options: value.options, value: currentValue[key], onSelect: function (value) {
                             var _a;

package/dist/components/organisms/Table/columns/booking-columns.js

@@ -89,7 +89,7 @@ export var bookingColumns = function (_a) {
                 var _a;
                 var handleAction = (_a = onAction === null || onAction === void 0 ? void 0 : onAction(raw)) !== null && _a !== void 0 ? _a : (function () { });
                 var actionData = actionDropdownData(handleAction);
-                return (_jsxs("div", { className: "flex items-center justify-between gap-x-8", children: [renderStatusContent(raw.status), _jsx(ActionDropdown, { data: actionData })] }));
+                return (_jsxs("div", { className: "flex items-center justify-between gap-x-2", children: [renderStatusContent(raw.status), _jsx("div", { children: _jsx(ActionDropdown, { data: actionData }) })] }));
             },
         },
     ];

package/dist/components/organisms/Table/columns/quotation-columns.js

@@ -88,7 +88,7 @@ export var quotationColumns = function (_a) {
                 var isExpanded = (_a = raw.children) === null || _a === void 0 ? void 0 : _a.some(function (child) { return child.visible; });
                 var buttonLabel = isExpanded ? 'See less' : 'See more';
                 var isOnRequest = raw.status.toLowerCase() === 'on request';
-                return (_jsx("div", { children: hasChildren ? (_jsx(Button, { variant: "outline-primary", size: "sm", trailingIcon: "chevron-down", className: cn('table__button', isExpanded && 'table__button-expanded'), onClick: function () { return onExpand === null || onExpand === void 0 ? void 0 : onExpand(raw, index, childIndex); }, children: buttonLabel })) : (_jsxs("div", { className: "flex items-center gap-x-8", children: [_jsx(Button, { variant: isOnRequest ? 'outline-secondary' : 'secondary', size: "sm", className: "table__button", children: isOnRequest ? 'Request to book' : 'Book now' }), _jsx(ActionDropdown, { data: actionDropdownData((_b = onAction === null || onAction === void 0 ? void 0 : onAction({ isChild: childIndex !== undefined, quote: raw })) !== null && _b !== void 0 ? _b : (function () { })) })] })) }));
+                return (_jsx("div", { children: hasChildren ? (_jsx(Button, { variant: "outline-primary", size: "sm", trailingIcon: "chevron-down", className: cn('table__button', isExpanded && 'table__button-expanded'), onClick: function () { return onExpand === null || onExpand === void 0 ? void 0 : onExpand(raw, index, childIndex); }, children: buttonLabel })) : (_jsxs("div", { className: "flex items-center gap-x-8", children: [_jsx(Button, { variant: isOnRequest ? 'outline-secondary' : 'secondary', size: "sm", className: "table__button", children: isOnRequest ? 'Request to book' : 'Book now' }), _jsx("div", { children: _jsx(ActionDropdown, { data: actionDropdownData((_b = onAction === null || onAction === void 0 ? void 0 : onAction({ isChild: childIndex !== undefined, quote: raw })) !== null && _b !== void 0 ? _b : (function () { })) }) })] })) }));
             },
         },
     ];

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "mautourco-components",
-  "version": "0.2.49",
+  "version": "0.2.51",
   "private": false,
-  "description": "Bibliothèque de composants Motorco pour le redesign",
+  "description": "Bibliothèque de composants Mautourco pour le redesign",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "engines": {
@@ -16,13 +16,13 @@
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/mautourco/motorco.git"
+    "url": "https://github.com/Mautourco-mauritius/design_system.git"
   },
   "keywords": [
     "react",
     "components",
     "design-system",
-    "motorco"
+    "mautourco"
   ],
   "dependencies": {
     "@hookform/resolvers": "^5.2.2",

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

@@ -26,6 +26,8 @@ export interface QuoteHeaderProps {
   onFilterChange?: (filter: FilterType, value: string) => void;
 
   currentFilter?: Record<FilterType, string>;
+
+  filters?: Record<string, any>;
 }
 
 const filterConfig = {
@@ -50,6 +52,7 @@ export function QuoteHeader(props: QuoteHeaderProps) {
     onNavigate,
     onNewQuote,
     onFilterChange,
+    filters = filterConfig,
   } = props;
   const [currentValue, setCurrentValue] = useState<Record<FilterType, string>>(
     currentFilter || {
@@ -144,7 +147,7 @@ export function QuoteHeader(props: QuoteHeaderProps) {
         </Button>
       </div>
       <div className="quote-header__filters">
-        {Object.entries(filterConfig).map(([key, value]) => (
+        {Object.entries(filters).map(([key, value]) => (
           <DropdownInput
             key={key}
             placeholder={value.placeholder}

package/src/components/organisms/Table/columns/booking-columns.tsx

@@ -138,9 +138,11 @@ export const bookingColumns: (params: {
       const actionData = actionDropdownData(handleAction);
 
       return (
-        <div className="flex items-center justify-between gap-x-8">
+        <div className="flex items-center justify-between gap-x-2">
           {renderStatusContent(raw.status)}
-          <ActionDropdown data={actionData} />
+          <div>
+            <ActionDropdown data={actionData} />
+          </div>
         </div>
       );
     },

package/src/components/organisms/Table/columns/quotation-columns.tsx

@@ -171,12 +171,14 @@ export const quotationColumns: (params: {
                 className="table__button">
                 {isOnRequest ? 'Request to book' : 'Book now'}
               </Button>
-              <ActionDropdown
-                data={actionDropdownData(
-                  onAction?.({ isChild: childIndex !== undefined, quote: raw }) ??
-                    (() => {})
-                )}
-              />
+              <div>
+                <ActionDropdown
+                  data={actionDropdownData(
+                    onAction?.({ isChild: childIndex !== undefined, quote: raw }) ??
+                      (() => {})
+                  )}
+                />
+              </div>
             </div>
           )}
         </div>