kelt-ui-kit-react 1.8.5 → 1.9.0

package/dist/App.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 { StrictMode } from "react";
+import { BrowserRouter as Router } from "react-router-dom";
+import "./App.css";
+import { AppMenu } from "./App.menu";
+import { AppRoutes } from "./App.routes";
+import { Header } from "./header/Header";
+import { OverlayProvider } from "./overlayPanel/overlay.context";
+import { Toaster } from "./toaster/Toaster";
+var App = function () { return (_jsx(StrictMode, { children: _jsx(OverlayProvider, { children: _jsx(Router, { children: _jsxs("div", __assign({ className: "main-layout" }, { children: [_jsx(Toaster, {}), _jsx(Header, { showBackNavigation: true }), _jsxs("div", __assign({ className: "d-flex h-100" }, { children: [_jsx(AppMenu, {}), _jsx("div", __assign({ className: "main-layout-content" }, { children: _jsx(AppRoutes, {}) }))] }))] })) }) }) })); };
+export default App;

package/dist/App.menu.js

@@ -0,0 +1,251 @@
+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 { ActionView } from "./action/Action.view";
+import { BadgeView } from "./badge/Badge.view";
+import { ButtonView } from "./button/Button.view";
+import { ButtonFileView } from "./button/buttonFile/ButtonFile.view";
+import { CardView } from "./card/Card.view";
+import { CarouselView } from "./carousel/Carousel.view";
+import { DamierView } from "./damier/Damier.view";
+import { DataTableView } from "./dataTable/DataTable.view";
+import { DatePickerView } from "./datePicker/DatePicker.view";
+import { ExpandsView } from "./expands/Expands.view";
+import { FilArianeView } from "./filAriane/FilAriane.view";
+import { FormView } from "./form/Form.view";
+import { InputNumberView } from "./form/inputNumber/InputNumber.view";
+import { InputPriceView } from "./form/inputPrice/InputPrice.view";
+import { TextAreaView } from "./form/textArea/TextArea.view";
+import { GridView } from "./grid/Grid.view";
+import { HeaderView } from "./header/Header.view";
+import { IconsView } from "./icon/Icons.view";
+import { LoaderView } from "./loader/Loader.view";
+import { Menus } from "./menus/Menus";
+import { MenusView } from "./menus/Menus.view";
+import { MessageView } from "./message/Message.view";
+import { ModalView } from "./modal/Modal.view";
+import { OverlayPanelView } from "./overlayPanel/OverlayPanel.view";
+import { SearchView } from "./search/Search.view";
+import { SelectView } from "./select/Select.view";
+import { SidebarView } from "./sidebar/Sidebar.view";
+import { SidebarDataView } from "./sidebarData/SidebarData.view";
+import { TabsView } from "./tabs/Tabs.view";
+import { ToasterView } from "./toaster/Toaster.view";
+export var MenuList = [
+    {
+        id: 1,
+        name: "Expands",
+        link: "/expands",
+        children: _jsx(NavLink, __assign({ to: "/expands" }, { children: "Expands" })),
+        element: _jsx(ExpandsView, {}),
+    },
+    {
+        id: 2,
+        name: "Menus",
+        link: "/menus",
+        children: _jsx(NavLink, __assign({ to: "/menus" }, { children: "Menus" })),
+        element: _jsx(MenusView, {}),
+    },
+    {
+        id: 3,
+        name: "Buttons",
+        link: "/buttons",
+        children: _jsx(NavLink, __assign({ to: "/buttons" }, { children: "Buttons" })),
+        element: _jsx(ButtonView, {}),
+    },
+    {
+        id: 4,
+        name: "Toasters",
+        link: "/toasters",
+        children: _jsx(NavLink, __assign({ to: "/toasters" }, { children: "Toasters" })),
+        element: _jsx(ToasterView, {}),
+    },
+    {
+        id: 5,
+        name: "Form",
+        link: "/form",
+        children: _jsx(NavLink, __assign({ to: "/form" }, { children: "Form" })),
+        element: _jsx(FormView, {}),
+    },
+    {
+        id: 6,
+        name: "Icons",
+        link: "/icons",
+        children: _jsx(NavLink, __assign({ to: "/icons" }, { children: "Icons" })),
+        element: _jsx(IconsView, {}),
+    },
+    {
+        id: 7,
+        name: "Header",
+        link: "/headers",
+        children: _jsx(NavLink, __assign({ to: "/headers" }, { children: "Header" })),
+        element: _jsx(HeaderView, {}),
+    },
+    {
+        id: 8,
+        name: "Sidebar",
+        link: "/sidebar",
+        children: _jsx(NavLink, __assign({ to: "/sidebar" }, { children: "Sidebar" })),
+        element: _jsx(SidebarView, {}),
+    },
+    {
+        id: 9,
+        name: "Grid",
+        link: "/grid",
+        children: _jsx(NavLink, __assign({ to: "/grid" }, { children: "Grid" })),
+        element: _jsx(GridView, {}),
+    },
+    {
+        id: 10,
+        name: "Overlay Panel",
+        link: "/overlay",
+        children: _jsx(NavLink, __assign({ to: "/overlay" }, { children: "Overlay Panel" })),
+        element: _jsx(OverlayPanelView, {}),
+    },
+    {
+        id: 11,
+        name: "Data search",
+        link: "/search",
+        children: _jsx(NavLink, __assign({ to: "/search" }, { children: "Data search" })),
+        element: _jsx(SearchView, {}),
+    },
+    {
+        id: 12,
+        name: "Card",
+        link: "/card",
+        children: _jsx(NavLink, __assign({ to: "/card" }, { children: "Card" })),
+        element: _jsx(CardView, {}),
+    },
+    {
+        id: 13,
+        name: "Sidebar Data",
+        link: "/sidebar-data",
+        children: _jsx(NavLink, __assign({ to: "/sidebar-data" }, { children: "Sidebar Data" })),
+        element: _jsx(SidebarDataView, {}),
+    },
+    {
+        id: 14,
+        name: "Damier",
+        link: "/damier",
+        children: _jsx(NavLink, __assign({ to: "/damier" }, { children: "Damier" })),
+        element: _jsx(DamierView, {}),
+    },
+    {
+        id: 15,
+        name: "Fil Ariane",
+        link: "/fil-ariane",
+        children: _jsx(NavLink, __assign({ to: "/fil-ariane" }, { children: "Fil Ariane" })),
+        element: _jsx(FilArianeView, {}),
+    },
+    {
+        id: 16,
+        name: "Loader",
+        link: "/loader",
+        children: _jsx(NavLink, __assign({ to: "/loader" }, { children: "Loader" })),
+        element: _jsx(LoaderView, {}),
+    },
+    {
+        id: 17,
+        name: "Carousel",
+        link: "/carousel",
+        children: _jsx(NavLink, __assign({ to: "/carousel" }, { children: "Carousel" })),
+        element: _jsx(CarouselView, {}),
+    },
+    {
+        id: 18,
+        name: "Action",
+        link: "/action",
+        children: _jsx(NavLink, __assign({ to: "/action" }, { children: "Action" })),
+        element: _jsx(ActionView, {}),
+    },
+    {
+        id: 19,
+        name: "Modal",
+        link: "/modal",
+        children: _jsx(NavLink, __assign({ to: "/modal" }, { children: "Modal" })),
+        element: _jsx(ModalView, {}),
+    },
+    {
+        id: 20,
+        name: "Badge",
+        link: "/badge",
+        children: _jsx(NavLink, __assign({ to: "/badge" }, { children: "Badge" })),
+        element: _jsx(BadgeView, {}),
+    },
+    {
+        id: 21,
+        name: "Data table",
+        link: "/data-table",
+        children: _jsx(NavLink, __assign({ to: "/data-table" }, { children: "Data table" })),
+        element: _jsx(DataTableView, {}),
+    },
+    {
+        id: 22,
+        name: "Select",
+        link: "/select",
+        children: _jsx(NavLink, __assign({ to: "/select" }, { children: "Select" })),
+        element: _jsx(SelectView, {}),
+    },
+    {
+        id: 23,
+        name: "TextArea",
+        link: "/text-area",
+        children: _jsx(NavLink, __assign({ to: "/text-area" }, { children: "Text" })),
+        element: _jsx(TextAreaView, {}),
+    },
+    {
+        id: 24,
+        name: "Date picker",
+        link: "/date-picker",
+        children: _jsx(NavLink, __assign({ to: "/date-picker" }, { children: "Date picker" })),
+        element: _jsx(DatePickerView, {}),
+    },
+    {
+        id: 25,
+        name: "Tabs",
+        link: "/tabs",
+        children: _jsx(NavLink, __assign({ to: "/tabs" }, { children: "Tabs" })),
+        element: _jsx(TabsView, {}),
+    },
+    {
+        id: 26,
+        name: "Messages",
+        link: "/messages",
+        children: _jsx(NavLink, __assign({ to: "/messages" }, { children: "Messages" })),
+        element: _jsx(MessageView, {}),
+    },
+    {
+        id: 27,
+        name: "Input Number",
+        link: "/input-number",
+        children: _jsx(NavLink, __assign({ to: "/input-number" }, { children: "Input Number" })),
+        element: _jsx(InputNumberView, {}),
+    },
+    {
+        id: 28,
+        name: "Input Price",
+        link: "/input-price",
+        children: _jsx(NavLink, __assign({ to: "/input-price" }, { children: "Input Price" })),
+        element: _jsx(InputPriceView, {}),
+    },
+    {
+        id: 29,
+        name: "Button File",
+        link: "/button-file",
+        children: _jsx(NavLink, __assign({ to: "/button-file" }, { children: "Button File" })),
+        element: _jsx(ButtonFileView, {}),
+    },
+];
+export var AppMenu = function () {
+    return _jsx(Menus, { items: MenuList, className: "main-layout-menu" });
+};

package/dist/App.routes.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Route, Routes } from "react-router-dom";
+import { MenuList } from "./App.menu";
+import { Home } from "./home/Home";
+import { NotFound } from "./notFound/NotFound";
+export var AppRoutes = function () {
+    return (_jsxs(Routes, { children: [MenuList.map(function (menu) { return (_jsx(Route, { path: menu.link, element: menu.element }, menu.id)); }), _jsx(Route, { path: "/", element: _jsx(Home, {}) }), _jsx(Route, { path: "*", element: _jsx(NotFound, {}) })] }));
+};

package/dist/_core/hooks/HistoryProvider.js

@@ -0,0 +1,29 @@
+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, useEffect, useRef, useState } from "react";
+import { useLocation } from "react-router-dom";
+var HistoryDepthContext = createContext(1);
+export function HistoryProvider(_a) {
+    var children = _a.children;
+    var location = useLocation();
+    var depthRef = useRef(1);
+    var _b = useState(1), depth = _b[0], setDepth = _b[1];
+    useEffect(function () {
+        depthRef.current += 1;
+        setDepth(depthRef.current);
+    }, [location]);
+    return (_jsx(HistoryDepthContext.Provider, __assign({ value: depth }, { children: children })));
+}
+export function useHistoryDepth() {
+    return useContext(HistoryDepthContext);
+}

package/dist/_core/hooks/ImageChecker.js

@@ -0,0 +1,68 @@
+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 } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+export var ImageChecker = function (_a) {
+    var imageUrl = _a.imageUrl;
+    var _b = useState(null), imageExists = _b[0], setImageExists = _b[1];
+    var testImg = function (path) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _b.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, fetch(path, { method: "HEAD" })];
+                case 1:
+                    response = _b.sent();
+                    console.log(response);
+                    return [2 /*return*/, response.ok];
+                case 2:
+                    _a = _b.sent();
+                    return [2 /*return*/, false];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        testImg(imageUrl).then(function (res) { return setImageExists(res); });
+    }, [imageUrl]);
+    if (imageExists === null)
+        return _jsx("p", { children: "V\u00E9rification en cours..." });
+    if (!imageExists)
+        return _jsx("p", { children: "L'image n'existe pas." });
+    return _jsx("img", { src: imageUrl, alt: "V\u00E9rifi\u00E9e" });
+};

package/dist/_core/hooks/imageExist.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export var ImageExist = function (_a) {
+    var imageUrl = _a.imageUrl;
+    return _jsx("img", { src: imageUrl, alt: "" });
+};

package/dist/_core/hooks/isEAN13.js

@@ -0,0 +1,10 @@
+export var isValidEAN13 = function (value) {
+    if (!/^\d{13}$/.test(value))
+        return false; // Vérifie que c'est bien 13 chiffres
+    // Calcul de la clé de contrôle (checksum)
+    var digits = value.split("").map(Number);
+    var checkDigit = digits.pop(); // Dernier chiffre (clé de contrôle)
+    var sum = digits.reduce(function (acc, digit, index) { return acc + digit * (index % 2 === 0 ? 1 : 3); }, 0);
+    var computedCheckDigit = (10 - (sum % 10)) % 10;
+    return checkDigit === computedCheckDigit;
+};

package/dist/_core/hooks/objectToQueryParams.js

@@ -0,0 +1,28 @@
+export var objectToQueryParams = function (obj, prefix) {
+    if (prefix === void 0) { prefix = ""; }
+    var params = new URLSearchParams();
+    var processObject = function (currentObj, currentPrefix) {
+        Object.entries(currentObj).forEach(function (_a) {
+            var key = _a[0], value = _a[1];
+            var fullKey = currentPrefix ? "".concat(currentPrefix, "[").concat(key, "]") : key;
+            if (value === null || value === undefined) {
+                // Ignorer les valeurs null ou undefined
+                return;
+            }
+            if (typeof value === "object" && !Array.isArray(value)) {
+                // Appel récursif pour les objets imbriqués
+                processObject(value, fullKey);
+            }
+            else if (Array.isArray(value)) {
+                // Gérer les tableaux
+                value.forEach(function (item) { return params.append(fullKey, String(item)); });
+            }
+            else {
+                // Gérer les types primitifs
+                params.append(fullKey, String(value));
+            }
+        });
+    };
+    processObject(obj, prefix);
+    return params.toString();
+};

package/dist/_core/hooks/useCurrency.js

@@ -0,0 +1,12 @@
+import { useCallback } from "react";
+export var useCurrency = function (locale, currency) {
+    if (locale === void 0) { locale = "fr-FR"; }
+    if (currency === void 0) { currency = "EUR"; }
+    var format = useCallback(function (value) {
+        return new Intl.NumberFormat(locale, {
+            style: "currency",
+            currency: currency,
+        }).format(value);
+    }, [locale, currency]);
+    return { formatCurrency: format };
+};

package/dist/_core/hooks/useDateutils.js

@@ -0,0 +1,59 @@
+export function FormatDate(date, format) {
+    var days = [
+        "Dimanche",
+        "Lundi",
+        "Mardi",
+        "Mercredi",
+        "Jeudi",
+        "Vendredi",
+        "Samedi",
+    ];
+    var months = [
+        "janvier",
+        "février",
+        "mars",
+        "avril",
+        "mai",
+        "juin",
+        "juillet",
+        "août",
+        "septembre",
+        "octobre",
+        "novembre",
+        "décembre",
+    ];
+    if (!date)
+        return "";
+    var year = date.getFullYear().toString();
+    var month = String(date.getMonth() + 1).padStart(2, "0"); // Mois en chiffres
+    var day = String(date.getDate()).padStart(2, "0");
+    var hours = String(date.getHours()).padStart(2, "0");
+    var minutes = String(date.getMinutes()).padStart(2, "0");
+    var seconds = String(date.getSeconds()).padStart(2, "0");
+    var dayName = days[date.getDay()];
+    var monthName = months[date.getMonth()];
+    return format
+        .replace("dddd", dayName) // Remplace d'abord "dddd"
+        .replace("MMMM", monthName) // Puis "MMMM" pour éviter de modifier "MM"
+        .replace("YYYY", year)
+        .replace("MM", month) // Enfin, "MM" pour éviter d'écraser les valeurs de "MMMM"
+        .replace("DD", day)
+        .replace("HH", hours)
+        .replace("mm", minutes)
+        .replace("ss", seconds);
+}
+export function LocalDateStringToUTC(dateStr) {
+    var _a = dateStr.split("-").map(Number), year = _a[0], month = _a[1], day = _a[2];
+    // Crée une date en heure locale
+    var localDate = new Date(year, month - 1, day, 0, 0, 0);
+    // Convertit en UTC ISO
+    return localDate.toISOString();
+}
+export function localDateStartToUTC(dateStr) {
+    var _a = dateStr.split("-").map(Number), y = _a[0], m = _a[1], d = _a[2];
+    return new Date(y, m - 1, d, 0, 0, 0, 0);
+}
+export function localDateEndToUTC(dateStr) {
+    var _a = dateStr.split("-").map(Number), y = _a[0], m = _a[1], d = _a[2];
+    return new Date(y, m - 1, d, 23, 59, 59, 999);
+}

package/dist/_core/hooks/useIsMobile.js

@@ -0,0 +1,13 @@
+import { useEffect, useState } from "react";
+export var useIsMobile = function (maxWidth) {
+    if (maxWidth === void 0) { maxWidth = 768; }
+    var _a = useState(typeof window !== "undefined" ? window.innerWidth <= maxWidth : false), isMobile = _a[0], setIsMobile = _a[1];
+    useEffect(function () {
+        var handleResize = function () {
+            setIsMobile(window.innerWidth <= maxWidth);
+        };
+        window.addEventListener("resize", handleResize);
+        return function () { return window.removeEventListener("resize", handleResize); };
+    }, [maxWidth]);
+    return isMobile;
+};

package/dist/_core/hooks/useToken.js

@@ -0,0 +1,17 @@
+import { jwtDecode } from "jwt-decode";
+import { useCallback } from "react";
+export var useToken = function () {
+    var getTokenValidate = useCallback(function () {
+        var token = localStorage.getItem("token");
+        if (!token) {
+            return null;
+        }
+        var decoded = jwtDecode(token);
+        var currentTime = Date.now() / 1000; // Convertir en secondes
+        if (!decoded.exp || decoded.exp < currentTime) {
+            return null;
+        }
+        return token;
+    }, []);
+    return { getTokenValidate: getTokenValidate };
+};

package/dist/_core/hooks/useValidate.js

@@ -0,0 +1,15 @@
+export var useValidate = function () {
+    var isValidateEmail = function (input) {
+        var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        return emailRegex.test(input);
+    };
+    var isValidateTel = function (input) {
+        var emailRegex = /^\+?[0-9\s.-]{7,15}$/;
+        return emailRegex.test(input);
+    };
+    var isValidateCodePostal = function (input) {
+        var emailRegex = /^[0-9]{5}$/;
+        return emailRegex.test(input);
+    };
+    return { isValidateEmail: isValidateEmail, isValidateTel: isValidateTel, isValidateCodePostal: isValidateCodePostal };
+};

package/dist/_core/hooks/widgetSupport.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+export var WidgetSupport = function () {
+    var targetRef = useRef(null);
+    useEffect(function () {
+        if (!targetRef.current)
+            return;
+        var script = document.createElement("script");
+        script.type = "text/javascript";
+        script.innerHTML = "\n      !function(e,t,n){\n        function a(){\n          var e = t.getElementsByTagName(\"script\")[0],\n              n = t.createElement(\"script\");\n          n.type = \"text/javascript\";\n          n.async = true;\n          n.src = \"https://beacon-v2.helpscout.net\";\n          e.parentNode.insertBefore(n,e);\n        }\n        if(e.Beacon = n = function(t,n,a){\n          e.Beacon.readyQueue.push({method: t, options: n, data: a});\n        }, n.readyQueue = [], t.readyState === \"complete\") return a();\n        e.attachEvent ? e.attachEvent(\"onload\", a) : e.addEventListener(\"load\", a, false);\n      }(window, document, window.Beacon || function(){});\n\n      window.Beacon('init', '5deebca7-9d32-4a66-abba-f94a05fa0522');\n    ";
+        targetRef.current.appendChild(script);
+        return function () {
+            var _a;
+            (_a = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) === null || _a === void 0 ? void 0 : _a.removeChild(script);
+        };
+    }, []);
+    return (_jsx("div", { children: _jsx("div", { ref: targetRef }) }));
+};

package/dist/action/Action.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 } from "react/jsx-runtime";
+import { ButtonAction } from "./ButtonAction";
+export var ActionView = function () {
+    return (_jsx("div", __assign({ className: "d-flex" }, { children: _jsx(ButtonAction, { className: "mr-2", onClick: function () { return console.log("Envoyer"); }, title: "Envoyer", classIcon: "bi-send", badge: {
+                className: "badge--primary",
+                title: "Badge",
+                sizeIcon: undefined,
+                classIcon: "bi-check-circle",
+                onClick: function () { return console.log("Badge clicked"); },
+            } }) })));
+};

package/dist/action/ButtonAction.js

@@ -0,0 +1,25 @@
+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 { Badge } from "../badge/Badge";
+import { Icon } from "../icon/Icon";
+import { IconSizeEnum } from "../icon/iconSize.enum";
+import "./action.css";
+export var ButtonAction = function (_a) {
+    var className = _a.className, onClick = _a.onClick, title = _a.title, classIcon = _a.classIcon, badge = _a.badge;
+    var handleClick = function (e) {
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    return (_jsxs("div", __assign({ className: "action ".concat(className), onClick: handleClick }, { children: [badge && _jsx(Badge, __assign({}, badge)), classIcon && _jsx(Icon, { classIcon: classIcon, size: IconSizeEnum.LARGE }), _jsx("small", { children: title })] })));
+};

package/dist/badge/Badge.js

@@ -0,0 +1,25 @@
+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 } from "react";
+import { Icon } from "../icon/Icon";
+import "./badge.css";
+export var Badge = function (_a) {
+    var className = _a.className, onClick = _a.onClick, title = _a.title, sizeIcon = _a.sizeIcon, classIcon = _a.classIcon;
+    var handleClick = useCallback(function (e) {
+        e.stopPropagation();
+        if (onClick) {
+            onClick(e);
+        }
+    }, []);
+    return (_jsxs("div", __assign({ onClick: handleClick, className: "badge ".concat(className ? className : "") }, { children: [classIcon && _jsx(Icon, { size: sizeIcon, classIcon: classIcon }), _jsx("span", { children: title })] })));
+};

package/dist/badge/Badge.view.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge } from "./Badge";
+export var BadgeView = function () {
+    return (_jsx(_Fragment, { children: _jsx(Badge, { className: "badge--primary", title: "Badge", sizeIcon: undefined, classIcon: "bi-check-circle", onClick: function () { return console.log("Badge clicked"); } }) }));
+};