@tedi-design-system/react 16.0.0-rc.15 → 16.0.0-rc.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "16.0.0-rc.15",
+  "version": "16.0.0-rc.16",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -67,7 +67,7 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@commitlint/cli": "^19.8.1",
+    "@commitlint/cli": "^20.4.0",
     "@commitlint/config-conventional": "^20.0.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",

package/src/tedi/components/form/number-field/number-field.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),J=require("../../base/typography/text/text.cjs.js"),K=require("../../buttons/button/button.cjs.js"),Q=require("../feedback-text/feedback-text.cjs.js"),X=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),Y=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Z=require("../../../providers/label-provider/use-labels.cjs.js"),I=N=>{const{getCurrentBreakpointProps:P}=Y.useBreakpointProps(N.defaultServerBreakpoint),{id:x,label:S,hideLabel:U,required:q,className:j,size:_,inputMode:E="numeric",decimalPlaces:F,min:i,max:u,step:c=1,defaultValue:$,value:B,onChange:a,suffix:h,fullWidth:z=!1,disabled:m=!1,invalid:M=!1,helper:s,input:f}=P(N),{getLabel:k}=Z.useLabels(),b=o.useRef(null),[L,T]=o.useState(""),[V,g]=o.useState($??0),r=o.useMemo(()=>a&&typeof B<"u"?B:V,[a,B,V]),w=s?`${x}-helper`:void 0,C=o.useCallback(e=>{const t=i!==void 0&&e<i,d=u!==void 0&&e>u;return M||t||d||(s==null?void 0:s.type)==="error"},[M,s,u,i]),y=e=>Math.min(u??1/0,Math.max(i??-1/0,e)),R=e=>{const t=k("numberField.quantityUpdated",e);T(t),setTimeout(()=>{T("")},5e3)},W=e=>F!==void 0?parseFloat(e.toFixed(F)):e,A=e=>{let t=r;e==="increment"&&(t=t+c),e==="decrement"&&(t=t-c),t=y(t),t=W(t),R(t),a==null||a(t),g(t)},D=({currentTarget:{value:e}})=>{a==null||a(y(+e)),g(y(+e))},O=e=>{const t=e==="increment"?u!==void 0&&r>=u:i!==void 0&&r<=i,d=v.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||m}),p=k(`numberField.${e}`,c);return l.jsx(K.Button,{"aria-label":p,onClick:()=>A(e),disabled:t||m,visualType:"secondary",className:d,icon:{name:e==="increment"?"add":"remove"},size:_==="small"?"small":void 0,children:e==="increment"?"+":"-"})},G=()=>{const e=v.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:z}),t=v.default(n.default["tedi-number-field__input"],f==null?void 0:f.className),d=()=>{var p;return(p=b==null?void 0:b.current)==null?void 0:p.focus()};return l.jsxs("div",{className:e,onClick:d,children:[l.jsx("input",{ref:b,id:x,"aria-describedby":w,"aria-invalid":C(r)?"true":"false",type:"number",inputMode:E,value:r,min:i,max:u,required:q,step:c,disabled:m,onChange:D,className:t,...f}),h&&l.jsx(J.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},H=v.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:C(r)},{[n.default["tedi-number-field--disabled"]]:m},{[n.default["tedi-number-field--small"]]:_==="small"},j);return l.jsxs("div",{"data-name":"number-field",className:j,children:[l.jsx(X.FormLabel,{id:x,label:S,required:q,hideLabel:U,size:_}),l.jsxs("div",{className:H,children:[O("decrement"),G(),O("increment")]}),s&&l.jsx(Q.FeedbackText,{...s,id:w}),L&&l.jsx("div",{"aria-live":"polite",className:"sr-only",children:L})]})};I.displayName="NumberField";exports.NumberField=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),v=require("../../../../../external/classnames/index.cjs.js"),o=require("react"),J=require("../../base/typography/text/text.cjs.js"),K=require("../../buttons/button/button.cjs.js"),Q=require("../feedback-text/feedback-text.cjs.js"),X=require("../form-label/form-label.cjs.js"),n=require("./number-field.module.scss.cjs.js"),Y=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),Z=require("../../../providers/label-provider/use-labels.cjs.js"),y=I=>{const{getCurrentBreakpointProps:P}=Y.useBreakpointProps(I.defaultServerBreakpoint),{id:x,label:S,hideLabel:U,required:q,className:j,size:_,inputMode:E="numeric",decimalPlaces:k,min:i,max:u,step:c=1,defaultValue:$,value:B,onChange:a,suffix:h,fullWidth:z=!1,disabled:m=!1,invalid:F=!1,helper:d,input:f}=P(I),{getLabel:M}=Z.useLabels(),b=o.useRef(null),[L,T]=o.useState(""),[V,g]=o.useState($??0),s=o.useMemo(()=>a&&typeof B<"u"?B:V,[a,B,V]),w=d?`${x}-helper`:void 0,C=o.useCallback(e=>{const t=i!==void 0&&e<i,r=u!==void 0&&e>u;return F||t||r||(d==null?void 0:d.type)==="error"},[F,d,u,i]),N=e=>Math.min(u??1/0,Math.max(i??-1/0,e)),R=e=>{const t=M("numberField.quantityUpdated",e);T(t),setTimeout(()=>{T("")},5e3)},W=e=>k!==void 0?parseFloat(e.toFixed(k)):e,A=e=>{let t=s;e==="increment"&&(t=t+c),e==="decrement"&&(t=t-c),t=N(t),t=W(t),R(t),a==null||a(t),g(t)},D=({currentTarget:{value:e}})=>{a==null||a(N(+e)),g(N(+e))},O=e=>{const t=e==="increment"?u!==void 0&&s>=u:i!==void 0&&s<=i,r=v.default(n.default["tedi-number-field__button"],n.default[`tedi-number-field__button--${e}`],{[n.default["tedi-number-field__button--disabled"]]:t||m}),p=M(`numberField.${e}`,c);return l.jsx(K.Button,{"aria-label":p,onClick:()=>A(e),disabled:t||m,visualType:"secondary",className:r,icon:{name:e==="increment"?"add":"remove"},size:_==="small"?"small":void 0,children:e==="increment"?"+":"-"})},G=()=>{const e=v.default(n.default["tedi-number-field__input-wrapper"],{[n.default["tedi-number-field__input-wrapper--with-suffix"]]:h,[n.default["tedi-number-field__input-wrapper--full-width"]]:z}),t=v.default(n.default["tedi-number-field__input"],f==null?void 0:f.className),r=()=>{var p;return(p=b==null?void 0:b.current)==null?void 0:p.focus()};return l.jsxs("div",{className:e,onClick:r,children:[l.jsx("input",{ref:b,id:x,"aria-describedby":w,"aria-invalid":C(s)?"true":"false",type:"number",inputMode:E,value:s,min:i,max:u,required:q,step:c,disabled:m,onChange:D,className:t,...f}),h&&l.jsx(J.Text,{element:"span",modifiers:"small",color:"tertiary",className:n.default["tedi-number-field__suffix"],children:h})]})},H=v.default(n.default["tedi-number-field"],{[n.default["tedi-number-field--invalid"]]:C(s)},{[n.default["tedi-number-field--disabled"]]:m},{[n.default["tedi-number-field--small"]]:_==="small"},j);return l.jsxs("div",{"data-name":"number-field",className:j,children:[l.jsx(X.FormLabel,{id:x,label:S,required:q,hideLabel:U,size:_}),l.jsxs("div",{className:H,children:[O("decrement"),G(),O("increment")]}),d&&l.jsx(Q.FeedbackText,{className:n.default["tedi-number-field__feedback"],...d,id:w}),L&&l.jsx("div",{"aria-live":"polite",className:"sr-only",children:L})]})};y.displayName="NumberField";exports.NumberField=y;exports.default=y;

package/src/tedi/components/form/number-field/number-field.es.js

@@ -1,4 +1,4 @@
-import { jsxs as y, jsx as d } from "react/jsx-runtime";
+import { jsxs as N, jsx as d } from "react/jsx-runtime";
 import b from "../../../../../external/classnames/index.es.js";
 import { useRef as K, useState as O, useMemo as Q, useCallback as R } from "react";
 import { Text as X } from "../../base/typography/text/text.es.js";
@@ -8,59 +8,59 @@ import { FormLabel as ee } from "../form-label/form-label.es.js";
 import n from "./number-field.module.scss.es.js";
 import { useBreakpointProps as te } from "../../../helpers/hooks/use-breakpoint-props.es.js";
 import { useLabels as ne } from "../../../providers/label-provider/use-labels.es.js";
-const ie = (N) => {
-  const { getCurrentBreakpointProps: P } = te(N.defaultServerBreakpoint), {
+const ie = (y) => {
+  const { getCurrentBreakpointProps: P } = te(y.defaultServerBreakpoint), {
     id: v,
     label: $,
     hideLabel: j,
     required: x,
-    className: F,
+    className: k,
     size: _,
     inputMode: q = "numeric",
-    decimalPlaces: M,
+    decimalPlaces: F,
     min: r,
     max: a,
-    step: o = 1,
+    step: u = 1,
     defaultValue: z,
     value: h,
     onChange: i,
     suffix: B,
     fullWidth: S = !1,
-    disabled: u = !1,
-    invalid: k = !1,
+    disabled: o = !1,
+    invalid: M = !1,
     helper: l,
     input: m
-  } = P(N), { getLabel: V } = ne(), c = K(null), [w, L] = O(""), [T, C] = O(z ?? 0), s = Q(
+  } = P(y), { getLabel: V } = ne(), c = K(null), [w, L] = O(""), [T, C] = O(z ?? 0), s = Q(
     () => i && typeof h < "u" ? h : T,
     [i, h, T]
   ), U = l ? `${v}-helper` : void 0, g = R(
     (e) => {
-      const t = r !== void 0 && e < r, p = a !== void 0 && e > a;
-      return k || t || p || (l == null ? void 0 : l.type) === "error";
+      const t = r !== void 0 && e < r, f = a !== void 0 && e > a;
+      return M || t || f || (l == null ? void 0 : l.type) === "error";
     },
-    [k, l, a, r]
+    [M, l, a, r]
   ), I = (e) => Math.min(a ?? 1 / 0, Math.max(r ?? -1 / 0, e)), W = (e) => {
     const t = V("numberField.quantityUpdated", e);
     L(t), setTimeout(() => {
       L("");
     }, 5e3);
-  }, A = (e) => M !== void 0 ? parseFloat(e.toFixed(M)) : e, D = (e) => {
+  }, A = (e) => F !== void 0 ? parseFloat(e.toFixed(F)) : e, D = (e) => {
     let t = s;
-    e === "increment" && (t = t + o), e === "decrement" && (t = t - o), t = I(t), t = A(t), W(t), i == null || i(t), C(t);
+    e === "increment" && (t = t + u), e === "decrement" && (t = t - u), t = I(t), t = A(t), W(t), i == null || i(t), C(t);
   }, G = ({ currentTarget: { value: e } }) => {
     i == null || i(I(+e)), C(I(+e));
   }, E = (e) => {
-    const t = e === "increment" ? a !== void 0 && s >= a : r !== void 0 && s <= r, p = b(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
-      [n["tedi-number-field__button--disabled"]]: t || u
-    }), f = V(`numberField.${e}`, o);
+    const t = e === "increment" ? a !== void 0 && s >= a : r !== void 0 && s <= r, f = b(n["tedi-number-field__button"], n[`tedi-number-field__button--${e}`], {
+      [n["tedi-number-field__button--disabled"]]: t || o
+    }), p = V(`numberField.${e}`, u);
     return /* @__PURE__ */ d(
       Y,
       {
-        "aria-label": f,
+        "aria-label": p,
         onClick: () => D(e),
-        disabled: t || u,
+        disabled: t || o,
         visualType: "secondary",
-        className: p,
+        className: f,
         icon: { name: e === "increment" ? "add" : "remove" },
         size: _ === "small" ? "small" : void 0,
         children: e === "increment" ? "+" : "-"
@@ -71,9 +71,9 @@ const ie = (N) => {
       [n["tedi-number-field__input-wrapper--with-suffix"]]: B,
       [n["tedi-number-field__input-wrapper--full-width"]]: S
     }), t = b(n["tedi-number-field__input"], m == null ? void 0 : m.className);
-    return /* @__PURE__ */ y("div", { className: e, onClick: () => {
-      var f;
-      return (f = c == null ? void 0 : c.current) == null ? void 0 : f.focus();
+    return /* @__PURE__ */ N("div", { className: e, onClick: () => {
+      var p;
+      return (p = c == null ? void 0 : c.current) == null ? void 0 : p.focus();
     }, children: [
       /* @__PURE__ */ d(
         "input",
@@ -88,8 +88,8 @@ const ie = (N) => {
           min: r,
           max: a,
           required: x,
-          step: o,
-          disabled: u,
+          step: u,
+          disabled: o,
           onChange: G,
           className: t,
           ...m
@@ -100,18 +100,18 @@ const ie = (N) => {
   }, J = b(
     n["tedi-number-field"],
     { [n["tedi-number-field--invalid"]]: g(s) },
-    { [n["tedi-number-field--disabled"]]: u },
+    { [n["tedi-number-field--disabled"]]: o },
     { [n["tedi-number-field--small"]]: _ === "small" },
-    F
+    k
   );
-  return /* @__PURE__ */ y("div", { "data-name": "number-field", className: F, children: [
+  return /* @__PURE__ */ N("div", { "data-name": "number-field", className: k, children: [
     /* @__PURE__ */ d(ee, { id: v, label: $, required: x, hideLabel: j, size: _ }),
-    /* @__PURE__ */ y("div", { className: J, children: [
+    /* @__PURE__ */ N("div", { className: J, children: [
       E("decrement"),
       H(),
       E("increment")
     ] }),
-    l && /* @__PURE__ */ d(Z, { ...l, id: U }),
+    l && /* @__PURE__ */ d(Z, { className: n["tedi-number-field__feedback"], ...l, id: U }),
     w && /* @__PURE__ */ d("div", { "aria-live": "polite", className: "sr-only", children: w })
   ] });
 };

package/src/tedi/components/form/number-field/number-field.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-number-field":"tedi-number-field-dd7196c9","tedi-number-field--disabled":"tedi-number-field--disabled-f19e7ff7","tedi-number-field__button":"tedi-number-field__button-e276fac1","tedi-number-field__input-wrapper":"tedi-number-field__input-wrapper-400bdcf6","tedi-number-field__button__disabled":"tedi-number-field__button__disabled-c7b3b631","tedi-number-field__button--decrement":"tedi-number-field__button--decrement-152a6e1b","tedi-number-field__button--increment":"tedi-number-field__button--increment-8bd8e08f","tedi-number-field--invalid":"tedi-number-field--invalid-0c9ed153","tedi-number-field__input":"tedi-number-field__input-1b10ec1e","tedi-number-field--small":"tedi-number-field--small-e0a3a881","tedi-number-field__input-wrapper--full-width":"tedi-number-field__input-wrapper--full-width-1847e7b8","tedi-number-field__input-wrapper--with-suffix":"tedi-number-field__input-wrapper--with-suffix-81f89bd3","tedi-number-field__suffix":"tedi-number-field__suffix-eb5be3bc"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-number-field":"tedi-number-field-dd7196c9","tedi-number-field--disabled":"tedi-number-field--disabled-f19e7ff7","tedi-number-field__button":"tedi-number-field__button-e276fac1","tedi-number-field__input-wrapper":"tedi-number-field__input-wrapper-400bdcf6","tedi-number-field__button__disabled":"tedi-number-field__button__disabled-c7b3b631","tedi-number-field__button--decrement":"tedi-number-field__button--decrement-152a6e1b","tedi-number-field__button--increment":"tedi-number-field__button--increment-8bd8e08f","tedi-number-field--invalid":"tedi-number-field--invalid-0c9ed153","tedi-number-field__input":"tedi-number-field__input-1b10ec1e","tedi-number-field--small":"tedi-number-field--small-e0a3a881","tedi-number-field__input-wrapper--full-width":"tedi-number-field__input-wrapper--full-width-1847e7b8","tedi-number-field__input-wrapper--with-suffix":"tedi-number-field__input-wrapper--with-suffix-81f89bd3","tedi-number-field__suffix":"tedi-number-field__suffix-eb5be3bc","tedi-number-field__input-wrapper__feedback":"tedi-number-field__input-wrapper__feedback-9a3f41dc"};exports.default=e;

package/src/tedi/components/form/number-field/number-field.module.scss.es.js

@@ -11,7 +11,8 @@ const e = {
   "tedi-number-field--small": "tedi-number-field--small-e0a3a881",
   "tedi-number-field__input-wrapper--full-width": "tedi-number-field__input-wrapper--full-width-1847e7b8",
   "tedi-number-field__input-wrapper--with-suffix": "tedi-number-field__input-wrapper--with-suffix-81f89bd3",
-  "tedi-number-field__suffix": "tedi-number-field__suffix-eb5be3bc"
+  "tedi-number-field__suffix": "tedi-number-field__suffix-eb5be3bc",
+  "tedi-number-field__input-wrapper__feedback": "tedi-number-field__input-wrapper__feedback-9a3f41dc"
 };
 export {
   e as default