@tedi-design-system/react 16.0.1-rc.1 → 16.1.0-rc.1
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/_virtual/index.es13.js +2 -2
- package/_virtual/index.es14.js +2 -2
- package/bundle-stats.html +1 -1
- package/external/react-is/index.cjs.js +1 -1
- package/external/react-is/index.es.js +1 -1
- package/external/react-toastify/dist/index.cjs.js +3 -0
- package/external/react-toastify/dist/index.es.js +388 -0
- package/external/toposort/index.cjs.js +1 -1
- package/external/toposort/index.es.js +1 -1
- package/index.css +1 -1
- package/package.json +4 -4
- 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/notifications/toast/toast.cjs.js +1 -1
- package/src/tedi/components/notifications/toast/toast.es.js +10 -9
- package/src/tedi/components/notifications/toast/toast.module.scss.cjs.js +1 -1
- package/src/tedi/components/notifications/toast/toast.module.scss.es.js +4 -2
- package/src/tedi/providers/theme-provider/theme-provider.cjs.js +1 -1
- package/src/tedi/providers/theme-provider/theme-provider.d.ts +2 -1
- package/src/tedi/providers/theme-provider/theme-provider.es.js +25 -26
- package/tedi.cjs.js +1 -1
- package/tedi.es.js +1 -1
- package/external/react-toastify/dist/react-toastify.esm.cjs.js +0 -2
- package/external/react-toastify/dist/react-toastify.esm.es.js +0 -299
- package/external/react-toastify/external/clsx/dist/clsx.m.cjs.js +0 -1
- package/external/react-toastify/external/clsx/dist/clsx.m.es.js +0 -15
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tedi-design-system/react",
|
|
3
|
-
"version": "16.0
|
|
3
|
+
"version": "16.1.0-rc.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"exports": {
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"react-dropzone": "^14.3.5",
|
|
54
54
|
"react-select": "^5.10.1",
|
|
55
55
|
"react-sticky-box": "2.0.5",
|
|
56
|
-
"react-toastify": "^
|
|
56
|
+
"react-toastify": "^11.0.5",
|
|
57
57
|
"what-input": "^5.2.12",
|
|
58
58
|
"yup": "^1.4.0"
|
|
59
59
|
},
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"@dnd-kit/core": "^6.3.1",
|
|
73
73
|
"@dnd-kit/sortable": "^10.0.0",
|
|
74
74
|
"@dnd-kit/utilities": "^3.2.2",
|
|
75
|
-
"@faker-js/faker": "^
|
|
75
|
+
"@faker-js/faker": "^10.3.0",
|
|
76
76
|
"@semantic-release/changelog": "^6.0.3",
|
|
77
77
|
"@semantic-release/commit-analyzer": "^13.0.0",
|
|
78
78
|
"@semantic-release/git": "^10.0.1",
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"@svgr/webpack": "8.1.0",
|
|
90
90
|
"@swc-node/register": "~1.9.1",
|
|
91
91
|
"@swc/core": "~1.14.0",
|
|
92
|
-
"@swc/helpers": "~0.5.
|
|
92
|
+
"@swc/helpers": "~0.5.19",
|
|
93
93
|
"@testing-library/dom": "^9.3.4",
|
|
94
94
|
"@testing-library/jest-dom": "^6.4.2",
|
|
95
95
|
"@testing-library/react": "15.0.6",
|
|
@@ -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 n=require("react/jsx-runtime"),e=require("../../../../../external/react-toastify/dist/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("../../../../../external/react-toastify/dist/index.cjs.js"),l=require("../alert/alert.cjs.js"),s=require("./toast.module.scss.cjs.js");;/* empty css */const d={position:"bottom-right",autoClose:6e3,hideProgressBar:!0,closeOnClick:!0,pauseOnHover:!0,draggable:!0,progress:void 0,transition:e.Slide,rtl:!1,closeButton:!1},u=(t,a)=>{const i={...d,...a,progressClassName:`${s.default["tedi-toast__progress"]} ${s.default[`tedi-toast__progress--${t.type}`]}`},r=e.toast(()=>n.jsx(l.Alert,{"data-name":"toast",...t,onClose:()=>{var o;(o=t.onClose)==null||o.call(t),e.toast.dismiss(r)},className:s.default["tedi-toast"],children:t.children}),i)};exports.ToastContainer=e.ToastContainer;exports.sendNotification=u;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { toast as
|
|
3
|
-
import { ToastContainer as x } from "../../../../../external/react-toastify/dist/
|
|
2
|
+
import { toast as s, Slide as l } from "../../../../../external/react-toastify/dist/index.es.js";
|
|
3
|
+
import { ToastContainer as x } from "../../../../../external/react-toastify/dist/index.es.js";
|
|
4
4
|
import { Alert as m } from "../alert/alert.es.js";
|
|
5
|
-
import
|
|
5
|
+
import o from "./toast.module.scss.es.js";
|
|
6
6
|
/* empty css */
|
|
7
7
|
const d = {
|
|
8
8
|
position: "bottom-right",
|
|
@@ -16,24 +16,25 @@ const d = {
|
|
|
16
16
|
rtl: !1,
|
|
17
17
|
closeButton: !1
|
|
18
18
|
}, h = (t, r) => {
|
|
19
|
-
const
|
|
19
|
+
const a = {
|
|
20
20
|
...d,
|
|
21
21
|
...r,
|
|
22
|
-
progressClassName: `${
|
|
23
|
-
},
|
|
22
|
+
progressClassName: `${o["tedi-toast__progress"]} ${o[`tedi-toast__progress--${t.type}`]}`
|
|
23
|
+
}, i = s(
|
|
24
24
|
() => /* @__PURE__ */ n(
|
|
25
25
|
m,
|
|
26
26
|
{
|
|
27
27
|
"data-name": "toast",
|
|
28
28
|
...t,
|
|
29
29
|
onClose: () => {
|
|
30
|
-
var
|
|
31
|
-
(
|
|
30
|
+
var e;
|
|
31
|
+
(e = t.onClose) == null || e.call(t), s.dismiss(i);
|
|
32
32
|
},
|
|
33
|
+
className: o["tedi-toast"],
|
|
33
34
|
children: t.children
|
|
34
35
|
}
|
|
35
36
|
),
|
|
36
|
-
|
|
37
|
+
a
|
|
37
38
|
);
|
|
38
39
|
};
|
|
39
40
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"Toastify__toast-theme--light":"Toastify__toast-theme--light-9a32d5b7","tedi-toast":"tedi-toast-e91dad02","tedi-toast__progress":"tedi-toast__progress-21acca95","tedi-toast__progress--success":"tedi-toast__progress--success-fff321ea","tedi-toast__progress--info":"tedi-toast__progress--info-90570700","tedi-toast__progress--danger":"tedi-toast__progress--danger-20723c1a","tedi-toast__progress--warning":"tedi-toast__progress--warning-7caa58de"};exports.default=t;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
const
|
|
1
|
+
const t = {
|
|
2
|
+
"Toastify__toast-theme--light": "Toastify__toast-theme--light-9a32d5b7",
|
|
3
|
+
"tedi-toast": "tedi-toast-e91dad02",
|
|
2
4
|
"tedi-toast__progress": "tedi-toast__progress-21acca95",
|
|
3
5
|
"tedi-toast__progress--success": "tedi-toast__progress--success-fff321ea",
|
|
4
6
|
"tedi-toast__progress--info": "tedi-toast__progress--info-90570700",
|
|
@@ -6,5 +8,5 @@ const s = {
|
|
|
6
8
|
"tedi-toast__progress--warning": "tedi-toast__progress--warning-7caa58de"
|
|
7
9
|
};
|
|
8
10
|
export {
|
|
9
|
-
|
|
11
|
+
t as default
|
|
10
12
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),i=require("react"),a="tedi-theme--",c="tedi-theme",m=i.createContext({theme:"default",setTheme:()=>{}}),f=()=>i.useContext(m);function l(o){var n;if(typeof window>"u")return o??"default";const s=localStorage.getItem(c);if(s)return s;const e=(n=document.cookie.split("; ").find(t=>t.startsWith(`${c}=`)))==null?void 0:n.split("=")[1];return e||(o??"default")}const h=({theme:o,children:s})=>{const[e,n]=i.useState(()=>l(o));return i.useEffect(()=>{if(typeof document>"u")return;const t=document.documentElement;for(let u=t.classList.length-1;u>=0;u--){const r=t.classList.item(u);r!=null&&r.startsWith(a)&&t.classList.remove(r)}t.classList.add(`${a}${e}`),localStorage.setItem(c,e),document.cookie=`${c}=${e}; path=/; max-age=31536000; SameSite=Lax`},[e]),d.jsx(m.Provider,{value:{theme:e,setTheme:n},children:s})};exports.ThemeProvider=h;exports.useTheme=f;
|
|
@@ -1,34 +1,33 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { useContext as
|
|
4
|
-
const
|
|
2
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
3
|
+
import { useContext as d, createContext as f, useState as l, useEffect as h } from "react";
|
|
4
|
+
const m = "tedi-theme--", i = "tedi-theme", a = f({
|
|
5
5
|
theme: "default",
|
|
6
6
|
setTheme: () => {
|
|
7
7
|
}
|
|
8
|
-
}),
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
}), x = () => d(a);
|
|
9
|
+
function S(o) {
|
|
10
|
+
var n;
|
|
11
|
+
if (typeof window > "u")
|
|
12
|
+
return o ?? "default";
|
|
13
|
+
const s = localStorage.getItem(i);
|
|
14
|
+
if (s) return s;
|
|
15
|
+
const e = (n = document.cookie.split("; ").find((t) => t.startsWith(`${i}=`))) == null ? void 0 : n.split("=")[1];
|
|
16
|
+
return e || (o ?? "default");
|
|
17
|
+
}
|
|
18
|
+
const E = ({ theme: o, children: s }) => {
|
|
19
|
+
const [e, n] = l(() => S(o));
|
|
20
|
+
return h(() => {
|
|
20
21
|
if (typeof document > "u") return;
|
|
21
|
-
const
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}, []);
|
|
29
|
-
return /* @__PURE__ */ a(c.Provider, { value: { theme: t, setTheme: d }, children: u });
|
|
22
|
+
const t = document.documentElement;
|
|
23
|
+
for (let c = t.classList.length - 1; c >= 0; c--) {
|
|
24
|
+
const r = t.classList.item(c);
|
|
25
|
+
r != null && r.startsWith(m) && t.classList.remove(r);
|
|
26
|
+
}
|
|
27
|
+
t.classList.add(`${m}${e}`), localStorage.setItem(i, e), document.cookie = `${i}=${e}; path=/; max-age=31536000; SameSite=Lax`;
|
|
28
|
+
}, [e]), /* @__PURE__ */ u(a.Provider, { value: { theme: e, setTheme: n }, children: s });
|
|
30
29
|
};
|
|
31
30
|
export {
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
E as ThemeProvider,
|
|
32
|
+
x as useTheme
|
|
34
33
|
};
|
package/tedi.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./src/tedi/components/base/typography/text/text.cjs.js"),s=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),c=require("./src/tedi/components/base/icon/icon.cjs.js"),u=require("./src/tedi/components/content/label/label.cjs.js"),a=require("./src/tedi/components/content/section/section.cjs.js"),l=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),d=require("./src/tedi/components/content/truncate/truncate.cjs.js"),p=require("./src/tedi/components/content/text-group/text-group.cjs.js"),q=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),g=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),v=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./src/tedi/components/base/typography/text/text.cjs.js"),s=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),c=require("./src/tedi/components/base/icon/icon.cjs.js"),u=require("./src/tedi/components/content/label/label.cjs.js"),a=require("./src/tedi/components/content/section/section.cjs.js"),l=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),d=require("./src/tedi/components/content/truncate/truncate.cjs.js"),p=require("./src/tedi/components/content/text-group/text-group.cjs.js"),q=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),g=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),v=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),C=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),T=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),h=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),x=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),I=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),P=require("./src/tedi/components/navigation/link/link.cjs.js"),m=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),F=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),G=require("./src/tedi/components/form/search/search.cjs.js"),N=require("./src/tedi/components/form/radio/radio.cjs.js"),y=require("./src/tedi/components/form/file-upload/file-upload.cjs.js"),D=require("./src/tedi/components/form/file-dropzone/file-dropzone.cjs.js"),A=require("./src/tedi/components/form/select/select.cjs.js"),M=require("./src/tedi/components/form/checkbox/checkbox.cjs.js"),H=require("./src/tedi/components/misc/separator/separator.cjs.js"),V=require("./src/tedi/components/misc/print/print.cjs.js"),w=require("./src/tedi/components/misc/stretch-content/stretch-content.cjs.js"),z=require("./src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),R=require("./src/tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),U=require("./src/tedi/components/misc/affix/affix.cjs.js"),W=require("./src/tedi/components/misc/ellipsis/ellipsis.cjs.js"),E=require("./src/tedi/providers/style-provider/style-provider.cjs.js"),t=require("./src/tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),j=require("./src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js"),o=require("./src/tedi/providers/theme-provider/theme-provider.cjs.js"),O=require("./src/tedi/components/content/list/list.cjs.js"),J=require("./src/tedi/components/content/list/list-item.cjs.js"),K=require("./src/tedi/components/loaders/skeleton/skeleton.cjs.js"),Q=require("./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),X=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),Y=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.cjs.js"),Z=require("./src/tedi/components/layout/grid/row.cjs.js"),_=require("./src/tedi/components/layout/grid/col.cjs.js"),$=require("./external/react-toastify/dist/index.cjs.js"),ee=require("./src/tedi/components/cards/card/card.cjs.js"),re=require("./src/tedi/components/cards/card/card-header/card-header.cjs.js"),te=require("./src/tedi/components/cards/card/card-notification/card-notification.cjs.js"),oe=require("./src/tedi/components/cards/card/card-content/card-content.cjs.js"),ie=require("./src/tedi/components/form/choice-group/choice-group.cjs.js"),ne=require("./src/tedi/components/form/choice-group/choice-group-context.cjs.js"),se=require("./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js"),ce=require("./src/tedi/components/overlays/tooltip/tooltip.cjs.js"),ue=require("./src/tedi/components/overlays/tooltip/tooltip-content.cjs.js"),ae=require("./src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js"),le=require("./src/tedi/components/overlays/popover/popover.cjs.js"),de=require("./src/tedi/components/overlays/popover/popover-content.cjs.js"),pe=require("./src/tedi/components/overlays/popover/popover-trigger.cjs.js"),qe=require("./src/tedi/components/layout/sidenav/sidenav.cjs.js"),ge=require("./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js"),Se=require("./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js"),ve=require("./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js"),be=require("./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js"),Ce=require("./src/tedi/helpers/hooks/use-is-mounted.cjs.js"),e=require("./src/tedi/helpers/hooks/use-breakpoint.cjs.js"),Te=require("./src/tedi/helpers/hooks/use-breakpoint-props.cjs.js"),he=require("./src/tedi/helpers/hooks/use-print.cjs.js"),xe=require("./src/tedi/helpers/hooks/use-element-size.cjs.js"),Be=require("./src/tedi/helpers/hooks/use-scroll.cjs.js"),ke=require("./src/tedi/helpers/hooks/use-is-touch-device.cjs.js"),Ie=require("./src/tedi/helpers/hooks/use-file-upload.cjs.js"),Pe=require("./src/tedi/helpers/hooks/use-what-input.cjs.js"),me=require("./src/tedi/providers/label-provider/use-labels.cjs.js"),i=require("./src/tedi/providers/label-provider/label-provider.cjs.js"),r=require("./src/tedi/providers/label-provider/labels-map.cjs.js");exports.Text=n.Text;exports.Heading=s.Heading;exports.Icon=c.Icon;exports.Label=u.Label;exports.Section=a.Section;exports.HeadingWithIcon=l.HeadingWithIcon;exports.Truncate=d.Truncate;exports.TextGroup=p.TextGroup;exports.Spinner=q.Spinner;exports.Tag=g.Tag;exports.StatusBadge=S.StatusBadge;exports.ClosingButton=v.ClosingButton;exports.Button=b.Button;exports.InfoButton=C.InfoButton;exports.FloatingButton=T.FloatingButton;exports.ButtonGroup=h.ButtonGroup;exports.Collapse=x.Collapse;exports.Alert=B.Alert;exports.sendNotification=k.sendNotification;exports.HashTrigger=I.HashTrigger;exports.Link=P.Link;exports.TextField=m.TextField;exports.TextArea=L.TextArea;exports.NumberField=f.NumberField;exports.FeedbackText=F.FeedbackText;exports.Search=G.Search;exports.Radio=N.Radio;exports.FileUpload=y.FileUpload;exports.FileDropzone=D.FileDropzone;exports.Select=A.Select;exports.Checkbox=M.Checkbox;exports.Separator=H.Separator;exports.Print=V.Print;exports.StretchContent=w.StretchContent;exports.ScrollVisibility=z.ScrollVisibility;exports.ScrollFade=R.ScrollFade;exports.Affix=U.Affix;exports.Ellipsis=W.Ellipsis;exports.StyleProvider=E.StyleProvider;exports.AccessibilityContext=t.AccessibilityContext;exports.AccessibilityProvider=t.AccessibilityProvider;exports.useDeclareLoader=j.useDeclareLoader;exports.ThemeProvider=o.ThemeProvider;exports.useTheme=o.useTheme;exports.List=O.List;exports.ListItem=J.ListItem;exports.Skeleton=K.Skeleton;exports.SkeletonBlock=Q.SkeletonBlock;exports.VerticalSpacing=X.VerticalSpacing;exports.VerticalSpacingItem=Y.VerticalSpacingItem;exports.Row=Z.Row;exports.Col=_.Col;exports.ToastContainer=$.ToastContainer;exports.Card=ee.Card;exports.CardHeader=re.CardHeader;exports.CardNotification=te.CardNotification;exports.CardContent=oe.CardContent;exports.ChoiceGroup=ie.ChoiceGroup;exports.ChoiceGroupContext=ne.ChoiceGroupContext;exports.ChoiceGroupItem=se.ChoiceGroupItem;exports.Tooltip=ce.Tooltip;exports.TooltipContent=ue.TooltipContent;exports.TooltipTrigger=ae.TooltipTrigger;exports.Popover=le.Popover;exports.PopoverContent=de.PopoverContent;exports.PopoverTrigger=pe.PopoverTrigger;exports.SideNav=qe.SideNav;exports.SideNavDropdown=ge.SideNavDropdown;exports.SideNavItem=Se.SideNavItem;exports.SidenavToggle=ve.SidenavToggle;exports.SideNavMobile=be.SideNavMobile;exports.useIsMounted=Ce.useIsMounted;exports.breakpoints=e.breakpoints;exports.isBreakpointBelow=e.isBreakpointBelow;exports.useBreakpoint=e.useBreakpoint;exports.useBreakpointProps=Te.useBreakpointProps;exports.usePrint=he.usePrint;exports.useElementSize=xe.useElementSize;exports.useScroll=Be.useScroll;exports.useIsTouchDevice=ke.useIsTouchDevice;exports.useFileUpload=Ie.useFileUpload;exports.useWhatInput=Pe.useWhatInput;exports.useLabels=me.useLabels;exports.LabelContext=i.LabelContext;exports.LabelProvider=i.LabelProvider;exports.labelsMap=r.labelsMap;exports.validateLabelRecord=r.validateLabelRecord;exports.validateLabelValues=r.validateLabelValues;
|
package/tedi.es.js
CHANGED
|
@@ -48,7 +48,7 @@ import { VerticalSpacing as jo } from "./src/tedi/components/layout/vertical-spa
|
|
|
48
48
|
import { VerticalSpacingItem as Jo } from "./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.es.js";
|
|
49
49
|
import { Row as Oo } from "./src/tedi/components/layout/grid/row.es.js";
|
|
50
50
|
import { Col as Xo } from "./src/tedi/components/layout/grid/col.es.js";
|
|
51
|
-
import { ToastContainer as Zo } from "./external/react-toastify/dist/
|
|
51
|
+
import { ToastContainer as Zo } from "./external/react-toastify/dist/index.es.js";
|
|
52
52
|
import { Card as $o } from "./src/tedi/components/cards/card/card.es.js";
|
|
53
53
|
import { CardHeader as rr } from "./src/tedi/components/cards/card/card-header/card-header.es.js";
|
|
54
54
|
import { CardNotification as tr } from "./src/tedi/components/cards/card/card-notification/card-notification.es.js";
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),B=require("../external/clsx/dist/clsx.m.cjs.js"),Q=e=>typeof e=="number"&&!isNaN(e),F=e=>typeof e=="string",L=e=>typeof e=="function",X=e=>F(e)||L(e)?e:null,Z=e=>o.isValidElement(e)||F(e)||L(e)||Q(e);function ae(e,t,i){i===void 0&&(i=300);const{scrollHeight:f,style:u}=e;requestAnimationFrame(()=>{u.minHeight="initial",u.height=f+"px",u.transition=`all ${i}ms`,requestAnimationFrame(()=>{u.height="0",u.padding="0",u.margin="0",setTimeout(t,i)})})}function j(e){let{enter:t,exit:i,appendPosition:f=!1,collapse:u=!0,collapseDuration:l=300}=e;return function(n){let{children:s,position:C,preventExitTransition:T,done:y,nodeRef:g,isIn:b}=n;const r=f?`${t}--${C}`:t,d=f?`${i}--${C}`:i,m=o.useRef(0);return o.useLayoutEffect(()=>{const a=g.current,c=r.split(" "),E=_=>{_.target===g.current&&(a.dispatchEvent(new Event("d")),a.removeEventListener("animationend",E),a.removeEventListener("animationcancel",E),m.current===0&&_.type!=="animationcancel"&&a.classList.remove(...c))};a.classList.add(...c),a.addEventListener("animationend",E),a.addEventListener("animationcancel",E)},[]),o.useEffect(()=>{const a=g.current,c=()=>{a.removeEventListener("animationend",c),u?ae(a,y,l):y()};b||(T?c():(m.current=1,a.className+=` ${d}`,a.addEventListener("animationend",c)))},[b]),o.createElement(o.Fragment,null,s)}}function ne(e,t){return e!=null?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}const x={list:new Map,emitQueue:new Map,on(e,t){return this.list.has(e)||this.list.set(e,[]),this.list.get(e).push(t),this},off(e,t){if(t){const i=this.list.get(e).filter(f=>f!==t);return this.list.set(e,i),this}return this.list.delete(e),this},cancelEmit(e){const t=this.emitQueue.get(e);return t&&(t.forEach(clearTimeout),this.emitQueue.delete(e)),this},emit(e){this.list.has(e)&&this.list.get(e).forEach(t=>{const i=setTimeout(()=>{t(...[].slice.call(arguments,1))},0);this.emitQueue.has(e)||this.emitQueue.set(e,[]),this.emitQueue.get(e).push(i)})}},U=e=>{let{theme:t,type:i,...f}=e;return o.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:t==="colored"?"currentColor":`var(--toastify-icon-color-${i})`,...f})},Y={info:function(e){return o.createElement(U,{...e},o.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(e){return o.createElement(U,{...e},o.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(e){return o.createElement(U,{...e},o.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(e){return o.createElement(U,{...e},o.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return o.createElement("div",{className:"Toastify__spinner"})}};function re(e){const[,t]=o.useReducer(r=>r+1,0),[i,f]=o.useState([]),u=o.useRef(null),l=o.useRef(new Map).current,n=r=>i.indexOf(r)!==-1,s=o.useRef({toastKey:1,displayedToast:0,count:0,queue:[],props:e,containerId:null,isToastActive:n,getToast:r=>l.get(r)}).current;function C(r){let{containerId:d}=r;const{limit:m}=s.props;!m||d&&s.containerId!==d||(s.count-=s.queue.length,s.queue=[])}function T(r){f(d=>r==null?[]:d.filter(m=>m!==r))}function y(){const{toastContent:r,toastProps:d,staleId:m}=s.queue.shift();b(r,d,m)}function g(r,d){let{delay:m,staleId:a,...c}=d;if(!Z(r)||function(R){return!u.current||s.props.enableMultiContainer&&R.containerId!==s.props.containerId||l.has(R.toastId)&&R.updateId==null}(c))return;const{toastId:E,updateId:_,data:p}=c,{props:h}=s,P=()=>T(E),k=_==null;k&&s.count++;const I={...h,style:h.toastStyle,key:s.toastKey++,...Object.fromEntries(Object.entries(c).filter(R=>{let[M,O]=R;return O!=null})),toastId:E,updateId:_,data:p,closeToast:P,isIn:!1,className:X(c.className||h.toastClassName),bodyClassName:X(c.bodyClassName||h.bodyClassName),progressClassName:X(c.progressClassName||h.progressClassName),autoClose:!c.isLoading&&($=c.autoClose,q=h.autoClose,$===!1||Q($)&&$>0?$:q),deleteToast(){const R=ne(l.get(E),"removed");l.delete(E),x.emit(4,R);const M=s.queue.length;if(s.count=E==null?s.count-s.displayedToast:s.count-1,s.count<0&&(s.count=0),M>0){const O=E==null?s.props.limit:1;if(M===1||O===1)s.displayedToast++,y();else{const A=O>M?M:O;s.displayedToast=A;for(let N=0;N<A;N++)y()}}else t()}};var $,q;I.iconOut=function(R){let{theme:M,type:O,isLoading:A,icon:N}=R,w=null;const z={theme:M,type:O};return N===!1||(L(N)?w=N(z):o.isValidElement(N)?w=o.cloneElement(N,z):F(N)||Q(N)?w=N:A?w=Y.spinner():(G=>G in Y)(O)&&(w=Y[O](z))),w}(I),L(c.onOpen)&&(I.onOpen=c.onOpen),L(c.onClose)&&(I.onClose=c.onClose),I.closeButton=h.closeButton,c.closeButton===!1||Z(c.closeButton)?I.closeButton=c.closeButton:c.closeButton===!0&&(I.closeButton=!Z(h.closeButton)||h.closeButton);let D=r;o.isValidElement(r)&&!F(r.type)?D=o.cloneElement(r,{closeToast:P,toastProps:I,data:p}):L(r)&&(D=r({closeToast:P,toastProps:I,data:p})),h.limit&&h.limit>0&&s.count>h.limit&&k?s.queue.push({toastContent:D,toastProps:I,staleId:a}):Q(m)?setTimeout(()=>{b(D,I,a)},m):b(D,I,a)}function b(r,d,m){const{toastId:a}=d;m&&l.delete(m);const c={content:r,props:d};l.set(a,c),f(E=>[...E,a].filter(_=>_!==m)),x.emit(4,ne(c,c.props.updateId==null?"added":"updated"))}return o.useEffect(()=>(s.containerId=e.containerId,x.cancelEmit(3).on(0,g).on(1,r=>u.current&&T(r)).on(5,C).emit(2,s),()=>{l.clear(),x.emit(3,s)}),[]),o.useEffect(()=>{s.props=e,s.isToastActive=n,s.displayedToast=i.length}),{getToastToRender:function(r){const d=new Map,m=Array.from(l.values());return e.newestOnTop&&m.reverse(),m.forEach(a=>{const{position:c}=a.props;d.has(c)||d.set(c,[]),d.get(c).push(a)}),Array.from(d,a=>r(a[0],a[1]))},containerRef:u,isToastActive:n}}function oe(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientX:e.clientX}function se(e){return e.targetTouches&&e.targetTouches.length>=1?e.targetTouches[0].clientY:e.clientY}function ie(e){const[t,i]=o.useState(!1),[f,u]=o.useState(!1),l=o.useRef(null),n=o.useRef({start:0,x:0,y:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,boundingRect:null,didMove:!1}).current,s=o.useRef(e),{autoClose:C,pauseOnHover:T,closeToast:y,onClick:g,closeOnClick:b}=e;function r(p){if(e.draggable){p.nativeEvent.type==="touchstart"&&p.nativeEvent.preventDefault(),n.didMove=!1,document.addEventListener("mousemove",c),document.addEventListener("mouseup",E),document.addEventListener("touchmove",c),document.addEventListener("touchend",E);const h=l.current;n.canCloseOnClick=!0,n.canDrag=!0,n.boundingRect=h.getBoundingClientRect(),h.style.transition="",n.x=oe(p.nativeEvent),n.y=se(p.nativeEvent),e.draggableDirection==="x"?(n.start=n.x,n.removalDistance=h.offsetWidth*(e.draggablePercent/100)):(n.start=n.y,n.removalDistance=h.offsetHeight*(e.draggablePercent===80?1.5*e.draggablePercent:e.draggablePercent/100))}}function d(p){if(n.boundingRect){const{top:h,bottom:P,left:k,right:I}=n.boundingRect;p.nativeEvent.type!=="touchend"&&e.pauseOnHover&&n.x>=k&&n.x<=I&&n.y>=h&&n.y<=P?a():m()}}function m(){i(!0)}function a(){i(!1)}function c(p){const h=l.current;n.canDrag&&h&&(n.didMove=!0,t&&a(),n.x=oe(p),n.y=se(p),n.delta=e.draggableDirection==="x"?n.x-n.start:n.y-n.start,n.start!==n.x&&(n.canCloseOnClick=!1),h.style.transform=`translate${e.draggableDirection}(${n.delta}px)`,h.style.opacity=""+(1-Math.abs(n.delta/n.removalDistance)))}function E(){document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",E),document.removeEventListener("touchmove",c),document.removeEventListener("touchend",E);const p=l.current;if(n.canDrag&&n.didMove&&p){if(n.canDrag=!1,Math.abs(n.delta)>n.removalDistance)return u(!0),void e.closeToast();p.style.transition="transform 0.2s, opacity 0.2s",p.style.transform=`translate${e.draggableDirection}(0)`,p.style.opacity="1"}}o.useEffect(()=>{s.current=e}),o.useEffect(()=>(l.current&&l.current.addEventListener("d",m,{once:!0}),L(e.onOpen)&&e.onOpen(o.isValidElement(e.children)&&e.children.props),()=>{const p=s.current;L(p.onClose)&&p.onClose(o.isValidElement(p.children)&&p.children.props)}),[]),o.useEffect(()=>(e.pauseOnFocusLoss&&(document.hasFocus()||a(),window.addEventListener("focus",m),window.addEventListener("blur",a)),()=>{e.pauseOnFocusLoss&&(window.removeEventListener("focus",m),window.removeEventListener("blur",a))}),[e.pauseOnFocusLoss]);const _={onMouseDown:r,onTouchStart:r,onMouseUp:d,onTouchEnd:d};return C&&T&&(_.onMouseEnter=a,_.onMouseLeave=m),b&&(_.onClick=p=>{g&&g(p),n.canCloseOnClick&&y()}),{playToast:m,pauseToast:a,isRunning:t,preventExitTransition:f,toastRef:l,eventHandlers:_}}function le(e){let{closeToast:t,theme:i,ariaLabel:f="close"}=e;return o.createElement("button",{className:`Toastify__close-button Toastify__close-button--${i}`,type:"button",onClick:u=>{u.stopPropagation(),t(u)},"aria-label":f},o.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},o.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}function de(e){let{delay:t,isRunning:i,closeToast:f,type:u="default",hide:l,className:n,style:s,controlledProgress:C,progress:T,rtl:y,isIn:g,theme:b}=e;const r=l||C&&T===0,d={...s,animationDuration:`${t}ms`,animationPlayState:i?"running":"paused",opacity:r?0:1};C&&(d.transform=`scaleX(${T})`);const m=B.clsx("Toastify__progress-bar",C?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${b}`,`Toastify__progress-bar--${u}`,{"Toastify__progress-bar--rtl":y}),a=L(n)?n({rtl:y,type:u,defaultClassName:m}):B.clsx(m,n);return o.createElement("div",{role:"progressbar","aria-hidden":r?"true":"false","aria-label":"notification timer",className:a,style:d,[C&&T>=1?"onTransitionEnd":"onAnimationEnd"]:C&&T<1?null:()=>{g&&f()}})}const fe=e=>{const{isRunning:t,preventExitTransition:i,toastRef:f,eventHandlers:u}=ie(e),{closeButton:l,children:n,autoClose:s,onClick:C,type:T,hideProgressBar:y,closeToast:g,transition:b,position:r,className:d,style:m,bodyClassName:a,bodyStyle:c,progressClassName:E,progressStyle:_,updateId:p,role:h,progress:P,rtl:k,toastId:I,deleteToast:$,isIn:q,isLoading:D,iconOut:R,closeOnClick:M,theme:O}=e,A=B.clsx("Toastify__toast",`Toastify__toast-theme--${O}`,`Toastify__toast--${T}`,{"Toastify__toast--rtl":k},{"Toastify__toast--close-on-click":M}),N=L(d)?d({rtl:k,position:r,type:T,defaultClassName:A}):B.clsx(A,d),w=!!P||!s,z={closeToast:g,type:T,theme:O};let G=null;return l===!1||(G=L(l)?l(z):o.isValidElement(l)?o.cloneElement(l,z):le(z)),o.createElement(b,{isIn:q,done:$,position:r,preventExitTransition:i,nodeRef:f},o.createElement("div",{id:I,onClick:C,className:N,...u,style:m,ref:f},o.createElement("div",{...q&&{role:h},className:L(a)?a({type:T}):B.clsx("Toastify__toast-body",a),style:c},R!=null&&o.createElement("div",{className:B.clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!D})},R),o.createElement("div",null,n)),G,o.createElement(de,{...p&&!w?{key:`pb-${p}`}:{},rtl:k,theme:O,delay:s,isRunning:t,isIn:q,closeToast:g,hide:y,type:T,style:_,className:E,controlledProgress:w,progress:P||0})))},J=function(e,t){return t===void 0&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},ce=j(J("bounce",!0)),me=j(J("slide",!0));j(J("zoom"));j(J("flip"));const te=o.forwardRef((e,t)=>{const{getToastToRender:i,containerRef:f,isToastActive:u}=re(e),{className:l,style:n,rtl:s,containerId:C}=e;function T(y){const g=B.clsx("Toastify__toast-container",`Toastify__toast-container--${y}`,{"Toastify__toast-container--rtl":s});return L(l)?l({position:y,rtl:s,defaultClassName:g}):B.clsx(g,X(l))}return o.useEffect(()=>{t&&(t.current=f.current)},[]),o.createElement("div",{ref:f,className:"Toastify",id:C},i((y,g)=>{const b=g.length?{...n}:{...n,pointerEvents:"none"};return o.createElement("div",{className:T(y),style:b,key:`container-${y}`},g.map((r,d)=>{let{content:m,props:a}=r;return o.createElement(fe,{...a,isIn:u(a.toastId),style:{...a.style,"--nth":d+1,"--len":g.length},key:`toast-${a.key}`},m)}))}))});te.displayName="ToastContainer",te.defaultProps={position:"top-right",transition:ce,autoClose:5e3,closeButton:le,pauseOnHover:!0,pauseOnFocusLoss:!0,closeOnClick:!0,draggable:!0,draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};let ee,S=new Map,H=[],pe=1;function ue(){return""+pe++}function ge(e){return e&&(F(e.toastId)||Q(e.toastId))?e.toastId:ue()}function V(e,t){return S.size>0?x.emit(0,e,t):H.push({content:e,options:t}),t.toastId}function K(e,t){return{...t,type:t&&t.type||e,toastId:ge(t)}}function W(e){return(t,i)=>V(t,K(e,i))}function v(e,t){return V(e,K("default",t))}v.loading=(e,t)=>V(e,K("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),v.promise=function(e,t,i){let f,{pending:u,error:l,success:n}=t;u&&(f=F(u)?v.loading(u,i):v.loading(u.render,{...i,...u}));const s={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},C=(y,g,b)=>{if(g==null)return void v.dismiss(f);const r={type:y,...s,...i,data:b},d=F(g)?{render:g}:g;return f?v.update(f,{...r,...d}):v(d.render,{...r,...d}),b},T=L(e)?e():e;return T.then(y=>C("success",n,y)).catch(y=>C("error",l,y)),T},v.success=W("success"),v.info=W("info"),v.error=W("error"),v.warning=W("warning"),v.warn=v.warning,v.dark=(e,t)=>V(e,K("default",{theme:"dark",...t})),v.dismiss=e=>{S.size>0?x.emit(1,e):H=H.filter(t=>e!=null&&t.options.toastId!==e)},v.clearWaitingQueue=function(e){return e===void 0&&(e={}),x.emit(5,e)},v.isActive=e=>{let t=!1;return S.forEach(i=>{i.isToastActive&&i.isToastActive(e)&&(t=!0)}),t},v.update=function(e,t){t===void 0&&(t={}),setTimeout(()=>{const i=function(f,u){let{containerId:l}=u;const n=S.get(l||ee);return n&&n.getToast(f)}(e,t);if(i){const{props:f,content:u}=i,l={delay:100,...f,...t,toastId:t.toastId||e,updateId:ue()};l.toastId!==e&&(l.staleId=e);const n=l.render||u;delete l.render,V(n,l)}},0)},v.done=e=>{v.update(e,{progress:1})},v.onChange=e=>(x.on(4,e),()=>{x.off(4,e)}),v.POSITION={TOP_LEFT:"top-left",TOP_RIGHT:"top-right",TOP_CENTER:"top-center",BOTTOM_LEFT:"bottom-left",BOTTOM_RIGHT:"bottom-right",BOTTOM_CENTER:"bottom-center"},v.TYPE={INFO:"info",SUCCESS:"success",WARNING:"warning",ERROR:"error",DEFAULT:"default"},x.on(2,e=>{ee=e.containerId||e,S.set(ee,e),H.forEach(t=>{x.emit(0,t.content,t.options)}),H=[]}).on(3,e=>{S.delete(e.containerId||e),S.size===0&&x.off(0).off(1).off(5)});exports.Bounce=ce;exports.Icons=Y;exports.Slide=me;exports.ToastContainer=te;exports.collapseToast=ae;exports.cssTransition=j;exports.toast=v;exports.useToast=ie;exports.useToastContainer=re;
|