kelt-ui-kit-react 1.8.5 → 1.9.0

package/dist/loader/Loader.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import "./loader.css";
+export var Loader = function (_a) {
+    var display = _a.display, full = _a.full, message = _a.message;
+    return (_jsxs(_Fragment, { children: [display && !full && (_jsxs("div", __assign({ className: "d-flex flex-column align-items-center" }, { children: [message && _jsx("span", __assign({ className: "mb-3" }, { children: message })), _jsx("div", __assign({ className: "position-relative" }, { children: _jsx("span", { className: "loader" }) }))] }))), display &&
+                full &&
+                createPortal(_jsx("div", __assign({ className: "loader-overlay" }, { children: _jsx("div", { children: _jsxs("div", __assign({ className: "d-flex flex-column align-items-center" }, { children: [message && _jsx("span", __assign({ className: "mb-3" }, { children: message })), _jsx("div", __assign({ className: "position-relative" }, { children: _jsx("span", { className: "loader" }) }))] })) }) })), document.body)] }));
+};

package/dist/loader/Loader.view.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../button/Button";
+import { IconSizeEnum } from "../icon/iconSize.enum";
+import { Loader } from "./Loader";
+export var LoaderView = function () {
+    var _a = useState(false), display = _a[0], setDisplay = _a[1];
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { title: "loader-overlay", onClick: function () { return setDisplay(!display); } }), _jsx(Loader, { size: IconSizeEnum.EXTRA_LARGE, display: !display, message: "Loading..." }), _jsx(Loader, { display: display, message: "Loading...", full: true })] }));
+};

package/dist/main.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "bootstrap-icons/font/bootstrap-icons.css";
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App";
+import "./index.css";
+ReactDOM.createRoot(document.getElementById("root")).render(_jsx(React.StrictMode, { children: _jsx(App, {}) }));

package/dist/menus/Menus.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { Menu } from "./menu/Menu";
+import "./menus.css";
+export var Menus = function (props) {
+    var _a = useState(null), currentItem = _a[0], setCurrentItem = _a[1];
+    var onChange = useCallback(function (item) {
+        setCurrentItem(item);
+    }, []);
+    var renderMenuItems = function (items) { return (_jsx("ul", { children: items.map(function (item) { return (_jsxs("li", { children: [_jsx(Menu, { item: item, onChange: onChange, active: (currentItem === null || currentItem === void 0 ? void 0 : currentItem.id) === item.id }), item.subMenu && item.subMenu.length > 0 && (_jsx("div", __assign({ className: "ml-3 mt-1 submenu" }, { children: renderMenuItems(item.subMenu) })))] }, item.id)); }) })); };
+    return (_jsx("div", __assign({ className: "menu ".concat(props.className || "") }, { children: renderMenuItems(props.items) })));
+};

package/dist/menus/Menus.view.js

@@ -0,0 +1,48 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NavLink } from "react-router-dom";
+import { Menus } from "./Menus";
+import { Button } from "../button/Button";
+import { useCallback } from "react";
+export var MenusView = function () {
+    var buttonAction = useCallback(function (e) {
+        console.log("Button clicked", e);
+    }, []);
+    var mockItems = [
+        {
+            id: 1,
+            name: "Menu 1",
+            children: "Menu 1",
+            active: true,
+            subMenu: [{
+                    id: 1,
+                    name: "Menu 1",
+                    children: _jsx(NavLink, __assign({ to: "/expands" }, { children: "Menu 1" })),
+                    active: true,
+                }]
+        },
+        {
+            id: 2,
+            name: "Menu 2",
+            children: _jsx(Button, { onClick: buttonAction, title: "deconnexion" }),
+            active: false,
+        },
+        {
+            id: 3,
+            children: _jsx(NavLink, __assign({ to: "/expands" }, { children: "Menu 1" })),
+            name: "Menu 3",
+            active: false,
+        },
+    ];
+    return _jsx(Menus, { items: mockItems });
+};

package/dist/menus/menu/Menu.js

@@ -0,0 +1,15 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Menu = function (props) {
+    return (_jsx("div", __assign({ onClick: function () { return props.onChange(props.item); }, className: props.active ? "expand expand--active" : "expand" }, { children: props.item.children })));
+};

package/dist/menus/menu/menu.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/message/Message.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Icon } from "../icon/Icon";
+import "./message.css";
+export var Message = function (_a) {
+    var text = _a.text, severity = _a.severity, className = _a.className;
+    var icon = useMemo(function () {
+        switch (severity) {
+            case "info":
+                return "bi-info-circle";
+            case "warning":
+                return "bi-exclamation-triangle";
+            case "error":
+                return "bi-x-circle";
+            case "success":
+                return "bi-check-circle";
+            default:
+                return "bi-info-circle";
+        }
+    }, [severity]);
+    return (_jsxs("div", __assign({ className: "message message--".concat(severity, " ").concat(className !== null && className !== void 0 ? className : "") }, { children: [_jsx(Icon, { classIcon: icon }), _jsx("span", __assign({ className: "message-text" }, { children: text }))] })));
+};

package/dist/message/Message.view.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Message } from "./Message";
+export var MessageView = function () {
+    var messages = [
+        { text: "Information message", severity: "info" },
+        { text: "Warning message", severity: "warning" },
+        { text: "Error message", severity: "error" },
+        { text: "Success message", severity: "success" },
+    ];
+    return (_jsx("div", { children: messages.map(function (msg, index) { return (_jsx(Message, { className: "mb-2", text: msg.text, severity: msg.severity }, index)); }) }));
+};

package/dist/modal/Modal.js

@@ -0,0 +1,27 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { Button } from "../button/Button";
+import { Icon } from "../icon/Icon";
+import "./modal.css";
+export var Modal = function (_a) {
+    var isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, onSubmit = _a.onSubmit, titleButton = _a.titleButton, title = _a.title, _b = _a.styleContainer, styleContainer = _b === void 0 ? {} : _b, _c = _a.classNameContainer, classNameContainer = _c === void 0 ? "" : _c, _d = _a.closeOnOverlayClick, closeOnOverlayClick = _d === void 0 ? true : _d;
+    if (!isOpen)
+        return null;
+    var handleOverlayMouseDown = function () {
+        if (closeOnOverlayClick) {
+            onClose();
+        }
+    };
+    return createPortal(_jsx("div", __assign({ className: "modal-overlay", onMouseDown: handleOverlayMouseDown }, { children: _jsxs("div", __assign({ className: "modal-container ".concat(classNameContainer), style: styleContainer, onMouseDown: function (e) { return e.stopPropagation(); } }, { children: [_jsxs("div", __assign({ className: "modal-header" }, { children: [title && _jsx("h2", __assign({ className: "modal-title" }, { children: title })), _jsx("div", __assign({ className: "modal-close-button", onClick: onClose }, { children: _jsx(Icon, { classIcon: "bi-x-lg" }) }))] })), _jsx("div", __assign({ className: "modal-content" }, { children: children })), onSubmit && (_jsx("div", __assign({ className: "d-flex justify-content-end" }, { children: _jsx(Button, { onClick: onSubmit, title: titleButton !== null && titleButton !== void 0 ? titleButton : "" }) })))] })) })), document.body);
+};

package/dist/modal/Modal.view.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import { Button } from "../button/Button";
+import { Modal } from "./Modal";
+export var ModalView = function () {
+    var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
+    var openModal = useCallback(function () {
+        setIsOpen(true);
+    }, [setIsOpen, true]);
+    return (_jsxs("div", { children: [_jsx(Button, { onClick: openModal, title: "Open Modal" }), _jsx(Modal, __assign({ onSubmit: function () { return setIsOpen(false); }, title: "test", titleButton: "Submit", closeOnOverlayClick: false, onClose: function () { return setIsOpen(false); }, isOpen: isOpen }, { children: "test" }))] }));
+};

package/dist/notFound/NotFound.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export var NotFound = function () {
+    return _jsx("h1", { children: "404 - Page Not Found" });
+};

package/dist/overlayPanel/OverlayPanel.js

@@ -0,0 +1,132 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useId, useImperativeHandle, useRef, useState, } from "react";
+import ReactDOM from "react-dom";
+import { Icon } from "../icon/Icon";
+import { useOverlayContext } from "./overlay.context";
+import "./overlayPanel.css";
+import { OverlayPanelStyled } from "./overlayPanelStyled/OverlayPanelStyled";
+export var OverlayPanel = forwardRef(function (_a, ref) {
+    var referenceElement = _a.referenceElement, position = _a.position, coordonnees = _a.coordonnees, children = _a.children, show = _a.show, id = _a.id, closeOverlay = _a.closeOverlay;
+    var _b = useOverlayContext(), activeOverlayId = _b.activeOverlayId, setActiveOverlay = _b.setActiveOverlay;
+    var _c = useState(show || false), isShow = _c[0], setIsShow = _c[1];
+    var _d = useState(coordonnees !== null && coordonnees !== void 0 ? coordonnees : { top: 0, left: 0 }), coords = _d[0], setCoords = _d[1];
+    var boxRef = useRef(null);
+    var overlayId = useId();
+    useImperativeHandle(ref, function () { return ({
+        setCoords: setCoords,
+    }); });
+    useEffect(function () {
+        if (activeOverlayId !== overlayId) {
+            setIsShow(false);
+        }
+    }, [activeOverlayId, overlayId]);
+    useEffect(function () {
+        var updatePosition = function () {
+            var _a;
+            var _b;
+            if (!position && coordonnees) {
+                setCoords(coordonnees);
+            }
+            else if (referenceElement) {
+                var rect_1 = referenceElement.getBoundingClientRect();
+                var boxRect_1 = (_b = boxRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
+                var innerWidth_1 = window.innerWidth, innerHeight_1 = window.innerHeight;
+                if (boxRect_1) {
+                    // Positions par défaut si définies
+                    var top_1, left = void 0;
+                    var positions = {
+                        topRight: function () { return ({
+                            top: rect_1.top - boxRect_1.height,
+                            left: rect_1.right - boxRect_1.width,
+                        }); },
+                        topLeft: function () { return ({
+                            top: rect_1.top - boxRect_1.height,
+                            left: rect_1.left,
+                        }); },
+                        bottomRight: function () { return ({
+                            top: rect_1.bottom,
+                            left: rect_1.right - boxRect_1.width,
+                        }); },
+                        bottomLeft: function () { return ({
+                            top: rect_1.bottom,
+                            left: rect_1.left,
+                        }); },
+                        left: function () { return ({
+                            top: rect_1.top + rect_1.height / 2 - boxRect_1.height / 2,
+                            left: rect_1.left - boxRect_1.width,
+                        }); },
+                        right: function () { return ({
+                            top: rect_1.top + rect_1.height / 2 - boxRect_1.height / 2,
+                            left: rect_1.right,
+                        }); },
+                    };
+                    if (position && positions[position]) {
+                        // Si une position est définie, on tente de l'appliquer
+                        (_a = positions[position](), top_1 = _a.top, left = _a.left);
+                    }
+                    else {
+                        // Sinon, on adapte dynamiquement
+                        left = rect_1.right;
+                        top_1 = rect_1.bottom;
+                        if (rect_1.right + boxRect_1.width > innerWidth_1) {
+                            left = rect_1.left - boxRect_1.width; // Manque d'espace à droite → afficher à gauche
+                        }
+                        if (rect_1.bottom + boxRect_1.height > innerHeight_1) {
+                            top_1 = rect_1.top - boxRect_1.height; // Manque d'espace en bas → afficher en haut
+                        }
+                    }
+                    setCoords({ top: top_1, left: left < 0 ? 0 : left });
+                }
+            }
+        };
+        if (isShow) {
+            updatePosition();
+            window.addEventListener("resize", updatePosition);
+        }
+        return function () { return window.removeEventListener("resize", updatePosition); };
+    }, [referenceElement, isShow, position]);
+    var openOverlay = function () {
+        setIsShow(true);
+        setActiveOverlay(overlayId);
+    };
+    var closeOverlayHandler = useCallback(function (e) {
+        e.stopPropagation();
+        setIsShow(false);
+        setActiveOverlay(null);
+        if (closeOverlay) {
+            closeOverlay(false);
+        }
+    }, [closeOverlay, setActiveOverlay]);
+    useEffect(function () {
+        var handleClickOutside = function (event) {
+            if (boxRef.current && !boxRef.current.contains(event.target)) {
+                closeOverlayHandler(event);
+            }
+        };
+        if (isShow) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        return function () {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [isShow, closeOverlayHandler]);
+    useEffect(function () {
+        if (show) {
+            openOverlay();
+        }
+    }, [show]);
+    if (!isShow)
+        return null;
+    return ReactDOM.createPortal(_jsx(OverlayPanelStyled, __assign({ ref: boxRef, "$top": coords.top, "$left": coords.left }, { children: _jsxs("div", __assign({ className: "overlayPanel ".concat(coords.top > 0 || coords.left > 0 ? "visible" : "hide") }, { children: [_jsx("button", __assign({ id: id !== null && id !== void 0 ? id : "", className: "toggle-btn", onClick: closeOverlayHandler }, { children: _jsx(Icon, { classIcon: "bi-x-lg" }) })), children] })) })), document.body);
+});

package/dist/overlayPanel/OverlayPanel.view.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { Icon } from "../icon/Icon";
+import { OverlayPanel } from "./OverlayPanel";
+export var OverlayPanelView = function () {
+    var refButton = useRef(null);
+    var _a = useState(false), openOverlay = _a[0], setOpenOverlay = _a[1];
+    return (_jsxs(_Fragment, { children: [_jsx("div", __assign({ ref: refButton, onClick: function () { return setOpenOverlay(!openOverlay); } }, { children: _jsx(Icon, { classIcon: "bi-list" }) })), refButton.current && (_jsx(OverlayPanel, { position: "bottomRight", show: openOverlay, closeOverlay: setOpenOverlay, referenceElement: refButton.current, children: _jsx("div", { children: "boom" }) }))] }));
+};

package/dist/overlayPanel/overlay.context.js

@@ -0,0 +1,26 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState } from "react";
+var OverlayContext = createContext(undefined);
+export var OverlayProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(null), activeOverlayId = _b[0], setActiveOverlay = _b[1];
+    return (_jsx(OverlayContext.Provider, __assign({ value: { activeOverlayId: activeOverlayId, setActiveOverlay: setActiveOverlay } }, { children: children })));
+};
+export var useOverlayContext = function () {
+    var context = useContext(OverlayContext);
+    if (!context) {
+        throw new Error("useOverlayContext must be used within an OverlayProvider");
+    }
+    return context;
+};

package/dist/overlayPanel/overlayPanelStyled/OverlayPanelStyled.js

@@ -0,0 +1,13 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from "styled-components";
+export var OverlayPanelStyled = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  z-index: 5;\n  top: ", "px;\n  left: ", "px;\n  background-color: white;\n  padding: 10px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  border-radius: 2px;\n  border: 1px solid #ede;\n"], ["\n  position: absolute;\n  z-index: 5;\n  top: ", "px;\n  left: ", "px;\n  background-color: white;\n  padding: 10px;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  border-radius: 2px;\n  border: 1px solid #ede;\n"])), function (_a) {
+    var $top = _a.$top;
+    return $top;
+}, function (_a) {
+    var $left = _a.$left;
+    return $left;
+});
+var templateObject_1;

package/dist/pdfViewer/PdfViewer.js

@@ -0,0 +1,71 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useCallback, useEffect, useState } from "react";
+export var PdfViewer = forwardRef(function (_a, ref) {
+    var arrayBuffer = _a.arrayBuffer, _b = _a.displayToolBar, displayToolBar = _b === void 0 ? false : _b, _c = _a.height, height = _c === void 0 ? "600px" : _c, _d = _a.width, width = _d === void 0 ? "100%" : _d, className = _a.className, title = _a.title, id = _a.id;
+    var _e = useState(null), pdfUrl = _e[0], setPdfUrl = _e[1];
+    var handleLoadPDF = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var blob, url, pdfUrlWithoutToolbar;
+        return __generator(this, function (_a) {
+            blob = new Blob([arrayBuffer], { type: "application/pdf" });
+            url = URL.createObjectURL(blob);
+            if (!displayToolBar) {
+                pdfUrlWithoutToolbar = "".concat(url, "#toolbar=0&navpanes=0&scrollbar=0");
+                setPdfUrl(pdfUrlWithoutToolbar);
+                return [2 /*return*/];
+            }
+            setPdfUrl(url);
+            return [2 /*return*/];
+        });
+    }); }, [arrayBuffer, displayToolBar, setPdfUrl]);
+    useEffect(function () {
+        handleLoadPDF();
+    }, [arrayBuffer, handleLoadPDF]);
+    // Nettoyer l'URL quand le composant se démonte
+    useEffect(function () {
+        return function () {
+            if (pdfUrl) {
+                URL.revokeObjectURL(pdfUrl);
+            }
+        };
+    }, [pdfUrl]);
+    return (_jsx(_Fragment, { children: pdfUrl && (_jsx("iframe", { ref: ref, className: className, src: pdfUrl, width: width, height: height, title: title, id: id, style: {
+                border: "none",
+                pointerEvents: "auto", // Permet le scroll
+            } })) }));
+});

package/dist/pdfViewer/PdfViewer.view.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PdfViewer } from "./PdfViewer";
+export var PdfViewerView = function () {
+    return _jsx(PdfViewer, { arrayBuffer: new ArrayBuffer(0) });
+};

package/dist/quantity/Quantity.js

@@ -0,0 +1,60 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from "react";
+import { Icon } from "../icon/Icon";
+import { IconSizeEnum } from "../icon/iconSize.enum";
+import "./quantity.css";
+export var Quantity = function (_a) {
+    var setQuantity = _a.setQuantity, item = _a.item, onClickQuantity = _a.onClickQuantity, disabled = _a.disabled, disabledPlus = _a.disabledPlus, disabledMinus = _a.disabledMinus, pas = _a.pas;
+    var _b = useState(pas), qte = _b[0], setQte = _b[1];
+    var changeQuantity = useCallback(function (qte) {
+        if (disabled) {
+            return;
+        }
+        setQte(qte);
+        if (setQuantity) {
+            setQuantity(item, qte);
+        }
+    }, [setQte, setQuantity]);
+    var incrementQte = useCallback(function (e) {
+        e.stopPropagation();
+        if (disabled || disabledPlus) {
+            return;
+        }
+        var newQuantity = qte + pas;
+        changeQuantity(Math.round(newQuantity * 100) / 100);
+    }, [qte, changeQuantity]);
+    var decrementQte = useCallback(function (e) {
+        e.stopPropagation();
+        if (disabled || disabledMinus) {
+            return;
+        }
+        if (qte === 0) {
+            return qte;
+        }
+        var newQuantity = qte - pas;
+        changeQuantity(Math.round(newQuantity * 100) / 100);
+    }, [changeQuantity, qte]);
+    useEffect(function () {
+        if (item.quantity) {
+            setQte(item.quantity);
+        }
+    }, [item.quantity, setQte]);
+    var handleClick = useCallback(function (e) {
+        e.stopPropagation();
+        if (onClickQuantity) {
+            onClickQuantity(item);
+        }
+    }, [onClickQuantity, item]);
+    return (_jsxs("div", __assign({ className: "qte " }, { children: [_jsx("div", __assign({ onClick: function (e) { return decrementQte(e); }, className: "qte-action qte-action--minus ".concat(disabled || disabledMinus ? "disabled" : "", " ") }, { children: _jsx(Icon, { size: IconSizeEnum.LARGE, classIcon: "bi bi-dash-square" }) })), _jsx("span", __assign({ onClick: function (e) { return handleClick(e); }, className: "qte-label" }, { children: qte })), _jsx("div", __assign({ onClick: function (e) { return incrementQte(e); }, className: "qte-action qte-action--plus ".concat(disabled || disabledPlus ? "disabled" : "") }, { children: _jsx(Icon, { size: IconSizeEnum.LARGE, classIcon: "bi bi-plus-square" }) }))] })));
+};

package/dist/quantity/Quantity.view.js

@@ -0,0 +1 @@
+"use strict";