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.
Files changed (63) hide show
  1. package/dist/components/Auth/js/auth.d.ts +4 -0
  2. package/dist/components/Auth/react/index.d.ts +27 -0
  3. package/dist/components/Auth/react/index.js +15 -0
  4. package/dist/components/Auth/style/index.css +1 -0
  5. package/dist/components/Color/react/index.js +13 -7
  6. package/dist/components/Dashboard/js/dashboard.d.ts +4 -0
  7. package/dist/components/Dashboard/react/index.d.ts +29 -0
  8. package/dist/components/Dashboard/react/index.js +31 -0
  9. package/dist/components/Dashboard/style/index.css +1 -0
  10. package/dist/components/Errorpage/js/errorpage.d.ts +4 -0
  11. package/dist/components/Errorpage/react/index.d.ts +14 -0
  12. package/dist/components/Errorpage/react/index.js +50 -0
  13. package/dist/components/Errorpage/style/index.css +1 -0
  14. package/dist/components/Form/react/NumberInput.d.ts +3 -4
  15. package/dist/components/Form/react/PasswordConfirm.d.ts +3 -4
  16. package/dist/components/Form/react/PasswordInput.d.ts +3 -4
  17. package/dist/components/Form/react/RangeInput.d.ts +3 -4
  18. package/dist/components/Form/react/Select.d.ts +5 -6
  19. package/dist/components/Form/react/TelInput.d.ts +3 -4
  20. package/dist/components/Form/react/index.d.ts +69 -0
  21. package/dist/components/Form/react/index.js +26 -28
  22. package/dist/components/Form/style/index.css +1 -1
  23. package/dist/components/Group/react/index.d.ts +1 -1
  24. package/dist/components/Group/style/index.css +1 -1
  25. package/dist/components/Lang-selector/react/index.js +7 -6
  26. package/dist/components/Lang-selector/style/index.css +1 -0
  27. package/dist/components/Nav/js/nav.d.ts +5 -0
  28. package/dist/components/Nav/js/nav.js +10 -0
  29. package/dist/components/Nav/react/index.d.ts +82 -0
  30. package/dist/components/Nav/react/index.js +76 -0
  31. package/dist/components/Nav/style/index.css +1 -0
  32. package/dist/components/Tab/react/index.d.ts +79 -0
  33. package/dist/components/Table/js/table.d.ts +8 -0
  34. package/dist/components/Table/react/index.d.ts +1 -1
  35. package/dist/components/Table/react/index.js +75 -68
  36. package/dist/core/styles/_tokens.scss +3 -0
  37. package/dist/core/styles/main.css +1 -1
  38. package/dist/core/styles/tokens.css +3 -0
  39. package/dist/core/styles/tokens.d.ts +42 -0
  40. package/dist/core/styles/tokens.ts +51 -0
  41. package/dist/index.d.ts +5 -1
  42. package/dist/index.js +43 -35
  43. package/dist/templates/Accordions/Accordions.tsx +0 -1
  44. package/dist/templates/Auths/Auths.d.ts +4 -0
  45. package/dist/templates/Auths/Auths.tsx +18 -0
  46. package/dist/templates/Dashboards/Dashboards.d.ts +4 -0
  47. package/dist/templates/Dashboards/Dashboards.tsx +18 -0
  48. package/dist/templates/Errorpages/Errorpages.d.ts +4 -0
  49. package/dist/templates/Errorpages/Errorpages.tsx +18 -0
  50. package/dist/templates/Forms/Forms-elements.tsx +3 -2
  51. package/dist/templates/Forms/Forms.tsx +2 -3
  52. package/dist/templates/Navs/Navs.d.ts +4 -0
  53. package/dist/templates/Navs/Navs.tsx +18 -0
  54. package/dist/templates/Tables/Tables.tsx +1 -1
  55. package/dist/templates/Tabs/Tabs.tsx +0 -53
  56. package/dist/templates/index.d.ts +4 -0
  57. package/dist/templates/index.ts +4 -0
  58. package/package.json +4 -2
  59. package/dist/components/Form/react/FileInput.js +0 -75
  60. package/dist/node_modules/.pnpm/@uppy_locales@5.1.1/node_modules/@uppy/locales/lib/fr_FR.js +0 -193
  61. 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
  62. 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
  63. 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,4 @@
1
+ /**
2
+ * Logique JavaScript pour le composant Auth.
3
+ */
4
+ export declare const initAuth: () => void;
@@ -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 e } from "../../../core/styles/tokens.js";
3
- import '../../Placeholder/style/index.css';import '../../Logo/style/index.css';import '../../Radius/style/index.css';import '../../Shadow/style/index.css';import '../../../node_modules/.pnpm/flag-icons@7.5.0/node_modules/flag-icons/css/flag-icons.min.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 */
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
- const B = ({ name: r }) => {
29
- const l = e.brands[r];
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
- B as Color
58
+ K as Color
53
59
  };
@@ -0,0 +1,4 @@
1
+ /**
2
+ * Logique JavaScript pour le composant Dashboard.
3
+ */
4
+ export declare const initDashboard: () => void;
@@ -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,4 @@
1
+ /**
2
+ * Logique JavaScript pour le composant Errorpage.
3
+ */
4
+ export declare const initErrorpage: () => void;
@@ -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 Props {
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 {Props} props - Les propriétés du composant.
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, }: Props) => import("react/jsx-runtime").JSX.Element;
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 Props {
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 {Props} props - Les propriétés du composant.
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, }: Props) => import("react/jsx-runtime").JSX.Element;
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 Props {
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 {Props} props - Les propriétés du composant.
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, }: Props) => import("react/jsx-runtime").JSX.Element;
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 Props {
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 {Props} props - Les propriétés du composant.
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, }: Props) => import("react/jsx-runtime").JSX.Element;
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 Option {
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 Props {
11
+ export interface SelectProps {
12
12
  /**
13
13
  * Liste des options.
14
14
  */
15
- options: Option[];
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 {Props} props - Les propriétés du composant.
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, }: Props) => import("react/jsx-runtime").JSX.Element;
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 Props {
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 {Props} props - Les propriétés du composant.
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, }: Props) => import("react/jsx-runtime").JSX.Element;
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 c } from "../../Icon/react/index.js";
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 I } from "./TelInput.js";
8
- import { PasswordInput as b } from "./PasswordInput.js";
9
- import { PasswordConfirm as F } from "./PasswordConfirm.js";
10
- import { RangeInput as w } from "./RangeInput.js";
11
- import { FileInput as N } from "./FileInput.js";
12
- import { Select as _ } from "./Select.js";
13
- import { handleNumericKeyDown as x } from "../js/number.js";
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: a,
15
+ floating: l,
17
16
  icon: m,
18
- children: l,
17
+ children: a,
19
18
  onKeyDown: i,
20
19
  ...e
21
20
  }) => {
22
- const u = (p) => {
23
- e.type === "number" && x(p), i && i(p);
21
+ const u = (c) => {
22
+ e.type === "number" && _(c), i && i(c);
24
23
  }, f = e.type === "number" ? "decimal" : void 0;
25
- return a && n ? /* @__PURE__ */ t(d, { label: n, controlId: e.id || e.name, children: /* @__PURE__ */ s("div", { className: "form__input", children: [
26
- m && /* @__PURE__ */ t(c, { name: m, size: "sm" }),
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: l
32
+ children: a
34
33
  }
35
34
  )
36
35
  ] }) }) : /* @__PURE__ */ s("div", { className: "form__input", children: [
37
- m && /* @__PURE__ */ t(c, { name: m, size: "sm" }),
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: l
43
+ children: a
45
44
  }
46
45
  )
47
46
  ] });
48
47
  }, o = ({
49
48
  titre: n,
50
- className: a = "",
49
+ className: l = "",
51
50
  children: m,
52
- ...l
51
+ ...a
53
52
  }) => {
54
53
  const i = "form";
55
- return /* @__PURE__ */ s(r, { className: `${i} ${a}`.trim(), ...l, children: [
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 = y;
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 = I;
69
- o.Password = b;
70
- o.PasswordConfirm = F;
71
- o.Range = w;
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