zuii 1.4.25 → 1.4.27

package/dist/components/Form/js/uppy.js

@@ -70,7 +70,7 @@ const O = (t) => (t || (typeof document < "u" ? document.documentElement.lang :
     const a = document.createElement("div");
     a.dataset.zuiiUppyActions = "true", a.className = "group group--gap-none group--center", a.style.marginRight = "8px";
     const p = (h, d, g) => {
-      const u = document.createElement("button");
+      const u = document.createElement("a");
       return u.type = "button", u.title = d, u.setAttribute("aria-label", d), u.className = "btn btn-light uppy-Dashboard-Item-action btn-xs btn-icon btn-transparent", u.innerHTML = `<div class="btn-content"><span class="icon icon--size-xs"><i class="${h}"></i></span></div>`, u.addEventListener("click", (L) => {
         L.stopPropagation();
         const m = c.getFile(r);

package/dist/components/Form/react/NumberInput.d.ts

@@ -2,6 +2,14 @@
  * Propriétés du composant NumberInput.
  */
 export interface NumberInputProps {
+    /**
+     * Id de l'input.
+     */
+    id?: string;
+    /**
+     * Name de l'input.
+     */
+    name?: string;
     /**
      * Valeur actuelle de l'input.
      */
@@ -10,7 +18,7 @@ export interface NumberInputProps {
      * Callback lors du changement de valeur.
      * @param {number} value - La nouvelle valeur.
      */
-    onChange: (value: number) => void;
+    onChange?: (value: number) => void;
     /**
      * Valeur minimale (défaut: undefined).
      */
@@ -31,6 +39,10 @@ export interface NumberInputProps {
      * Texte d'aide ou de placeholder.
      */
     placeholder?: string;
+    /**
+     * Indique si le champ est requis.
+     */
+    required?: boolean;
 }
 /**
  * Composant NumberInput avec boutons +/- personnalisés.
@@ -38,4 +50,4 @@ export interface NumberInputProps {
  * @param {NumberInputProps} props - Les propriétés du composant.
  * @returns {JSX.Element} Le composant NumberInput rendu.
  */
-export declare const NumberInput: ({ value, onChange, min, max, step, className, placeholder, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NumberInput: ({ value: propsValue, onChange, min, max, step, className, placeholder, id, name, required, }: NumberInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Form/react/NumberInput.js

@@ -1,54 +1,67 @@
-import { jsxs as I, jsx as n } from "react/jsx-runtime";
-import { InputGroup as m, Form as _ } from "react-bootstrap";
-import { calculateDecrement as $, calculateIncrement as b } from "../js/form.js";
-import { Icon as i } from "../../Icon/react/index.js";
-const D = ({
-  value: s = 0,
-  onChange: e,
-  min: r,
-  max: t,
-  step: l = 1,
-  className: a = "",
-  placeholder: u
+import { jsxs as j, jsx as n } from "react/jsx-runtime";
+import { useState as k, useEffect as y } from "react";
+import { InputGroup as m, Form as z } from "react-bootstrap";
+import { calculateIncrement as D, calculateDecrement as T } from "../js/form.js";
+import { Icon as h } from "../../Icon/react/index.js";
+const q = ({
+  value: e,
+  onChange: u,
+  min: t,
+  max: c,
+  step: s = 1,
+  className: I = "",
+  placeholder: N,
+  id: _,
+  name: d,
+  required: C
 }) => {
-  const c = "number-input", d = () => {
-    e(b(s, l, t));
+  const r = "number-input", [$, f] = k(e ?? 0);
+  y(() => {
+    e !== void 0 && f(e);
+  }, [e]);
+  const i = e !== void 0 ? e : $, a = (l) => {
+    e === void 0 && f(l), u && u(l);
+  }, b = () => {
+    a(D(i, s, c));
   }, p = () => {
-    e($(s, l, r));
-  }, f = (N) => {
-    const o = parseInt(N.target.value);
-    if (isNaN(o)) {
-      e(0);
+    a(T(i, s, t));
+  }, g = (l) => {
+    const v = parseInt(l.target.value);
+    if (isNaN(v)) {
+      a(0);
       return;
     }
-    if (r !== void 0 && o < r) {
-      e(r);
-      return;
-    }
-    if (t !== void 0 && o > t) {
-      e(t);
-      return;
-    }
-    e(o);
+    let o = v;
+    t !== void 0 && o < t && (o = t), c !== void 0 && o > c && (o = c), a(o);
   };
-  return /* @__PURE__ */ I(m, { className: `${c} ${a}`.trim(), children: [
-    /* @__PURE__ */ n(m.Text, { className: `${c}__addon`, onClick: p, children: /* @__PURE__ */ n(i, { name: "icon-minus", size: "sm" }) }),
+  return /* @__PURE__ */ j(m, { className: `${r} ${I}`.trim(), children: [
+    /* @__PURE__ */ n(m.Text, { className: `${r}__addon`, onClick: p, children: /* @__PURE__ */ n(h, { name: "icon-minus", size: "sm" }) }),
     /* @__PURE__ */ n(
-      _.Control,
+      z.Control,
       {
+        id: _,
         type: "number",
-        className: `${c}__control`,
-        value: s,
-        onChange: f,
-        placeholder: u,
-        min: r,
-        max: t,
-        step: l
+        className: `${r}__control`,
+        value: i,
+        onChange: g,
+        placeholder: N,
+        min: t,
+        max: c,
+        step: s,
+        required: C
       }
     ),
-    /* @__PURE__ */ n(m.Text, { className: `${c}__addon`, onClick: d, children: /* @__PURE__ */ n(i, { name: "icon-plus", size: "sm" }) })
+    /* @__PURE__ */ n(m.Text, { className: `${r}__addon`, onClick: b, children: /* @__PURE__ */ n(h, { name: "icon-plus", size: "sm" }) }),
+    d && /* @__PURE__ */ n(
+      "input",
+      {
+        type: "hidden",
+        name: d,
+        value: i
+      }
+    )
   ] });
 };
 export {
-  D as NumberInput
+  q as NumberInput
 };

package/dist/templates/Forms/Forms-elements.tsx

@@ -33,6 +33,7 @@ export const FormsElements = () => {
 				<Form.Control id="search" type="search" placeholder="Enter search" name="search" icon="icon-search" />
 				<Form.Control id="email" type="email" placeholder="Enter email" name="email" icon="icon-at-sign" />
 				<Form.Control id="number" type="number" placeholder="Enter number" name="number" icon="icon-number" />
+				<Form.Number id="number-button" placeholder="Enter number" name="number-button" onChange={(val) => console.log(val)} step={1} min={0} max={10}  required={true} className='fees-field__input' />
 				{/* <Form.File id="file-simple" label="Upload simple" name="file_simple" />
 				<Form.File
 					id="simple-upload"

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "zuii",
-	"version": "1.4.25",
+	"version": "1.4.27",
 	"description": "Bibliothèque de composants UI légère, intuitive et modulaire pour les interfaces web modernes.",
 	"type": "module",
 	"repository": {