@addev-be/ui 0.14.4 → 0.14.5

package/assets/icons/table.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 264V160H232V264H48zm0 48H232V432H64c-8.8 0-16-7.2-16-16V312zM280 432V312H464V416c0 8.8-7.2 16-16 16H280zM464 264H280V160H464V264zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M48 264V160H232V264H48zm0 48H232V432H64c-8.8 0-16-7.2-16-16V312zM280 432V312H464V416c0 8.8-7.2 16-16 16H280zM464 264H280V160H464V264zM64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"/></svg>

package/dist/Icons.d.ts

@@ -0,0 +1,49 @@
+import { FC, SVGProps } from 'react';
+import ArrowDown19Icon from '../assets/icons/arrow-down-1-9.svg?react';
+import ArrowDownAZIcon from '../assets/icons/arrow-down-a-z.svg?react';
+import ArrowDownBigSmallIcon from '../assets/icons/arrow-down-big-small.svg?react';
+import ArrowUp91Icon from '../assets/icons/arrow-up-9-1.svg?react';
+import ArrowUpBigSmallIcon from '../assets/icons/arrow-up-big-small.svg?react';
+import ArrowUpZAIcon from '../assets/icons/arrow-up-z-a.svg?react';
+import ArrowsRotateIcon from '../assets/icons/arrows-rotate.svg?react';
+import ArrowsUpDownIcon from '../assets/icons/arrows-up-down.svg?react';
+import CheckIcon from '../assets/icons/check.svg?react';
+import ChevronDownIcon from '../assets/icons/chevron-down.svg?react';
+import CircleCheckIcon from '../assets/icons/circle-check.svg?react';
+import CircleInfoIcon from '../assets/icons/circle-info.svg?react';
+import CircleXMarkIcon from '../assets/icons/circle-xmark.svg?react';
+import CopyIcon from '../assets/icons/copy.svg?react';
+import DownIcon from '../assets/icons/down.svg?react';
+import EllipsisIcon from '../assets/icons/ellipsis.svg?react';
+import FilterFullIcon from '../assets/icons/filter-full.svg?react';
+import FilterIcon from '../assets/icons/filter.svg?react';
+import FilterSlashIcon from '../assets/icons/filter-slash.svg?react';
+import HashtagIcon from '../assets/icons/hashtag.svg?react';
+import ImageSlashIcon from '../assets/icons/image-slash.svg?react';
+import LeftIcon from '../assets/icons/left.svg?react';
+import MagnifierIcon from '../assets/icons/magnifier.svg?react';
+import PhoneIcon from '../assets/icons/phone.svg?react';
+import PlusIcon from '../assets/icons/plus.svg?react';
+import RightIcon from '../assets/icons/right.svg?react';
+import SigmaIcon from '../assets/icons/sigma.svg?react';
+import SortCalendarAscendingIcon from '../assets/icons/sort-calendar-ascending.svg?react';
+import SortCalendarDescendingIcon from '../assets/icons/sort-calendar-descending.svg?react';
+import SpinnerIcon from '../assets/icons/spinner-third.svg?react';
+import TableColumnsIcon from '../assets/icons/table-columns.svg?react';
+import TableFooterIcon from '../assets/icons/table-footer.svg?react';
+import TableFooterSlashIcon from '../assets/icons/table-footer-slash.svg?react';
+import TableIcon from '../assets/icons/table.svg?react';
+import TallyIcon from '../assets/icons/tally.svg?react';
+import TriangleExclamationIcon from '../assets/icons/triangle-exclamation.svg?react';
+import UpIcon from '../assets/icons/up.svg?react';
+import UserTieIcon from '../assets/icons/user-tie.svg?react';
+import XBarIcon from '../assets/icons/x-bar.svg?react';
+type IconFCProps = SVGProps<SVGSVGElement>;
+export type IconFC = FC<IconFCProps>;
+type AnimatedIconProps = {
+    icons: FC[];
+    speed?: number;
+};
+export declare const AnimatedIcon: FC<AnimatedIconProps & IconFCProps>;
+export declare const LoadingIcon: FC<IconFCProps>;
+export { ArrowDown19Icon, ArrowDownAZIcon, ArrowDownBigSmallIcon, ArrowsRotateIcon, ArrowsUpDownIcon, ArrowUp91Icon, ArrowUpBigSmallIcon, ArrowUpZAIcon, CheckIcon, ChevronDownIcon, CircleXMarkIcon, CopyIcon, DownIcon, EllipsisIcon, FilterFullIcon, FilterIcon, FilterSlashIcon, HashtagIcon, ImageSlashIcon, LeftIcon, MagnifierIcon, PhoneIcon, PlusIcon, RightIcon, SigmaIcon, SortCalendarAscendingIcon, SortCalendarDescendingIcon, SpinnerIcon, TableColumnsIcon, TableFooterIcon, TableFooterSlashIcon, TableIcon, TallyIcon, UpIcon, UserTieIcon, XBarIcon, CircleCheckIcon, CircleInfoIcon, TriangleExclamationIcon, };

package/dist/Icons.js

@@ -0,0 +1,128 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TriangleExclamationIcon = exports.CircleInfoIcon = exports.CircleCheckIcon = exports.XBarIcon = exports.UserTieIcon = exports.UpIcon = exports.TallyIcon = exports.TableIcon = exports.TableFooterSlashIcon = exports.TableFooterIcon = exports.TableColumnsIcon = exports.SpinnerIcon = exports.SortCalendarDescendingIcon = exports.SortCalendarAscendingIcon = exports.SigmaIcon = exports.RightIcon = exports.PlusIcon = exports.PhoneIcon = exports.MagnifierIcon = exports.LeftIcon = exports.ImageSlashIcon = exports.HashtagIcon = exports.FilterSlashIcon = exports.FilterIcon = exports.FilterFullIcon = exports.EllipsisIcon = exports.DownIcon = exports.CopyIcon = exports.CircleXMarkIcon = exports.ChevronDownIcon = exports.CheckIcon = exports.ArrowUpZAIcon = exports.ArrowUpBigSmallIcon = exports.ArrowUp91Icon = exports.ArrowsUpDownIcon = exports.ArrowsRotateIcon = exports.ArrowDownBigSmallIcon = exports.ArrowDownAZIcon = exports.ArrowDown19Icon = exports.LoadingIcon = exports.AnimatedIcon = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var arrow_down_1_9_svg_react_1 = __importDefault(require("../assets/icons/arrow-down-1-9.svg?react"));
+exports.ArrowDown19Icon = arrow_down_1_9_svg_react_1.default;
+var arrow_down_a_z_svg_react_1 = __importDefault(require("../assets/icons/arrow-down-a-z.svg?react"));
+exports.ArrowDownAZIcon = arrow_down_a_z_svg_react_1.default;
+var arrow_down_big_small_svg_react_1 = __importDefault(require("../assets/icons/arrow-down-big-small.svg?react"));
+exports.ArrowDownBigSmallIcon = arrow_down_big_small_svg_react_1.default;
+var arrow_up_9_1_svg_react_1 = __importDefault(require("../assets/icons/arrow-up-9-1.svg?react"));
+exports.ArrowUp91Icon = arrow_up_9_1_svg_react_1.default;
+var arrow_up_big_small_svg_react_1 = __importDefault(require("../assets/icons/arrow-up-big-small.svg?react"));
+exports.ArrowUpBigSmallIcon = arrow_up_big_small_svg_react_1.default;
+var arrow_up_z_a_svg_react_1 = __importDefault(require("../assets/icons/arrow-up-z-a.svg?react"));
+exports.ArrowUpZAIcon = arrow_up_z_a_svg_react_1.default;
+var arrows_rotate_svg_react_1 = __importDefault(require("../assets/icons/arrows-rotate.svg?react"));
+exports.ArrowsRotateIcon = arrows_rotate_svg_react_1.default;
+var arrows_up_down_svg_react_1 = __importDefault(require("../assets/icons/arrows-up-down.svg?react"));
+exports.ArrowsUpDownIcon = arrows_up_down_svg_react_1.default;
+var check_svg_react_1 = __importDefault(require("../assets/icons/check.svg?react"));
+exports.CheckIcon = check_svg_react_1.default;
+var chevron_down_svg_react_1 = __importDefault(require("../assets/icons/chevron-down.svg?react"));
+exports.ChevronDownIcon = chevron_down_svg_react_1.default;
+var circle_check_svg_react_1 = __importDefault(require("../assets/icons/circle-check.svg?react"));
+exports.CircleCheckIcon = circle_check_svg_react_1.default;
+var circle_info_svg_react_1 = __importDefault(require("../assets/icons/circle-info.svg?react"));
+exports.CircleInfoIcon = circle_info_svg_react_1.default;
+var circle_xmark_svg_react_1 = __importDefault(require("../assets/icons/circle-xmark.svg?react"));
+exports.CircleXMarkIcon = circle_xmark_svg_react_1.default;
+var copy_svg_react_1 = __importDefault(require("../assets/icons/copy.svg?react"));
+exports.CopyIcon = copy_svg_react_1.default;
+var down_svg_react_1 = __importDefault(require("../assets/icons/down.svg?react"));
+exports.DownIcon = down_svg_react_1.default;
+var ellipsis_svg_react_1 = __importDefault(require("../assets/icons/ellipsis.svg?react"));
+exports.EllipsisIcon = ellipsis_svg_react_1.default;
+var filter_full_svg_react_1 = __importDefault(require("../assets/icons/filter-full.svg?react"));
+exports.FilterFullIcon = filter_full_svg_react_1.default;
+var filter_svg_react_1 = __importDefault(require("../assets/icons/filter.svg?react"));
+exports.FilterIcon = filter_svg_react_1.default;
+var filter_slash_svg_react_1 = __importDefault(require("../assets/icons/filter-slash.svg?react"));
+exports.FilterSlashIcon = filter_slash_svg_react_1.default;
+var hashtag_svg_react_1 = __importDefault(require("../assets/icons/hashtag.svg?react"));
+exports.HashtagIcon = hashtag_svg_react_1.default;
+var image_slash_svg_react_1 = __importDefault(require("../assets/icons/image-slash.svg?react"));
+exports.ImageSlashIcon = image_slash_svg_react_1.default;
+var left_svg_react_1 = __importDefault(require("../assets/icons/left.svg?react"));
+exports.LeftIcon = left_svg_react_1.default;
+var magnifier_svg_react_1 = __importDefault(require("../assets/icons/magnifier.svg?react"));
+exports.MagnifierIcon = magnifier_svg_react_1.default;
+var phone_svg_react_1 = __importDefault(require("../assets/icons/phone.svg?react"));
+exports.PhoneIcon = phone_svg_react_1.default;
+var plus_svg_react_1 = __importDefault(require("../assets/icons/plus.svg?react"));
+exports.PlusIcon = plus_svg_react_1.default;
+var right_svg_react_1 = __importDefault(require("../assets/icons/right.svg?react"));
+exports.RightIcon = right_svg_react_1.default;
+var sigma_svg_react_1 = __importDefault(require("../assets/icons/sigma.svg?react"));
+exports.SigmaIcon = sigma_svg_react_1.default;
+var sort_calendar_ascending_svg_react_1 = __importDefault(require("../assets/icons/sort-calendar-ascending.svg?react"));
+exports.SortCalendarAscendingIcon = sort_calendar_ascending_svg_react_1.default;
+var sort_calendar_descending_svg_react_1 = __importDefault(require("../assets/icons/sort-calendar-descending.svg?react"));
+exports.SortCalendarDescendingIcon = sort_calendar_descending_svg_react_1.default;
+var spinner_third_svg_react_1 = __importDefault(require("../assets/icons/spinner-third.svg?react"));
+exports.SpinnerIcon = spinner_third_svg_react_1.default;
+var table_columns_svg_react_1 = __importDefault(require("../assets/icons/table-columns.svg?react"));
+exports.TableColumnsIcon = table_columns_svg_react_1.default;
+var table_footer_svg_react_1 = __importDefault(require("../assets/icons/table-footer.svg?react"));
+exports.TableFooterIcon = table_footer_svg_react_1.default;
+var table_footer_slash_svg_react_1 = __importDefault(require("../assets/icons/table-footer-slash.svg?react"));
+exports.TableFooterSlashIcon = table_footer_slash_svg_react_1.default;
+var table_svg_react_1 = __importDefault(require("../assets/icons/table.svg?react"));
+exports.TableIcon = table_svg_react_1.default;
+var tally_svg_react_1 = __importDefault(require("../assets/icons/tally.svg?react"));
+exports.TallyIcon = tally_svg_react_1.default;
+var triangle_exclamation_svg_react_1 = __importDefault(require("../assets/icons/triangle-exclamation.svg?react"));
+exports.TriangleExclamationIcon = triangle_exclamation_svg_react_1.default;
+var up_svg_react_1 = __importDefault(require("../assets/icons/up.svg?react"));
+exports.UpIcon = up_svg_react_1.default;
+var user_tie_svg_react_1 = __importDefault(require("../assets/icons/user-tie.svg?react"));
+exports.UserTieIcon = user_tie_svg_react_1.default;
+var x_bar_svg_react_1 = __importDefault(require("../assets/icons/x-bar.svg?react"));
+exports.XBarIcon = x_bar_svg_react_1.default;
+var AnimatedIcon = function (_a) {
+    var icons = _a.icons, _b = _a.speed, speed = _b === void 0 ? 150 : _b, props = __rest(_a, ["icons", "speed"]);
+    var _c = (0, react_1.useState)(0), currentIcon = _c[0], setCurrentIcon = _c[1];
+    (0, react_1.useEffect)(function () {
+        var interval = setInterval(function () {
+            setCurrentIcon(function (currentIcon) { return (currentIcon + 1) % icons.length; });
+        }, speed);
+        return function () {
+            clearInterval(interval);
+        };
+    }, [icons.length, speed]);
+    var Icon = icons[currentIcon];
+    return (0, jsx_runtime_1.jsx)(Icon, __assign({}, props));
+};
+exports.AnimatedIcon = AnimatedIcon;
+var LoadingIcon = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return ((0, jsx_runtime_1.jsx)(spinner_third_svg_react_1.default, __assign({ className: "animate-spin ".concat(className) }, props)));
+};
+exports.LoadingIcon = LoadingIcon;

package/dist/components/auth/LoginForm.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const LoginForm: FC;

package/dist/components/auth/LoginForm.js

@@ -0,0 +1,48 @@
+"use strict";
+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 styles_1 = require("./styles");
+var VerticalLabel_1 = require("../forms/VerticalLabel");
+var providers_1 = require("../../providers");
+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];
+    var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
+    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 onLoginClicked = (0, react_1.useCallback)(function () {
+        setError('');
+        setIsLoading(true);
+        login(username, password).then(function (success) {
+            setIsLoading(false);
+            if (success) {
+                localStorage.setItem('username', username);
+                (0, react_router_dom_1.redirect)('/');
+            }
+            else {
+                setError('Identifiants invalides');
+            }
+        });
+    }, [login, password, username]);
+    (0, react_1.useEffect)(function () {
+        if (usernameInputRef.current && passwordInputRef.current) {
+            var input = !username
+                ? usernameInputRef.current
+                : passwordInputRef.current;
+            input.select();
+            input.focus();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    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 ?" })] }) }));
+};
+exports.LoginForm = LoginForm;

package/dist/components/auth/LoginPage.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const LoginPage: FC;

package/dist/components/auth/LoginPage.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginPage = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_router_dom_1 = require("react-router-dom");
+var LoginPage = function () {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row h-full w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative hidden w-0 flex-1 lg:block", children: (0, jsx_runtime_1.jsx)("img", { className: "absolute inset-0 h-full w-full object-cover", alt: "" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col justify-space-evenly overflow-y-auto px-4 py-12 sm:px-6 lg:flex-none lg:px-24 xl:px-36", children: (0, jsx_runtime_1.jsxs)("div", { className: "mx-auto w-full max-w-sm lg:max-w-96 lg:w-96 xl:max-w-[32rem] xl:w-[32rem]", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text-center", children: [(0, jsx_runtime_1.jsx)("img", { className: "h-20 w-auto inline-block", src: "/logo192.png", alt: "Burotel" }), (0, jsx_runtime_1.jsx)("h2", { className: "mt-8 text-2xl font-bold leading-9 tracking-tight text-gray-900", children: "Connectez-vous" })] }), (0, jsx_runtime_1.jsx)("div", { className: "mt-10 sm:mx-auto sm:w-full sm:max-w-[640px]", children: (0, jsx_runtime_1.jsx)("div", { className: "bg-white px-6 py-12 shadow sm:rounded-lg sm:px-12", children: (0, jsx_runtime_1.jsx)(react_router_dom_1.Outlet, {}) }) })] }) })] }));
+};
+exports.LoginPage = LoginPage;

package/dist/components/auth/PasswordRecoveryForm.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const PasswordRecoveryForm: FC;

package/dist/components/auth/PasswordRecoveryForm.js

@@ -0,0 +1,24 @@
+"use strict";
+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 styles_1 = require("./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 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 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" })] })) }) }));
+};
+exports.PasswordRecoveryForm = PasswordRecoveryForm;

package/dist/components/auth/PasswordResetForm.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const PasswordResetForm: FC;

package/dist/components/auth/PasswordResetForm.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordResetForm = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("@addev-be/ui");
+var react_1 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+var styles_1 = require("./styles");
+var Message_1 = require("../ui/Message");
+var VerticalLabel_1 = require("../forms/VerticalLabel");
+var PasswordResetForm = function () {
+    var key = (0, react_router_dom_1.useParams)().key;
+    var _a = (0, react_1.useState)(''), password1 = _a[0], setPassword1 = _a[1];
+    var _b = (0, react_1.useState)(''), password2 = _b[0], setPassword2 = _b[1];
+    var _c = (0, react_1.useState)(-1), keyStatus = _c[0], setKeyStatus = _c[1];
+    var _d = (0, react_1.useState)(-1), status = _d[0], setStatus = _d[1];
+    var _e = (0, react_1.useState)(''), error = _e[0], setError = _e[1];
+    var _f = (0, ui_1.useAuthentication)(), resetPassword = _f.resetPassword, checkRecoveryKey = _f.checkRecoveryKey;
+    (0, react_1.useEffect)(function () {
+        if (key) {
+            checkRecoveryKey(key).then(function (status) {
+                setKeyStatus(status);
+            });
+        }
+    }, [checkRecoveryKey, key]);
+    var onSubmitClicked = (0, react_1.useCallback)(function () {
+        if (key) {
+            if (password1 !== password2) {
+                setError('Les mots de passe ne sont pas identiques');
+                return;
+            }
+            resetPassword(key, password1).then(function (status) {
+                setStatus(status);
+                setError(status === 4
+                    ? 'Le mot de passe est trop faible (min. 8 caractères requis)'
+                    : '');
+            });
+        }
+    }, [key, password1, password2, resetPassword]);
+    var content = (0, react_1.useMemo)(function () {
+        if (keyStatus < 0) {
+            return (0, jsx_runtime_1.jsx)("p", { children: "Chargement..." });
+        }
+        if (keyStatus > 0) {
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Message_1.Message, { type: "error", children: "La cl\u00E9 de r\u00E9cup\u00E9ration fournie est invalide ou expir\u00E9e" }) }));
+        }
+        switch (status) {
+            case 0:
+                return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Message_1.Message, { type: "success", children: "Votre mot de passe a \u00E9t\u00E9 r\u00E9initialis\u00E9 avec succ\u00E8s. Vous pouvez maintenant vous connecter." }) }));
+            default:
+                return null;
+        }
+    }, [keyStatus, status]);
+    return ((0, jsx_runtime_1.jsx)(ui_1.Card, { children: (0, jsx_runtime_1.jsxs)(styles_1.FormContainer, { children: [content !== null && content !== void 0 ? content : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Nouveau mot de passe", children: (0, jsx_runtime_1.jsx)(ui_1.Input, { type: "password", autoComplete: "current-password", required: true, value: password1, onChange: function (e) { return setPassword1(e.target.value); } }) }), (0, jsx_runtime_1.jsx)(VerticalLabel_1.StackedLabel, { label: "Confirmation du mot de passe", children: (0, jsx_runtime_1.jsx)(ui_1.Input, { type: "password", autoComplete: "current-password", required: true, value: password2, onChange: function (e) { return setPassword2(e.target.value); } }) }), error && ((0, jsx_runtime_1.jsx)(Message_1.Message, { className: "mt-4", type: "error", children: error })), (0, jsx_runtime_1.jsx)(ui_1.Button, { color: "primary", onClick: onSubmitClicked, children: "R\u00E9initialiser le mot de passe" })] })), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { to: "/", children: "Retour" })] }) }));
+};
+exports.PasswordResetForm = PasswordResetForm;

package/dist/components/auth/index.d.ts

@@ -0,0 +1,4 @@
+export * from './LoginForm';
+export * from './LoginPage';
+export * from './PasswordRecoveryForm';
+export * from './PasswordResetForm';

package/dist/components/auth/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LoginForm"), exports);
+__exportStar(require("./LoginPage"), exports);
+__exportStar(require("./PasswordRecoveryForm"), exports);
+__exportStar(require("./PasswordResetForm"), exports);

package/dist/components/auth/styles.d.ts

@@ -0,0 +1,3 @@
+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;

package/dist/components/auth/styles.js

@@ -0,0 +1,16 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContainer = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.FormContainer = styled_components_1.default.form.attrs({
+    className: 'FormContainer',
+    onSubmit: function (e) { return e.preventDefault(); },
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n\n  & > a {\n    text-align: center;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n\n  & > a {\n    text-align: center;\n  }\n"])));
+var templateObject_1;

package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts

@@ -0,0 +1,14 @@
+import { AdvancedRequestDTO, ConditionDTO, FieldDTO, OrderByDTO } from '../../../../services/advancedRequests';
+import { AdvancedRequestDataGridColumns, AdvancedRequestDataGridFilters } from '../types';
+export declare const getAdvancedRequestDto: <R>({ type, columns, conditions, orderBy, start, length, getTotal, idField, }: {
+    type: string;
+    columns: AdvancedRequestDataGridColumns<R>;
+    conditions?: ConditionDTO[];
+    orderBy?: OrderByDTO[];
+    start?: number;
+    length?: number;
+    getTotal?: boolean;
+    idField?: FieldDTO | null;
+}) => AdvancedRequestDTO;
+export declare const convertFiltersToConditions: <R>(filters: AdvancedRequestDataGridFilters, columns: AdvancedRequestDataGridColumns<R>) => Record<string, ConditionDTO>;
+export declare const parseJsonObjectFields: <R>(rows: any[], columns: AdvancedRequestDataGridColumns<R>, parser?: (row: any) => R) => R[];

package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js

@@ -0,0 +1,76 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseJsonObjectFields = exports.convertFiltersToConditions = exports.getAdvancedRequestDto = void 0;
+var lodash_1 = __importDefault(require("lodash"));
+var getAdvancedRequestDto = function (_a) {
+    var type = _a.type, columns = _a.columns, _b = _a.conditions, conditions = _b === void 0 ? [] : _b, _c = _a.orderBy, orderBy = _c === void 0 ? [] : _c, _d = _a.start, start = _d === void 0 ? 0 : _d, _e = _a.length, length = _e === void 0 ? 100 : _e, _f = _a.getTotal, getTotal = _f === void 0 ? false : _f, _g = _a.idField, idField = _g === void 0 ? { fieldName: 'Id' } : _g;
+    return ({
+        fields: __spreadArray(__spreadArray([], (idField === null ? [] : [idField]), true), Object.keys(columns).map(function (key) {
+            var _a, _b;
+            return columns[key].field
+                ? __assign(__assign({}, columns[key].field), { fieldName: (_b = (_a = columns[key].field) === null || _a === void 0 ? void 0 : _a.fieldName) !== null && _b !== void 0 ? _b : key, fieldAlias: key }) : {
+                fieldName: key,
+                fieldAlias: key,
+            };
+        }), true),
+        conditions: conditions,
+        orderBy: orderBy,
+        type: type,
+        start: start,
+        length: length,
+        getTotal: getTotal,
+    });
+};
+exports.getAdvancedRequestDto = getAdvancedRequestDto;
+var convertFiltersToConditions = function (filters, columns) {
+    return lodash_1.default.mapValues(filters, function (filter, columnKey) {
+        var _a, _b, _c, _d, _e;
+        return ({
+            field: (_e = (_c = (_a = columns[columnKey].filterField) !== null && _a !== void 0 ? _a : (_b = columns[columnKey].field) === null || _b === void 0 ? void 0 : _b.fieldAlias) !== null && _c !== void 0 ? _c : (_d = columns[columnKey].field) === null || _d === void 0 ? void 0 : _d.fieldName) !== null && _e !== void 0 ? _e : columnKey,
+            operator: filter.operator,
+            value: ['inArray', 'inRange'].includes(filter.operator)
+                ? filter.values
+                : lodash_1.default.castArray(filter.values)[0],
+        });
+    });
+};
+exports.convertFiltersToConditions = convertFiltersToConditions;
+var parseJsonObjectFields = function (rows, columns, parser) {
+    var jsonColumns = Object.keys(columns).filter(function (key) { var _a; return ((_a = columns[key].field) === null || _a === void 0 ? void 0 : _a.operator) === 'jsonObject'; });
+    var parsedRows = jsonColumns.length === 0
+        ? rows
+        : rows.map(function (row) {
+            var parsedRow = __assign({}, row);
+            jsonColumns.forEach(function (key) {
+                var _a;
+                parsedRow[key] = JSON.parse((_a = parsedRow[key]) !== null && _a !== void 0 ? _a : '{}');
+            });
+            return parsedRow;
+        });
+    return parser ? parsedRows.map(parser) : parsedRows;
+};
+exports.parseJsonObjectFields = parseJsonObjectFields;

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

@@ -0,0 +1,22 @@
+import { AdvancedRequestDataGridColumn, AdvancedRequestDataGridColumns } from '../types';
+import { FieldDTO } from '../../../../services/advancedRequests';
+export declare const withGroupBy: <R extends Record<string, any>>(columns: AdvancedRequestDataGridColumns<R>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedTextColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+/**
+ * Creates a column with a composed value from multiple fields,
+ * and filtered by a text filter on the first field
+ */
+export declare const advancedComposedColumn: <R extends Record<string, any>>(key: string, title: string, fields: string[], options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedMailColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedPhoneColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedDateColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedMonthColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedNumberColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedMoneyColumn: <R extends Record<string, any>>(key: string, title: string, decimals?: number, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedPercentageColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedCheckboxColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const advancedColorColumn: <R extends Record<string, any>>(key: string, title: string, options?: Partial<AdvancedRequestDataGridColumn<R>>) => AdvancedRequestDataGridColumns<R>;
+export declare const getColumnField: <R>(columns: AdvancedRequestDataGridColumns<R>, columnKey: string) => FieldDTO;
+export declare const getColumnSortField: <R>(columns: AdvancedRequestDataGridColumns<R>, columnKey: string) => FieldDTO;
+export declare const getFirstColumnField: <R>(columns: AdvancedRequestDataGridColumns<R>) => FieldDTO;
+export declare const getFirstColumnSortField: <R>(columns: AdvancedRequestDataGridColumns<R>) => FieldDTO;