@tedi-design-system/react 19.1.0-rc.11 → 19.1.0-rc.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/bundle-stats.html +1 -1
  2. package/index.css +1 -1
  3. package/package.json +1 -1
  4. package/src/tedi/components/content/carousel/carousel.cjs.js +1 -1
  5. package/src/tedi/components/content/carousel/carousel.d.ts +5 -0
  6. package/src/tedi/components/content/carousel/carousel.es.js +20 -20
  7. package/src/tedi/components/content/carousel/use-carousel.cjs.js +1 -1
  8. package/src/tedi/components/content/carousel/use-carousel.d.ts +1 -1
  9. package/src/tedi/components/content/carousel/use-carousel.es.js +127 -127
  10. package/src/tedi/components/form/date-time-field/date-time-field.cjs.js +1 -1
  11. package/src/tedi/components/form/date-time-field/date-time-field.es.js +181 -176
  12. package/src/tedi/components/form/slider/slider.cjs.js +1 -1
  13. package/src/tedi/components/form/slider/slider.es.js +38 -38
  14. package/src/tedi/components/form/slider/slider.module.scss.cjs.js +1 -1
  15. package/src/tedi/components/form/slider/slider.module.scss.es.js +0 -1
package/src/tedi/components/form/slider/slider.es.js CHANGED
@@ -1,15 +1,15 @@
1
- import { jsxs as o, jsx as r } from "react/jsx-runtime";
2
- import _ from "../../../../../external/classnames/index.es.js";
3
- import { forwardRef as oe, useId as de, useState as m, useCallback as i, useRef as ce, useEffect as ue } from "react";
1
+ import { jsxs as s, jsx as r } from "react/jsx-runtime";
2
+ import P from "../../../../../external/classnames/index.es.js";
3
+ import { forwardRef as se, useId as de, useState as m, useCallback as i, useRef as ce, useEffect as ue } from "react";
4
4
  import { Tooltip as me } from "../../overlays/tooltip/tooltip.es.js";
5
5
  import { TooltipContent as pe } from "../../overlays/tooltip/tooltip-content.es.js";
6
- import { TooltipTrigger as fe } from "../../overlays/tooltip/tooltip-trigger.es.js";
7
- import { FeedbackText as ve } from "../feedback-text/feedback-text.es.js";
6
+ import { TooltipTrigger as ve } from "../../overlays/tooltip/tooltip-trigger.es.js";
7
+ import { FeedbackText as fe } from "../feedback-text/feedback-text.es.js";
8
8
  import { FormLabel as ge } from "../form-label/form-label.es.js";
9
9
  import e from "./slider.module.scss.es.js";
10
10
  import { useBreakpointProps as he } from "../../../helpers/hooks/use-breakpoint-props.es.js";
11
- const be = oe((N, S) => {
12
- const { getCurrentBreakpointProps: D } = he(N.defaultServerBreakpoint), {
11
+ const be = se((_, S) => {
12
+ const { getCurrentBreakpointProps: D } = he(_.defaultServerBreakpoint), {
13
13
  id: R,
14
14
  name: $,
15
15
  label: w,
@@ -23,58 +23,58 @@ const be = oe((N, S) => {
23
23
  onChange: c,
24
24
  disabled: n = !1,
25
25
  invalid: O = !1,
26
- minLabel: f,
26
+ minLabel: v,
27
27
  maxLabel: U,
28
- showCurrentValue: v = !1,
29
- valueFormatter: x,
28
+ showCurrentValue: f = !1,
29
+ valueFormatter: N,
30
30
  tooltip: z = !0,
31
- addonRight: I,
31
+ addonRight: x,
32
32
  helper: a,
33
33
  className: A,
34
34
  "aria-label": G,
35
35
  "aria-labelledby": J,
36
36
  "aria-valuetext": K
37
- } = D(N), Q = de(), g = R ?? `tedi-slider-${Q}`, k = a ? a.id ?? `${g}-helper` : void 0, [W, X] = m(q ?? t), u = Math.min(d, Math.max(t, p ?? W)), [Y, y] = m(!1), [Z, F] = m(!1), [l, T] = m(!1), V = !!z && !n, ee = V && (Y || Z || l), re = i(() => y(!0), []), ae = i(() => y(!1), []), ie = i(() => F(!0), []), te = i(() => F(!1), []), B = ce(null), s = i(() => {
38
- B.current = null, T(!1);
37
+ } = D(_), Q = de(), g = R ?? `tedi-slider-${Q}`, I = a ? a.id ?? `${g}-helper` : void 0, [W, X] = m(q ?? t), u = Math.min(d, Math.max(t, p ?? W)), [Y, y] = m(!1), [Z, F] = m(!1), [l, T] = m(!1), V = !!z && !n, ee = V && (Y || Z || l), re = i(() => y(!0), []), ae = i(() => y(!1), []), ie = i(() => F(!0), []), te = i(() => F(!1), []), k = ce(null), o = i(() => {
38
+ k.current = null, T(!1);
39
39
  }, []);
40
40
  ue(() => {
41
41
  if (l)
42
- return window.addEventListener("pointerup", s), window.addEventListener("pointercancel", s), () => {
43
- window.removeEventListener("pointerup", s), window.removeEventListener("pointercancel", s);
42
+ return window.addEventListener("pointerup", o), window.addEventListener("pointercancel", o), () => {
43
+ window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", o);
44
44
  };
45
- }, [l, s]);
45
+ }, [l, o]);
46
46
  const ne = i(
47
47
  (b) => {
48
- n || (B.current = b.pointerId, T(!0));
48
+ n || (k.current = b.pointerId, T(!0));
49
49
  },
50
50
  [n]
51
51
  ), le = i(
52
52
  (b) => {
53
- const P = Number(b.target.value);
54
- p === void 0 && X(P), c == null || c(P);
53
+ const C = Number(b.target.value);
54
+ p === void 0 && X(C), c == null || c(C);
55
55
  },
56
56
  [c, p]
57
- ), E = O || (a == null ? void 0 : a.type) === "error", M = d === t ? 0 : (u - t) / (d - t) * 100, C = x ? x(u) : u, h = v ? C : U, se = _(
57
+ ), B = O || (a == null ? void 0 : a.type) === "error", E = d === t ? 0 : (u - t) / (d - t) * 100, M = N ? N(u) : u, h = f ? M : U, oe = P(
58
58
  e["tedi-slider"],
59
59
  {
60
60
  [e["tedi-slider--disabled"]]: n,
61
- [e["tedi-slider--invalid"]]: E,
61
+ [e["tedi-slider--invalid"]]: B,
62
62
  [e["tedi-slider--dragging"]]: l && !n
63
63
  },
64
64
  A
65
65
  );
66
- return /* @__PURE__ */ o("div", { "data-name": "slider", className: se, children: [
66
+ return /* @__PURE__ */ s("div", { "data-name": "slider", className: oe, children: [
67
67
  w && /* @__PURE__ */ r(ge, { id: g, label: w, required: L, hideLabel: j }),
68
- /* @__PURE__ */ o("div", { className: e["tedi-slider__container"], children: [
69
- /* @__PURE__ */ o("div", { className: e["tedi-slider__track-row"], children: [
70
- f != null && /* @__PURE__ */ r("span", { className: e["tedi-slider__range-label"], "aria-hidden": "true", children: f }),
71
- /* @__PURE__ */ o(
68
+ /* @__PURE__ */ s("div", { className: e["tedi-slider__container"], children: [
69
+ /* @__PURE__ */ s("div", { className: e["tedi-slider__track-row"], children: [
70
+ v != null && /* @__PURE__ */ r("span", { className: e["tedi-slider__range-label"], "aria-hidden": "true", children: v }),
71
+ /* @__PURE__ */ s(
72
72
  "div",
73
73
  {
74
74
  className: e["tedi-slider__track"],
75
75
  style: {
76
- "--tedi-slider-progress": `${M}%`,
77
- "--tedi-slider-progress-ratio": `${M / 100}`
76
+ "--tedi-slider-progress": `${E}%`,
77
+ "--tedi-slider-progress-ratio": `${E / 100}`
78
78
  },
79
79
  children: [
80
80
  /* @__PURE__ */ r(
@@ -90,8 +90,8 @@ const be = oe((N, S) => {
90
90
  value: u,
91
91
  disabled: n,
92
92
  required: L,
93
- "aria-invalid": E ? "true" : void 0,
94
- "aria-describedby": k,
93
+ "aria-invalid": B ? "true" : void 0,
94
+ "aria-describedby": I,
95
95
  "aria-label": G,
96
96
  "aria-labelledby": J,
97
97
  "aria-valuetext": K,
@@ -101,12 +101,12 @@ const be = oe((N, S) => {
101
101
  onPointerDown: ne,
102
102
  onFocus: ie,
103
103
  onBlur: te,
104
- className: _(e["tedi-slider__input"], {
104
+ className: P(e["tedi-slider__input"], {
105
105
  [e["tedi-slider__input--dragging"]]: l
106
106
  })
107
107
  }
108
108
  ),
109
- V && /* @__PURE__ */ o(
109
+ V && /* @__PURE__ */ s(
110
110
  me,
111
111
  {
112
112
  open: ee,
@@ -116,8 +116,8 @@ const be = oe((N, S) => {
116
116
  placement: "top",
117
117
  trackReferencePosition: !0,
118
118
  children: [
119
- /* @__PURE__ */ r(fe, { children: /* @__PURE__ */ r("span", { className: e["tedi-slider__thumb-anchor"], "aria-hidden": "true", tabIndex: -1 }) }),
120
- /* @__PURE__ */ r(pe, { children: C })
119
+ /* @__PURE__ */ r(ve, { children: /* @__PURE__ */ r("span", { className: e["tedi-slider__thumb-anchor"], "aria-hidden": "true", tabIndex: -1 }) }),
120
+ /* @__PURE__ */ r(pe, { children: M })
121
121
  ]
122
122
  }
123
123
  )
@@ -128,15 +128,15 @@ const be = oe((N, S) => {
128
128
  "span",
129
129
  {
130
130
  className: e["tedi-slider__range-label"],
131
- "aria-hidden": v ? void 0 : "true",
132
- "aria-live": v ? "polite" : void 0,
131
+ "aria-hidden": f ? void 0 : "true",
132
+ "aria-live": f ? "polite" : void 0,
133
133
  children: h
134
134
  }
135
135
  )
136
136
  ] }),
137
- I && /* @__PURE__ */ r("div", { className: e["tedi-slider__addon"], children: I })
137
+ x && /* @__PURE__ */ r("div", { className: e["tedi-slider__addon"], children: x })
138
138
  ] }),
139
- a && /* @__PURE__ */ r(ve, { ...a, id: k, className: _(e["tedi-slider__feedback"], a.className) })
139
+ a && /* @__PURE__ */ r(fe, { ...a, id: I })
140
140
  ] });
141
141
  });
142
142
  be.displayName = "Slider";
package/src/tedi/components/form/slider/slider.module.scss.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-slider":"tedi-slider-90e24e7d","tedi-slider__container":"tedi-slider__container-525c4b64","tedi-slider__track-row":"tedi-slider__track-row-95e9c2d5","tedi-slider__range-label":"tedi-slider__range-label-a2a6a43b","tedi-slider__track":"tedi-slider__track-a7afc8d6","tedi-slider__thumb-anchor":"tedi-slider__thumb-anchor-7e282370","tedi-slider__input":"tedi-slider__input-b2d1c042","tedi-slider__input--dragging":"tedi-slider__input--dragging-6a2f5f85","tedi-slider__addon":"tedi-slider__addon-6b259d81","tedi-slider__feedback":"tedi-slider__feedback-dad1545e","tedi-slider--disabled":"tedi-slider--disabled-d1da914a","tedi-slider--dragging":"tedi-slider--dragging-c82f4f25"};exports.default=e;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-slider":"tedi-slider-90e24e7d","tedi-slider__container":"tedi-slider__container-525c4b64","tedi-slider__track-row":"tedi-slider__track-row-95e9c2d5","tedi-slider__range-label":"tedi-slider__range-label-a2a6a43b","tedi-slider__track":"tedi-slider__track-a7afc8d6","tedi-slider__thumb-anchor":"tedi-slider__thumb-anchor-7e282370","tedi-slider__input":"tedi-slider__input-b2d1c042","tedi-slider__input--dragging":"tedi-slider__input--dragging-6a2f5f85","tedi-slider__addon":"tedi-slider__addon-6b259d81","tedi-slider--disabled":"tedi-slider--disabled-d1da914a","tedi-slider--dragging":"tedi-slider--dragging-c82f4f25"};exports.default=e;
package/src/tedi/components/form/slider/slider.module.scss.es.js CHANGED
@@ -8,7 +8,6 @@ const d = {
8
8
  "tedi-slider__input": "tedi-slider__input-b2d1c042",
9
9
  "tedi-slider__input--dragging": "tedi-slider__input--dragging-6a2f5f85",
10
10
  "tedi-slider__addon": "tedi-slider__addon-6b259d81",
11
- "tedi-slider__feedback": "tedi-slider__feedback-dad1545e",
12
11
  "tedi-slider--disabled": "tedi-slider--disabled-d1da914a",
13
12
  "tedi-slider--dragging": "tedi-slider--dragging-c82f4f25"
14
13
  };