@addev-be/ui 2.0.0 → 2.1.0

package/dist/components/auth/LoginForm.js

@@ -2,13 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoginForm = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var forms_1 = require("../forms");
-var ui_1 = require("../ui");
 var react_1 = require("react");
 var react_router_dom_1 = require("react-router-dom");
+var Button_1 = require("../forms/Button");
+var Card_1 = require("../ui/Card");
 var styles_1 = require("./styles");
+var styles_2 = require("../forms/styles");
+var Message_1 = require("../ui/Message");
 var VerticalLabel_1 = require("../forms/VerticalLabel");
-var providers_1 = require("../../providers");
+var hooks_1 = require("../../providers/hooks");
 var LoginForm = function () {
     var _a = (0, react_1.useState)(localStorage.getItem('username') || ''), username = _a[0], setUsername = _a[1];
     var _b = (0, react_1.useState)(''), password = _b[0], setPassword = _b[1];
@@ -16,7 +18,7 @@ var LoginForm = function () {
     var _d = (0, react_1.useState)(''), error = _d[0], setError = _d[1];
     var usernameInputRef = (0, react_1.useRef)(null);
     var passwordInputRef = (0, react_1.useRef)(null);
-    var login = (0, providers_1.useAuthentication)().login;
+    var login = (0, hooks_1.useAuthentication)().login;
     var onLoginClicked = (0, react_1.useCallback)(function () {
         setError('');
         setIsLoading(true);
@@ -43,6 +45,6 @@ var LoginForm = function () {
     }, []);
     if (isLoading)
         return (0, jsx_runtime_1.jsx)("div", { children: "Chargement..." });
-    return ((0, jsx_runtime_1.jsx)(ui_1.Card, { children: (0, jsx_runtime_1.jsxs)(styles_1.FormContainer, { children: [(0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Adresse e-mail / Nom d'utilisateur", children: (0, jsx_runtime_1.jsx)(forms_1.Input, { ref: usernameInputRef, type: "email", autoComplete: "email", required: true, value: username, onChange: function (e) { return setUsername(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Mot de passe", children: (0, jsx_runtime_1.jsx)(forms_1.Input, { ref: passwordInputRef, type: "password", autoComplete: "current-password", required: true, value: password, onChange: function (e) { return setPassword(e.target.value); } }) }), error && (0, jsx_runtime_1.jsx)(ui_1.Message, { type: "error", children: error }), (0, jsx_runtime_1.jsx)(forms_1.Button, { "$color": "primary", onClick: onLoginClicked, children: "Se connecter" }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/recover", children: "Mot de passe oubli\u00E9 ?" })] }) }));
+    return ((0, jsx_runtime_1.jsx)(Card_1.Card, { children: (0, jsx_runtime_1.jsxs)(styles_1.FormContainer, { children: [(0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Adresse e-mail / Nom d'utilisateur", children: (0, jsx_runtime_1.jsx)(styles_2.Input, { ref: usernameInputRef, type: "email", autoComplete: "email", required: true, value: username, onChange: function (e) { return setUsername(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Mot de passe", children: (0, jsx_runtime_1.jsx)(styles_2.Input, { ref: passwordInputRef, type: "password", autoComplete: "current-password", required: true, value: password, onChange: function (e) { return setPassword(e.target.value); } }) }), error && (0, jsx_runtime_1.jsx)(Message_1.Message, { type: "error", children: error }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "$color": "primary", onClick: onLoginClicked, children: "Se connecter" }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/recover", children: "Mot de passe oubli\u00E9 ?" })] }) }));
 };
 exports.LoginForm = LoginForm;

package/dist/components/auth/PasswordRecoveryForm.js

@@ -2,23 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PasswordRecoveryForm = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var forms_1 = require("../forms");
 var react_1 = require("react");
-var ui_1 = require("../ui");
+var Button_1 = require("../forms/Button");
+var Card_1 = require("../ui/Card");
 var styles_1 = require("./styles");
+var styles_2 = require("../forms/styles");
 var react_router_dom_1 = require("react-router-dom");
 var Message_1 = require("../ui/Message");
 var VerticalLabel_1 = require("../forms/VerticalLabel");
-var providers_1 = require("../../providers");
+var hooks_1 = require("../../providers/hooks");
 var PasswordRecoveryForm = function () {
     var _a = (0, react_1.useState)(''), email = _a[0], setEmail = _a[1];
     var _b = (0, react_1.useState)(false), isSubmitted = _b[0], setIsSubmitted = _b[1];
-    var sendRecoveryKey = (0, providers_1.useAuthentication)().sendRecoveryKey;
+    var sendRecoveryKey = (0, hooks_1.useAuthentication)().sendRecoveryKey;
     var onSubmitClicked = (0, react_1.useCallback)(function () {
         sendRecoveryKey(email).then(function () {
             setIsSubmitted(true);
         });
     }, [email, sendRecoveryKey]);
-    return ((0, jsx_runtime_1.jsx)(ui_1.Card, { children: (0, jsx_runtime_1.jsx)(styles_1.FormContainer, { children: isSubmitted ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Message_1.Message, { type: "success", children: "Un e-mail de r\u00E9initialisation de mot de passe vous a \u00E9t\u00E9 envoy\u00E9." }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/", children: "Retour" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Adresse e-mail", children: (0, jsx_runtime_1.jsx)(forms_1.Input, { type: "email", autoComplete: "email", required: true, value: email, onChange: function (e) { return setEmail(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(forms_1.Button, { "$color": "primary", onClick: onSubmitClicked, children: "Envoyer un lien de r\u00E9cup\u00E9ration" })] })) }) }));
+    return ((0, jsx_runtime_1.jsx)(Card_1.Card, { children: (0, jsx_runtime_1.jsx)(styles_1.FormContainer, { children: isSubmitted ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Message_1.Message, { type: "success", children: "Un e-mail de r\u00E9initialisation de mot de passe vous a \u00E9t\u00E9 envoy\u00E9." }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/", children: "Retour" })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Adresse e-mail", children: (0, jsx_runtime_1.jsx)(styles_2.Input, { type: "email", autoComplete: "email", required: true, value: email, onChange: function (e) { return setEmail(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "$color": "primary", onClick: onSubmitClicked, children: "Envoyer un lien de r\u00E9cup\u00E9ration" })] })) }) }));
 };
 exports.PasswordRecoveryForm = PasswordRecoveryForm;

package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.js

@@ -4,7 +4,7 @@ exports.useDataGridColumnsModal = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var lodash_1 = require("lodash");
 var react_1 = require("react");
-var forms_1 = require("../../../forms");
+var Button_1 = require("../../../forms/Button");
 var _1 = require(".");
 var Modal_1 = require("../../../layout/Modal");
 var useDataGridColumnsModal = function (context) {
@@ -31,7 +31,7 @@ var useDataGridColumnsModal = function (context) {
         closeModal();
     }, [currentColumns, closeModal, saveSettings, setSettings]);
     var modal = (0, react_1.useMemo)(function () {
-        return isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { "$width": 600, "$height": 400, children: [(0, jsx_runtime_1.jsx)(Modal_1.Modal.Header, { children: "Param\u00E8tres des colonnes" }), (0, jsx_runtime_1.jsx)(Modal_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(_1.DataGridColumnsEditor, { columns: currentColumns, onColumnsChanged: setCurrentColumns }) }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Footer, { children: [(0, jsx_runtime_1.jsx)(forms_1.Button, { onClick: closeModal, children: "Annuler" }), (0, jsx_runtime_1.jsx)(forms_1.Button, { "$color": "primary", style: { marginLeft: 'auto' }, onClick: onApplyClicked, children: "Appliquer" })] })] })) : null;
+        return isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { "$width": 600, "$height": 400, children: [(0, jsx_runtime_1.jsx)(Modal_1.Modal.Header, { children: "Param\u00E8tres des colonnes" }), (0, jsx_runtime_1.jsx)(Modal_1.Modal.Content, { children: (0, jsx_runtime_1.jsx)(_1.DataGridColumnsEditor, { columns: currentColumns, onColumnsChanged: setCurrentColumns }) }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Footer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: closeModal, children: "Annuler" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "$color": "primary", style: { marginLeft: 'auto' }, onClick: onApplyClicked, children: "Appliquer" })] })] })) : null;
     }, [closeModal, currentColumns, isVisible, onApplyClicked]);
     return { openModal: openModal, closeModal: closeModal, modal: modal };
 };

package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.js

@@ -59,7 +59,7 @@ var styles = __importStar(require("./styles"));
 var helpers_1 = require("../helpers");
 var react_1 = require("react");
 var lodash_1 = require("lodash");
-var hooks_1 = require("../../../../hooks");
+var useElementSize_1 = require("../../../../hooks/useElementSize");
 var CheckboxTemplate = function (_a) {
     var selectedValues = _a.selectedValues, value = _a.value, index = _a.index, style = _a.style, onToggle = _a.onToggle;
     var checked = (0, react_1.useMemo)(function () { return value.values.every(function (v) { return selectedValues.includes(v); }); }, [selectedValues, value.values]);
@@ -68,7 +68,7 @@ var CheckboxTemplate = function (_a) {
 var FilterValuesScroller = function (_a) {
     var values = _a.values, _b = _a.rowHeight, rowHeight = _b === void 0 ? styles.DEFAULT_FILTER_ROW_HEIGHT : _b, onRangeChange = _a.onRangeChange, onToggle = _a.onToggle, _c = _a.formatter, formatter = _c === void 0 ? helpers_1.defaultRendererAndFormatter : _c, _d = _a.renderer, renderer = _d === void 0 ? helpers_1.defaultRendererAndFormatter : _d, _e = _a.selectedValues, selectedValues = _e === void 0 ? [] : _e, groups = _a.groups;
     var scrollableRef = (0, react_1.useRef)(null);
-    var height = (0, hooks_1.useElementSize)(scrollableRef.current).height;
+    var height = (0, useElementSize_1.useElementSize)(scrollableRef.current).height;
     var tolerance = 20;
     var _f = (0, react_1.useState)(0), scrollTop = _f[0], setScrollTop = _f[1];
     var index = Math.floor(scrollTop / rowHeight);

package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.js

@@ -15,7 +15,7 @@ exports.useFilterModal = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Icons_1 = require("../../../../Icons");
 var react_1 = require("react");
-var forms_1 = require("../../../forms");
+var Button_1 = require("../../../forms/Button");
 var FilterModalContent_1 = require("../FilterModalContent");
 var Modal_1 = require("../../../layout/Modal");
 var hooks_1 = require("../hooks");
@@ -45,7 +45,7 @@ var useFilterModal = function (_a) {
     var onCancelClicked = (0, react_1.useCallback)(function () {
         closeModal();
     }, [closeModal]);
-    var modal = isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { children: [(0, jsx_runtime_1.jsxs)(Modal_1.Modal.Header, { children: ["Filtrer \"", column.name, "\""] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.ContentWithIcon, { children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterIcon, { fill: "var(--color-primary-400)" }), (0, jsx_runtime_1.jsx)(FilterModalContent_1.FilterModalContent, { filter: currentFilter, onFilterChanged: setCurrentFilter })] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Buttons, { children: [(0, jsx_runtime_1.jsx)(forms_1.Button, { "$color": "danger", icon: Icons_1.FilterSlashIcon, onClick: onClearClicked, children: "Supprimer" }), (0, jsx_runtime_1.jsx)(forms_1.Button, { style: { marginLeft: 'auto' }, "$color": "primary", icon: Icons_1.FilterIcon, onClick: onApplyClicked, children: "Filtrer" }), (0, jsx_runtime_1.jsx)(forms_1.Button, { onClick: onCancelClicked, children: "Annuler" })] })] })) : null;
+    var modal = isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { children: [(0, jsx_runtime_1.jsxs)(Modal_1.Modal.Header, { children: ["Filtrer \"", column.name, "\""] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.ContentWithIcon, { children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterIcon, { fill: "var(--color-primary-400)" }), (0, jsx_runtime_1.jsx)(FilterModalContent_1.FilterModalContent, { filter: currentFilter, onFilterChanged: setCurrentFilter })] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Buttons, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { "$color": "danger", icon: Icons_1.FilterSlashIcon, onClick: onClearClicked, children: "Supprimer" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { style: { marginLeft: 'auto' }, "$color": "primary", icon: Icons_1.FilterIcon, onClick: onApplyClicked, children: "Filtrer" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onCancelClicked, children: "Annuler" })] })] })) : null;
     return { openModal: openModal, closeModal: closeModal, modal: modal };
 };
 exports.useFilterModal = useFilterModal;

package/dist/components/data/DataGrid/DataGridFilterMenu/index.js

@@ -74,8 +74,8 @@ var lodash_1 = require("lodash");
 var react_1 = require("react");
 var ContextMenu_1 = require("../../../ui/ContextMenu");
 var FilterValuesScroller_1 = require("./FilterValuesScroller");
-var forms_1 = require("../../../forms");
-var styles_1 = require("../../../ui/ContextMenu/styles");
+var styles_1 = require("../../../forms/styles");
+var styles_2 = require("../../../ui/ContextMenu/styles");
 var helpers_2 = require("./helpers");
 var hooks_1 = require("./hooks");
 var sortAsc = {
@@ -221,9 +221,9 @@ var DataGridFilterMenu = function (_a) {
                                                 return ((0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: function () { return showFooter(key); }, children: [(0, jsx_runtime_1.jsx)(TotalIcon, {}), key in footerFunctionsTexts
                                                             ? footerFunctionsTexts[key]
                                                             : key] }, key));
-                                            }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {}), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: hideFooter, disabled: !isFooterVisible, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableFooterSlashIcon, {}), "Masquer le total"] })] })] }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {})] }))] })), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: openModal, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterIcon, {}), "Filtrer ..."] }), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { "$color": "danger", onClick: clearFilter, disabled: !hasFilters, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterSlashIcon, {}), "Supprimer le filtre"] }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {}), (0, jsx_runtime_1.jsxs)(styles.InputContainer, { children: [(0, jsx_runtime_1.jsx)(Icons_1.MagnifierIcon, {}), (0, jsx_runtime_1.jsx)(forms_1.Input, { ref: textFilterInputRef, type: "text", name: "search", id: "search", placeholder: "Rechercher ...", value: textFilter, onChange: function (e) { return setTextFilter(e.target.value); } })] }), (0, jsx_runtime_1.jsx)(styles.CheckboxesContainer, { children: checkboxesComponent })] }));
+                                            }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {}), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: hideFooter, disabled: !isFooterVisible, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableFooterSlashIcon, {}), "Masquer le total"] })] })] }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {})] }))] })), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { onClick: openModal, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterIcon, {}), "Filtrer ..."] }), (0, jsx_runtime_1.jsxs)(ContextMenu_1.ContextMenu.Item, { "$color": "danger", onClick: clearFilter, disabled: !hasFilters, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterSlashIcon, {}), "Supprimer le filtre"] }), (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu.Divider, {}), (0, jsx_runtime_1.jsxs)(styles.InputContainer, { children: [(0, jsx_runtime_1.jsx)(Icons_1.MagnifierIcon, {}), (0, jsx_runtime_1.jsx)(styles_1.Input, { ref: textFilterInputRef, type: "text", name: "search", id: "search", placeholder: "Rechercher ...", value: textFilter, onChange: function (e) { return setTextFilter(e.target.value); } })] }), (0, jsx_runtime_1.jsx)(styles.CheckboxesContainer, { children: checkboxesComponent })] }));
     if (!contextMenu) {
-        return (0, jsx_runtime_1.jsx)(styles_1.MenuContainer, { children: content });
+        return (0, jsx_runtime_1.jsx)(styles_2.MenuContainer, { children: content });
     }
     return (0, jsx_runtime_1.jsx)(ContextMenu_1.ContextMenu, { children: content });
 };

package/dist/components/data/DataGrid/DataGridHeaderCell.js

@@ -40,14 +40,14 @@ var styles = __importStar(require("./styles"));
 var react_1 = require("react");
 var Icons_1 = require("../../../Icons");
 var DataGridFilterMenu_1 = require("./DataGridFilterMenu");
-var layout_1 = require("../../layout");
+var Dropdown_1 = require("../../layout/Dropdown");
 var IconButton_1 = require("../../forms/IconButton");
 var hooks_1 = require("./hooks");
-var providers_1 = require("../../../providers");
+var hooks_2 = require("../../../providers/hooks");
 var DataGridHeaderCell = function (_a) {
     var _b, _c;
     var columnKey = _a.columnKey, column = _a.column, context = _a.context;
-    var getElementScreenRect = (0, providers_1.useUi)().getElementScreenRect;
+    var getElementScreenRect = (0, hooks_2.useUi)().getElementScreenRect;
     var contextValue = (0, hooks_1.useDataGridContext)(context);
     var _d = contextValue.filters, filters = _d === void 0 ? {} : _d, headerColor = contextValue.headerColor, resizingColumnKey = contextValue.resizingColumnKey, startResizing = contextValue.startResizing;
     var filterButtonRef = (0, react_1.useRef)(null);
@@ -63,7 +63,7 @@ var DataGridHeaderCell = function (_a) {
         var filterButtonRect = getElementScreenRect(filterButtonRef.current);
         filterButtonRect.x += window.scrollX;
         filterButtonRect.y += window.scrollY;
-        return ((0, jsx_runtime_1.jsx)(layout_1.Dropdown, { "$sourceRect": filterButtonRect, onClose: function () { return setIsFilterDropdownVisible(false); }, "$width": 320, "$height": [350, 500], "$autoPositionX": true, children: (0, jsx_runtime_1.jsx)(DataGridFilterMenu_1.DataGridFilterMenu, { column: column, context: context, onClose: function () { return setIsFilterDropdownVisible(false); } }) }));
+        return ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { "$sourceRect": filterButtonRect, onClose: function () { return setIsFilterDropdownVisible(false); }, "$width": 320, "$height": [350, 500], "$autoPositionX": true, children: (0, jsx_runtime_1.jsx)(DataGridFilterMenu_1.DataGridFilterMenu, { column: column, context: context, onClose: function () { return setIsFilterDropdownVisible(false); } }) }));
     }, [
         column,
         columnKey,

package/dist/components/data/DataGrid/DataGridToolbar.js

@@ -74,8 +74,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var styles = __importStar(require("./styles"));
 var Icons_1 = require("../../../Icons");
 var react_1 = require("react");
-var forms_1 = require("../../forms");
-var layout_1 = require("../../layout");
+var Button_1 = require("../../forms/Button");
+var Loading_1 = require("../../layout/Loading");
 var hooks_1 = require("./DataGridColumnsModal/hooks");
 var hooks_2 = require("./hooks");
 var useRefreshModal_1 = require("./hooks/useRefreshModal");
@@ -136,6 +136,6 @@ var DataGridToolbar = function (_a) {
             return [2 /*return*/];
         });
     }); }, [addedRows.length, doRefresh, openRefreshModal, updatedRows.length]);
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modal, refreshModal, (0, jsx_runtime_1.jsxs)(styles.DataGridToolsRow, { children: [(0, jsx_runtime_1.jsx)(styles.DataGridToolsRowHeaderContent, { children: headerContent }), (0, jsx_runtime_1.jsxs)(styles.DataGridToolsRowButtonsContainer, { children: [(0, jsx_runtime_1.jsx)(layout_1.Loading, { visible: isLoadingVisible }), editable && onSaveClicked && ((0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", "$color": "primary", onClick: save, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.FloppyDiskIcon, {}), "Enregistrer"] })), editable && onAddClicked && ((0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", "$color": "success", onClick: add, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.PlusIcon, {}), "Ajouter"] })), (0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", onClick: onRefreshClicked, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.ArrowsRotateIcon, {}), "Rafra\u00EEchir"] }), (0, jsx_runtime_1.jsxs)(forms_1.Button, { "$color": "emerald", size: "small", onClick: runCopyTable, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.CopyIcon, {}), "Copier la table"] }), (0, jsx_runtime_1.jsxs)(forms_1.Button, { size: "small", "$color": "danger", onClick: function () { return setFilters({}); }, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterSlashIcon, {}), "Supprimer les filtres"] }), name && ((0, jsx_runtime_1.jsxs)(forms_1.Button, { "$color": "info", size: "small", onClick: openModal, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableColumnsIcon, {}), "Param\u00E8tres des colonnes"] }))] })] })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [modal, refreshModal, (0, jsx_runtime_1.jsxs)(styles.DataGridToolsRow, { children: [(0, jsx_runtime_1.jsx)(styles.DataGridToolsRowHeaderContent, { children: headerContent }), (0, jsx_runtime_1.jsxs)(styles.DataGridToolsRowButtonsContainer, { children: [(0, jsx_runtime_1.jsx)(Loading_1.Loading, { visible: isLoadingVisible }), editable && onSaveClicked && ((0, jsx_runtime_1.jsxs)(Button_1.Button, { size: "small", "$color": "primary", onClick: save, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.FloppyDiskIcon, {}), "Enregistrer"] })), editable && onAddClicked && ((0, jsx_runtime_1.jsxs)(Button_1.Button, { size: "small", "$color": "success", onClick: add, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.PlusIcon, {}), "Ajouter"] })), (0, jsx_runtime_1.jsxs)(Button_1.Button, { size: "small", onClick: onRefreshClicked, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.ArrowsRotateIcon, {}), "Rafra\u00EEchir"] }), (0, jsx_runtime_1.jsxs)(Button_1.Button, { "$color": "emerald", size: "small", onClick: runCopyTable, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.CopyIcon, {}), "Copier la table"] }), (0, jsx_runtime_1.jsxs)(Button_1.Button, { size: "small", "$color": "danger", onClick: function () { return setFilters({}); }, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.FilterSlashIcon, {}), "Supprimer les filtres"] }), name && ((0, jsx_runtime_1.jsxs)(Button_1.Button, { "$color": "info", size: "small", onClick: openModal, bordered: true, children: [(0, jsx_runtime_1.jsx)(Icons_1.TableColumnsIcon, {}), "Param\u00E8tres des colonnes"] }))] })] })] }));
 };
 exports.DataGridToolbar = DataGridToolbar;

package/dist/components/data/DataGrid/FilterModalContent/index.js

@@ -57,8 +57,9 @@ exports.FilterModalContent = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-explicit-any */
 var styles = __importStar(require("./styles"));
-var forms_1 = require("../../../forms");
 var react_1 = require("react");
+var styles_1 = require("../../../forms/styles");
+var Select_1 = require("../../../forms/Select");
 // import { Select } from '../../Select';
 // import clx from 'classnames';
 var filterOperators = {
@@ -97,9 +98,9 @@ var FilterModalContent = function (_a) {
     if (!filter)
         return null;
     var operator = filter.operator, type = filter.type, values = filter.values;
-    return ((0, jsx_runtime_1.jsxs)(styles.FilterModalContentContainer, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterOperator", children: [(0, jsx_runtime_1.jsx)("span", { children: "Op\u00E9rateur :" }), (0, jsx_runtime_1.jsx)(forms_1.Select, { name: "filterOperator", items: Object.entries(filterOperators[filter.type]), itemKey: function (item) { return item[0]; }, itemLabel: function (item) { return item[1]; }, value: String(operator), className: "text-sm", onChange: function (e) {
+    return ((0, jsx_runtime_1.jsxs)(styles.FilterModalContentContainer, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterOperator", children: [(0, jsx_runtime_1.jsx)("span", { children: "Op\u00E9rateur :" }), (0, jsx_runtime_1.jsx)(Select_1.Select, { name: "filterOperator", items: Object.entries(filterOperators[filter.type]), itemKey: function (item) { return item[0]; }, itemLabel: function (item) { return item[1]; }, value: String(operator), className: "text-sm", onChange: function (e) {
                             return onFilterChanged(__assign(__assign({}, filter), { operator: e.target.value }));
-                        } })] }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterValue1", children: [(0, jsx_runtime_1.jsxs)("span", { children: [operator === 'inRange' ? 'Entre' : 'Valeur', " :"] }), (0, jsx_runtime_1.jsx)(forms_1.Input, { ref: value1Ref, name: "filterValue1", type: filter.type, value: (_b = values[0]) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
+                        } })] }), (0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterValue1", children: [(0, jsx_runtime_1.jsxs)("span", { children: [operator === 'inRange' ? 'Entre' : 'Valeur', " :"] }), (0, jsx_runtime_1.jsx)(styles_1.Input, { ref: value1Ref, name: "filterValue1", type: filter.type, value: (_b = values[0]) !== null && _b !== void 0 ? _b : '', onChange: function (e) {
                             if (type === 'number') {
                                 var newValues = __spreadArray([], values, true);
                                 newValues[0] = Number(e.target.value);
@@ -110,7 +111,7 @@ var FilterModalContent = function (_a) {
                                 newValues[0] = String(e.target.value);
                                 onFilterChanged(__assign(__assign({}, filter), { values: newValues }));
                             }
-                        } })] }), operator === 'inRange' && ((0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterValue2", children: [(0, jsx_runtime_1.jsx)("span", { children: "et" }), (0, jsx_runtime_1.jsx)(forms_1.Input, { name: "filterValue2", type: filter.type, value: (_c = values[1]) !== null && _c !== void 0 ? _c : '', onChange: function (e) {
+                        } })] }), operator === 'inRange' && ((0, jsx_runtime_1.jsxs)("label", { htmlFor: "filterValue2", children: [(0, jsx_runtime_1.jsx)("span", { children: "et" }), (0, jsx_runtime_1.jsx)(styles_1.Input, { name: "filterValue2", type: filter.type, value: (_c = values[1]) !== null && _c !== void 0 ? _c : '', onChange: function (e) {
                             if (type === 'number') {
                                 var newValues = __spreadArray([], values, true);
                                 newValues[1] = Number(e.target.value);

package/dist/components/data/DataGrid/helpers/columns.js

@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.colorColumn = exports.selectColumn = exports.checkboxColumn = exports.percentageColumn = exports.moneyColumn = exports.numberColumn = exports.monthColumn = exports.dateTimeColumn = exports.dateColumn = exports.phoneColumn = exports.mailColumn = exports.textColumn = exports.buildExcelFormat = exports.isColumnVisible = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var filters_1 = require("./filters");
-var helpers_1 = require("../../../../helpers");
+var dates_1 = require("../../../../helpers/dates");
 var numbers_1 = require("../../../../helpers/numbers");
 var CheckboxEditableCell_1 = require("../DataGridEditableCell/CheckboxEditableCell");
 var DateEditableCell_1 = require("../DataGridEditableCell/DateEditableCell");
@@ -53,12 +53,12 @@ var mailColumn = function (key, title, options, otherOptions) { return (__assign
 exports.mailColumn = mailColumn;
 var phoneColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'text', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({ href: "tel:".concat(value) }, options === null || options === void 0 ? void 0 : options.typography, { as: 'a', children: value }))); }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: (0, filters_1.textFilter)(key), editComponent: TextEditableCell_1.TextEditableCell }, otherOptions)); };
 exports.phoneColumn = phoneColumn;
-var dateColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, helpers_1.formatDate)(value) }))); }, excelOptions: {
+var dateColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, dates_1.formatDate)(value) }))); }, excelOptions: {
         formatter: function () { return 'dd/mm/yyyy'; },
         valueGetter: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; },
     }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.dateFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY')) !== null && _a !== void 0 ? _a : ''; } }), editComponent: DateEditableCell_1.DateEditableCell }, otherOptions)); };
 exports.dateColumn = dateColumn;
-var dateTimeColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, helpers_1.formatDateTime)(value) }))); }, excelOptions: {
+var dateTimeColumn = function (key, title, options, otherOptions) { return (__assign({ key: key, type: 'date', name: title, render: function (value) { return ((0, jsx_runtime_1.jsx)(typography_1.StyledTypography, __assign({}, options === null || options === void 0 ? void 0 : options.typography, { children: (0, dates_1.formatDateTime)(value) }))); }, excelOptions: {
         formatter: function () { return 'dd/mm/yyyy hh:mm:ss'; },
         valueGetter: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY HH:mm:ss')) !== null && _a !== void 0 ? _a : ''; },
     }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, sortGetter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.dateFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, moment_1.default)(value).format('DD/MM/YYYY HH:mm:ss')) !== null && _a !== void 0 ? _a : ''; } }), editComponent: DateEditableCell_1.DateEditableCell }, otherOptions)); };

package/dist/components/data/DataGrid/hooks/useDataGridSettings.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDataGridSettings = void 0;
 var react_1 = require("react");
-var providers_1 = require("../../../../providers");
+var hooks_1 = require("../../../../providers/hooks");
 var useDataGridSettings = function (name) {
     // TODO: Implement settings context
-    var _a = (0, providers_1.useSettings)(), settings = _a.settings, updateSettings = _a.updateSettings;
+    var _a = (0, hooks_1.useSettings)(), settings = _a.settings, updateSettings = _a.updateSettings;
     var _b = (0, react_1.useState)({}), dataGridSettings = _b[0], setDataGridSettings = _b[1];
     (0, react_1.useEffect)(function () {
         if (name) {

package/dist/components/data/DataGrid/hooks/useRefreshModal.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRefreshModal = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var forms_1 = require("../../../forms");
+var Button_1 = require("../../../forms/Button");
 var Modal_1 = require("../../../layout/Modal");
 var Icons_1 = require("../../../../Icons");
 var useRefreshModal = function (onConfirm) {
@@ -15,7 +15,7 @@ var useRefreshModal = function (onConfirm) {
         setIsVisible(false);
     }, []);
     var modal = (0, react_1.useMemo)(function () {
-        return isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { "$width": 400, children: [(0, jsx_runtime_1.jsx)(Modal_1.Modal.Header, { children: "Rafraichir" }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.ContentWithIcon, { children: [(0, jsx_runtime_1.jsx)(Icons_1.TriangleExclamationIcon, { fill: "var(--color-danger-600)" }), (0, jsx_runtime_1.jsx)("div", { children: "Attention : vous avez des modifications en cours. Si vous rafra\u00EEchissez la liste, ces modifications seront perdues !" })] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Footer, { children: [(0, jsx_runtime_1.jsx)(forms_1.Button, { onClick: closeModal, children: "Annuler" }), (0, jsx_runtime_1.jsx)(forms_1.Button, { "$color": "danger", style: { marginLeft: 'auto' }, onClick: function () {
+        return isVisible ? ((0, jsx_runtime_1.jsxs)(Modal_1.Modal, { "$width": 400, children: [(0, jsx_runtime_1.jsx)(Modal_1.Modal.Header, { children: "Rafraichir" }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.ContentWithIcon, { children: [(0, jsx_runtime_1.jsx)(Icons_1.TriangleExclamationIcon, { fill: "var(--color-danger-600)" }), (0, jsx_runtime_1.jsx)("div", { children: "Attention : vous avez des modifications en cours. Si vous rafra\u00EEchissez la liste, ces modifications seront perdues !" })] }), (0, jsx_runtime_1.jsxs)(Modal_1.Modal.Footer, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: closeModal, children: "Annuler" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { "$color": "danger", style: { marginLeft: 'auto' }, onClick: function () {
                                 closeModal();
                                 onConfirm();
                             }, children: "Rafra\u00EEchir" })] })] })) : null;

package/dist/components/data/SqlRequestForeignList/index.js

@@ -12,11 +12,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SqlRequestForeignList = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable @typescript-eslint/no-explicit-any */
-var services_1 = require("../../../services");
+var sqlRequests_1 = require("../../../services/sqlRequests");
 var react_1 = require("react");
 var styles_1 = require("./styles");
 var Icons_1 = require("../../../Icons");
-var layout_1 = require("../../layout");
+var Dropdown_1 = require("../../layout/Dropdown");
 var VirtualScroller_1 = require("../VirtualScroller");
 var lodash_1 = require("lodash");
 var components_1 = require("../../../helpers/components");
@@ -54,7 +54,7 @@ var SqlRequestForeignList = function (_a) {
     var internalRef = (0, react_1.useRef)(null);
     // Forward the ref while linking it to our internal ref
     (0, react_1.useImperativeHandle)(ref, function () { return internalRef.current; }, []);
-    var sqlRequest = (0, services_1.useSqlRequestHandler)(requestName)[0];
+    var sqlRequest = (0, sqlRequests_1.useSqlRequestHandler)(requestName)[0];
     var open = (0, react_1.useCallback)(function () {
         if (internalRef.current) {
             var parentRect = internalRef.current.getBoundingClientRect();
@@ -122,7 +122,7 @@ var SqlRequestForeignList = function (_a) {
     }, [length, start]);
     var ItemTemplate = (0, react_1.useMemo)(function () { return createItemTemplate(itemTemplate, rowHeight); }, [itemTemplate, rowHeight]);
     var ValueTemplate = (0, react_1.useMemo)(function () { return CreateValueTemplate(valueTemplate !== null && valueTemplate !== void 0 ? valueTemplate : itemTemplate, rowHeight); }, [itemTemplate, rowHeight, valueTemplate]);
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(styles_1.SqlRequestForeignListInput, { tabIndex: 0, ref: internalRef, onClick: open, onBlur: onBlur, children: [(0, jsx_runtime_1.jsx)(ValueTemplate, { item: selectedItem, index: 0 }), (0, jsx_runtime_1.jsx)(Icons_1.ChevronDownIcon, {}), opened && rect && ((0, jsx_runtime_1.jsx)(layout_1.Dropdown, { "$height": [Math.min(maxRows, rows.length) * rowHeight, 300], "$width": rect.width, "$sourceRect": rect, onClose: close, usePortal: false, children: (0, jsx_runtime_1.jsx)(VirtualScroller_1.VirtualScroller, { gridTemplateColumns: '1fr', items: rows, itemTemplate: ItemTemplate, rowHeightInPx: rowHeight, itemProps: function (item, index) { return ({
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(styles_1.SqlRequestForeignListInput, { tabIndex: 0, ref: internalRef, onClick: open, onBlur: onBlur, children: [(0, jsx_runtime_1.jsx)(ValueTemplate, { item: selectedItem, index: 0 }), (0, jsx_runtime_1.jsx)(Icons_1.ChevronDownIcon, {}), opened && rect && ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { "$height": [Math.min(maxRows, rows.length) * rowHeight, 300], "$width": rect.width, "$sourceRect": rect, onClose: close, usePortal: false, children: (0, jsx_runtime_1.jsx)(VirtualScroller_1.VirtualScroller, { gridTemplateColumns: '1fr', items: rows, itemTemplate: ItemTemplate, rowHeightInPx: rowHeight, itemProps: function (item, index) { return ({
                             item: item,
                             onClick: onClick,
                             index: index,

package/dist/components/data/SqlRequestForeignList/types.d.ts

@@ -1,4 +1,4 @@
-import { ConditionDTO, OrderByDTO } from '../../../services';
+import { ConditionDTO, OrderByDTO } from '../../../services/sqlRequests';
 import { VirtualScrollerTemplateFC } from '../VirtualScroller/types';
 export type SqlRequestForeignListProps<T> = {
     requestName: string;

package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.js

@@ -39,7 +39,7 @@ var styles = __importStar(require("./styles"));
 var Icons_1 = require("../../../../Icons");
 var react_1 = require("react");
 var DataGridFilterMenu_1 = require("../../DataGrid/DataGridFilterMenu");
-var forms_1 = require("../../../forms");
+var IconButton_1 = require("../../../forms/IconButton");
 var FiltersSidebar = function (_a) {
     var props = _a.props, context = _a.context, onClose = _a.onClose, onClearFilters = _a.onClearFilters;
     var _b = (0, react_1.useState)(null), columnKey = _b[0], setColumnKey = _b[1];
@@ -55,6 +55,6 @@ var FiltersSidebar = function (_a) {
     var onFilterClick = (0, react_1.useCallback)(function (columnKey) {
         setColumnKey(columnKey);
     }, []);
-    return ((0, jsx_runtime_1.jsx)(styles.Backdrop, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(styles.FiltersSidebarContainer, { onClick: stopPropagation, children: visible ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles.FiltersSidebarHeader, { children: [(0, jsx_runtime_1.jsx)(forms_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.AngleLeftIcon, color: "neutral", onClick: function () { return onFilterClick(null); } }), (0, jsx_runtime_1.jsx)("h3", { children: column.name }), (0, jsx_runtime_1.jsx)(forms_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.XMarkIcon, color: "neutral", onClick: onClose })] }), (0, jsx_runtime_1.jsx)(DataGridFilterMenu_1.DataGridFilterMenu, { contextMenu: false, column: column, context: context, showTotalButton: false })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles.FiltersSidebarHeader, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Filtres" }), (0, jsx_runtime_1.jsx)(forms_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.FilterSlashIcon, color: "danger", onClick: onClearFilters }), (0, jsx_runtime_1.jsx)(forms_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.XMarkIcon, color: "neutral", onClick: onClose })] }), props.fields.map(function (field) { return ((0, jsx_runtime_1.jsxs)(styles.FiltersSidebarFilter, { onClick: function () { return onFilterClick(field.key); }, children: [field.name, (0, jsx_runtime_1.jsx)(Icons_1.AngleRightIcon, {})] }, field.key)); })] })) }) }));
+    return ((0, jsx_runtime_1.jsx)(styles.Backdrop, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(styles.FiltersSidebarContainer, { onClick: stopPropagation, children: visible ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles.FiltersSidebarHeader, { children: [(0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.AngleLeftIcon, color: "neutral", onClick: function () { return onFilterClick(null); } }), (0, jsx_runtime_1.jsx)("h3", { children: column.name }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.XMarkIcon, color: "neutral", onClick: onClose })] }), (0, jsx_runtime_1.jsx)(DataGridFilterMenu_1.DataGridFilterMenu, { contextMenu: false, column: column, context: context, showTotalButton: false })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styles.FiltersSidebarHeader, { children: [(0, jsx_runtime_1.jsx)("h3", { children: "Filtres" }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.FilterSlashIcon, color: "danger", onClick: onClearFilters }), (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { rounded: true, bordered: false, icon: Icons_1.XMarkIcon, color: "neutral", onClick: onClose })] }), props.fields.map(function (field) { return ((0, jsx_runtime_1.jsxs)(styles.FiltersSidebarFilter, { onClick: function () { return onFilterClick(field.key); }, children: [field.name, (0, jsx_runtime_1.jsx)(Icons_1.AngleRightIcon, {})] }, field.key)); })] })) }) }));
 };
 exports.FiltersSidebar = FiltersSidebar;

package/dist/components/data/SqlRequestGrid/index.js

@@ -61,7 +61,7 @@ var react_1 = require("react");
 var lodash_1 = require("lodash");
 var Icons_1 = require("../../../Icons");
 var FiltersSidebar_1 = require("./filters/FiltersSidebar");
-var forms_1 = require("../../forms");
+var IconButton_1 = require("../../forms/IconButton");
 var VirtualScroller_1 = require("../VirtualScroller");
 var helpers_1 = require("./helpers");
 var helpers_2 = require("../DataGrid/helpers");
@@ -234,7 +234,7 @@ var SqlRequestGrid = function (_a) {
         onFiltersChanged({});
         setSidebarVisible(false);
     }, [onFiltersChanged]);
-    return ((0, jsx_runtime_1.jsx)(DataGridContext.Provider, { value: contextProps, children: (0, jsx_runtime_1.jsxs)(styles.SqlRequestGridContainer, { children: [sidebarVisible ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(FiltersSidebar_1.FiltersSidebar, { props: allProps, context: DataGridContext, onClose: onSidebarClose, onClearFilters: onClearFilters }) })) : ((0, jsx_runtime_1.jsx)(forms_1.IconButton, { size: "large", onClick: function () { return setSidebarVisible(true); }, icon: Icons_1.FilterFullIcon, color: "primary", rounded: true, style: {
+    return ((0, jsx_runtime_1.jsx)(DataGridContext.Provider, { value: contextProps, children: (0, jsx_runtime_1.jsxs)(styles.SqlRequestGridContainer, { children: [sidebarVisible ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(FiltersSidebar_1.FiltersSidebar, { props: allProps, context: DataGridContext, onClose: onSidebarClose, onClearFilters: onClearFilters }) })) : ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { size: "large", onClick: function () { return setSidebarVisible(true); }, icon: Icons_1.FilterFullIcon, color: "primary", rounded: true, style: {
                         position: 'absolute',
                         bottom: 'var(--space-2)',
                         right: 'var(--space-2)',

package/dist/components/data/VirtualScroller/hooks.js

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useVirtualScrolling = exports.VIRTUAL_SCROLL_TOLERANCE = void 0;
 var react_1 = require("react");
-var hooks_1 = require("../../../hooks");
+var useElementSize_1 = require("../../../hooks/useElementSize");
 exports.VIRTUAL_SCROLL_TOLERANCE = 20;
 var useVirtualScrolling = function (_a) {
     var _b;
     var scrollableElement = _a.scrollableElement, rowHeightInPx = _a.rowHeightInPx, items = _a.items, _c = _a.itemsPerRow, itemsPerRow = _c === void 0 ? 1 : _c, _d = _a.tolerance, tolerance = _d === void 0 ? exports.VIRTUAL_SCROLL_TOLERANCE : _d;
-    var height = (0, hooks_1.useElementSize)(scrollableElement).height;
+    var height = (0, useElementSize_1.useElementSize)(scrollableElement).height;
     var _e = (0, react_1.useState)(0), scrollTop = _e[0], setScrollTop = _e[1];
     var _f = [
         Math.floor(scrollTop / rowHeightInPx),

package/dist/components/forms/Form/FormGroup.d.ts

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { IconFC } from '../../../Icons';
-import { ThemeColorWithIntensity } from '../../../providers/ThemeProvider';
+import { ThemeColorWithIntensity } from '../../../providers/ThemeProvider/types';
 type FormGroupProps = PropsWithChildren<{
     color?: ThemeColorWithIntensity;
     title?: string;

package/dist/components/forms/Form/styles.d.ts

@@ -1,4 +1,4 @@
-import { ThemeColorWithIntensity } from '../../../providers/ThemeProvider';
+import { ThemeColorWithIntensity } from '../../../providers/ThemeProvider/types';
 export declare const FormGroupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {
     color?: ThemeColorWithIntensity;
 }>> & string;

package/dist/components/forms/IconButton.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from './Button';
 import { ButtonHTMLAttributes, ForwardedRef } from 'react';
 import { IconFC } from '../../Icons';
-import { ThemeSize } from '../../providers';
+import { ThemeSize } from '../../providers/ThemeProvider/types';
 type IconButtonProps = ButtonProps & {
     icon: IconFC;
     $iconSize?: ThemeSize;

package/dist/components/forms/NumberInput.js

@@ -26,7 +26,7 @@ exports.NumberInput = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var styles_1 = require("./styles");
-var helpers_1 = require("../../helpers");
+var numbers_1 = require("../../helpers/numbers");
 var NumberInputInner = function (_a, ref) {
     var value = _a.value, onChange = _a.onChange, _b = _a.decimals, decimals = _b === void 0 ? 0 : _b, prefix = _a.prefix, suffix = _a.suffix, _c = _a.multiplicator, multiplicator = _c === void 0 ? 1 : _c, props = __rest(_a, ["value", "onChange", "decimals", "prefix", "suffix", "multiplicator"]);
     var _d = (0, react_1.useState)(Number(value !== null && value !== void 0 ? value : 0)), displayedValue = _d[0], setDisplayedValue = _d[1];
@@ -34,7 +34,7 @@ var NumberInputInner = function (_a, ref) {
         setDisplayedValue((value !== null && value !== void 0 ? value : 0) * multiplicator);
     }, [multiplicator, value]);
     return ((0, jsx_runtime_1.jsx)(styles_1.StyledNumericFormat, __assign({ className: String(styles_1.Input), getInputRef: ref, value: displayedValue, onChange: function (e) {
-            onChange === null || onChange === void 0 ? void 0 : onChange((0, helpers_1.parseNumber)(e.target.value) / multiplicator);
-        }, decimalSeparator: helpers_1.decimalSeparator, decimalScale: decimals, fixedDecimalScale: !!decimals, prefix: prefix ? prefix + ' ' : undefined, suffix: suffix ? ' ' + suffix : undefined }, props)));
+            onChange === null || onChange === void 0 ? void 0 : onChange((0, numbers_1.parseNumber)(e.target.value) / multiplicator);
+        }, decimalSeparator: numbers_1.decimalSeparator, decimalScale: decimals, fixedDecimalScale: !!decimals, prefix: prefix ? prefix + ' ' : undefined, suffix: suffix ? ' ' + suffix : undefined }, props)));
 };
 exports.NumberInput = (0, react_1.forwardRef)(NumberInputInner);

package/dist/components/layout/Dropdown/index.js

@@ -59,7 +59,7 @@ exports.Dropdown = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styles = __importStar(require("./styles"));
 var react_1 = require("react");
-var providers_1 = require("../../../providers");
+var hooks_1 = require("../../../providers/hooks");
 var getDropdownStyle = function (dropdown) {
     var minHeight = Array.isArray(dropdown.$height)
         ? dropdown.$height[0]
@@ -85,7 +85,7 @@ var getDropdownStyle = function (dropdown) {
 };
 var Dropdown = function (_a) {
     var children = _a.children, onClose = _a.onClose, _b = _a.usePortal, usePortal = _b === void 0 ? true : _b, props = __rest(_a, ["children", "onClose", "usePortal"]);
-    var createPortal = (0, providers_1.usePortals)().createPortal;
+    var createPortal = (0, hooks_1.usePortals)().createPortal;
     var firstClick = (0, react_1.useRef)(true);
     var containerRef = (0, react_1.useRef)(null);
     var style = (0, react_1.useMemo)(function () { return getDropdownStyle(props); }, [props]);

package/dist/components/layout/Flexbox.d.ts

@@ -1,6 +1,6 @@
 import { SpaceProps } from '../../helpers/styled/space';
 import { CSSProperties } from 'react';
-import { ThemeSpace } from '../../providers';
+import { ThemeSpace } from '../../providers/ThemeProvider/types';
 type FlexboxProps = {
     direction?: CSSProperties['flexDirection'];
     justifyContent?: CSSProperties['justifyContent'];

package/dist/components/layout/Loading/index.js

@@ -38,10 +38,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var styles = __importStar(require("./styles"));
 var react_1 = require("react");
 var Icons_1 = require("../../../Icons");
-var providers_1 = require("../../../providers");
+var hooks_1 = require("../../../providers/hooks");
 var Loading = function (_a) {
     var visible = _a.visible, children = _a.children;
-    var createPortal = (0, providers_1.usePortals)().createPortal;
+    var createPortal = (0, hooks_1.usePortals)().createPortal;
     var loadingPortal = (0, react_1.useMemo)(function () {
         return visible
             ? createPortal((0, jsx_runtime_1.jsxs)(styles.LoadingBackdrop, { children: [(0, jsx_runtime_1.jsx)(Icons_1.LoadingIcon, {}), (0, jsx_runtime_1.jsx)(styles.LoadingContainer, { children: children || 'Loading ...' })] }))

package/dist/components/layout/Modal/index.js

@@ -59,10 +59,10 @@ exports.Modal = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styles = __importStar(require("./styles"));
 var react_1 = require("react");
-var providers_1 = require("../../../providers");
+var hooks_1 = require("../../../providers/hooks");
 var Modal = function (_a) {
     var children = _a.children, closeOnBackdropClick = _a.closeOnBackdropClick, onClose = _a.onClose, props = __rest(_a, ["children", "closeOnBackdropClick", "onClose"]);
-    var createPortal = (0, providers_1.usePortals)().createPortal;
+    var createPortal = (0, hooks_1.usePortals)().createPortal;
     var modalPortal = (0, react_1.useMemo)(function () {
         return createPortal((0, jsx_runtime_1.jsx)(styles.ModalBackdrop, { onClick: closeOnBackdropClick ? onClose : undefined, children: (0, jsx_runtime_1.jsx)(styles.ModalContainer, __assign({}, props, { children: children })) }));
     }, [children, closeOnBackdropClick, createPortal, onClose, props]);

package/dist/components/layout/Modal/styles.d.ts

@@ -1,4 +1,4 @@
-import { ThemeColor } from '../../../providers';
+import { ThemeColor } from '../../../providers/ThemeProvider/types';
 export declare const ModalBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>, never>, never>> & string;
 export type ModalContainerProps = {
     $width?: number;

package/dist/components/search/HighlightedText.js

@@ -25,14 +25,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HighlightedText = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var helpers_1 = require("../../helpers");
+var text_1 = require("../../helpers/text");
 var HighlightedText = function (_a) {
     var text = _a.text, highlight = _a.highlight, props = __rest(_a, ["text", "highlight"]);
-    var textWithoutHtml = (0, react_1.useMemo)(function () { return (0, helpers_1.extractTextFromHTML)(text); }, [text]);
+    var textWithoutHtml = (0, react_1.useMemo)(function () { return (0, text_1.extractTextFromHTML)(text); }, [text]);
     var parts = (0, react_1.useMemo)(function () {
         var _a;
         return highlight
-            ? (_a = textWithoutHtml === null || textWithoutHtml === void 0 ? void 0 : textWithoutHtml.split(new RegExp("(".concat((0, helpers_1.escapeForRegExp)(highlight), ")"), 'gi')).filter(Boolean)) !== null && _a !== void 0 ? _a : []
+            ? (_a = textWithoutHtml === null || textWithoutHtml === void 0 ? void 0 : textWithoutHtml.split(new RegExp("(".concat((0, text_1.escapeForRegExp)(highlight), ")"), 'gi')).filter(Boolean)) !== null && _a !== void 0 ? _a : []
             : [];
     }, [highlight, textWithoutHtml]);
     if (!highlight || !parts.length) {

package/dist/components/search/QuickSearchBar.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { SearchTypeDefinitions } from './types';
-import { Input } from '../forms';
+import { Input } from '../forms/styles';
 type QuickSearchBarProps<R> = {
     types: SearchTypeDefinitions<R>;
     placeholder?: string;