zuii 1.4.11 → 1.4.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Auth/js/auth.d.ts +4 -0
- package/dist/components/Auth/react/index.d.ts +27 -0
- package/dist/components/Auth/react/index.js +15 -0
- package/dist/components/Auth/style/index.css +1 -0
- package/dist/components/Color/react/index.js +13 -7
- package/dist/components/Dashboard/js/dashboard.d.ts +4 -0
- package/dist/components/Dashboard/react/index.d.ts +29 -0
- package/dist/components/Dashboard/react/index.js +31 -0
- package/dist/components/Dashboard/style/index.css +1 -0
- package/dist/components/Errorpage/js/errorpage.d.ts +4 -0
- package/dist/components/Errorpage/react/index.d.ts +14 -0
- package/dist/components/Errorpage/react/index.js +50 -0
- package/dist/components/Errorpage/style/index.css +1 -0
- package/dist/components/Form/react/NumberInput.d.ts +3 -4
- package/dist/components/Form/react/PasswordConfirm.d.ts +3 -4
- package/dist/components/Form/react/PasswordInput.d.ts +3 -4
- package/dist/components/Form/react/RangeInput.d.ts +3 -4
- package/dist/components/Form/react/Select.d.ts +5 -6
- package/dist/components/Form/react/TelInput.d.ts +3 -4
- package/dist/components/Form/react/index.d.ts +69 -0
- package/dist/components/Form/react/index.js +26 -28
- package/dist/components/Form/style/index.css +1 -1
- package/dist/components/Group/react/index.d.ts +1 -1
- package/dist/components/Group/style/index.css +1 -1
- package/dist/components/Lang-selector/react/index.js +7 -6
- package/dist/components/Lang-selector/style/index.css +1 -0
- package/dist/components/Nav/js/nav.d.ts +5 -0
- package/dist/components/Nav/js/nav.js +10 -0
- package/dist/components/Nav/react/index.d.ts +82 -0
- package/dist/components/Nav/react/index.js +76 -0
- package/dist/components/Nav/style/index.css +1 -0
- package/dist/components/Tab/react/index.d.ts +79 -0
- package/dist/components/Table/js/table.d.ts +8 -0
- package/dist/components/Table/react/index.d.ts +1 -1
- package/dist/components/Table/react/index.js +75 -68
- package/dist/core/styles/_tokens.scss +3 -0
- package/dist/core/styles/main.css +1 -1
- package/dist/core/styles/tokens.css +3 -0
- package/dist/core/styles/tokens.d.ts +42 -0
- package/dist/core/styles/tokens.ts +51 -0
- package/dist/index.d.ts +5 -1
- package/dist/index.js +43 -35
- package/dist/templates/Accordions/Accordions.tsx +0 -1
- package/dist/templates/Auths/Auths.d.ts +4 -0
- package/dist/templates/Auths/Auths.tsx +18 -0
- package/dist/templates/Dashboards/Dashboards.d.ts +4 -0
- package/dist/templates/Dashboards/Dashboards.tsx +18 -0
- package/dist/templates/Errorpages/Errorpages.d.ts +4 -0
- package/dist/templates/Errorpages/Errorpages.tsx +18 -0
- package/dist/templates/Forms/Forms-elements.tsx +3 -2
- package/dist/templates/Forms/Forms.tsx +2 -3
- package/dist/templates/Navs/Navs.d.ts +4 -0
- package/dist/templates/Navs/Navs.tsx +18 -0
- package/dist/templates/Tables/Tables.tsx +1 -1
- package/dist/templates/Tabs/Tabs.tsx +0 -53
- package/dist/templates/index.d.ts +4 -0
- package/dist/templates/index.ts +4 -0
- package/package.json +4 -2
- package/dist/components/Form/react/FileInput.js +0 -75
- package/dist/node_modules/.pnpm/@uppy_locales@5.1.1/node_modules/@uppy/locales/lib/fr_FR.js +0 -193
- package/dist/node_modules/.pnpm/@uppy_react@5.2.0_@uppy_core@5.2.0_@uppy_dashboard@5.1.1_@uppy_core@5.2.0__react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uppy/react/lib/Dashboard.js +0 -47
- package/dist/node_modules/.pnpm/@uppy_react@5.2.0_@uppy_core@5.2.0_@uppy_dashboard@5.1.1_@uppy_core@5.2.0__react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uppy/react/lib/getHTMLProps.js +0 -234
- package/dist/node_modules/.pnpm/@uppy_react@5.2.0_@uppy_core@5.2.0_@uppy_dashboard@5.1.1_@uppy_core@5.2.0__react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@uppy/react/lib/nonHtmlPropsHaveChanged.js +0 -8
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Propriétés du composant Auth.
|
|
4
|
+
*/
|
|
5
|
+
interface Props {
|
|
6
|
+
/**
|
|
7
|
+
* Classe CSS additionnelle.
|
|
8
|
+
*/
|
|
9
|
+
className?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Contenu du composant.
|
|
12
|
+
*/
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Composant Auth.
|
|
17
|
+
*
|
|
18
|
+
* @param {Props} props - Les propriétés du composant.
|
|
19
|
+
* @returns {JSX.Element} Le rendu du composant.
|
|
20
|
+
*/
|
|
21
|
+
export declare const Auth: {
|
|
22
|
+
({ children, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
Header: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
Body: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
Footer: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
};
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import '../style/index.css';/* empty css */
|
|
3
|
+
const r = ({ children: t, className: a = "" }) => /* @__PURE__ */ s("div", { className: `auth__header ${a}`.trim(), children: t }), c = ({ children: t, className: a = "" }) => /* @__PURE__ */ s("div", { className: `auth__body ${a}`.trim(), children: t }), i = ({ children: t, className: a = "" }) => /* @__PURE__ */ s("div", { className: `auth__footer ${a}`.trim(), children: t }), e = ({
|
|
4
|
+
children: t,
|
|
5
|
+
className: a = ""
|
|
6
|
+
}) => {
|
|
7
|
+
const o = `auth ${a}`.trim();
|
|
8
|
+
return /* @__PURE__ */ s("main", { className: o, children: /* @__PURE__ */ s("div", { className: "auth__container", children: t }) });
|
|
9
|
+
};
|
|
10
|
+
e.Header = r;
|
|
11
|
+
e.Body = c;
|
|
12
|
+
e.Footer = i;
|
|
13
|
+
export {
|
|
14
|
+
e as Auth
|
|
15
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer layout{.auth{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.auth__container{width:100%;max-width:400px;padding:var(--spacing-lg);border-radius:var(--radius-base, .5rem);box-shadow:var(--box-shadow-md, .3125rem .3125rem .8125rem 0rem rgba(0, 0, 0, .1));background:var(--gradient, linear-gradient(33.65deg, rgba(115, 182, 211, .25) 0%, rgba(210, 236, 249, .25) 100%))}.auth__body{margin:var(--spacing-md) 0}.auth__header,.auth__form{display:grid;gap:var(--spacing-sm)}.auth__form{gap:var(--spacing-md)}}@layer components{.auth__footer{text-align:center}.auth__button{width:100%}.auth__button .btn-content{width:100%;justify-content:center}.auth__title{margin:0;font-size:1.75rem;line-height:1.75rem;font-weight:700}.auth__input .form__input{margin:var(--spacing-none)}.auth__header-wrapper{flex:1;flex-wrap:nowrap}.lang-selector--flag,.auth__lang{flex:initial;margin:0;background:transparent;border:none;min-width:0;width:auto}.lang-selector--flag .choices:after,.auth__lang .choices:after{display:none;visibility:hidden}.lang-selector--flag .choices__inner,.auth__lang .choices__inner{--spacing-xs: var(--spacing-none);--spacing-sm: var(--spacing-none);font-size:1.3rem}.lang-selector--flag .lang-selector__flag,.auth__lang .lang-selector__flag{box-shadow:var(--box-shadow-sm);margin:0}.lang-selector--flag .choices__list--dropdown,.auth__lang .choices__list--dropdown{width:auto;min-width:0}.lang-selector--flag .choices__list--dropdown .choices__item,.auth__lang .choices__list--dropdown .choices__item,.lang-selector--flag .choices__list[aria-expanded] .choices__item,.auth__lang .choices__list[aria-expanded] .choices__item{padding:.2rem .5rem}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as i, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { tokens as
|
|
3
|
-
import '../../
|
|
2
|
+
import { tokens as p } from "../../../core/styles/tokens.js";
|
|
3
|
+
import '../../Errorpage/style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Icon/style/index.css';import '../../Button/style/index.css';import '../style/index.css';import '../../../core/styles/main.css';/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
5
|
import "react-bootstrap";
|
|
6
6
|
/* empty css */
|
|
@@ -11,8 +11,6 @@ import { Group as t } from "../../Group/react/index.js";
|
|
|
11
11
|
/* empty css */
|
|
12
12
|
import "react";
|
|
13
13
|
/* empty css */
|
|
14
|
-
import "choices.js";
|
|
15
|
-
/* empty css */
|
|
16
14
|
import "../../Form/react/index.js";
|
|
17
15
|
/* empty css */
|
|
18
16
|
/* empty css */
|
|
@@ -25,8 +23,16 @@ import "../../Table/react/index.js";
|
|
|
25
23
|
import "../../Accordion/react/index.js";
|
|
26
24
|
import "../../Tab/react/index.js";
|
|
27
25
|
import "../../Alert/react/index.js";
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
import "../../Dashboard/react/index.js";
|
|
27
|
+
import "../../Nav/react/index.js";
|
|
28
|
+
import "choices.js";
|
|
29
|
+
/* empty css */
|
|
30
|
+
/* empty css */
|
|
31
|
+
import "../../Auth/react/index.js";
|
|
32
|
+
import "react-router-dom";
|
|
33
|
+
/* empty css */
|
|
34
|
+
const K = ({ name: r }) => {
|
|
35
|
+
const l = p.brands[r];
|
|
30
36
|
return /* @__PURE__ */ i(t, { children: [
|
|
31
37
|
/* @__PURE__ */ o("div", { className: `color bg-${r} p-4`, children: /* @__PURE__ */ i(t, { vertical: !0, center: !0, children: [
|
|
32
38
|
/* @__PURE__ */ o("span", { className: "color__name", children: r }),
|
|
@@ -49,5 +55,5 @@ const B = ({ name: r }) => {
|
|
|
49
55
|
] });
|
|
50
56
|
};
|
|
51
57
|
export {
|
|
52
|
-
|
|
58
|
+
K as Color
|
|
53
59
|
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Propriétés du composant Dashboard.
|
|
4
|
+
*/
|
|
5
|
+
interface Props {
|
|
6
|
+
/**
|
|
7
|
+
* Classe CSS additionnelle.
|
|
8
|
+
*/
|
|
9
|
+
className?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Contenu du composant.
|
|
12
|
+
*/
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Composant Dashboard.
|
|
17
|
+
*
|
|
18
|
+
* @param {Props} props - Les propriétés du composant.
|
|
19
|
+
* @returns {JSX.Element} Le rendu du composant.
|
|
20
|
+
*/
|
|
21
|
+
export declare const Dashboard: {
|
|
22
|
+
({ children, className, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
Navigation: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
Content: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
Header: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
SubNavigation: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
Wrapper: ({ children, className }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
};
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import o from "react";
|
|
3
|
+
import '../style/index.css';/* empty css */
|
|
4
|
+
const c = ({ children: a, className: s = "" }) => {
|
|
5
|
+
const n = o.Children.map(a, (t, d) => {
|
|
6
|
+
if (o.isValidElement(t)) {
|
|
7
|
+
const i = t, m = [
|
|
8
|
+
`nav-${d + 1}`
|
|
9
|
+
].filter(Boolean).join(" ");
|
|
10
|
+
return o.cloneElement(i, {
|
|
11
|
+
className: `${i.props.className || ""} ${m}`.trim()
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
return t;
|
|
15
|
+
});
|
|
16
|
+
return /* @__PURE__ */ r("div", { className: `dashboard__navigation ${s}`.trim(), children: n });
|
|
17
|
+
}, l = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__content ${s}`.trim(), children: a }), b = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__header ${s}`.trim(), children: a }), p = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__sub-navigation ${s}`.trim(), children: a }), h = ({ children: a, className: s = "" }) => /* @__PURE__ */ r("div", { className: `dashboard__wrapper ${s}`.trim(), children: a }), e = ({
|
|
18
|
+
children: a,
|
|
19
|
+
className: s = ""
|
|
20
|
+
}) => {
|
|
21
|
+
const t = `dashboard ${s}`.trim();
|
|
22
|
+
return /* @__PURE__ */ r("main", { className: t, children: a });
|
|
23
|
+
};
|
|
24
|
+
e.Navigation = c;
|
|
25
|
+
e.Content = l;
|
|
26
|
+
e.Header = b;
|
|
27
|
+
e.SubNavigation = p;
|
|
28
|
+
e.Wrapper = h;
|
|
29
|
+
export {
|
|
30
|
+
e as Dashboard
|
|
31
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer layout{.dashboard{--dashboard-nav-width: 90px;--dashboard-padding: var(--spacing-md);display:flex;height:100vh;overflow:hidden}.dashboard__navigation{display:flex;flex-direction:column;background:var(--primary);color:var(--white);padding:var(--dashboard-padding) 0;width:var(--dashboard-nav-width);gap:var(--spacing-lg)}.dashboard__navigation>:first-child{flex:1;overflow-y:auto}.dashboard__content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;width:100%}.dashboard__header{grid-column:span 2;background:var(--accent)}.dashboard__sub-navigation{grid-row:2;background:var(--light);width:0px;background:var(--primary-dark);color:var(--white);transition:all .3s ease-in-out}.dashboard__sub-navigation.open{width:200px}}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
/**
|
|
3
|
+
* Le code de l'erreur (ex: 404).
|
|
4
|
+
*/
|
|
5
|
+
code?: number | string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* Composant pour la page d'erreur.
|
|
9
|
+
*
|
|
10
|
+
* @param {Props} props Les propriétés du composant.
|
|
11
|
+
* @returns {JSX.Element} Le rendu de la page d'erreur.
|
|
12
|
+
*/
|
|
13
|
+
export declare const Errorpage: ({ code }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
2
|
+
import { useNavigate as e } from "react-router-dom";
|
|
3
|
+
import '../style/index.css';import '../../Lang-selector/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.css';import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../Context-menu/style/index.css';import '../../Divider/style/index.css';import '../../Badge/style/index.css';import '../../Avatar/style/index.css';import '../../Color/style/index.css';import '../../../core/styles/main.css';/* empty css */
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { Button as p } from "../../Button/react/index.js";
|
|
6
|
+
import { Icon as a } from "../../Icon/react/index.js";
|
|
7
|
+
import { Group as o } from "../../Group/react/index.js";
|
|
8
|
+
/* empty css */
|
|
9
|
+
/* empty css */
|
|
10
|
+
/* empty css */
|
|
11
|
+
import "react";
|
|
12
|
+
/* empty css */
|
|
13
|
+
import "../../Form/react/index.js";
|
|
14
|
+
/* empty css */
|
|
15
|
+
/* empty css */
|
|
16
|
+
import "../../Dropdown/react/index.js";
|
|
17
|
+
/* empty css */
|
|
18
|
+
import "../../Modal/react/index.js";
|
|
19
|
+
import "react-bootstrap";
|
|
20
|
+
/* empty css */
|
|
21
|
+
import "../../Tooltip/react/index.js";
|
|
22
|
+
import "../../Table/react/index.js";
|
|
23
|
+
import "../../Accordion/react/index.js";
|
|
24
|
+
import "../../Tab/react/index.js";
|
|
25
|
+
import "../../Alert/react/index.js";
|
|
26
|
+
import "../../Dashboard/react/index.js";
|
|
27
|
+
import "../../Nav/react/index.js";
|
|
28
|
+
import "choices.js";
|
|
29
|
+
/* empty css */
|
|
30
|
+
/* empty css */
|
|
31
|
+
import "../../Auth/react/index.js";
|
|
32
|
+
/* empty css */
|
|
33
|
+
const H = ({ code: t = 404 }) => {
|
|
34
|
+
const m = e();
|
|
35
|
+
return /* @__PURE__ */ r("main", { className: "error-page", children: /* @__PURE__ */ r("div", { className: "error-page__container ", children: /* @__PURE__ */ i("div", { className: "container", children: [
|
|
36
|
+
/* @__PURE__ */ i(o, { className: "text-secondary mb-4", children: [
|
|
37
|
+
/* @__PURE__ */ r(a, { name: "icon-triangle-alert", size: "4xl" }),
|
|
38
|
+
/* @__PURE__ */ i("h1", { children: [
|
|
39
|
+
"Erreur ",
|
|
40
|
+
t
|
|
41
|
+
] })
|
|
42
|
+
] }),
|
|
43
|
+
/* @__PURE__ */ r("h2", { children: "Oups ! Page non trouvée" }),
|
|
44
|
+
/* @__PURE__ */ r("p", { children: "La page que vous recherchez semble avoir disparu dans le néant numérique." }),
|
|
45
|
+
/* @__PURE__ */ r(o, { className: "mt-4", children: /* @__PURE__ */ r(p, { onClick: () => m("/"), variant: "primary", children: "Retour à l'accueil" }) })
|
|
46
|
+
] }) }) });
|
|
47
|
+
};
|
|
48
|
+
export {
|
|
49
|
+
H as Errorpage
|
|
50
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer components{.error-page{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;overflow:hidden}.error-page__container{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md);height:auto;overflow:auto;width:100%}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Propriétés du composant NumberInput.
|
|
3
3
|
*/
|
|
4
|
-
interface
|
|
4
|
+
export interface NumberInputProps {
|
|
5
5
|
/**
|
|
6
6
|
* Valeur actuelle de l'input.
|
|
7
7
|
*/
|
|
@@ -35,8 +35,7 @@ interface Props {
|
|
|
35
35
|
/**
|
|
36
36
|
* Composant NumberInput avec boutons +/- personnalisés.
|
|
37
37
|
*
|
|
38
|
-
* @param {
|
|
38
|
+
* @param {NumberInputProps} props - Les propriétés du composant.
|
|
39
39
|
* @returns {JSX.Element} Le composant NumberInput rendu.
|
|
40
40
|
*/
|
|
41
|
-
export declare const NumberInput: ({ value, onChange, min, max, step, className, placeholder, }:
|
|
42
|
-
export {};
|
|
41
|
+
export declare const NumberInput: ({ value, onChange, min, max, step, className, placeholder, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Propriétés du composant PasswordConfirm.
|
|
3
3
|
*/
|
|
4
|
-
interface
|
|
4
|
+
export interface PasswordConfirmProps {
|
|
5
5
|
/**
|
|
6
6
|
* Le mot de passe original à comparer.
|
|
7
7
|
*/
|
|
@@ -32,8 +32,7 @@ interface Props {
|
|
|
32
32
|
/**
|
|
33
33
|
* Composant PasswordConfirm avec validation en temps réel.
|
|
34
34
|
*
|
|
35
|
-
* @param {
|
|
35
|
+
* @param {PasswordConfirmProps} props - Les propriétés du composant.
|
|
36
36
|
* @returns {JSX.Element} Le composant PasswordConfirm rendu.
|
|
37
37
|
*/
|
|
38
|
-
export declare const PasswordConfirm: ({ passwordToMatch, value, onChange, className, placeholder, disabled, }:
|
|
39
|
-
export {};
|
|
38
|
+
export declare const PasswordConfirm: ({ passwordToMatch, value, onChange, className, placeholder, disabled, }: PasswordConfirmProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Propriétés du composant PasswordInput.
|
|
3
3
|
*/
|
|
4
|
-
interface
|
|
4
|
+
export interface PasswordInputProps {
|
|
5
5
|
/**
|
|
6
6
|
* Valeur actuelle du mot de passe.
|
|
7
7
|
*/
|
|
@@ -27,8 +27,7 @@ interface Props {
|
|
|
27
27
|
/**
|
|
28
28
|
* Composant PasswordInput avec bouton de visibilité.
|
|
29
29
|
*
|
|
30
|
-
* @param {
|
|
30
|
+
* @param {PasswordInputProps} props - Les propriétés du composant.
|
|
31
31
|
* @returns {JSX.Element} Le composant PasswordInput rendu.
|
|
32
32
|
*/
|
|
33
|
-
export declare const PasswordInput: ({ value, onChange, className, placeholder, disabled, }:
|
|
34
|
-
export {};
|
|
33
|
+
export declare const PasswordInput: ({ value, onChange, className, placeholder, disabled, }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Propriétés du composant RangeInput.
|
|
3
3
|
*/
|
|
4
|
-
interface
|
|
4
|
+
export interface RangeInputProps {
|
|
5
5
|
/**
|
|
6
6
|
* Valeur actuelle.
|
|
7
7
|
*/
|
|
@@ -30,8 +30,7 @@ interface Props {
|
|
|
30
30
|
/**
|
|
31
31
|
* Composant RangeInput avec badge flottant qui suit le curseur.
|
|
32
32
|
*
|
|
33
|
-
* @param {
|
|
33
|
+
* @param {RangeInputProps} props - Les propriétés du composant.
|
|
34
34
|
* @returns {JSX.Element} Le composant RangeInput rendu.
|
|
35
35
|
*/
|
|
36
|
-
export declare const RangeInput: ({ value, onChange, min, max, step, className, }:
|
|
37
|
-
export {};
|
|
36
|
+
export declare const RangeInput: ({ value, onChange, min, max, step, className, }: RangeInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Option pour le composant Select.
|
|
3
3
|
*/
|
|
4
|
-
interface
|
|
4
|
+
export interface SelectOption {
|
|
5
5
|
text: string;
|
|
6
6
|
value: string;
|
|
7
7
|
}
|
|
8
8
|
/**
|
|
9
9
|
* Propriétés du composant Select.
|
|
10
10
|
*/
|
|
11
|
-
interface
|
|
11
|
+
export interface SelectProps {
|
|
12
12
|
/**
|
|
13
13
|
* Liste des options.
|
|
14
14
|
*/
|
|
15
|
-
options:
|
|
15
|
+
options: SelectOption[];
|
|
16
16
|
/**
|
|
17
17
|
* Valeurs sélectionnées.
|
|
18
18
|
*/
|
|
@@ -49,8 +49,7 @@ interface Props {
|
|
|
49
49
|
/**
|
|
50
50
|
* Composant Select premium basé sur Choices.js.
|
|
51
51
|
*
|
|
52
|
-
* @param {
|
|
52
|
+
* @param {SelectProps} props - Les propriétés du composant.
|
|
53
53
|
* @returns {JSX.Element} Le composant Select rendu.
|
|
54
54
|
*/
|
|
55
|
-
export declare const Select: ({ options, value, onChange, multiple, placeholder, disabled, searchable, className, name, }:
|
|
56
|
-
export {};
|
|
55
|
+
export declare const Select: ({ options, value, onChange, multiple, placeholder, disabled, searchable, className, name, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Propriétés du composant TelInput.
|
|
3
3
|
*/
|
|
4
|
-
interface
|
|
4
|
+
export interface TelInputProps {
|
|
5
5
|
/**
|
|
6
6
|
* Valeur actuelle du numéro.
|
|
7
7
|
*/
|
|
@@ -31,8 +31,7 @@ interface Props {
|
|
|
31
31
|
/**
|
|
32
32
|
* Composant TelInput utilisant intl-tel-input.
|
|
33
33
|
*
|
|
34
|
-
* @param {
|
|
34
|
+
* @param {TelInputProps} props - Les propriétés du composant.
|
|
35
35
|
* @returns {JSX.Element} Le composant TelInput rendu.
|
|
36
36
|
*/
|
|
37
|
-
export declare const TelInput: ({ value, onChange, initialCountry, className, placeholder, disabled, }:
|
|
38
|
-
export {};
|
|
37
|
+
export declare const TelInput: ({ value, onChange, initialCountry, className, placeholder, disabled, }: TelInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { Form as BootstrapForm, FormProps, FormGroupProps, FormLabelProps, FormTextProps, FormCheckProps, InputGroupProps, FloatingLabelProps } from 'react-bootstrap';
|
|
2
|
+
import { BsPrefixRefForwardingComponent } from 'react-bootstrap/esm/helpers';
|
|
3
|
+
import { FormCheckInputProps } from 'react-bootstrap/esm/FormCheckInput';
|
|
4
|
+
import { FormCheckLabelProps } from 'react-bootstrap/esm/FormCheckLabel';
|
|
5
|
+
import { SelectProps } from './Select';
|
|
6
|
+
import { InputGroupTextProps } from 'react-bootstrap/esm/InputGroupText';
|
|
7
|
+
import { NumberInputProps } from './NumberInput';
|
|
8
|
+
import { TelInputProps } from './TelInput';
|
|
9
|
+
import { PasswordInputProps } from './PasswordInput';
|
|
10
|
+
import { PasswordConfirmProps } from './PasswordConfirm';
|
|
11
|
+
import { RangeInputProps } from './RangeInput';
|
|
12
|
+
/**
|
|
13
|
+
* Propriétés du composant FormControl.
|
|
14
|
+
*/
|
|
15
|
+
interface FormControlProps extends React.ComponentPropsWithRef<typeof BootstrapForm.Control> {
|
|
16
|
+
/**
|
|
17
|
+
* Le libellé du champ (utilisé si floating est actif).
|
|
18
|
+
*/
|
|
19
|
+
label?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Si vrai, utilise un FloatingLabel.
|
|
22
|
+
*/
|
|
23
|
+
floating?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Nom de l'icône à afficher.
|
|
26
|
+
*/
|
|
27
|
+
icon?: string;
|
|
28
|
+
}
|
|
29
|
+
interface Props extends FormProps {
|
|
30
|
+
/**
|
|
31
|
+
* Le titre optionnel du formulaire.
|
|
32
|
+
*/
|
|
33
|
+
titre?: string;
|
|
34
|
+
/**
|
|
35
|
+
* Contenu du formulaire.
|
|
36
|
+
*/
|
|
37
|
+
children?: React.ReactNode;
|
|
38
|
+
}
|
|
39
|
+
/**
|
|
40
|
+
* Composant Form personnalisé.
|
|
41
|
+
* Basé sur React Bootstrap Form.
|
|
42
|
+
*
|
|
43
|
+
* @param {Props} props - Les propriétés du composant.
|
|
44
|
+
* @returns {JSX.Element} Le composant Form rendu.
|
|
45
|
+
*/
|
|
46
|
+
export declare const Form: {
|
|
47
|
+
({ titre, className, children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
Group: BsPrefixRefForwardingComponent<"div", FormGroupProps>;
|
|
49
|
+
Control: ({ label, floating, icon, children, onKeyDown, ...props }: FormControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
Label: BsPrefixRefForwardingComponent<"label", FormLabelProps>;
|
|
51
|
+
Text: BsPrefixRefForwardingComponent<"small", FormTextProps>;
|
|
52
|
+
Check: BsPrefixRefForwardingComponent<"input", FormCheckProps> & {
|
|
53
|
+
Input: BsPrefixRefForwardingComponent<"input", FormCheckInputProps>;
|
|
54
|
+
Label: React.ForwardRefExoticComponent< FormCheckLabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
55
|
+
};
|
|
56
|
+
Select: ({ options, value, onChange, multiple, placeholder, disabled, searchable, className, name, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
57
|
+
InputGroup: BsPrefixRefForwardingComponent<"div", InputGroupProps> & {
|
|
58
|
+
Text: BsPrefixRefForwardingComponent<"span", InputGroupTextProps>;
|
|
59
|
+
Radio: (props: FormCheckInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
60
|
+
Checkbox: (props: FormCheckInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
};
|
|
62
|
+
Number: ({ value, onChange, min, max, step, className, placeholder, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
63
|
+
Tel: ({ value, onChange, initialCountry, className, placeholder, disabled, }: TelInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
64
|
+
Password: ({ value, onChange, className, placeholder, disabled, }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
PasswordConfirm: ({ passwordToMatch, value, onChange, className, placeholder, disabled, }: PasswordConfirmProps) => import("react/jsx-runtime").JSX.Element;
|
|
66
|
+
Range: ({ value, onChange, min, max, step, className, }: RangeInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
67
|
+
FloatingLabel: BsPrefixRefForwardingComponent<"div", FloatingLabelProps>;
|
|
68
|
+
};
|
|
69
|
+
export {};
|
|
@@ -1,75 +1,73 @@
|
|
|
1
1
|
import { jsxs as s, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { Form as r, InputGroup as h } from "react-bootstrap";
|
|
3
|
-
import { Icon as
|
|
3
|
+
import { Icon as p } from "../../Icon/react/index.js";
|
|
4
4
|
import d from "../../../node_modules/.pnpm/react-bootstrap@2.10.10_@types_react@19.2.10_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-bootstrap/esm/FloatingLabel.js";
|
|
5
5
|
import '../style/index.css';/* empty css */
|
|
6
6
|
import { NumberInput as C } from "./NumberInput.js";
|
|
7
|
-
import { TelInput as
|
|
8
|
-
import { PasswordInput as
|
|
9
|
-
import { PasswordConfirm as
|
|
10
|
-
import { RangeInput as
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
|
|
14
|
-
const y = ({
|
|
7
|
+
import { TelInput as b } from "./TelInput.js";
|
|
8
|
+
import { PasswordInput as I } from "./PasswordInput.js";
|
|
9
|
+
import { PasswordConfirm as w } from "./PasswordConfirm.js";
|
|
10
|
+
import { RangeInput as N } from "./RangeInput.js";
|
|
11
|
+
import { Select as F } from "./Select.js";
|
|
12
|
+
import { handleNumericKeyDown as _ } from "../js/number.js";
|
|
13
|
+
const x = ({
|
|
15
14
|
label: n,
|
|
16
|
-
floating:
|
|
15
|
+
floating: l,
|
|
17
16
|
icon: m,
|
|
18
|
-
children:
|
|
17
|
+
children: a,
|
|
19
18
|
onKeyDown: i,
|
|
20
19
|
...e
|
|
21
20
|
}) => {
|
|
22
|
-
const u = (
|
|
23
|
-
e.type === "number" &&
|
|
21
|
+
const u = (c) => {
|
|
22
|
+
e.type === "number" && _(c), i && i(c);
|
|
24
23
|
}, f = e.type === "number" ? "decimal" : void 0;
|
|
25
|
-
return
|
|
26
|
-
m && /* @__PURE__ */ t(
|
|
24
|
+
return l && n ? /* @__PURE__ */ t(d, { label: n, controlId: e.id || e.name, children: /* @__PURE__ */ s("div", { className: "form__input", children: [
|
|
25
|
+
m && /* @__PURE__ */ t(p, { name: m, size: "sm" }),
|
|
27
26
|
/* @__PURE__ */ t(
|
|
28
27
|
r.Control,
|
|
29
28
|
{
|
|
30
29
|
...e,
|
|
31
30
|
onKeyDown: u,
|
|
32
31
|
inputMode: f,
|
|
33
|
-
children:
|
|
32
|
+
children: a
|
|
34
33
|
}
|
|
35
34
|
)
|
|
36
35
|
] }) }) : /* @__PURE__ */ s("div", { className: "form__input", children: [
|
|
37
|
-
m && /* @__PURE__ */ t(
|
|
36
|
+
m && /* @__PURE__ */ t(p, { name: m, size: "sm" }),
|
|
38
37
|
/* @__PURE__ */ t(
|
|
39
38
|
r.Control,
|
|
40
39
|
{
|
|
41
40
|
...e,
|
|
42
41
|
onKeyDown: u,
|
|
43
42
|
inputMode: f,
|
|
44
|
-
children:
|
|
43
|
+
children: a
|
|
45
44
|
}
|
|
46
45
|
)
|
|
47
46
|
] });
|
|
48
47
|
}, o = ({
|
|
49
48
|
titre: n,
|
|
50
|
-
className:
|
|
49
|
+
className: l = "",
|
|
51
50
|
children: m,
|
|
52
|
-
...
|
|
51
|
+
...a
|
|
53
52
|
}) => {
|
|
54
53
|
const i = "form";
|
|
55
|
-
return /* @__PURE__ */ s(r, { className: `${i} ${
|
|
54
|
+
return /* @__PURE__ */ s(r, { className: `${i} ${l}`.trim(), ...a, children: [
|
|
56
55
|
n && /* @__PURE__ */ t("h1", { className: `${i}__title`, children: n }),
|
|
57
56
|
m
|
|
58
57
|
] });
|
|
59
58
|
};
|
|
60
59
|
o.Group = r.Group;
|
|
61
|
-
o.Control =
|
|
60
|
+
o.Control = x;
|
|
62
61
|
o.Label = r.Label;
|
|
63
62
|
o.Text = r.Text;
|
|
64
63
|
o.Check = r.Check;
|
|
65
|
-
o.Select =
|
|
64
|
+
o.Select = F;
|
|
66
65
|
o.InputGroup = h;
|
|
67
66
|
o.Number = C;
|
|
68
|
-
o.Tel =
|
|
69
|
-
o.Password =
|
|
70
|
-
o.PasswordConfirm =
|
|
71
|
-
o.Range =
|
|
72
|
-
o.File = N;
|
|
67
|
+
o.Tel = b;
|
|
68
|
+
o.Password = I;
|
|
69
|
+
o.PasswordConfirm = w;
|
|
70
|
+
o.Range = N;
|
|
73
71
|
o.FloatingLabel = d;
|
|
74
72
|
export {
|
|
75
73
|
o as Form
|