@addev-be/ui 1.2.1 → 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/auth/styles.d.ts

@@ -1,3 +1 @@
-export declare const FormContainer: 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").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
-    ref?: ((instance: HTMLFormElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLFormElement> | null | undefined;
-}>, never>, never>> & string;
+export declare const FormContainer: 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").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>>, never>, never>> & string;

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/DataGridColumnsModal/styles.d.ts

@@ -1,22 +1,10 @@
-export declare const Container: 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>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const Panel: 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>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const Title: 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>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ColumnsList: 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<HTMLUListElement>, HTMLUListElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
-    ref?: ((instance: HTMLUListElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLUListElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const ColumnItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
-    ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}>, never>, {
+export declare const Container: 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 declare const Panel: 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 declare const Title: 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 declare const ColumnsList: 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<HTMLUListElement>, HTMLUListElement>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>>, never>, never>> & string;
+export declare const ColumnItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>, never>, {
     $visible?: boolean;
 }>> & string;
-export declare const Buttons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, {
+export declare const Buttons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<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>, {
     $visible?: boolean;
 }>> & string;

package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.d.ts

@@ -1,2 +1,2 @@
 import { DataGridEditableCellProps } from './types';
-export declare const CheckboxEditableCell: <R>(props: DataGridEditableCellProps<R, boolean> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
+export declare const CheckboxEditableCell: <R>({ value, onChange, onClose, ref, }: DataGridEditableCellProps<R, boolean>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxEditableCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var CheckboxEditableCellInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var CheckboxEditableCell = function (_a) {
+    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
     var onBlur = (0, react_1.useCallback)(function () {
         onClose(true);
     }, [onClose]);
@@ -20,4 +20,4 @@ var CheckboxEditableCellInner = function (_a, ref) {
     }, [onClose]);
     return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "checkbox", checked: value, onChange: function (e) { return onChange(e.target.checked); }, onBlur: onBlur, onKeyDown: onKeyDown }));
 };
-exports.CheckboxEditableCell = (0, react_1.forwardRef)(CheckboxEditableCellInner);
+exports.CheckboxEditableCell = CheckboxEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.d.ts

@@ -1,2 +1,2 @@
 import { DataGridEditableCellProps } from './types';
-export declare const DateEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
+export declare const DateEditableCell: <R>({ value, onChange, onClose, ref, }: DataGridEditableCellProps<R, string>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateEditableCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var moment_1 = __importDefault(require("moment"));
-var DateEditableCellInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var react_1 = require("react");
+var DateEditableCell = function (_a) {
+    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
     var onBlur = (0, react_1.useCallback)(function () {
         onClose(true);
     }, [onClose]);
@@ -24,4 +24,4 @@ var DateEditableCellInner = function (_a, ref) {
     }, [onClose]);
     return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "date", value: (0, moment_1.default)(value).format('YYYY-MM-DD'), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
 };
-exports.DateEditableCell = (0, react_1.forwardRef)(DateEditableCellInner);
+exports.DateEditableCell = DateEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.d.ts

@@ -1,7 +1,7 @@
 import { DataGridEditableCellProps } from './types';
-export declare const NumberEditableCell: <R>(props: DataGridEditableCellProps<R, number> & {
+export declare const NumberEditableCell: <R>({ decimals, currency, prefix: prefixFromProps, suffix: suffixFromProps, row, value, onChange, onClose, ref, }: DataGridEditableCellProps<R, number> & {
     decimals?: number;
     currency?: string | ((row: R) => string);
     prefix?: string;
     suffix?: string;
-} & import("react").RefAttributes<HTMLElement>) => import("react").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.js

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NumberEditableCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var numbers_1 = require("../../../../helpers/numbers");
 var react_number_format_1 = require("react-number-format");
-var NumberEditableCellInner = function (_a, ref) {
-    var _b = _a.decimals, decimals = _b === void 0 ? 0 : _b, currency = _a.currency, prefixFromProps = _a.prefix, suffixFromProps = _a.suffix, row = _a.row, value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var react_1 = require("react");
+var NumberEditableCell = function (_a) {
+    var _b = _a.decimals, decimals = _b === void 0 ? 0 : _b, currency = _a.currency, prefixFromProps = _a.prefix, suffixFromProps = _a.suffix, row = _a.row, value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
     var currencyName = typeof currency === 'function' ? currency(row) : currency;
     var _c = currencyName
         ? (0, numbers_1.getCurrencySymbol)(currencyName)
@@ -31,4 +31,4 @@ var NumberEditableCellInner = function (_a, ref) {
             onChange((0, numbers_1.parseNumber)(e.target.value));
         }, onBlur: onBlur, onKeyDown: onKeyDown, decimalSeparator: numbers_1.decimalSeparator, decimalScale: decimals, fixedDecimalScale: !!decimals, prefix: prefix ? prefix + ' ' : undefined, suffix: suffix ? ' ' + suffix : undefined }));
 };
-exports.NumberEditableCell = (0, react_1.forwardRef)(NumberEditableCellInner);
+exports.NumberEditableCell = NumberEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.d.ts

@@ -1,2 +1,2 @@
 import { DataGridEditableCellProps } from './types';
-export declare const TextEditableCell: <R>(props: DataGridEditableCellProps<R, string> & import("react").RefAttributes<HTMLInputElement>) => import("react").JSX.Element | null;
+export declare const TextEditableCell: <R>({ value, onChange, onClose, ref, }: DataGridEditableCellProps<R, string>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextEditableCell = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var TextEditableCellInner = function (_a, ref) {
-    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var TextEditableCell = function (_a) {
+    var value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
     var onBlur = (0, react_1.useCallback)(function () {
         onClose(true);
     }, [onClose]);
@@ -20,4 +20,4 @@ var TextEditableCellInner = function (_a, ref) {
     }, [onClose]);
     return ((0, jsx_runtime_1.jsx)("input", { ref: ref, type: "text", value: String(value), onChange: function (e) { return onChange(e.target.value); }, onBlur: onBlur, onKeyDown: onKeyDown }));
 };
-exports.TextEditableCell = (0, react_1.forwardRef)(TextEditableCellInner);
+exports.TextEditableCell = TextEditableCell;

package/dist/components/data/DataGrid/DataGridEditableCell/types.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode, Ref } from 'react';
+import { FC, Ref } from 'react';
 import { DataGridContext } from '../types';
 export type DataGridEditableCellProps<R, T> = {
     ref?: Ref<any>;
     row: R;
     value: T;
-    onChange: (value: T) => void;
+    onChange: (value: T | null) => void;
     onClose: (save: boolean) => void;
     context: DataGridContext<R>;
 };
-export type DataGridEditableCellFC<R, T = any> = (props: DataGridEditableCellProps<R, T>, ref: Ref<any>) => ReactNode;
+export type DataGridEditableCellFC<R, T = any> = FC<DataGridEditableCellProps<R, T>>;

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/DataGridFilterMenu/styles.d.ts

@@ -1,18 +1,8 @@
 export declare const DEFAULT_FILTER_ROW_HEIGHT = 24;
-export declare const InputContainer: 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>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const CheckboxesContainer: 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>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const Separator: 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>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const FilterValueContainer: 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>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
-export declare const FilterValuesScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, {
+export declare const InputContainer: 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 declare const CheckboxesContainer: 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 declare const Separator: 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 declare const FilterValueContainer: 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 declare const FilterValuesScrollerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<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>, {
     $rowHeight?: number;
 }>> & string;

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/FilterModalContent/styles.d.ts

@@ -1,3 +1 @@
-export declare const FilterModalContentContainer: 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>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, never>, never>> & string;
+export declare const FilterModalContentContainer: 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;

package/dist/components/data/DataGrid/helpers/columns.d.ts

@@ -1,5 +1,5 @@
 import { DataGridCheckboxColumn, DataGridColorColumn, DataGridColumn, DataGridDateColumn, DataGridNumberColumn, DataGridSelectColumn, DataGridSettings, DataGridTextColumn } from '../types';
-import { DeepPartial } from '../../../../typings';
+import { DeepPartial } from '../../../../types';
 import { SqlRequestDataGridTextColumn } from '../../SqlRequestDataGrid/types';
 export declare const isColumnVisible: <R>(obj: DataGridColumn<R> | DataGridSettings) => boolean;
 export declare const buildExcelFormat: (decimals?: number, suffix?: string) => string;

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

@@ -10,6 +10,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -17,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");
@@ -25,9 +36,9 @@ var NumberEditableCell_1 = require("../DataGridEditableCell/NumberEditableCell")
 var Select_1 = require("../../../forms/Form/Select");
 var typography_1 = require("../../../../helpers/styled/typography");
 var TextEditableCell_1 = require("../DataGridEditableCell/TextEditableCell");
-var components_1 = require("../../../../helpers/components");
 var moment_1 = __importDefault(require("moment"));
 var lodash_1 = require("lodash");
+var components_1 = require("../../../../helpers/components");
 var isColumnVisible = function (obj) { return (obj === null || obj === void 0 ? void 0 : obj.order) !== -1; };
 exports.isColumnVisible = isColumnVisible;
 var buildExcelFormat = function (decimals, suffix) {
@@ -42,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)); };
@@ -74,7 +85,10 @@ var numberColumn = function (key, title, decimals, options, otherOptions) {
             min: function (_, filteredRows) {
                 return (0, numbers_1.formatNumber)(Math.min.apply(Math, filteredRows.map(function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : 0; })), decimals);
             },
-        }, filter: __assign(__assign({}, (0, filters_1.numberFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, numbers_1.formatNumber)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), editComponent: (0, components_1.forwardRefWithName)(function (props, ref) { return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, props))); }, 'NumberColumnEditComponent') }, otherOptions);
+        }, filter: __assign(__assign({}, (0, filters_1.numberFilter)(key)), { renderer: function (value) { var _a; return (_a = (0, numbers_1.formatNumber)(value, decimals)) !== null && _a !== void 0 ? _a : ''; } }), editComponent: (0, components_1.withDisplayName)(function (_a) {
+            var ref = _a.ref, otherProps = __rest(_a, ["ref"]);
+            return ((0, jsx_runtime_1.jsx)(NumberEditableCell_1.NumberEditableCell, __assign({ ref: ref, decimals: column.decimals, currency: column.currency }, otherProps)));
+        }, 'NumberColumnEditComponent') }, otherOptions);
     return column;
 };
 exports.numberColumn = numberColumn;
@@ -139,8 +153,8 @@ var checkboxColumn = function (key, title, otherOptions) { return (__assign({ ke
         },
     }, editComponent: CheckboxEditableCell_1.CheckboxEditableCell }, otherOptions)); };
 exports.checkboxColumn = checkboxColumn;
-var selectColumn = function (key, title, items, itemKey, itemLabel, otherOptions) { return (__assign({ key: key, type: 'select', name: title, render: function (value, row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : null; }, sortGetter: function (row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.textFilter)(key)), { renderer: function (value) { var _a; return (_a = itemLabel(value)) !== null && _a !== void 0 ? _a : ''; } }), items: items, itemKey: itemKey, itemLabel: itemLabel, editComponent: (0, components_1.forwardRefWithName)(function (_a, ref) {
-        var value = _a.value, onChange = _a.onChange, onClose = _a.onClose;
+var selectColumn = function (key, title, items, itemKey, itemLabel, otherOptions) { return (__assign({ key: key, type: 'select', name: title, render: function (value, row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, getter: function (row) { var _a; return (_a = row[key]) !== null && _a !== void 0 ? _a : null; }, sortGetter: function (row) { var _a; return (_a = itemLabel(row[key])) !== null && _a !== void 0 ? _a : ''; }, footer: function (_, filteredRows) { return "".concat(filteredRows.length, " \u00E9l\u00E9ments"); }, filter: __assign(__assign({}, (0, filters_1.textFilter)(key)), { renderer: function (value) { var _a; return (_a = itemLabel(value)) !== null && _a !== void 0 ? _a : ''; } }), items: items, itemKey: itemKey, itemLabel: itemLabel, editComponent: (0, components_1.withDisplayName)(function (_a) {
+        var value = _a.value, onChange = _a.onChange, onClose = _a.onClose, ref = _a.ref;
         return ((0, jsx_runtime_1.jsx)(Select_1.Select, { ref: ref, items: items, itemKey: itemKey, itemLabel: itemLabel, value: value, onChange: onChange, onBlur: function () { return onClose(true); } }));
     }, 'SelectColumnEditComponent') }, otherOptions)); };
 exports.selectColumn = selectColumn;

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) {