@tedi-design-system/react 18.0.0-rc.30 → 18.0.0-rc.31
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.
- package/bundle-stats.html +1 -1
- package/index.css +1 -1
- package/package.json +2 -2
- package/src/community/components/layout/header/components/header-role/header-role.cjs.js +1 -1
- package/src/community/components/layout/header/components/header-role/header-role.es.js +1 -1
- package/src/community/components/layout/sidenav/sidenav.cjs.js +1 -1
- package/src/community/components/layout/sidenav/sidenav.es.js +1 -1
- package/src/community/components/vertical-stepper/step-item/step-item.cjs.js +1 -1
- package/src/community/components/vertical-stepper/step-item/step-item.es.js +1 -1
- package/src/tedi/components/buttons/collapse-button/collapse-button.cjs.js +1 -1
- package/src/tedi/components/buttons/collapse-button/collapse-button.es.js +31 -14
- package/src/tedi/components/content/collapse/collapse.cjs.js +1 -0
- package/src/tedi/components/{buttons → content}/collapse/collapse.d.ts +17 -0
- package/src/tedi/components/content/collapse/collapse.es.js +84 -0
- package/src/tedi/components/content/collapse/collapse.module.scss.cjs.js +1 -0
- package/src/tedi/components/content/collapse/collapse.module.scss.es.js +8 -0
- package/src/tedi/components/content/table/table.cjs.js +1 -1
- package/src/tedi/components/content/table/table.d.ts +6 -6
- package/src/tedi/components/content/table/table.es.js +125 -126
- package/src/tedi/components/layout/footer/footer-section/footer-section.cjs.js +1 -1
- package/src/tedi/components/layout/footer/footer-section/footer-section.es.js +12 -11
- package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js +1 -1
- package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.es.js +116 -120
- package/src/tedi/components/layout/sidenav/sidenav.module.scss.cjs.js +1 -1
- package/src/tedi/components/layout/sidenav/sidenav.module.scss.es.js +1 -1
- package/src/tedi/index.d.ts +1 -1
- package/tedi.cjs.js +1 -1
- package/tedi.es.js +1 -1
- package/src/tedi/components/buttons/collapse/collapse.cjs.js +0 -1
- package/src/tedi/components/buttons/collapse/collapse.es.js +0 -114
- package/src/tedi/components/buttons/collapse/collapse.module.scss.cjs.js +0 -1
- package/src/tedi/components/buttons/collapse/collapse.module.scss.es.js +0 -19
|
@@ -1,114 +0,0 @@
|
|
|
1
|
-
import { jsx as t, jsxs as h } from "react/jsx-runtime";
|
|
2
|
-
import n from "../../../../../external/classnames/index.es.js";
|
|
3
|
-
import f from "react";
|
|
4
|
-
import G from "../../../../../external/react-animate-height/dist/esm/index.es.js";
|
|
5
|
-
import { usePrint as J } from "../../../providers/printing-provider/printing-provider.es.js";
|
|
6
|
-
import { Icon as Q } from "../../base/icon/icon.es.js";
|
|
7
|
-
import { Text as U } from "../../base/typography/text/text.es.js";
|
|
8
|
-
import { Print as V } from "../../misc/print/print.es.js";
|
|
9
|
-
import e from "./collapse.module.scss.es.js";
|
|
10
|
-
import { useBreakpointProps as W } from "../../../helpers/hooks/use-breakpoint-props.es.js";
|
|
11
|
-
import { useLabels as X } from "../../../providers/label-provider/use-labels.es.js";
|
|
12
|
-
import { Row as P } from "../../layout/grid/row.es.js";
|
|
13
|
-
import { Col as s } from "../../layout/grid/col.es.js";
|
|
14
|
-
const pe = (w) => {
|
|
15
|
-
const { getCurrentBreakpointProps: $ } = W(w.defaultServerBreakpoint), { getLabel: y } = X(), {
|
|
16
|
-
id: r,
|
|
17
|
-
children: g,
|
|
18
|
-
className: B,
|
|
19
|
-
openText: v = y("open"),
|
|
20
|
-
closeText: x = y("close"),
|
|
21
|
-
hideCollapseText: S = !1,
|
|
22
|
-
title: c,
|
|
23
|
-
titleRowProps: T,
|
|
24
|
-
defaultOpen: j,
|
|
25
|
-
open: d,
|
|
26
|
-
onToggle: p,
|
|
27
|
-
arrowType: a = "default",
|
|
28
|
-
size: i = "default",
|
|
29
|
-
underline: D = !0,
|
|
30
|
-
toggleLabel: b,
|
|
31
|
-
iconOnly: E = !1,
|
|
32
|
-
controlsId: C,
|
|
33
|
-
inverted: L = !1,
|
|
34
|
-
...M
|
|
35
|
-
} = $(w), I = C !== void 0, m = `${r}__trigger`, u = `${r}__content`, R = `${r}__animate`, [N, z] = f.useState(() => j), _ = J(), o = f.useMemo(
|
|
36
|
-
() => _ || (d !== void 0 ? d : N),
|
|
37
|
-
[_, d, N]
|
|
38
|
-
), K = E === !0 && !c, A = L && a !== "secondary", H = n(
|
|
39
|
-
e["tedi-collapse"],
|
|
40
|
-
i === "small" && e["tedi-collapse--small"],
|
|
41
|
-
o && e["tedi-collapse--is-open"],
|
|
42
|
-
K && e["tedi-collapse--icon-only"],
|
|
43
|
-
A && e["tedi-collapse--inverted"],
|
|
44
|
-
e[`tedi-collapse--arrow-${a}`],
|
|
45
|
-
B
|
|
46
|
-
), k = () => {
|
|
47
|
-
const l = !o;
|
|
48
|
-
z(l), p == null || p(l);
|
|
49
|
-
}, q = (l) => {
|
|
50
|
-
(l.key === "Enter" || l.key === " ") && !l.repeat && (l.preventDefault(), k());
|
|
51
|
-
}, F = b || (o ? x : v), O = f.useMemo(
|
|
52
|
-
() => /* @__PURE__ */ t("div", { id: u, role: "region", "aria-labelledby": m, className: e["tedi-collapse__content"], children: g }),
|
|
53
|
-
[g, u, m]
|
|
54
|
-
);
|
|
55
|
-
return /* @__PURE__ */ h("div", { "data-name": "collapse", ...M, className: H, children: [
|
|
56
|
-
/* @__PURE__ */ t(
|
|
57
|
-
"button",
|
|
58
|
-
{
|
|
59
|
-
id: m,
|
|
60
|
-
type: "button",
|
|
61
|
-
"data-name": "collapse-trigger",
|
|
62
|
-
className: e["tedi-collapse__title"],
|
|
63
|
-
"aria-label": F,
|
|
64
|
-
"aria-expanded": o,
|
|
65
|
-
"aria-controls": I ? C : u,
|
|
66
|
-
onKeyDown: q,
|
|
67
|
-
onClick: k,
|
|
68
|
-
children: /* @__PURE__ */ h(P, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...T, element: "span", children: [
|
|
69
|
-
c && /* @__PURE__ */ t(s, { "aria-hidden": "true", children: c }),
|
|
70
|
-
/* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ h(P, { element: "span", alignItems: "center", gutter: 0, wrap: "nowrap", children: [
|
|
71
|
-
/* @__PURE__ */ t(V, { visibility: "hide", children: /* @__PURE__ */ t(s, { width: "auto", className: n({ "visually-hidden": S }), children: /* @__PURE__ */ t(
|
|
72
|
-
U,
|
|
73
|
-
{
|
|
74
|
-
element: "span",
|
|
75
|
-
className: n(e["tedi-collapse__text"], {
|
|
76
|
-
[e["tedi-collapse__text--underline"]]: D
|
|
77
|
-
}),
|
|
78
|
-
children: o ? x : v
|
|
79
|
-
}
|
|
80
|
-
) }) }),
|
|
81
|
-
/* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ t(
|
|
82
|
-
"div",
|
|
83
|
-
{
|
|
84
|
-
className: n(
|
|
85
|
-
e["tedi-collapse__icon-wrapper"],
|
|
86
|
-
e[`tedi-collapse__icon-wrapper--${a}`],
|
|
87
|
-
i === "small" && e["tedi-collapse__icon-wrapper--small"]
|
|
88
|
-
),
|
|
89
|
-
children: /* @__PURE__ */ t(
|
|
90
|
-
Q,
|
|
91
|
-
{
|
|
92
|
-
className: n(
|
|
93
|
-
e["tedi-collapse__icon"],
|
|
94
|
-
e[`tedi-collapse__icon--${a}`],
|
|
95
|
-
i === "small" && e["tedi-collapse__icon--small"]
|
|
96
|
-
),
|
|
97
|
-
name: "expand_more",
|
|
98
|
-
color: "inherit",
|
|
99
|
-
size: i === "small" || a === "secondary" ? 18 : 24
|
|
100
|
-
}
|
|
101
|
-
)
|
|
102
|
-
}
|
|
103
|
-
) })
|
|
104
|
-
] }) })
|
|
105
|
-
] })
|
|
106
|
-
}
|
|
107
|
-
),
|
|
108
|
-
!I && (_ ? O : /* @__PURE__ */ t(G, { id: R, duration: 300, height: o ? "auto" : 0, "data-testid": "collapse-inner", children: O }))
|
|
109
|
-
] });
|
|
110
|
-
};
|
|
111
|
-
export {
|
|
112
|
-
pe as Collapse,
|
|
113
|
-
pe as default
|
|
114
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-collapse__title":"tedi-collapse__title-3e140e5c","tedi-collapse__text":"tedi-collapse__text-d150fea1","tedi-collapse__text--underline":"tedi-collapse__text--underline-73ca86bd","tedi-collapse__icon-wrapper":"tedi-collapse__icon-wrapper-d2b036ea","tedi-collapse__icon":"tedi-collapse__icon-5156e480","tedi-collapse__icon-wrapper--secondary":"tedi-collapse__icon-wrapper--secondary-3321348a","tedi-collapse__icon--secondary":"tedi-collapse__icon--secondary-f0f3125f","tedi-collapse__icon--default":"tedi-collapse__icon--default-9c7e19e4","tedi-collapse__icon-wrapper--default":"tedi-collapse__icon-wrapper--default-450808b2","tedi-collapse__icon-wrapper--small":"tedi-collapse__icon-wrapper--small-65e6d09a","tedi-collapse--icon-only":"tedi-collapse--icon-only-335962f8","tedi-collapse__content":"tedi-collapse__content-350b91f8","tedi-collapse--is-open":"tedi-collapse--is-open-b34b11c3","tedi-collapse--inverted":"tedi-collapse--inverted-bd2d0e21"};exports.default=e;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const e = {
|
|
2
|
-
"tedi-collapse__title": "tedi-collapse__title-3e140e5c",
|
|
3
|
-
"tedi-collapse__text": "tedi-collapse__text-d150fea1",
|
|
4
|
-
"tedi-collapse__text--underline": "tedi-collapse__text--underline-73ca86bd",
|
|
5
|
-
"tedi-collapse__icon-wrapper": "tedi-collapse__icon-wrapper-d2b036ea",
|
|
6
|
-
"tedi-collapse__icon": "tedi-collapse__icon-5156e480",
|
|
7
|
-
"tedi-collapse__icon-wrapper--secondary": "tedi-collapse__icon-wrapper--secondary-3321348a",
|
|
8
|
-
"tedi-collapse__icon--secondary": "tedi-collapse__icon--secondary-f0f3125f",
|
|
9
|
-
"tedi-collapse__icon--default": "tedi-collapse__icon--default-9c7e19e4",
|
|
10
|
-
"tedi-collapse__icon-wrapper--default": "tedi-collapse__icon-wrapper--default-450808b2",
|
|
11
|
-
"tedi-collapse__icon-wrapper--small": "tedi-collapse__icon-wrapper--small-65e6d09a",
|
|
12
|
-
"tedi-collapse--icon-only": "tedi-collapse--icon-only-335962f8",
|
|
13
|
-
"tedi-collapse__content": "tedi-collapse__content-350b91f8",
|
|
14
|
-
"tedi-collapse--is-open": "tedi-collapse--is-open-b34b11c3",
|
|
15
|
-
"tedi-collapse--inverted": "tedi-collapse--inverted-bd2d0e21"
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
e as default
|
|
19
|
-
};
|