@tedi-design-system/react 16.0.0 → 16.0.1-rc.2
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 +1 -1
- package/src/tedi/components/form/file-dropzone/file-dropzone.cjs.js +1 -1
- package/src/tedi/components/form/file-dropzone/file-dropzone.es.js +26 -26
- package/src/tedi/components/tags/status-badge/status-badge.cjs.js +1 -1
- package/src/tedi/components/tags/status-badge/status-badge.es.js +32 -55
- package/src/tedi/components/tags/status-badge/status-badge.module.scss.cjs.js +1 -1
- package/src/tedi/components/tags/status-badge/status-badge.module.scss.es.js +1 -3
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),F=require("../../../../../external/classnames/index.cjs.js"),C=require("../../../../../external/react-dropzone/dist/es/index.cjs.js"),N=require("../../../helpers/hooks/use-file-upload.cjs.js"),u=require("../../base/icon/icon.cjs.js"),D=require("../../buttons/closing-button/closing-button.cjs.js"),f=require("../feedback-text/feedback-text.cjs.js"),I=require("../form-label/form-label.cjs.js"),t=require("./file-dropzone.module.scss.cjs.js"),L=require("../../cards/card/card.cjs.js"),S=require("../../cards/card/card-content/card-content.cjs.js"),k=require("../../../providers/label-provider/use-labels.cjs.js"),m=require("../../content/list/list.cjs.js"),w=require("../../layout/grid/row.cjs.js"),x=require("../../layout/grid/col.cjs.js"),p=o=>{const{getLabel:s}=k.useLabels(),{label:z=s("file-dropzone.label"),className:b,disabled:a=!1,helper:i,id:c,...j}=o,{innerFiles:d,uploadErrorHelper:n,onFileChange:g,onFileRemove:v}=N.useFileUpload(o),{getRootProps:_,getInputProps:q,isDragActive:h}=C.useDropzone({disabled:a,accept:o.accept?{"application/*":[o.accept]}:void 0,multiple:o.multiple,maxSize:o.maxSize?o.maxSize*1024**2:void 0,onDrop:l=>{if(a)return;g({target:{files:l}})}}),y=F.default(t.default["tedi-file-dropzone"],{[t.default["tedi-file-dropzone--disabled"]]:a},{[t.default["tedi-file-dropzone--invalid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="error"},{[t.default["tedi-file-dropzone--valid"]]:((n==null?void 0:n.type)||(i==null?void 0:i.type))==="valid"},{[t.default["tedi-file-dropzone--drop-over"]]:h},b),r=i?(i==null?void 0:i.id)??`${c}-helper`:void 0;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{..._({tabIndex:a?-1:0,"aria-disabled":a,"aria-describedby":r}),className:y,children:[e.jsx("input",{...q(),disabled:a}),e.jsxs("div",{className:t.default["tedi-file-dropzone__label-wrapper"],children:[e.jsx(u.Icon,{color:a?"tertiary":"secondary",size:24,name:"attach_file"}),e.jsx(I.FormLabel,{...j,id:c,label:z,className:t.default["tedi-file-dropzone__label"]})]})]}),i?e.jsx(f.FeedbackText,{...i,id:r}):n?e.jsx(f.FeedbackText,{...n,id:r}):null,!!d.length&&e.jsx(m.List,{className:t.default["tedi-file-dropzone__file-list"],style:"none","aria-label":s("file-dropzone.selected-files"),children:d.map(l=>e.jsx(m.List.Item,{className:t.default["tedi-file-dropzone__file-list-item"],children:e.jsx(L.Card,{background:l.isValid===!1?"danger-primary":"tertiary",borderless:!0,className:t.default["tedi-file-dropzone__file-item"],children:e.jsx(S.CardContent,{padding:.5,children:e.jsxs(w.Row,{alignItems:"center",children:[e.jsxs(x.Col,{className:t.default["tedi-file-dropzone__file-name"],children:[l.name," ",l.isValid===!1&&e.jsx(u.Icon,{name:"info",color:"danger",display:"inline",size:18})]}),e.jsx(x.Col,{width:"auto",children:e.jsx(D.ClosingButton,{iconSize:18,title:s("remove")+" "+l.name,onClick:()=>v(l)})})]})})})},l.id||l.name))}),e.jsx("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true",children:d.length===0?s("file-dropzone.no-file"):s("file-dropzone.files-selected",d.length)})]})};exports.FileDropzone=p;exports.default=p;
|
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import { jsxs as d, Fragment as
|
|
2
|
-
import
|
|
3
|
-
import { useDropzone as
|
|
4
|
-
import { useFileUpload as
|
|
1
|
+
import { jsxs as d, Fragment as C, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import I from "../../../../../external/classnames/index.es.js";
|
|
3
|
+
import { useDropzone as D } from "../../../../../external/react-dropzone/dist/es/index.es.js";
|
|
4
|
+
import { useFileUpload as L } from "../../../helpers/hooks/use-file-upload.es.js";
|
|
5
5
|
import { Icon as f } from "../../base/icon/icon.es.js";
|
|
6
|
-
import { ClosingButton as
|
|
6
|
+
import { ClosingButton as S } from "../../buttons/closing-button/closing-button.es.js";
|
|
7
7
|
import { FeedbackText as p } from "../feedback-text/feedback-text.es.js";
|
|
8
|
-
import { FormLabel as
|
|
8
|
+
import { FormLabel as k } from "../form-label/form-label.es.js";
|
|
9
9
|
import o from "./file-dropzone.module.scss.es.js";
|
|
10
|
-
import { Card as
|
|
11
|
-
import { CardContent as
|
|
12
|
-
import { useLabels as
|
|
10
|
+
import { Card as w } from "../../cards/card/card.es.js";
|
|
11
|
+
import { CardContent as R } from "../../cards/card/card-content/card-content.es.js";
|
|
12
|
+
import { useLabels as j } from "../../../providers/label-provider/use-labels.es.js";
|
|
13
13
|
import { List as z } from "../../content/list/list.es.js";
|
|
14
|
-
import { Row as
|
|
14
|
+
import { Row as B } from "../../layout/grid/row.es.js";
|
|
15
15
|
import { Col as b } from "../../layout/grid/col.es.js";
|
|
16
|
-
const
|
|
17
|
-
const { getLabel: n } =
|
|
16
|
+
const Z = (a) => {
|
|
17
|
+
const { getLabel: n } = j(), { label: g = n("file-dropzone.label"), className: v, disabled: r = !1, helper: i, id: c, ...h } = a, { innerFiles: s, uploadErrorHelper: l, onFileChange: u, onFileRemove: y } = L(a), { getRootProps: _, getInputProps: N, isDragActive: x } = D({
|
|
18
18
|
disabled: r,
|
|
19
19
|
accept: a.accept ? { "application/*": [a.accept] } : void 0,
|
|
20
20
|
multiple: a.multiple,
|
|
21
21
|
maxSize: a.maxSize ? a.maxSize * 1024 ** 2 : void 0,
|
|
22
22
|
onDrop: (t) => {
|
|
23
23
|
if (r) return;
|
|
24
|
-
|
|
24
|
+
u({
|
|
25
25
|
target: { files: t }
|
|
26
26
|
});
|
|
27
27
|
}
|
|
28
|
-
}),
|
|
28
|
+
}), F = I(
|
|
29
29
|
o["tedi-file-dropzone"],
|
|
30
30
|
{ [o["tedi-file-dropzone--disabled"]]: r },
|
|
31
31
|
{ [o["tedi-file-dropzone--invalid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "error" },
|
|
32
32
|
{ [o["tedi-file-dropzone--valid"]]: ((l == null ? void 0 : l.type) || (i == null ? void 0 : i.type)) === "valid" },
|
|
33
|
-
{ [o["tedi-file-dropzone--drop-over"]]:
|
|
33
|
+
{ [o["tedi-file-dropzone--drop-over"]]: x },
|
|
34
34
|
v
|
|
35
35
|
), m = i ? (i == null ? void 0 : i.id) ?? `${c}-helper` : void 0;
|
|
36
|
-
return /* @__PURE__ */ d(
|
|
36
|
+
return /* @__PURE__ */ d(C, { children: [
|
|
37
37
|
/* @__PURE__ */ d(
|
|
38
38
|
"div",
|
|
39
39
|
{
|
|
40
|
-
...
|
|
40
|
+
..._({
|
|
41
41
|
tabIndex: r ? -1 : 0,
|
|
42
42
|
"aria-disabled": r,
|
|
43
43
|
"aria-describedby": m
|
|
44
44
|
}),
|
|
45
|
-
className:
|
|
45
|
+
className: F,
|
|
46
46
|
children: [
|
|
47
|
-
/* @__PURE__ */ e("input", { ...
|
|
47
|
+
/* @__PURE__ */ e("input", { ...N(), disabled: r }),
|
|
48
48
|
/* @__PURE__ */ d("div", { className: o["tedi-file-dropzone__label-wrapper"], children: [
|
|
49
49
|
/* @__PURE__ */ e(f, { color: r ? "tertiary" : "secondary", size: 24, name: "attach_file" }),
|
|
50
|
-
/* @__PURE__ */ e(
|
|
50
|
+
/* @__PURE__ */ e(k, { ...h, id: c, label: g, className: o["tedi-file-dropzone__label"] })
|
|
51
51
|
] })
|
|
52
52
|
]
|
|
53
53
|
}
|
|
@@ -60,23 +60,23 @@ const Y = (a) => {
|
|
|
60
60
|
style: "none",
|
|
61
61
|
"aria-label": n("file-dropzone.selected-files"),
|
|
62
62
|
children: s.map((t) => /* @__PURE__ */ e(z.Item, { className: o["tedi-file-dropzone__file-list-item"], children: /* @__PURE__ */ e(
|
|
63
|
-
|
|
63
|
+
w,
|
|
64
64
|
{
|
|
65
65
|
background: t.isValid === !1 ? "danger-primary" : "tertiary",
|
|
66
66
|
borderless: !0,
|
|
67
67
|
className: o["tedi-file-dropzone__file-item"],
|
|
68
|
-
children: /* @__PURE__ */ e(
|
|
68
|
+
children: /* @__PURE__ */ e(R, { padding: 0.5, children: /* @__PURE__ */ d(B, { alignItems: "center", children: [
|
|
69
69
|
/* @__PURE__ */ d(b, { className: o["tedi-file-dropzone__file-name"], children: [
|
|
70
70
|
t.name,
|
|
71
71
|
" ",
|
|
72
72
|
t.isValid === !1 && /* @__PURE__ */ e(f, { name: "info", color: "danger", display: "inline", size: 18 })
|
|
73
73
|
] }),
|
|
74
74
|
/* @__PURE__ */ e(b, { width: "auto", children: /* @__PURE__ */ e(
|
|
75
|
-
|
|
75
|
+
S,
|
|
76
76
|
{
|
|
77
77
|
iconSize: 18,
|
|
78
78
|
title: n("remove") + " " + t.name,
|
|
79
|
-
onClick: () =>
|
|
79
|
+
onClick: () => y(t)
|
|
80
80
|
}
|
|
81
81
|
) })
|
|
82
82
|
] }) })
|
|
@@ -88,6 +88,6 @@ const Y = (a) => {
|
|
|
88
88
|
] });
|
|
89
89
|
};
|
|
90
90
|
export {
|
|
91
|
-
|
|
92
|
-
|
|
91
|
+
Z as FileDropzone,
|
|
92
|
+
Z as default
|
|
93
93
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),B=require("../../../../../external/classnames/index.cjs.js"),_=require("../../base/icon/icon.cjs.js"),e=require("./status-badge.module.scss.cjs.js"),x=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),j=r=>{const{getCurrentBreakpointProps:o}=x.useBreakpointProps(r.defaultServerBreakpoint),{color:u="neutral",variant:l="filled",size:c="default",children:a,className:g,title:n,status:s,icon:i,id:b,role:t,...f}=o(r),v=n?"abbr":"div",m=B.default(e.default["tedi-status-badge"],e.default[`tedi-status-badge--variant-${l}`],e.default[`tedi-status-badge--color-${u}`],s&&e.default["tedi-status-badge--status"],s&&e.default[`tedi-status-badge--status-${s}`],c==="large"&&e.default["tedi-status-badge--large"],i&&!a&&e.default["tedi-status-badge__icon-only"],g),p=t==="alert"?"assertive":t==="status"?"polite":void 0;return d.jsxs(v,{className:m,id:b,title:n,role:t,"aria-live":t?p:void 0,...f,children:[i&&d.jsx(_.Icon,{name:i,color:"inherit",size:16,className:e.default[`tedi-status-badge__icon-${u}`]}),a&&d.jsx("span",{className:e.default["tedi-status-badge__inner-text"],children:a})]})};exports.StatusBadge=j;
|
|
@@ -1,66 +1,43 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { Icon as
|
|
4
|
-
import
|
|
5
|
-
import { useBreakpointProps as
|
|
6
|
-
const z = (
|
|
7
|
-
const { getCurrentBreakpointProps:
|
|
8
|
-
color:
|
|
9
|
-
variant:
|
|
1
|
+
import { jsxs as f, jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import _ from "../../../../../external/classnames/index.es.js";
|
|
3
|
+
import { Icon as B } from "../../base/icon/icon.es.js";
|
|
4
|
+
import t from "./status-badge.module.scss.es.js";
|
|
5
|
+
import { useBreakpointProps as N } from "../../../helpers/hooks/use-breakpoint-props.es.js";
|
|
6
|
+
const z = (r) => {
|
|
7
|
+
const { getCurrentBreakpointProps: l } = N(r.defaultServerBreakpoint), {
|
|
8
|
+
color: o = "neutral",
|
|
9
|
+
variant: c = "filled",
|
|
10
10
|
size: u = "default",
|
|
11
|
-
children:
|
|
12
|
-
className:
|
|
13
|
-
title:
|
|
14
|
-
status:
|
|
11
|
+
children: a,
|
|
12
|
+
className: m,
|
|
13
|
+
title: d,
|
|
14
|
+
status: s,
|
|
15
15
|
icon: i,
|
|
16
|
-
id:
|
|
17
|
-
role:
|
|
16
|
+
id: g,
|
|
17
|
+
role: e,
|
|
18
18
|
...b
|
|
19
|
-
} =
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
return "danger";
|
|
29
|
-
case "warning":
|
|
30
|
-
return "warning-dark";
|
|
31
|
-
default:
|
|
32
|
-
return "primary";
|
|
33
|
-
}
|
|
34
|
-
}, f = k(
|
|
35
|
-
e["tedi-status-badge"],
|
|
36
|
-
e[`tedi-status-badge--variant-${l}`],
|
|
37
|
-
e[`tedi-status-badge--color-${a}`],
|
|
38
|
-
r && e["tedi-status-badge--status"],
|
|
39
|
-
r && e[`tedi-status-badge--status-${r}`],
|
|
40
|
-
u === "large" && e["tedi-status-badge--large"],
|
|
41
|
-
i && !s && e["tedi-status-badge__icon-only"],
|
|
42
|
-
g
|
|
19
|
+
} = l(r), p = d ? "abbr" : "div", v = _(
|
|
20
|
+
t["tedi-status-badge"],
|
|
21
|
+
t[`tedi-status-badge--variant-${c}`],
|
|
22
|
+
t[`tedi-status-badge--color-${o}`],
|
|
23
|
+
s && t["tedi-status-badge--status"],
|
|
24
|
+
s && t[`tedi-status-badge--status-${s}`],
|
|
25
|
+
u === "large" && t["tedi-status-badge--large"],
|
|
26
|
+
i && !a && t["tedi-status-badge__icon-only"],
|
|
27
|
+
m
|
|
43
28
|
);
|
|
44
|
-
return /* @__PURE__ */
|
|
29
|
+
return /* @__PURE__ */ f(
|
|
45
30
|
p,
|
|
46
31
|
{
|
|
47
|
-
className:
|
|
48
|
-
id:
|
|
49
|
-
title:
|
|
50
|
-
role:
|
|
51
|
-
"aria-live":
|
|
32
|
+
className: v,
|
|
33
|
+
id: g,
|
|
34
|
+
title: d,
|
|
35
|
+
role: e,
|
|
36
|
+
"aria-live": e ? e === "alert" ? "assertive" : e === "status" ? "polite" : void 0 : void 0,
|
|
52
37
|
...b,
|
|
53
38
|
children: [
|
|
54
|
-
i && /* @__PURE__ */
|
|
55
|
-
|
|
56
|
-
{
|
|
57
|
-
name: i,
|
|
58
|
-
color: v(a),
|
|
59
|
-
size: 16,
|
|
60
|
-
className: e[`tedi-status-badge__icon-${a}`]
|
|
61
|
-
}
|
|
62
|
-
),
|
|
63
|
-
s && /* @__PURE__ */ d("span", { className: e["tedi-status-badge__inner-text"], children: s })
|
|
39
|
+
i && /* @__PURE__ */ n(B, { name: i, color: "inherit", size: 16, className: t[`tedi-status-badge__icon-${o}`] }),
|
|
40
|
+
a && /* @__PURE__ */ n("span", { className: t["tedi-status-badge__inner-text"], children: a })
|
|
64
41
|
]
|
|
65
42
|
}
|
|
66
43
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-status-badge":"tedi-status-badge-4e27f642","tedi-status-badge__inner-text":"tedi-status-badge__inner-text-03b0bc82","tedi-status-badge--large":"tedi-status-badge--large-5f2dbfb5","tedi-status-badge--variant-filled":"tedi-status-badge--variant-filled-f4539af1","tedi-status-badge--color-neutral":"tedi-status-badge--color-neutral-d01344a8","tedi-status-badge--color-brand":"tedi-status-badge--color-brand-b771d71c","tedi-status-badge--color-accent":"tedi-status-badge--color-accent-c08bc9ef","tedi-status-badge--color-success":"tedi-status-badge--color-success-1fbe69c4","tedi-status-badge--color-danger":"tedi-status-badge--color-danger-5fce5f83","tedi-status-badge--color-warning":"tedi-status-badge--color-warning-fa9d7c9b","tedi-status-badge--color-transparent":"tedi-status-badge--color-transparent-e6953202","tedi-status-badge--variant-filled-bordered":"tedi-status-badge--variant-filled-bordered-2dd34026","tedi-status-badge--variant-bordered":"tedi-status-badge--variant-bordered-1a37eb74","tedi-status-badge--status":"tedi-status-badge--status-fc03170a","tedi-badge--large":"tedi-badge--large-9671d5cc","tedi-status-badge--status-inactive":"tedi-status-badge--status-inactive-63b8ced2","tedi-status-badge--status-success":"tedi-status-badge--status-success-5c659818","tedi-status-badge--status-danger":"tedi-status-badge--status-danger-f02c312f","tedi-status-badge--status-warning":"tedi-status-badge--status-warning-28e8b925","tedi-status-badge__icon-only":"tedi-status-badge__icon-only-40501cec"
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-status-badge":"tedi-status-badge-4e27f642","tedi-status-badge__inner-text":"tedi-status-badge__inner-text-03b0bc82","tedi-status-badge--large":"tedi-status-badge--large-5f2dbfb5","tedi-status-badge--variant-filled":"tedi-status-badge--variant-filled-f4539af1","tedi-status-badge--color-neutral":"tedi-status-badge--color-neutral-d01344a8","tedi-status-badge--color-brand":"tedi-status-badge--color-brand-b771d71c","tedi-status-badge--color-accent":"tedi-status-badge--color-accent-c08bc9ef","tedi-status-badge--color-success":"tedi-status-badge--color-success-1fbe69c4","tedi-status-badge--color-danger":"tedi-status-badge--color-danger-5fce5f83","tedi-status-badge--color-warning":"tedi-status-badge--color-warning-fa9d7c9b","tedi-status-badge--color-transparent":"tedi-status-badge--color-transparent-e6953202","tedi-status-badge--variant-filled-bordered":"tedi-status-badge--variant-filled-bordered-2dd34026","tedi-status-badge--variant-bordered":"tedi-status-badge--variant-bordered-1a37eb74","tedi-status-badge--status":"tedi-status-badge--status-fc03170a","tedi-badge--large":"tedi-badge--large-9671d5cc","tedi-status-badge--status-inactive":"tedi-status-badge--status-inactive-63b8ced2","tedi-status-badge--status-success":"tedi-status-badge--status-success-5c659818","tedi-status-badge--status-danger":"tedi-status-badge--status-danger-f02c312f","tedi-status-badge--status-warning":"tedi-status-badge--status-warning-28e8b925","tedi-status-badge__icon-only":"tedi-status-badge__icon-only-40501cec"};exports.default=t;
|
|
@@ -18,9 +18,7 @@ const t = {
|
|
|
18
18
|
"tedi-status-badge--status-success": "tedi-status-badge--status-success-5c659818",
|
|
19
19
|
"tedi-status-badge--status-danger": "tedi-status-badge--status-danger-f02c312f",
|
|
20
20
|
"tedi-status-badge--status-warning": "tedi-status-badge--status-warning-28e8b925",
|
|
21
|
-
"tedi-status-badge__icon-only": "tedi-status-badge__icon-only-40501cec"
|
|
22
|
-
"tedi-status-badge__icon-primary": "tedi-status-badge__icon-primary-3c104521",
|
|
23
|
-
"tedi-status-badge__icon-accent": "tedi-status-badge__icon-accent-3c367d33"
|
|
21
|
+
"tedi-status-badge__icon-only": "tedi-status-badge__icon-only-40501cec"
|
|
24
22
|
};
|
|
25
23
|
export {
|
|
26
24
|
t as default
|