@cupra/ui-react 1.0.0-canary.1 → 1.0.0-canary.11

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
 
@@ -48,6 +47,14 @@ npmRegistryServer: "https://registry.npmjs.org"
 
 ---
 
+## Documentation & Live Playground
+
+You can explore all `ui-react` Components, their APIs, theming options and live examples in the online documentation and playground:
+
+[https://diagonal.cupra.com/ui-react/index.html](https://diagonal.cupra.com/ui-react/index.html)
+
+---
+
 ## Versioning and Release Channels
 
 This package is distributed through npm using **two release channels**.

package/{THIRD-PARTY-LICENSES.MD → THIRD_PARTY_LICENSES.MD}

@@ -3,13 +3,13 @@ https://www.npmjs.com/package/generate-license-file
 
 The following npm package may be included in this product:
 
- - @cupra/ui-kit@16.0.1
+ - @cupra/ui-kit@1.0.0-canary.3
 
 This package contains the following license:
 
-# SEAT, S.A. Library EULA
+# SEAT, S.A. Library EULA 1.0
 
-SEAT, S.A.U. (hereinafter, “SEAT”) is a Spanish entity domiciled in Martorell (Barcelona), Autovía A-2, Km. 585, with a Tax Identification Number (C.I.F.) A-28.049.161, duly registered in the Mercantile Registry of Barcelona in Volume 23.662, folio 1, page number B-56.855 and whose contact email is [*].
+SEAT, S.A.U. (hereinafter, “SEAT”) is a Spanish entity domiciled in Martorell (Barcelona), Autovía A-2, Km. 585, with a Tax Identification Number (C.I.F.) A-28.049.161, duly registered in the Mercantile Registry of Barcelona in Volume 23.662, folio 1, page number B-56.855 and whose contact email is **ds.support@seat.es**
 SEAT releases this End-User License Agreement (“EULA”) to specify the rights and obligations when using a library or package applicable to this EULA (“Library”).
 
 ## Library Specification

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
 };