kelt-ui-kit-react 1.9.0 → 1.9.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (125) hide show
  1. package/dist/dataTable/DataTable.d.ts +5 -0
  2. package/dist/dataTable/dataTable.interface.d.ts +1 -0
  3. package/dist/dataTable/dataTableRow/DataTableRow.d.ts +3 -1
  4. package/dist/index.js +5543 -50
  5. package/dist/style.css +1 -1
  6. package/package.json +1 -1
  7. package/src/dataTable/DataTable.tsx +242 -4
  8. package/src/dataTable/DataTable.view.tsx +9 -1
  9. package/src/dataTable/dataTable.css +57 -0
  10. package/src/dataTable/dataTable.interface.ts +1 -0
  11. package/src/dataTable/dataTableRow/DataTableRow.tsx +17 -1
  12. package/dist/App.js +0 -22
  13. package/dist/App.menu.js +0 -251
  14. package/dist/App.routes.js +0 -8
  15. package/dist/_core/hooks/HistoryProvider.js +0 -29
  16. package/dist/_core/hooks/ImageChecker.js +0 -68
  17. package/dist/_core/hooks/imageExist.js +0 -5
  18. package/dist/_core/hooks/isEAN13.js +0 -10
  19. package/dist/_core/hooks/objectToQueryParams.js +0 -28
  20. package/dist/_core/hooks/useCurrency.js +0 -12
  21. package/dist/_core/hooks/useDateutils.js +0 -59
  22. package/dist/_core/hooks/useIsMobile.js +0 -13
  23. package/dist/_core/hooks/useToken.js +0 -17
  24. package/dist/_core/hooks/useValidate.js +0 -15
  25. package/dist/_core/hooks/widgetSupport.js +0 -18
  26. package/dist/action/Action.view.js +0 -22
  27. package/dist/action/ButtonAction.js +0 -25
  28. package/dist/badge/Badge.js +0 -25
  29. package/dist/badge/Badge.view.js +0 -5
  30. package/dist/button/Button.js +0 -25
  31. package/dist/button/Button.view.js +0 -74
  32. package/dist/button/button.interface.js +0 -1
  33. package/dist/button/buttonActions/ButtonActions.js +0 -55
  34. package/dist/button/buttonFile/ButtonFile.js +0 -37
  35. package/dist/button/buttonFile/ButtonFile.view.js +0 -35
  36. package/dist/button/buttonFilters/ButtonFilters.js +0 -47
  37. package/dist/card/Card.js +0 -57
  38. package/dist/card/Card.view.js +0 -60
  39. package/dist/card/card.interface.js +0 -1
  40. package/dist/card/cardAction/CardAction.js +0 -66
  41. package/dist/card/cardAction.interface.js +0 -1
  42. package/dist/card/hook/useCardInteractions.js +0 -25
  43. package/dist/carousel/Carousel.js +0 -67
  44. package/dist/carousel/Carousel.view.js +0 -16
  45. package/dist/damier/Damier.js +0 -48
  46. package/dist/damier/Damier.view.js +0 -22
  47. package/dist/damier/damierCell/DamierCell.js +0 -21
  48. package/dist/damier/damierCell/damierCell.interface.js +0 -1
  49. package/dist/dataTable/DataTable.js +0 -117
  50. package/dist/dataTable/DataTable.view.js +0 -48
  51. package/dist/dataTable/dataTable.interface.js +0 -1
  52. package/dist/dataTable/dataTableActions/DataTableAction.js +0 -26
  53. package/dist/dataTable/dataTableColumn/DataTableColumn.js +0 -21
  54. package/dist/dataTable/dataTableLoading/DataTableLoading.js +0 -16
  55. package/dist/dataTable/dataTableRow/DataTableRow.js +0 -39
  56. package/dist/datePicker/DatePicker.js +0 -64
  57. package/dist/datePicker/DatePicker.view.js +0 -5
  58. package/dist/expands/Expands.js +0 -28
  59. package/dist/expands/Expands.view.js +0 -67
  60. package/dist/expands/expand/expand.interface.js +0 -1
  61. package/dist/expands/expand/expand.js +0 -40
  62. package/dist/filAriane/FilAriane.js +0 -28
  63. package/dist/filAriane/FilAriane.view.js +0 -28
  64. package/dist/filAriane/filAriane.interface.js +0 -1
  65. package/dist/form/Form.js +0 -135
  66. package/dist/form/Form.view.js +0 -50
  67. package/dist/form/form.enum.js +0 -14
  68. package/dist/form/form.interface.js +0 -1
  69. package/dist/form/input/Input.js +0 -26
  70. package/dist/form/inputNumber/InputNumber.js +0 -57
  71. package/dist/form/inputNumber/InputNumber.view.js +0 -7
  72. package/dist/form/inputPrice/InputPrice.js +0 -36
  73. package/dist/form/inputPrice/InputPrice.view.js +0 -7
  74. package/dist/form/textArea/TextArea.js +0 -18
  75. package/dist/form/textArea/TextArea.view.js +0 -15
  76. package/dist/grid/Grid.js +0 -19
  77. package/dist/grid/Grid.view.js +0 -22
  78. package/dist/grid/col/Col.js +0 -17
  79. package/dist/grid/col/colStyled/ColStyled.js +0 -26
  80. package/dist/grid/container/Container.js +0 -17
  81. package/dist/grid/grid.interface.js +0 -1
  82. package/dist/grid/row/Row.js +0 -17
  83. package/dist/header/Header.js +0 -26
  84. package/dist/header/Header.view.js +0 -5
  85. package/dist/header/header.interface.js +0 -1
  86. package/dist/home/Home.js +0 -4
  87. package/dist/icon/Icon.js +0 -6
  88. package/dist/icon/Icons.view.js +0 -27
  89. package/dist/icon/icon.interface.js +0 -1
  90. package/dist/icon/iconSize.enum.js +0 -8
  91. package/dist/loader/Loader.js +0 -20
  92. package/dist/loader/Loader.view.js +0 -9
  93. package/dist/main.js +0 -7
  94. package/dist/menus/Menus.js +0 -23
  95. package/dist/menus/Menus.view.js +0 -48
  96. package/dist/menus/menu/Menu.js +0 -15
  97. package/dist/menus/menu/menu.interface.js +0 -1
  98. package/dist/message/Message.js +0 -33
  99. package/dist/message/Message.view.js +0 -11
  100. package/dist/modal/Modal.js +0 -27
  101. package/dist/modal/Modal.view.js +0 -22
  102. package/dist/notFound/NotFound.js +0 -4
  103. package/dist/overlayPanel/OverlayPanel.js +0 -132
  104. package/dist/overlayPanel/OverlayPanel.view.js +0 -20
  105. package/dist/overlayPanel/overlay.context.js +0 -26
  106. package/dist/overlayPanel/overlayPanelStyled/OverlayPanelStyled.js +0 -13
  107. package/dist/pdfViewer/PdfViewer.js +0 -71
  108. package/dist/pdfViewer/PdfViewer.view.js +0 -5
  109. package/dist/quantity/Quantity.js +0 -60
  110. package/dist/quantity/Quantity.view.js +0 -1
  111. package/dist/search/Search.js +0 -80
  112. package/dist/search/Search.view.js +0 -8
  113. package/dist/select/Select.js +0 -41
  114. package/dist/select/Select.view.js +0 -75
  115. package/dist/select/selectOption.interface.js +0 -1
  116. package/dist/sidebar/Sidebar.js +0 -132
  117. package/dist/sidebar/Sidebar.view.js +0 -11
  118. package/dist/sidebarData/SidebarData.js +0 -17
  119. package/dist/sidebarData/SidebarData.view.js +0 -14
  120. package/dist/tabs/Tabs.js +0 -41
  121. package/dist/tabs/Tabs.view.js +0 -26
  122. package/dist/toaster/Toaster.js +0 -37
  123. package/dist/toaster/Toaster.view.js +0 -16
  124. package/dist/toaster/store/useToasterStore.js +0 -22
  125. package/vite.config.ts.timestamp-1787675603363-8ddae73d076bd.mjs +0 -28
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useState } from "react";
3
- import { Button } from "../button/Button";
4
- import { IconSizeEnum } from "../icon/iconSize.enum";
5
- import { Loader } from "./Loader";
6
- export var LoaderView = function () {
7
- var _a = useState(false), display = _a[0], setDisplay = _a[1];
8
- 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 })] }));
9
- };
package/dist/main.js DELETED
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import "bootstrap-icons/font/bootstrap-icons.css";
3
- import React from "react";
4
- import ReactDOM from "react-dom/client";
5
- import App from "./App";
6
- import "./index.css";
7
- ReactDOM.createRoot(document.getElementById("root")).render(_jsx(React.StrictMode, { children: _jsx(App, {}) }));
@@ -1,23 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { useCallback, useState } from "react";
14
- import { Menu } from "./menu/Menu";
15
- import "./menus.css";
16
- export var Menus = function (props) {
17
- var _a = useState(null), currentItem = _a[0], setCurrentItem = _a[1];
18
- var onChange = useCallback(function (item) {
19
- setCurrentItem(item);
20
- }, []);
21
- 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)); }) })); };
22
- return (_jsx("div", __assign({ className: "menu ".concat(props.className || "") }, { children: renderMenuItems(props.items) })));
23
- };
@@ -1,48 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { NavLink } from "react-router-dom";
14
- import { Menus } from "./Menus";
15
- import { Button } from "../button/Button";
16
- import { useCallback } from "react";
17
- export var MenusView = function () {
18
- var buttonAction = useCallback(function (e) {
19
- console.log("Button clicked", e);
20
- }, []);
21
- var mockItems = [
22
- {
23
- id: 1,
24
- name: "Menu 1",
25
- children: "Menu 1",
26
- active: true,
27
- subMenu: [{
28
- id: 1,
29
- name: "Menu 1",
30
- children: _jsx(NavLink, __assign({ to: "/expands" }, { children: "Menu 1" })),
31
- active: true,
32
- }]
33
- },
34
- {
35
- id: 2,
36
- name: "Menu 2",
37
- children: _jsx(Button, { onClick: buttonAction, title: "deconnexion" }),
38
- active: false,
39
- },
40
- {
41
- id: 3,
42
- children: _jsx(NavLink, __assign({ to: "/expands" }, { children: "Menu 1" })),
43
- name: "Menu 3",
44
- active: false,
45
- },
46
- ];
47
- return _jsx(Menus, { items: mockItems });
48
- };
@@ -1,15 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- export var Menu = function (props) {
14
- return (_jsx("div", __assign({ onClick: function () { return props.onChange(props.item); }, className: props.active ? "expand expand--active" : "expand" }, { children: props.item.children })));
15
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,33 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { useMemo } from "react";
14
- import { Icon } from "../icon/Icon";
15
- import "./message.css";
16
- export var Message = function (_a) {
17
- var text = _a.text, severity = _a.severity, className = _a.className;
18
- var icon = useMemo(function () {
19
- switch (severity) {
20
- case "info":
21
- return "bi-info-circle";
22
- case "warning":
23
- return "bi-exclamation-triangle";
24
- case "error":
25
- return "bi-x-circle";
26
- case "success":
27
- return "bi-check-circle";
28
- default:
29
- return "bi-info-circle";
30
- }
31
- }, [severity]);
32
- 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 }))] })));
33
- };
@@ -1,11 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Message } from "./Message";
3
- export var MessageView = function () {
4
- var messages = [
5
- { text: "Information message", severity: "info" },
6
- { text: "Warning message", severity: "warning" },
7
- { text: "Error message", severity: "error" },
8
- { text: "Success message", severity: "success" },
9
- ];
10
- return (_jsx("div", { children: messages.map(function (msg, index) { return (_jsx(Message, { className: "mb-2", text: msg.text, severity: msg.severity }, index)); }) }));
11
- };
@@ -1,27 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { createPortal } from "react-dom";
14
- import { Button } from "../button/Button";
15
- import { Icon } from "../icon/Icon";
16
- import "./modal.css";
17
- export var Modal = function (_a) {
18
- 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;
19
- if (!isOpen)
20
- return null;
21
- var handleOverlayMouseDown = function () {
22
- if (closeOnOverlayClick) {
23
- onClose();
24
- }
25
- };
26
- 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);
27
- };
@@ -1,22 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { useCallback, useState } from "react";
14
- import { Button } from "../button/Button";
15
- import { Modal } from "./Modal";
16
- export var ModalView = function () {
17
- var _a = useState(false), isOpen = _a[0], setIsOpen = _a[1];
18
- var openModal = useCallback(function () {
19
- setIsOpen(true);
20
- }, [setIsOpen, true]);
21
- 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" }))] }));
22
- };
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export var NotFound = function () {
3
- return _jsx("h1", { children: "404 - Page Not Found" });
4
- };
@@ -1,132 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { forwardRef, useCallback, useEffect, useId, useImperativeHandle, useRef, useState, } from "react";
14
- import ReactDOM from "react-dom";
15
- import { Icon } from "../icon/Icon";
16
- import { useOverlayContext } from "./overlay.context";
17
- import "./overlayPanel.css";
18
- import { OverlayPanelStyled } from "./overlayPanelStyled/OverlayPanelStyled";
19
- export var OverlayPanel = forwardRef(function (_a, ref) {
20
- var referenceElement = _a.referenceElement, position = _a.position, coordonnees = _a.coordonnees, children = _a.children, show = _a.show, id = _a.id, closeOverlay = _a.closeOverlay;
21
- var _b = useOverlayContext(), activeOverlayId = _b.activeOverlayId, setActiveOverlay = _b.setActiveOverlay;
22
- var _c = useState(show || false), isShow = _c[0], setIsShow = _c[1];
23
- var _d = useState(coordonnees !== null && coordonnees !== void 0 ? coordonnees : { top: 0, left: 0 }), coords = _d[0], setCoords = _d[1];
24
- var boxRef = useRef(null);
25
- var overlayId = useId();
26
- useImperativeHandle(ref, function () { return ({
27
- setCoords: setCoords,
28
- }); });
29
- useEffect(function () {
30
- if (activeOverlayId !== overlayId) {
31
- setIsShow(false);
32
- }
33
- }, [activeOverlayId, overlayId]);
34
- useEffect(function () {
35
- var updatePosition = function () {
36
- var _a;
37
- var _b;
38
- if (!position && coordonnees) {
39
- setCoords(coordonnees);
40
- }
41
- else if (referenceElement) {
42
- var rect_1 = referenceElement.getBoundingClientRect();
43
- var boxRect_1 = (_b = boxRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
44
- var innerWidth_1 = window.innerWidth, innerHeight_1 = window.innerHeight;
45
- if (boxRect_1) {
46
- // Positions par défaut si définies
47
- var top_1, left = void 0;
48
- var positions = {
49
- topRight: function () { return ({
50
- top: rect_1.top - boxRect_1.height,
51
- left: rect_1.right - boxRect_1.width,
52
- }); },
53
- topLeft: function () { return ({
54
- top: rect_1.top - boxRect_1.height,
55
- left: rect_1.left,
56
- }); },
57
- bottomRight: function () { return ({
58
- top: rect_1.bottom,
59
- left: rect_1.right - boxRect_1.width,
60
- }); },
61
- bottomLeft: function () { return ({
62
- top: rect_1.bottom,
63
- left: rect_1.left,
64
- }); },
65
- left: function () { return ({
66
- top: rect_1.top + rect_1.height / 2 - boxRect_1.height / 2,
67
- left: rect_1.left - boxRect_1.width,
68
- }); },
69
- right: function () { return ({
70
- top: rect_1.top + rect_1.height / 2 - boxRect_1.height / 2,
71
- left: rect_1.right,
72
- }); },
73
- };
74
- if (position && positions[position]) {
75
- // Si une position est définie, on tente de l'appliquer
76
- (_a = positions[position](), top_1 = _a.top, left = _a.left);
77
- }
78
- else {
79
- // Sinon, on adapte dynamiquement
80
- left = rect_1.right;
81
- top_1 = rect_1.bottom;
82
- if (rect_1.right + boxRect_1.width > innerWidth_1) {
83
- left = rect_1.left - boxRect_1.width; // Manque d'espace à droite → afficher à gauche
84
- }
85
- if (rect_1.bottom + boxRect_1.height > innerHeight_1) {
86
- top_1 = rect_1.top - boxRect_1.height; // Manque d'espace en bas → afficher en haut
87
- }
88
- }
89
- setCoords({ top: top_1, left: left < 0 ? 0 : left });
90
- }
91
- }
92
- };
93
- if (isShow) {
94
- updatePosition();
95
- window.addEventListener("resize", updatePosition);
96
- }
97
- return function () { return window.removeEventListener("resize", updatePosition); };
98
- }, [referenceElement, isShow, position]);
99
- var openOverlay = function () {
100
- setIsShow(true);
101
- setActiveOverlay(overlayId);
102
- };
103
- var closeOverlayHandler = useCallback(function (e) {
104
- e.stopPropagation();
105
- setIsShow(false);
106
- setActiveOverlay(null);
107
- if (closeOverlay) {
108
- closeOverlay(false);
109
- }
110
- }, [closeOverlay, setActiveOverlay]);
111
- useEffect(function () {
112
- var handleClickOutside = function (event) {
113
- if (boxRef.current && !boxRef.current.contains(event.target)) {
114
- closeOverlayHandler(event);
115
- }
116
- };
117
- if (isShow) {
118
- document.addEventListener("mousedown", handleClickOutside);
119
- }
120
- return function () {
121
- document.removeEventListener("mousedown", handleClickOutside);
122
- };
123
- }, [isShow, closeOverlayHandler]);
124
- useEffect(function () {
125
- if (show) {
126
- openOverlay();
127
- }
128
- }, [show]);
129
- if (!isShow)
130
- return null;
131
- 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);
132
- });
@@ -1,20 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { useRef, useState } from "react";
14
- import { Icon } from "../icon/Icon";
15
- import { OverlayPanel } from "./OverlayPanel";
16
- export var OverlayPanelView = function () {
17
- var refButton = useRef(null);
18
- var _a = useState(false), openOverlay = _a[0], setOpenOverlay = _a[1];
19
- 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" }) }))] }));
20
- };
@@ -1,26 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx } from "react/jsx-runtime";
13
- import { createContext, useContext, useState } from "react";
14
- var OverlayContext = createContext(undefined);
15
- export var OverlayProvider = function (_a) {
16
- var children = _a.children;
17
- var _b = useState(null), activeOverlayId = _b[0], setActiveOverlay = _b[1];
18
- return (_jsx(OverlayContext.Provider, __assign({ value: { activeOverlayId: activeOverlayId, setActiveOverlay: setActiveOverlay } }, { children: children })));
19
- };
20
- export var useOverlayContext = function () {
21
- var context = useContext(OverlayContext);
22
- if (!context) {
23
- throw new Error("useOverlayContext must be used within an OverlayProvider");
24
- }
25
- return context;
26
- };
@@ -1,13 +0,0 @@
1
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
- return cooked;
4
- };
5
- import styled from "styled-components";
6
- 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) {
7
- var $top = _a.$top;
8
- return $top;
9
- }, function (_a) {
10
- var $left = _a.$left;
11
- return $left;
12
- });
13
- var templateObject_1;
@@ -1,71 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- var __generator = (this && this.__generator) || function (thisArg, body) {
11
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
12
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
13
- function verb(n) { return function (v) { return step([n, v]); }; }
14
- function step(op) {
15
- if (f) throw new TypeError("Generator is already executing.");
16
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
17
- 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;
18
- if (y = 0, t) op = [op[0] & 2, t.value];
19
- switch (op[0]) {
20
- case 0: case 1: t = op; break;
21
- case 4: _.label++; return { value: op[1], done: false };
22
- case 5: _.label++; y = op[1]; op = [0]; continue;
23
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
24
- default:
25
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
26
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
27
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
28
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
29
- if (t[2]) _.ops.pop();
30
- _.trys.pop(); continue;
31
- }
32
- op = body.call(thisArg, _);
33
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
34
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
35
- }
36
- };
37
- import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
38
- import { forwardRef, useCallback, useEffect, useState } from "react";
39
- export var PdfViewer = forwardRef(function (_a, ref) {
40
- 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;
41
- var _e = useState(null), pdfUrl = _e[0], setPdfUrl = _e[1];
42
- var handleLoadPDF = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
43
- var blob, url, pdfUrlWithoutToolbar;
44
- return __generator(this, function (_a) {
45
- blob = new Blob([arrayBuffer], { type: "application/pdf" });
46
- url = URL.createObjectURL(blob);
47
- if (!displayToolBar) {
48
- pdfUrlWithoutToolbar = "".concat(url, "#toolbar=0&navpanes=0&scrollbar=0");
49
- setPdfUrl(pdfUrlWithoutToolbar);
50
- return [2 /*return*/];
51
- }
52
- setPdfUrl(url);
53
- return [2 /*return*/];
54
- });
55
- }); }, [arrayBuffer, displayToolBar, setPdfUrl]);
56
- useEffect(function () {
57
- handleLoadPDF();
58
- }, [arrayBuffer, handleLoadPDF]);
59
- // Nettoyer l'URL quand le composant se démonte
60
- useEffect(function () {
61
- return function () {
62
- if (pdfUrl) {
63
- URL.revokeObjectURL(pdfUrl);
64
- }
65
- };
66
- }, [pdfUrl]);
67
- return (_jsx(_Fragment, { children: pdfUrl && (_jsx("iframe", { ref: ref, className: className, src: pdfUrl, width: width, height: height, title: title, id: id, style: {
68
- border: "none",
69
- pointerEvents: "auto", // Permet le scroll
70
- } })) }));
71
- });
@@ -1,5 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { PdfViewer } from "./PdfViewer";
3
- export var PdfViewerView = function () {
4
- return _jsx(PdfViewer, { arrayBuffer: new ArrayBuffer(0) });
5
- };
@@ -1,60 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { useCallback, useEffect, useState } from "react";
14
- import { Icon } from "../icon/Icon";
15
- import { IconSizeEnum } from "../icon/iconSize.enum";
16
- import "./quantity.css";
17
- export var Quantity = function (_a) {
18
- var setQuantity = _a.setQuantity, item = _a.item, onClickQuantity = _a.onClickQuantity, disabled = _a.disabled, disabledPlus = _a.disabledPlus, disabledMinus = _a.disabledMinus, pas = _a.pas;
19
- var _b = useState(pas), qte = _b[0], setQte = _b[1];
20
- var changeQuantity = useCallback(function (qte) {
21
- if (disabled) {
22
- return;
23
- }
24
- setQte(qte);
25
- if (setQuantity) {
26
- setQuantity(item, qte);
27
- }
28
- }, [setQte, setQuantity]);
29
- var incrementQte = useCallback(function (e) {
30
- e.stopPropagation();
31
- if (disabled || disabledPlus) {
32
- return;
33
- }
34
- var newQuantity = qte + pas;
35
- changeQuantity(Math.round(newQuantity * 100) / 100);
36
- }, [qte, changeQuantity]);
37
- var decrementQte = useCallback(function (e) {
38
- e.stopPropagation();
39
- if (disabled || disabledMinus) {
40
- return;
41
- }
42
- if (qte === 0) {
43
- return qte;
44
- }
45
- var newQuantity = qte - pas;
46
- changeQuantity(Math.round(newQuantity * 100) / 100);
47
- }, [changeQuantity, qte]);
48
- useEffect(function () {
49
- if (item.quantity) {
50
- setQte(item.quantity);
51
- }
52
- }, [item.quantity, setQte]);
53
- var handleClick = useCallback(function (e) {
54
- e.stopPropagation();
55
- if (onClickQuantity) {
56
- onClickQuantity(item);
57
- }
58
- }, [onClickQuantity, item]);
59
- 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" }) }))] })));
60
- };
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,80 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
14
- import { DynamicForm } from "../form/Form";
15
- import { TypeInputEnum } from "../form/form.enum";
16
- import { Icon } from "../icon/Icon";
17
- import "./search.css";
18
- export var Search = forwardRef(function (_a, ref) {
19
- var children = _a.children, name = _a.name, placeholder = _a.placeholder, isVisible = _a.isVisible, focus = _a.focus, debounceTime = _a.debounceTime, handleChange = _a.handleChange, setIsVisible = _a.setIsVisible, id = _a.id;
20
- var _b = useState(isVisible !== null && isVisible !== void 0 ? isVisible : false), isOpen = _b[0], setIsOpen = _b[1];
21
- var debounceRef = useRef(null);
22
- var formRef = useRef(null);
23
- var initialValues = useMemo(function () { return [
24
- {
25
- value: "",
26
- id: id,
27
- name: name !== null && name !== void 0 ? name : "recherche",
28
- placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "Recherche",
29
- type: TypeInputEnum.TEXT,
30
- focus: focus,
31
- icon: "bi-search",
32
- className: "search-input",
33
- autoComplete: "off",
34
- },
35
- ]; }, [placeholder, focus]);
36
- useEffect(function () {
37
- if (isVisible !== undefined) {
38
- setIsOpen(isVisible);
39
- }
40
- }, [isVisible]);
41
- var setShowSearch = useCallback(function (value) {
42
- if (setIsVisible) {
43
- setIsVisible(value);
44
- }
45
- setIsOpen(value);
46
- }, [setIsVisible]);
47
- var onChange = useCallback(function (values) {
48
- if (!values || !values[name !== null && name !== void 0 ? name : "recherche"]) {
49
- return setShowSearch(false);
50
- }
51
- setShowSearch(true);
52
- if (debounceRef.current) {
53
- clearTimeout(debounceRef.current);
54
- }
55
- debounceRef.current = setTimeout(function () {
56
- if (handleChange) {
57
- handleChange(values);
58
- }
59
- }, debounceTime !== null && debounceTime !== void 0 ? debounceTime : 500);
60
- }, [setShowSearch, handleChange, debounceTime]);
61
- var handleSubmit = useCallback(function (values) {
62
- console.log("Form Submitted: ", values);
63
- }, []);
64
- // Expose clearInput et resetForm via le ref du parent
65
- useImperativeHandle(ref, function () { return ({
66
- clearInput: function (name) {
67
- var _a;
68
- (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.clearInput(name);
69
- },
70
- resetForm: function () {
71
- var _a;
72
- (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.resetForm();
73
- },
74
- focusInitialElement: function () {
75
- var _a;
76
- (_a = formRef.current) === null || _a === void 0 ? void 0 : _a.focusInitialElement();
77
- },
78
- }); });
79
- return (_jsxs("div", __assign({ className: "search" }, { children: [_jsx(DynamicForm, { ref: formRef, onSubmit: handleSubmit, onChange: onChange, hideSubmit: true, initialForm: initialValues }), isOpen && (_jsxs("div", __assign({ className: "search-result" }, { children: [_jsx("div", __assign({ className: "search-result-close" }, { children: _jsx("button", __assign({ className: "toggle-btn", onClick: function () { return setShowSearch(false); } }, { children: _jsx(Icon, { classIcon: "bi-x-lg" }) })) })), _jsx("div", __assign({ className: "search-result-content" }, { children: children }))] })))] })));
80
- });
@@ -1,8 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { Search } from "./Search";
3
- export var SearchView = function () {
4
- var onChange = function (values) {
5
- console.log(values);
6
- };
7
- return (_jsx(Search, { focus: true, handleChange: onChange, children: _jsx("div", { children: "test" }) }));
8
- };