@cupra/ui-react 1.0.0-canary.6 → 1.0.0-canary.8

package/README.md

@@ -18,10 +18,9 @@ If you need a **framework-agnostic** solution, consider `@cupra/ui-kit` (Web Com
 
 This library currently provides **official support for React 18**.
 
-- **Supported React versions:** `>=18.3.1 <19`
-- **React 19:** not officially supported yet. Work is in progress to add full support.
+- **Supported React versions:** `>=18.3.1 <20`
 
-Projects using React 19 may still install and use the library, but behaviour is not guaranteed until official support is released.
+Projects using other React versions may still install and use the library, but behaviour is not guaranteed until official support is released.
 
 ## Installation
 

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,40 +1,37 @@
-import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
 import "../../packages/ui-kit/dist-react/index.js";
 import "react";
-import { useHandleEvent as x } from "../../hooks/useHandleEvent.js";
-function H(n) {
+import { useHandleEvent as b } from "../../hooks/useHandleEvent.js";
+function H(l) {
   const {
-    className: t,
-    children: b,
-    onChange: o,
-    onInput: s,
+    className: d,
+    children: w,
+    onChange: c,
+    onInput: u,
     inputId: e,
-    placeHolder: a,
-    value: p,
-    label: l,
-    required: i,
-    disabled: d,
-    pattern: c,
-    maxLength: u,
-    minLength: h,
+    placeHolder: n,
+    value: r,
+    label: h,
+    required: t,
+    disabled: o,
+    pattern: s,
+    maxLength: p,
+    minLength: a,
     ...m
-  } = n, { ref: f } = x({ change: o, input: s });
-  return /* @__PURE__ */ g("ds-password-input-react", { ref: f, class: t, ...m, children: [
-    /* @__PURE__ */ r("label", { htmlFor: e, children: l }),
-    /* @__PURE__ */ r(
-      "input",
-      {
-        id: e,
-        type: "password",
-        placeholder: a,
-        value: p,
-        required: i,
-        disabled: d,
-        minLength: h,
-        maxLength: u,
-        pattern: c
-      }
-    )
+  } = l, { ref: f } = b({ change: c, input: u }), g = {
+    type: "password",
+    ...!!e && { id: e },
+    ...!!n && { placeholder: n },
+    ...!!r && { value: r },
+    ...!!t && { required: t },
+    ...!!o && { disabled: o },
+    ...!!a && { minLength: a },
+    ...!!p && { maxLength: p },
+    ...!!s && { pattern: s }
+  };
+  return /* @__PURE__ */ x("ds-password-input-react", { ref: f, class: d, ...m, children: [
+    /* @__PURE__ */ i("label", { htmlFor: e, children: h }),
+    /* @__PURE__ */ i("input", { ...g })
   ] });
 }
 export {

package/dist/hooks/useHandleEvent.js

@@ -1,23 +1,25 @@
-import { useRef as d, useEffect as f } from "react";
-function s(o) {
-  const r = d(null);
-  return f(() => {
-    const n = {};
-    return Object.keys(o).forEach((c) => {
-      var l;
-      const t = (E) => {
-        var u;
-        (u = o[c]) == null || u.call(o, E);
+import { useRef as u, useEffect as l } from "react";
+function d(e) {
+  const o = u(null), n = u(e);
+  return l(() => {
+    n.current = e;
+  }, [e]), l(() => {
+    const t = o.current;
+    if (!t) return;
+    const c = {};
+    return Object.keys(n.current).forEach((r) => {
+      const s = (i) => {
+        const f = n.current[r];
+        f && f(i);
       };
-      n[c] = t, (l = r == null ? void 0 : r.current) == null || l.addEventListener(c, t);
+      c[r] = s, t.addEventListener(r, s);
     }), () => {
-      Object.keys(n).forEach((c) => {
-        var t;
-        (t = r == null ? void 0 : r.current) == null || t.removeEventListener(c, n[c]);
+      Object.keys(c).forEach((r) => {
+        t.removeEventListener(r, c[r]);
       });
     };
-  }, [r, o]), { ref: r };
+  }, []), { ref: o };
 }
 export {
-  s as useHandleEvent
+  d as useHandleEvent
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cupra/ui-react",
-  "version": "1.0.0-canary.6",
+  "version": "1.0.0-canary.8",
   "description": "React components library",
   "author": "SEAT S.A.",
   "license": "SEAT S.A. Library EULA 1.0",
@@ -31,8 +31,8 @@
     }
   ],
   "peerDependencies": {
-    "react": ">= 18.3.1 < 19",
-    "react-dom": ">= 18.3.1 < 19"
+    "react": ">= 18.3.1 < 20",
+    "react-dom": ">= 18.3.1 < 20"
   },
   "dependencies": {
     "styled-components": "^6.1.16",