@uva-glass/component-library 3.50.6 → 3.50.8

package/dist/components/Slider/Slider.js

@@ -1,72 +1,72 @@
-import { jsxs as m, jsx as a } from "react/jsx-runtime";
-import { useState as S, useRef as v, useEffectEvent as x, useEffect as B } from "react";
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { useState as x, useRef as m, useEffectEvent as z, useEffect as B } from "react";
 import { c as H } from "../../clsx-OuTLNxxd.js";
-import { Icon as E } from "../Icon/Icon.js";
-import '../../assets/Slider.css';const T = "_slider_wrapper_euug7_1", j = "_slider_button_euug7_8", C = "_slider_trackwrapper_euug7_38", D = "_slider_balloon_euug7_44", F = "_slider_input_euug7_52", l = {
+import { Icon as S } from "../Icon/Icon.js";
+import '../../assets/Slider.css';const T = "_slider_wrapper_8wxrb_1", j = "_slider_button_8wxrb_8", C = "_slider_trackwrapper_8wxrb_38", D = "_slider_balloon_8wxrb_44", F = "_slider_input_8wxrb_53", l = {
   slider_wrapper: T,
   slider_button: j,
   slider_trackwrapper: C,
   slider_balloon: D,
   slider_input: F
-}, w = 0.5, I = 100, p = 16, U = 16, G = ({
+}, v = 0.5, I = 100, p = 16, U = 16, G = ({
   min: t,
   max: o,
   value: i,
   step: k = 1,
   units: c,
-  navigationLabels: u,
+  navigationLabels: d,
   disabled: s = !1,
-  onChange: d
+  onChange: u
 }) => {
-  const [n, f] = S(i !== void 0 ? i : (t + o) * w), [V, P] = S(""), _ = v(null), g = v(null), b = v(null), N = (r) => {
-    const e = n + r * k;
-    e >= t && e <= o && (f(e), h(e), y(e), d && d(e));
-  }, R = (r) => {
-    const e = Number(r.target.value);
-    f(e), h(e), y(e), d && d(e);
-  }, h = (r) => {
+  const [n, f] = x(i !== void 0 ? i : (t + o) * v), [E, V] = x(""), _ = m(null), b = m(null), w = m(null), N = (e) => {
+    const r = n + e * k;
+    r >= t && r <= o && (f(r), h(r), y(r), u && u(r));
+  }, P = (e) => {
+    const r = Number(e.target.value);
+    f(r), h(r), y(r), u && u(r);
+  }, h = (e) => {
     if (!_.current) return;
-    const e = (r - t) / (o - t) * I;
+    const r = (e - t) / (o - t) * I;
     s ? _.current.style.background = `linear-gradient(
          to right, 
          var(--color-grey-700) 0%, 
-         var(--color-grey-700) ${e}%, 
-         var(--color-grey-400) ${e}%, 
+         var(--color-grey-700) ${r}%, 
+         var(--color-grey-400) ${r}%, 
          var(--color-grey-400) 100%)` : _.current.style.background = `linear-gradient(
          to right, 
          var(--color-navy-600) 0%, 
-         var(--color-navy-600) ${e}%, 
-         var(--color-grey-400) ${e}%, 
+         var(--color-navy-600) ${r}%, 
+         var(--color-grey-400) ${r}%, 
          var(--color-grey-400) 100%)`;
-  }, y = (r) => {
-    if (g.current && b.current) {
-      const e = b.current.clientWidth, $ = g.current.clientWidth - p, W = (r - t) / (o - t) * $ - (e - p) * w, z = Math.max(0, Math.min(W, $ - e + p * w));
-      P(`${z}px`);
+  }, y = (e) => {
+    if (b.current && w.current) {
+      const r = w.current.clientWidth, $ = b.current.clientWidth - p, M = (e - t) / (o - t) * $ - (r - p) * v, W = Math.max(0, Math.min(M, $ - r + p * v));
+      V(`${W}px`);
     }
-  }, M = x((r) => {
-    f(r), h(r), y(r);
+  }, R = z((e) => {
+    f(e), h(e), y(e);
   });
   return B(() => {
-    i !== void 0 && M(i);
-  }, [i, s]), /* @__PURE__ */ m("div", { className: l.slider_wrapper, children: [
+    i !== void 0 && R(i);
+  }, [i, s]), /* @__PURE__ */ g("div", { className: l.slider_wrapper, children: [
     /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         className: l.slider_button,
         onClick: () => N(-1),
-        "aria-label": u?.decrease ? u.decrease : "Verlaag waarde",
+        "aria-label": d?.decrease ? d.decrease : "Verlaag waarde",
         disabled: s,
-        children: /* @__PURE__ */ a(E, { name: "Minus", size: 20 })
+        children: /* @__PURE__ */ a(S, { name: "Minus", size: 20 })
       }
     ),
-    /* @__PURE__ */ m("div", { className: l.slider_trackwrapper, ref: g, children: [
-      /* @__PURE__ */ m(
+    /* @__PURE__ */ g("div", { className: l.slider_trackwrapper, ref: b, children: [
+      /* @__PURE__ */ g(
         "div",
         {
           className: H(l.slider_balloon, { [l["slider_balloon--disabled"]]: s }),
-          style: { left: V },
-          ref: b,
+          style: { left: E },
+          ref: w,
           children: [
             n,
             c && /* @__PURE__ */ a("span", { className: l.slider_units, children: c })
@@ -82,7 +82,7 @@ import '../../assets/Slider.css';const T = "_slider_wrapper_euug7_1", j = "_slid
           max: o,
           step: k,
           value: n,
-          onChange: R,
+          onChange: P,
           ref: _,
           style: { "--thumb-size": `${p / U}rem` },
           "aria-valuemin": t,
@@ -100,9 +100,9 @@ import '../../assets/Slider.css';const T = "_slider_wrapper_euug7_1", j = "_slid
         type: "button",
         className: l.slider_button,
         onClick: () => N(1),
-        "aria-label": u?.increase ? u.increase : "Verhoog waarde",
+        "aria-label": d?.increase ? d.increase : "Verhoog waarde",
         disabled: s,
-        children: /* @__PURE__ */ a(E, { name: "Plus", size: 20 })
+        children: /* @__PURE__ */ a(S, { name: "Plus", size: 20 })
       }
     )
   ] });

package/dist/components/index.js

@@ -36,7 +36,7 @@ import { Label as so } from "./Label/Label.js";
 import { MenuLink as Co } from "./MenuLink/MenuLink.js";
 import { MetaDataList as Fo } from "./MetaDataList/MetaDataList.js";
 import { ModalDialog as Mo } from "./ModalDialog/ModalDialog.js";
-import { M as Lo } from "../TablePlugin-8TKXJMYE.js";
+import { M as Lo } from "../TablePlugin-CeZO4BR1.js";
 import { MultiSelectBox as Ro } from "./MultiSelectBox/MultiSelectBox.js";
 import { Notification as yo } from "./Notification/Notification.js";
 import { OverlayCloseButton as To } from "./OverlayCloseButton/OverlayCloseButton.js";

package/dist/index.js

@@ -36,7 +36,7 @@ import { Label as so } from "./components/Label/Label.js";
 import { MenuLink as Co } from "./components/MenuLink/MenuLink.js";
 import { MetaDataList as Fo } from "./components/MetaDataList/MetaDataList.js";
 import { ModalDialog as Mo } from "./components/ModalDialog/ModalDialog.js";
-import { M as Lo } from "./TablePlugin-8TKXJMYE.js";
+import { M as Lo } from "./TablePlugin-CeZO4BR1.js";
 import { MultiSelectBox as Ro } from "./components/MultiSelectBox/MultiSelectBox.js";
 import { Notification as yo } from "./components/Notification/Notification.js";
 import { OverlayCloseButton as To } from "./components/OverlayCloseButton/OverlayCloseButton.js";

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "3.50.6",
+  "version": "3.50.8",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -52,7 +52,7 @@
     "@react-types/dialog": "^3.5.22",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.2.9",
-    "@semantic-release/npm": "^12.0.2",
+    "@semantic-release/npm": "^13.0.0",
     "@storybook/addon-a11y": "^9.1.10",
     "@storybook/addon-docs": "^9.1.10",
     "@storybook/addon-links": "^9.1.10",
@@ -63,7 +63,7 @@
     "@types/jest": "^30.0.0",
     "@types/node": "^24.7.2",
     "@types/react": "^19.2.2",
-    "@types/react-dom": "^19.2.1",
+    "@types/react-dom": "^19.2.2",
     "@uva-glass/eslint-config": "^1.3.11",
     "@uva-glass/stylelint-config": "^1.2.3",
     "@vitejs/plugin-react": "^5.0.4",
@@ -102,11 +102,11 @@
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
-    "@lexical/link": "^0.36.2",
-    "@lexical/list": "^0.36.2",
-    "@lexical/react": "^0.36.2",
+    "@lexical/link": "^0.37.0",
+    "@lexical/list": "^0.37.0",
+    "@lexical/react": "^0.37.0",
     "@staartwind.nl/lexical-paste-from-word": "^1.0.2",
-    "lexical": "^0.36.2"
+    "lexical": "^0.37.0"
   },
   "optionalDependencies": {
     "@ast-grep/napi-linux-x64-gnu": "0.39.6",