@movalib/movalib-commons 1.68.27 → 1.68.29

package/dist/src/components/MovaTableBack/MovaTableBack.d.ts

@@ -21,7 +21,12 @@ type TMovaTable<T> = {
     onRowDoubleClick?: (data: T) => void;
     filterChildren?: React.ReactNode;
     asSearchSection?: boolean;
+    cardRenderer?: ComponentType<{
+        element: T;
+        onClick?: () => void;
+    }>;
+    forceCardRender?: boolean;
     placeHolderNoData?: React.ReactNode;
 };
-export default function MovaTableBack<T>({ useDataHook, displayedColumns, pagination, compact, onRowClick, onRowRightClick, onRowDoubleClick, isClickable, filterChildren, asSearchSection, placeHolderNoData, }: TMovaTable<T>): import("react/jsx-runtime").JSX.Element;
+export default function MovaTableBack<T>({ useDataHook, displayedColumns, pagination, compact, onRowClick, onRowRightClick, onRowDoubleClick, isClickable, filterChildren, asSearchSection, placeHolderNoData, cardRenderer, forceCardRender, }: TMovaTable<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/MovaTableBack/MovaTableBack.js

@@ -9,13 +9,18 @@ var icons_material_1 = require("@mui/icons-material");
 var Search_1 = __importDefault(require("@mui/icons-material/Search"));
 var material_1 = require("@mui/material");
 var react_1 = require("react");
+var material_2 = require("@mui/material");
 function MovaTableBack(_a) {
-    var useDataHook = _a.useDataHook, displayedColumns = _a.displayedColumns, pagination = _a.pagination, compact = _a.compact, onRowClick = _a.onRowClick, onRowRightClick = _a.onRowRightClick, onRowDoubleClick = _a.onRowDoubleClick, isClickable = _a.isClickable, filterChildren = _a.filterChildren, _b = _a.asSearchSection, asSearchSection = _b === void 0 ? true : _b, placeHolderNoData = _a.placeHolderNoData;
-    var _c = (0, react_1.useState)(0), currentPageIndex = _c[0], setCurrentPageIndex = _c[1];
-    var _d = (0, react_1.useState)(25), rowsPerPage = _d[0], setRowsPerPage = _d[1];
-    var _e = (0, react_1.useState)(""), search = _e[0], setSearch = _e[1];
+    var useDataHook = _a.useDataHook, displayedColumns = _a.displayedColumns, pagination = _a.pagination, compact = _a.compact, onRowClick = _a.onRowClick, onRowRightClick = _a.onRowRightClick, onRowDoubleClick = _a.onRowDoubleClick, isClickable = _a.isClickable, filterChildren = _a.filterChildren, _b = _a.asSearchSection, asSearchSection = _b === void 0 ? true : _b, placeHolderNoData = _a.placeHolderNoData, cardRenderer = _a.cardRenderer, _c = _a.forceCardRender, forceCardRender = _c === void 0 ? false : _c;
+    var _d = (0, react_1.useState)(0), currentPageIndex = _d[0], setCurrentPageIndex = _d[1];
+    var _e = (0, react_1.useState)(25), rowsPerPage = _e[0], setRowsPerPage = _e[1];
+    var _f = (0, react_1.useState)(""), search = _f[0], setSearch = _f[1];
     var clickTimeout = (0, react_1.useRef)(null);
-    var _f = useDataHook(currentPageIndex, rowsPerPage, search), data = _f.data, totalElements = _f.totalElements, isLoading = _f.isLoading, refresh = _f.refresh;
+    var theme = (0, material_2.useTheme)();
+    var isMobile = (0, material_2.useMediaQuery)(theme.breakpoints.down("md"));
+    var showCards = (isMobile || forceCardRender) && !!cardRenderer;
+    var CardComponent = cardRenderer;
+    var _g = useDataHook(currentPageIndex, rowsPerPage, search), data = _g.data, totalElements = _g.totalElements, isLoading = _g.isLoading, refresh = _g.refresh;
     var handleDoubleClick = (0, react_1.useCallback)(function (element) {
         if (!onRowDoubleClick)
             return;
@@ -61,7 +66,7 @@ function MovaTableBack(_a) {
                     gap: 2,
                 }, children: [(0, jsx_runtime_1.jsx)(material_1.TextField, { size: "small", type: "search", onChange: handleSearchChange, inputProps: {
                             startAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "start", children: (0, jsx_runtime_1.jsx)(Search_1.default, {}) })),
-                        }, sx: { width: "100%" }, placeholder: "Rechercher" }), refresh && ((0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", onClick: refresh, variant: "contained", children: (0, jsx_runtime_1.jsx)(icons_material_1.Refresh, {}) }))] }), filterChildren && filterChildren, (0, jsx_runtime_1.jsx)(material_1.TableContainer, { sx: { height: "100%" }, component: material_1.Paper, children: (0, jsx_runtime_1.jsxs)(material_1.Table, { size: compact ? "small" : "medium", sx: { height: "100%" }, stickyHeader: true, children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: displayedColumns.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { children: column.displayName }, index)); }) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { sx: { overflowY: "auto" }, children: [isLoading && ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: 5, sx: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.LinearProgress, {}) }) })), !isLoading && (data === null || data === void 0 ? void 0 : data.length) === 0 && placeHolderNoData && ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: displayedColumns.length, sx: { textAlign: "center", color: "grey.400" }, children: placeHolderNoData }) })), (data === null || data === void 0 ? void 0 : data.length) !== 0 &&
+                        }, sx: { width: "100%" }, placeholder: "Rechercher" }), refresh && ((0, jsx_runtime_1.jsx)(material_1.Button, { size: "small", onClick: refresh, variant: "contained", children: (0, jsx_runtime_1.jsx)(icons_material_1.Refresh, {}) }))] }), filterChildren && filterChildren, showCards ? ((0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }, children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { flex: 1, minHeight: 0, overflow: "auto", display: "flex", flexDirection: "column", gap: 1, p: 1 }, children: [isLoading && (0, jsx_runtime_1.jsx)(material_1.LinearProgress, {}), !isLoading && (data === null || data === void 0 ? void 0 : data.length) === 0 && placeHolderNoData, data === null || data === void 0 ? void 0 : data.map(function (element, index) { return ((0, jsx_runtime_1.jsx)(CardComponent, { element: element, onClick: function () { return onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(element); } }, index)); })] }), pagination && pagination.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { flexShrink: 0, borderTop: 1, borderColor: "divider", backgroundColor: "white" }, children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { sx: { minHeight: "52px" }, component: "div", count: totalElements, onPageChange: handlePageChange, page: currentPageIndex, rowsPerPage: rowsPerPage, labelRowsPerPage: "Par page :", onRowsPerPageChange: handleRowsPerPageChange, rowsPerPageOptions: pagination }) }))] })) : ((0, jsx_runtime_1.jsx)(material_1.TableContainer, { sx: { height: "100%" }, component: material_1.Paper, children: (0, jsx_runtime_1.jsxs)(material_1.Table, { size: compact ? "small" : "medium", sx: { height: "100%" }, stickyHeader: true, children: [(0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: displayedColumns.map(function (column, index) { return ((0, jsx_runtime_1.jsx)(material_1.TableCell, { children: column.displayName }, index)); }) }) }), (0, jsx_runtime_1.jsxs)(material_1.TableBody, { sx: { overflowY: "auto" }, children: [isLoading && ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: 5, sx: { padding: 0 }, children: (0, jsx_runtime_1.jsx)(material_1.LinearProgress, {}) }) })), !isLoading && (data === null || data === void 0 ? void 0 : data.length) === 0 && placeHolderNoData && ((0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { colSpan: displayedColumns.length, sx: { textAlign: "center", color: "grey.400" }, children: placeHolderNoData }) })), (data === null || data === void 0 ? void 0 : data.length) !== 0 &&
                                     (data === null || data === void 0 ? void 0 : data.map(function (element, index) { return ((0, jsx_runtime_1.jsx)(material_1.TableRow, { onDoubleClick: function () {
                                             handleDoubleClick(element);
                                         }, onClick: function () { return handleRowClick(element); }, onContextMenu: function (event) {
@@ -80,5 +85,5 @@ function MovaTableBack(_a) {
                                                     width: "1%",
                                                     maxWidth: "fit-content",
                                                 }
-                                                : {}, children: column.component && ((0, jsx_runtime_1.jsx)(column.component, { element: element })) }, index)); }) }, index)); })), (0, jsx_runtime_1.jsx)(material_1.TableRow, { sx: { height: "100%" } })] }), pagination && pagination.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.TableFooter, { sx: { position: "sticky", bottom: 0, backgroundColor: "white" }, children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { count: totalElements, onPageChange: handlePageChange, page: currentPageIndex, rowsPerPage: rowsPerPage, labelRowsPerPage: "Lignes par page :", onRowsPerPageChange: handleRowsPerPageChange, rowsPerPageOptions: pagination }) }) }))] }) })] }));
+                                                : {}, children: column.component && ((0, jsx_runtime_1.jsx)(column.component, { element: element })) }, index)); }) }, index)); })), (0, jsx_runtime_1.jsx)(material_1.TableRow, { sx: { height: "100%" } })] }), pagination && pagination.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.TableFooter, { sx: { position: "sticky", bottom: 0, backgroundColor: "white" }, children: (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { count: totalElements, onPageChange: handlePageChange, page: currentPageIndex, rowsPerPage: rowsPerPage, labelRowsPerPage: "Lignes par page :", onRowsPerPageChange: handleRowsPerPageChange, rowsPerPageOptions: pagination }) }) }))] }) }))] }));
 }

package/dist/src/helpers/ApiHelper.d.ts

@@ -10,6 +10,7 @@ export type APIRequest = {
     method: APIMethod;
     appType?: MovaAppType;
     body?: string | FormData;
+    headers?: any;
 };
 /**
  * ATTENTION : cela signifie que toutes les requêtes du Front seront de type "preflight"

package/dist/src/helpers/ApiHelper.js

@@ -72,9 +72,15 @@ var request = function (options) {
             }
             break;
     }
+    if (options.headers) {
+        Object.entries(options.headers).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            headers.set(key, value);
+        });
+    }
     // On intègre les headers aux options
     var defaults = { headers: headers };
-    options = Object.assign({}, defaults, options);
+    options = Object.assign({}, defaults, options, { headers: headers });
     Logger_1.default.info(options);
     // Appel API
     return fetch(options.url, options)

package/dist/src/models/Event.d.ts

@@ -107,7 +107,8 @@ export default class Event {
     quoteFirstSendingTime?: Date;
     lastQuoteCreationDate?: Date;
     urgent?: boolean;
-    constructor(id: string, ownerId: number, type: EventType, title: string, garageName: string, garageId: number, color: string, state: EventState, garageAddress?: Address, start?: Date, end?: Date, prestations?: Prestation[], operations?: Operation[], products?: Product[], guestsId?: string[], vehicleId?: number, quoteId?: number, notes?: string, vehicleAvailableNotified?: boolean, editable?: boolean, resourceId?: number, garageVehicleId?: number, garageVehicleRequest?: boolean, vehicleAvailableNotificationTime?: Date, interventionEndTime?: Date, quoteLastSendingTime?: Date, invoiceSendingDate?: Date, orders?: Order[], creationDate?: Date, updatedDate?: Date, lastQuoteCreationDate?: Date, quoteFirstSendingTime?: Date, urgent?: boolean, garageVehicleBookings?: LoanVehicle[], goodForAgreement?: boolean);
+    schedulable?: boolean;
+    constructor(id: string, ownerId: number, type: EventType, title: string, garageName: string, garageId: number, color: string, state: EventState, garageAddress?: Address, start?: Date, end?: Date, prestations?: Prestation[], operations?: Operation[], products?: Product[], guestsId?: string[], vehicleId?: number, quoteId?: number, notes?: string, vehicleAvailableNotified?: boolean, editable?: boolean, resourceId?: number, garageVehicleId?: number, garageVehicleRequest?: boolean, vehicleAvailableNotificationTime?: Date, interventionEndTime?: Date, quoteLastSendingTime?: Date, invoiceSendingDate?: Date, orders?: Order[], creationDate?: Date, updatedDate?: Date, lastQuoteCreationDate?: Date, quoteFirstSendingTime?: Date, urgent?: boolean, garageVehicleBookings?: LoanVehicle[], goodForAgreement?: boolean, schedulable?: boolean);
     static getPrestationsList(event: Event): string[];
     static getCurrentQuote(event: Event): Document | null;
 }

package/dist/src/models/Event.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var Enums_1 = require("../helpers/Enums");
 var Event = /** @class */ (function () {
-    function Event(id, ownerId, type, title, garageName, garageId, color, state, garageAddress, start, end, prestations, operations, products, guestsId, vehicleId, quoteId, notes, vehicleAvailableNotified, editable, resourceId, garageVehicleId, garageVehicleRequest, vehicleAvailableNotificationTime, interventionEndTime, quoteLastSendingTime, invoiceSendingDate, orders, creationDate, updatedDate, lastQuoteCreationDate, quoteFirstSendingTime, urgent, garageVehicleBookings, goodForAgreement) {
+    function Event(id, ownerId, type, title, garageName, garageId, color, state, garageAddress, start, end, prestations, operations, products, guestsId, vehicleId, quoteId, notes, vehicleAvailableNotified, editable, resourceId, garageVehicleId, garageVehicleRequest, vehicleAvailableNotificationTime, interventionEndTime, quoteLastSendingTime, invoiceSendingDate, orders, creationDate, updatedDate, lastQuoteCreationDate, quoteFirstSendingTime, urgent, garageVehicleBookings, goodForAgreement, schedulable) {
         this.id = id;
         this.notes = notes;
         this.ownerId = ownerId;
@@ -50,6 +50,7 @@ var Event = /** @class */ (function () {
         this.urgent = urgent;
         this.garageVehicleBookings = garageVehicleBookings;
         this.goodForAgreement = goodForAgreement;
+        this.schedulable = schedulable;
     }
     Event.getPrestationsList = function (event) {
         if (event && event.prestations) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@movalib/movalib-commons",
-	"version": "1.68.27",
+	"version": "1.68.29",
 	"description": "Bibliothèque d'objets communs à l'ensemble des projets React de Movalib",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",

package/src/components/MovaTableBack/MovaTableBack.tsx

@@ -25,6 +25,7 @@ import {
   useRef,
   useState,
 } from "react";
+import { useMediaQuery, useTheme } from "@mui/material";
 
 type TMovaTable<T> = {
   useDataHook: (
@@ -50,6 +51,8 @@ type TMovaTable<T> = {
   onRowDoubleClick?: (data: T) => void;
   filterChildren?: React.ReactNode;
   asSearchSection?: boolean;
+  cardRenderer?: ComponentType<{ element: T; onClick?: () => void }>;
+  forceCardRender?:boolean;
   placeHolderNoData?: React.ReactNode;
 };
 
@@ -65,12 +68,17 @@ export default function MovaTableBack<T>({
   filterChildren,
   asSearchSection = true,
   placeHolderNoData,
+  cardRenderer,
+  forceCardRender = false,
 }: TMovaTable<T>) {
   const [currentPageIndex, setCurrentPageIndex] = useState<number>(0);
   const [rowsPerPage, setRowsPerPage] = useState<number>(25);
   const [search, setSearch] = useState("");
   const clickTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);
-
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down("md"));
+  const showCards = (isMobile || forceCardRender) && !!cardRenderer;
+  const CardComponent = cardRenderer as ComponentType<{ element: T; onClick?: () => void }>;
   const { data, totalElements, isLoading, refresh } = useDataHook(
     currentPageIndex,
     rowsPerPage,
@@ -161,6 +169,38 @@ export default function MovaTableBack<T>({
         )}
       </Box>}
       {filterChildren && filterChildren}
+
+     {showCards ? (
+      <Box sx={{ flex: 1, minHeight: 0, display: "flex", flexDirection: "column" }}>
+        {/* Zone scrollable */}
+        <Box sx={{ flex: 1, minHeight: 0, overflow: "auto", display: "flex", flexDirection: "column", gap: 1, p: 1 }}>
+          {isLoading && <LinearProgress />}
+          {!isLoading && data?.length === 0 && placeHolderNoData}
+          {data?.map((element, index) => (
+            <CardComponent key={index} element={element} onClick={() => onRowClick?.(element)} />
+          ))}
+        </Box>
+
+        {/* Pagination fixe en bas */}
+        {pagination && pagination.length > 0 && (
+          <Box sx={{ flexShrink: 0, borderTop: 1, borderColor: "divider", backgroundColor: "white" }}>
+            <TablePagination
+              sx={{ minHeight: "52px" }}
+              component="div"
+              count={totalElements}
+              onPageChange={handlePageChange}
+              page={currentPageIndex}
+              rowsPerPage={rowsPerPage}
+              labelRowsPerPage="Par page :"
+              onRowsPerPageChange={handleRowsPerPageChange}
+              rowsPerPageOptions={pagination}
+            />
+          </Box>
+        )}
+      </Box>
+    ) : (
+
+
       <TableContainer sx={{ height: "100%" }} component={Paper}>
         <Table
           size={compact ? "small" : "medium"}
@@ -258,6 +298,7 @@ export default function MovaTableBack<T>({
           )}
         </Table>
       </TableContainer>
+    )}
     </div>
   );
 }

package/src/helpers/ApiHelper.ts

@@ -28,7 +28,8 @@ export type APIRequest = {
     url: string,
     method: APIMethod,
     appType?: MovaAppType,
-    body?: string | FormData
+    body?: string | FormData,
+    headers?: any,
 }
 
 function handleError(error: Error): APIResponse<null>  {
@@ -107,9 +108,16 @@ export const request = (options:APIRequest): Promise<APIResponse<any>> => {
             break;
     }
 
+       if (options.headers) {
+        Object.entries(options.headers).forEach(([key, value]) => {
+            headers.set(key, value as string);
+        });
+    }
+
     // On intègre les headers aux options
-    const defaults = {headers: headers};
-    options = Object.assign({}, defaults, options);
+    const defaults = { headers: headers };
+    options = Object.assign({}, defaults, options, { headers: headers });
+
 
     Logger.info(options);
 

package/src/models/Event.ts

@@ -122,6 +122,7 @@ export default class Event {
   quoteFirstSendingTime?: Date;
   lastQuoteCreationDate?: Date;
   urgent?: boolean;
+  schedulable?:boolean;
   constructor(
     id: string,
     ownerId: number,
@@ -158,6 +159,7 @@ export default class Event {
     urgent?: boolean,
     garageVehicleBookings?: LoanVehicle[],
     goodForAgreement?:boolean,
+    schedulable?:boolean
   ) {
     this.id = id;
     this.notes = notes;
@@ -207,6 +209,7 @@ export default class Event {
     this.urgent = urgent;
     this.garageVehicleBookings = garageVehicleBookings;
     this.goodForAgreement = goodForAgreement;
+    this.schedulable = schedulable;
   }
 
   static getPrestationsList(event: Event): string[] {