@elliemae/ds-toast 3.4.2 → 3.4.3
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/dist/cjs/DSToast.js +12 -7
- package/dist/cjs/DSToast.js.map +2 -2
- package/dist/cjs/ToastAction.js +15 -7
- package/dist/cjs/ToastAction.js.map +1 -1
- package/dist/cjs/ToastPosition.js +4 -1
- package/dist/cjs/ToastPosition.js.map +1 -1
- package/dist/cjs/ToastRender.js +25 -7
- package/dist/cjs/ToastRender.js.map +2 -2
- package/dist/cjs/ToastType.js +4 -1
- package/dist/cjs/ToastType.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/toast.js +20 -11
- package/dist/cjs/toast.js.map +2 -2
- package/dist/esm/DSToast.js +8 -6
- package/dist/esm/DSToast.js.map +1 -1
- package/dist/esm/ToastAction.js +11 -6
- package/dist/esm/ToastAction.js.map +1 -1
- package/dist/esm/ToastPosition.js.map +1 -1
- package/dist/esm/ToastRender.js +21 -6
- package/dist/esm/ToastRender.js.map +1 -1
- package/dist/esm/ToastType.js.map +1 -1
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/toast.js +16 -10
- package/dist/esm/toast.js.map +1 -1
- package/package.json +6 -6
package/dist/cjs/DSToast.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var DSToast_exports = {};
|
|
23
26
|
__export(DSToast_exports, {
|
|
@@ -27,16 +30,16 @@ __export(DSToast_exports, {
|
|
|
27
30
|
});
|
|
28
31
|
module.exports = __toCommonJS(DSToast_exports);
|
|
29
32
|
var React = __toESM(require("react"));
|
|
30
|
-
var
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
32
35
|
var import_react_toastify = require("react-toastify");
|
|
33
36
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
34
37
|
var import_ds_button = __toESM(require("@elliemae/ds-button"));
|
|
35
38
|
var import_ToastPosition = require("./ToastPosition");
|
|
36
|
-
const CloseButton = ({ closeToast }) => /* @__PURE__ */
|
|
39
|
+
const CloseButton = ({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
|
|
37
40
|
buttonType: "text",
|
|
38
41
|
className: "toast-close-button",
|
|
39
|
-
icon: /* @__PURE__ */
|
|
42
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, {}),
|
|
40
43
|
onClick: closeToast,
|
|
41
44
|
size: "m"
|
|
42
45
|
});
|
|
@@ -49,11 +52,11 @@ const DSToast = ({
|
|
|
49
52
|
enableMultiContainer = false,
|
|
50
53
|
containerId = void 0,
|
|
51
54
|
toastId = void 0
|
|
52
|
-
}) => /* @__PURE__ */
|
|
55
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_toastify.ToastContainer, {
|
|
53
56
|
...containerProps,
|
|
54
57
|
autoClose,
|
|
55
58
|
className: showProgressBar && "with-progressbar" || "",
|
|
56
|
-
closeButton: /* @__PURE__ */
|
|
59
|
+
closeButton: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CloseButton, {}),
|
|
57
60
|
closeOnClick,
|
|
58
61
|
containerId,
|
|
59
62
|
enableMultiContainer,
|
|
@@ -67,7 +70,9 @@ const props = {
|
|
|
67
70
|
containerProps: import_ds_utilities.PropTypes.object.description("inject props to wrapper"),
|
|
68
71
|
position: import_ds_utilities.PropTypes.oneOf(import_ToastPosition.toastsPositions).description("Position on the screen to show the toast"),
|
|
69
72
|
autoClose: import_ds_utilities.PropTypes.number.description("ms to autoclose the toast"),
|
|
70
|
-
showProgressBar: import_ds_utilities.PropTypes.bool.description(
|
|
73
|
+
showProgressBar: import_ds_utilities.PropTypes.bool.description(
|
|
74
|
+
"Whether to show a progress bar indicating when the toast is going to be closed"
|
|
75
|
+
),
|
|
71
76
|
closeOnClick: import_ds_utilities.PropTypes.bool.description("Close toast handler"),
|
|
72
77
|
enableMultiContainer: import_ds_utilities.PropTypes.bool.description("Allows instantiating multiple Toast containers"),
|
|
73
78
|
containerId: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("unique id for multi container"),
|
package/dist/cjs/DSToast.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSToast.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n <DSButton buttonType=\"text\" className=\"toast-close-button\" icon={<CloseSmall />} onClick={closeToast} size=\"m\" />\n);\n\nconst DSToast = ({\n containerProps = {},\n position = 'bottom-left',\n autoClose = 5000, // can be false or a number in milliseconds\n showProgressBar = false,\n closeOnClick = false,\n enableMultiContainer = false,\n containerId = undefined,\n toastId = undefined,\n}) => (\n <ToastContainer\n {...containerProps}\n autoClose={autoClose}\n className={(showProgressBar && 'with-progressbar') || ''}\n closeButton={<CloseButton />}\n closeOnClick={closeOnClick}\n containerId={containerId}\n enableMultiContainer={enableMultiContainer}\n hideProgressBar={!showProgressBar}\n newestOnTop\n position={position}\n toastId={toastId}\n transition={Slide}\n />\n);\n\nconst props = {\n /** inject props to wrapper */\n containerProps: PropTypes.object.description('inject props to wrapper'),\n /** Position on the screen to show the toast */\n position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n /** ms to autoclose the toast */\n autoClose: PropTypes.number.description('ms to autoclose the toast'),\n /** Whether to show a progress bar indicating when the toast is going to be closed */\n showProgressBar: PropTypes.bool.description(\n 'Whether to show a progress bar indicating when the toast is going to be closed',\n ),\n /** Close toast handler */\n closeOnClick: PropTypes.bool.description('Close toast handler'),\n /** Allows instantiating multiple Toast containers */\n enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n /** unique id for multi container */\n containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n /** id for the toast */\n toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,4BAAsC;AACtC,sBAA2B;AAC3B,uBAAqB;AACrB,2BAAgC;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,4CAAC,iBAAAA,SAAA;AAAA,EAAS,YAAW;AAAA,EAAO,WAAU;AAAA,EAAqB,MAAM,4CAAC,8BAAW;AAAA,EAAI,SAAS;AAAA,EAAY,MAAK;AAAA,CAAI;AAGjH,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE,4CAAC;AAAA,EACE,GAAG;AAAA,EACJ;AAAA,EACA,WAAY,mBAAmB,sBAAuB;AAAA,EACtD,aAAa,4CAAC,eAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,aAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,CACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,8BAAU,MAAM,oCAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,8BAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,8BAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,8BAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,8BAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,8BAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
|
|
6
|
+
"names": ["DSButton"]
|
|
7
7
|
}
|
package/dist/cjs/ToastAction.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var ToastAction_exports = {};
|
|
23
26
|
__export(ToastAction_exports, {
|
|
@@ -28,20 +31,25 @@ __export(ToastAction_exports, {
|
|
|
28
31
|
});
|
|
29
32
|
module.exports = __toCommonJS(ToastAction_exports);
|
|
30
33
|
var React = __toESM(require("react"));
|
|
31
|
-
var
|
|
34
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
35
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
33
36
|
var import_ds_system = require("@elliemae/ds-system");
|
|
34
37
|
const Link = import_ds_system.styled.span`
|
|
35
38
|
color: brand-600;
|
|
36
39
|
`;
|
|
37
|
-
const DSToastAction = ({ children, onClick, onKeyDown }) => /* @__PURE__ */
|
|
40
|
+
const DSToastAction = ({ children, onClick, onKeyDown }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
38
41
|
onKeyDown,
|
|
39
42
|
onClick,
|
|
40
|
-
role: onClick ? "button" : "textbox"
|
|
41
|
-
|
|
42
|
-
|
|
43
|
+
role: onClick ? "button" : "textbox",
|
|
44
|
+
children
|
|
45
|
+
});
|
|
46
|
+
const DSToastActionLink = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, {
|
|
47
|
+
children
|
|
48
|
+
});
|
|
43
49
|
const actionprops = {
|
|
44
|
-
children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description(
|
|
50
|
+
children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.element]).description(
|
|
51
|
+
"DSToastActionLink component or text string"
|
|
52
|
+
),
|
|
45
53
|
onClick: import_ds_utilities.PropTypes.func.description("click handler"),
|
|
46
54
|
onKeyDown: import_ds_utilities.PropTypes.func.description("key down handler")
|
|
47
55
|
};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastAction.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n color: brand-600;\n`;\n\ninterface DSToastActionProps {\n children: React.ReactNode;\n onClick?: React.MouseEventHandler;\n onKeyDown?: React.KeyboardEventHandler;\n}\n\nconst DSToastAction: React.ComponentType<DSToastActionProps> = ({ children, onClick, onKeyDown }) => (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div onKeyDown={onKeyDown} onClick={onClick} role={onClick ? 'button' : 'textbox'}>\n {children}\n </div>\n);\n\nconst DSToastActionLink: React.ComponentType<React.PropsWithChildren<Record<string, unknown>>> = ({ children }) => (\n // eslint-disable-next-line jsx-a11y/anchor-is-valid\n <Link>{children}</Link>\n);\n\nconst actionprops = {\n /** DSToastActionLink component or text string */\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n 'DSToastActionLink component or text string',\n ),\n /** click handler */\n onClick: PropTypes.func.description('click handler'),\n /** key down handler */\n onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nconst linkprops = {\n /** link text */\n children: PropTypes.string.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nDSToastAction.displayName = 'DSToastAction';\nDSToastActionLink.displayName = 'DSToastActionLink';\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,uBAAuB;AAEvB,MAAM,OAAO,wBAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU,MAE7F,4CAAC;AAAA,EAAI;AAAA,EAAsB;AAAA,EAAkB,MAAM,UAAU,WAAW;AAAA,EACrE;AAAA,CACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS,MAE3G,4CAAC;AAAA,EAAM;AAAA,CAAS;AAGlB,MAAM,cAAc;AAAA,EAElB,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,SAAS,8BAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,8BAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,8BAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,8BAA0B,8BAAS,aAAa;AACtD,MAAM,kCAA8B,8BAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var ToastPosition_exports = {};
|
|
23
26
|
__export(ToastPosition_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastPosition.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export const ToastPosition = {\n TOP_RIGHT: 'top-right',\n TOP_CENTER: 'top-center',\n TOP_LEFT: 'top-left',\n BOTTOM_RIGHT: 'bottom-right',\n BOTTOM_CENTER: 'bottom-center',\n BOTTOM_LEFT: 'bottom-left',\n};\n\nexport const toastsPositions = Object.values(ToastPosition);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AACf;AAEO,MAAM,kBAAkB,OAAO,OAAO,aAAa;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/ToastRender.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var ToastRender_exports = {};
|
|
23
26
|
__export(ToastRender_exports, {
|
|
@@ -25,7 +28,7 @@ __export(ToastRender_exports, {
|
|
|
25
28
|
});
|
|
26
29
|
module.exports = __toCommonJS(ToastRender_exports);
|
|
27
30
|
var React = __toESM(require("react"));
|
|
28
|
-
var
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
32
|
var import_prop_types = __toESM(require("prop-types"));
|
|
30
33
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
31
34
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
@@ -45,11 +48,26 @@ const getIconByToastType = (type) => ({
|
|
|
45
48
|
})[type];
|
|
46
49
|
const ToastRender = ({ type = import_ToastType.ToastType.DEFAULT, messageTitle = "", messageText = "" }) => {
|
|
47
50
|
const IconMessage = (0, import_ds_classnames.aggregatedClasses)(getIconByToastType(type))(blockName, "icon-message");
|
|
48
|
-
return /* @__PURE__ */
|
|
49
|
-
"data-testid": "ds-toast-render"
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
|
|
52
|
+
"data-testid": "ds-toast-render",
|
|
53
|
+
children: [
|
|
54
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconContainer, {
|
|
55
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconMessage, {
|
|
56
|
+
size: "m"
|
|
57
|
+
})
|
|
58
|
+
}),
|
|
59
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(MessageContent, {
|
|
60
|
+
children: [
|
|
61
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageHeader, {
|
|
62
|
+
children: messageTitle
|
|
63
|
+
}),
|
|
64
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(MessageText, {
|
|
65
|
+
children: messageText
|
|
66
|
+
})
|
|
67
|
+
]
|
|
68
|
+
})
|
|
69
|
+
]
|
|
70
|
+
});
|
|
53
71
|
};
|
|
54
72
|
ToastRender.propTypes = {
|
|
55
73
|
messageTitle: import_prop_types.default.string.isRequired,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastRender.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from '@elliemae/ds-icons';\nimport { ToastType, toastTypes } from './ToastType';\n\nconst blockName = 'toast-content';\nconst Container = aggregatedClasses('div')(blockName);\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\nconst MessageText = aggregatedClasses('span')(blockName, 'message-text');\n\nconst getIconByToastType = (type) =>\n ({\n [ToastType.SUCCESS]: CheckmarkCircleFill,\n [ToastType.WARNING]: WarningCircleFill,\n [ToastType.INFO]: InfoCircleFill,\n [ToastType.ERROR]: WarningCircleFill,\n [ToastType.DEFAULT]: 'div',\n }[type]);\n\nconst ToastRender = ({ type = ToastType.DEFAULT, messageTitle = '', messageText = '' }) => {\n const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');\n return (\n <Container data-testid=\"ds-toast-render\">\n <IconContainer>\n <IconMessage size=\"m\" />\n </IconContainer>\n <MessageContent>\n <MessageHeader>{messageTitle}</MessageHeader>\n <MessageText>{messageText}</MessageText>\n </MessageContent>\n </Container>\n );\n};\n\nToastRender.propTypes = {\n /**\n * Toast title\n */\n messageTitle: PropTypes.string.isRequired,\n /**\n * Toast body, either a string or Action with ActionLink component\n */\n messageText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n /**\n * Toast type\n */\n type: PropTypes.oneOf(toastTypes).isRequired,\n};\n\nexport default ToastRender;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,wBAAsB;AACtB,2BAAkC;AAClC,sBAAuE;AACvE,uBAAsC;AAEtC,MAAM,YAAY;AAClB,MAAM,gBAAY,wCAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,iBAAiB;AAC5E,MAAM,oBAAgB,wCAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,MAAM,kBAAc,wCAAkB,MAAM,EAAE,WAAW,cAAc;AAEvE,MAAM,qBAAqB,CAAC,UACzB;AAAA,EACC,CAAC,2BAAU,UAAU;AAAA,EACrB,CAAC,2BAAU,UAAU;AAAA,EACrB,CAAC,2BAAU,OAAO;AAAA,EAClB,CAAC,2BAAU,QAAQ;AAAA,EACnB,CAAC,2BAAU,UAAU;AACvB,GAAE;AAEJ,MAAM,cAAc,CAAC,EAAE,OAAO,2BAAU,SAAS,eAAe,IAAI,cAAc,GAAG,MAAM;AACzF,QAAM,kBAAc,wCAAkB,mBAAmB,IAAI,CAAC,EAAE,WAAW,cAAc;AACzF,SACE,6CAAC;AAAA,IAAU,eAAY;AAAA,IACrB;AAAA,kDAAC;AAAA,QACC,sDAAC;AAAA,UAAY,MAAK;AAAA,SAAI;AAAA,OACxB;AAAA,MACA,6CAAC;AAAA,QACC;AAAA,sDAAC;AAAA,YAAe;AAAA,WAAa;AAAA,UAC7B,4CAAC;AAAA,YAAa;AAAA,WAAY;AAAA;AAAA,OAC5B;AAAA;AAAA,GACF;AAEJ;AAEA,YAAY,YAAY;AAAA,EAItB,cAAc,kBAAAA,QAAU,OAAO;AAAA,EAI/B,aAAa,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,OAAO,CAAC;AAAA,EAItE,MAAM,kBAAAA,QAAU,MAAM,2BAAU,EAAE;AACpC;AAEA,IAAO,sBAAQ;",
|
|
6
|
+
"names": ["PropTypes"]
|
|
7
7
|
}
|
package/dist/cjs/ToastType.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var ToastType_exports = {};
|
|
23
26
|
__export(ToastType_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/ToastType.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export const ToastType = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n // TODO remove from types, it's not in spec\n DEFAULT: 'default',\n};\n\nexport const toastTypes = Object.values(ToastType);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AACX;AAEO,MAAM,aAAa,OAAO,OAAO,SAAS;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
20
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
23
|
+
mod
|
|
24
|
+
));
|
|
22
25
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
23
26
|
var src_exports = {};
|
|
24
27
|
__export(src_exports, {
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export * from './DSToast';\nexport * from './toast';\nexport * from './ToastType';\nexport * from './ToastPosition';\nexport * from './ToastAction';\n\nexport { default } from './DSToast';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,sBAAd;AACA,wBAAc,oBADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,4BAHd;AAIA,wBAAc,0BAJd;AAMA,qBAAwB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/toast.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var toast_exports = {};
|
|
23
26
|
__export(toast_exports, {
|
|
@@ -25,16 +28,22 @@ __export(toast_exports, {
|
|
|
25
28
|
});
|
|
26
29
|
module.exports = __toCommonJS(toast_exports);
|
|
27
30
|
var React = __toESM(require("react"));
|
|
28
|
-
var
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
29
32
|
var import_react_toastify = require("react-toastify");
|
|
30
33
|
var import_ToastRender = __toESM(require("./ToastRender"));
|
|
31
|
-
const toast = Object.assign(
|
|
32
|
-
messageText,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
34
|
+
const toast = Object.assign(
|
|
35
|
+
({ type, messageTitle, messageText, ...rest }, options) => (0, import_react_toastify.toast)(
|
|
36
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToastRender.default, {
|
|
37
|
+
messageText,
|
|
38
|
+
messageTitle,
|
|
39
|
+
type
|
|
40
|
+
}),
|
|
41
|
+
{
|
|
42
|
+
...rest,
|
|
43
|
+
...options,
|
|
44
|
+
type
|
|
45
|
+
}
|
|
46
|
+
),
|
|
47
|
+
{ ...import_react_toastify.toast, isActive: (id) => import_react_toastify.toast.isActive(id) }
|
|
48
|
+
);
|
|
40
49
|
//# sourceMappingURL=toast.js.map
|
package/dist/cjs/toast.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/toast.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { toast as toastifyToast } from 'react-toastify';\nimport ToastRender from './ToastRender';\n\nconst toast = Object.assign(\n ({ type, messageTitle, messageText, ...rest }, options) =>\n toastifyToast(\n <ToastRender\n messageText={messageText}\n messageTitle={messageTitle}\n type={type}\n />,\n {\n ...rest,\n ...options,\n type,\n },\n ),\n { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) },\n);\nexport { toast };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,4BAAuC;AACvC,yBAAwB;AAExB,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,gBAAgB,KAAK,GAAG,gBAC7C,sBAAAA;AAAA,IACE,4CAAC,mBAAAC,SAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EACF,EAAE,GAAG,sBAAAD,OAAe,UAAU,CAAC,OAAO,sBAAAA,MAAc,SAAS,EAAE,EAAE;AACnE;",
|
|
6
|
+
"names": ["toastifyToast", "ToastRender"]
|
|
7
7
|
}
|
package/dist/esm/DSToast.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { PropTypes, describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { ToastContainer, Slide } from "react-toastify";
|
|
5
5
|
import { CloseSmall } from "@elliemae/ds-icons";
|
|
6
6
|
import DSButton from "@elliemae/ds-button";
|
|
7
7
|
import { toastsPositions } from "./ToastPosition";
|
|
8
|
-
const CloseButton = ({ closeToast }) => /* @__PURE__ */
|
|
8
|
+
const CloseButton = ({ closeToast }) => /* @__PURE__ */ jsx(DSButton, {
|
|
9
9
|
buttonType: "text",
|
|
10
10
|
className: "toast-close-button",
|
|
11
|
-
icon: /* @__PURE__ */
|
|
11
|
+
icon: /* @__PURE__ */ jsx(CloseSmall, {}),
|
|
12
12
|
onClick: closeToast,
|
|
13
13
|
size: "m"
|
|
14
14
|
});
|
|
@@ -21,11 +21,11 @@ const DSToast = ({
|
|
|
21
21
|
enableMultiContainer = false,
|
|
22
22
|
containerId = void 0,
|
|
23
23
|
toastId = void 0
|
|
24
|
-
}) => /* @__PURE__ */
|
|
24
|
+
}) => /* @__PURE__ */ jsx(ToastContainer, {
|
|
25
25
|
...containerProps,
|
|
26
26
|
autoClose,
|
|
27
27
|
className: showProgressBar && "with-progressbar" || "",
|
|
28
|
-
closeButton: /* @__PURE__ */
|
|
28
|
+
closeButton: /* @__PURE__ */ jsx(CloseButton, {}),
|
|
29
29
|
closeOnClick,
|
|
30
30
|
containerId,
|
|
31
31
|
enableMultiContainer,
|
|
@@ -39,7 +39,9 @@ const props = {
|
|
|
39
39
|
containerProps: PropTypes.object.description("inject props to wrapper"),
|
|
40
40
|
position: PropTypes.oneOf(toastsPositions).description("Position on the screen to show the toast"),
|
|
41
41
|
autoClose: PropTypes.number.description("ms to autoclose the toast"),
|
|
42
|
-
showProgressBar: PropTypes.bool.description(
|
|
42
|
+
showProgressBar: PropTypes.bool.description(
|
|
43
|
+
"Whether to show a progress bar indicating when the toast is going to be closed"
|
|
44
|
+
),
|
|
43
45
|
closeOnClick: PropTypes.bool.description("Close toast handler"),
|
|
44
46
|
enableMultiContainer: PropTypes.bool.description("Allows instantiating multiple Toast containers"),
|
|
45
47
|
containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("unique id for multi container"),
|
package/dist/esm/DSToast.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSToast.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { toastsPositions } from './ToastPosition';\n\nconst CloseButton = ({ closeToast }) => (\n <DSButton buttonType=\"text\" className=\"toast-close-button\" icon={<CloseSmall />} onClick={closeToast} size=\"m\" />\n);\n\nconst DSToast = ({\n containerProps = {},\n position = 'bottom-left',\n autoClose = 5000, // can be false or a number in milliseconds\n showProgressBar = false,\n closeOnClick = false,\n enableMultiContainer = false,\n containerId = undefined,\n toastId = undefined,\n}) => (\n <ToastContainer\n {...containerProps}\n autoClose={autoClose}\n className={(showProgressBar && 'with-progressbar') || ''}\n closeButton={<CloseButton />}\n closeOnClick={closeOnClick}\n containerId={containerId}\n enableMultiContainer={enableMultiContainer}\n hideProgressBar={!showProgressBar}\n newestOnTop\n position={position}\n toastId={toastId}\n transition={Slide}\n />\n);\n\nconst props = {\n /** inject props to wrapper */\n containerProps: PropTypes.object.description('inject props to wrapper'),\n /** Position on the screen to show the toast */\n position: PropTypes.oneOf(toastsPositions).description('Position on the screen to show the toast'),\n /** ms to autoclose the toast */\n autoClose: PropTypes.number.description('ms to autoclose the toast'),\n /** Whether to show a progress bar indicating when the toast is going to be closed */\n showProgressBar: PropTypes.bool.description(\n 'Whether to show a progress bar indicating when the toast is going to be closed',\n ),\n /** Close toast handler */\n closeOnClick: PropTypes.bool.description('Close toast handler'),\n /** Allows instantiating multiple Toast containers */\n enableMultiContainer: PropTypes.bool.description('Allows instantiating multiple Toast containers'),\n /** unique id for multi container */\n containerId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('unique id for multi container'),\n /** id for the toast */\n toastId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('id for the toast'),\n};\n\nDSToast.propTypes = props;\nDSToast.displayName = 'DSToast';\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = props;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,gBAAgB,aAAa;AACtC,SAAS,kBAAkB;AAC3B,OAAO,cAAc;AACrB,SAAS,uBAAuB;AAEhC,MAAM,cAAc,CAAC,EAAE,WAAW,MAChC,oBAAC;AAAA,EAAS,YAAW;AAAA,EAAO,WAAU;AAAA,EAAqB,MAAM,oBAAC,cAAW;AAAA,EAAI,SAAS;AAAA,EAAY,MAAK;AAAA,CAAI;AAGjH,MAAM,UAAU,CAAC;AAAA,EACf,iBAAiB,CAAC;AAAA,EAClB,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,UAAU;AACZ,MACE,oBAAC;AAAA,EACE,GAAG;AAAA,EACJ;AAAA,EACA,WAAY,mBAAmB,sBAAuB;AAAA,EACtD,aAAa,oBAAC,eAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB,aAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,CACd;AAGF,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EAEtE,UAAU,UAAU,MAAM,eAAe,EAAE,YAAY,0CAA0C;AAAA,EAEjG,WAAW,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAEnE,iBAAiB,UAAU,KAAK;AAAA,IAC9B;AAAA,EACF;AAAA,EAEA,cAAc,UAAU,KAAK,YAAY,qBAAqB;AAAA,EAE9D,sBAAsB,UAAU,KAAK,YAAY,gDAAgD;AAAA,EAEjG,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,+BAA+B;AAAA,EAElH,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,kBAAkB;AACnG;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,oBAAoB,SAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/ToastAction.js
CHANGED
|
@@ -1,18 +1,23 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { PropTypes, describe } from "@elliemae/ds-utilities";
|
|
4
4
|
import { styled } from "@elliemae/ds-system";
|
|
5
5
|
const Link = styled.span`
|
|
6
6
|
color: brand-600;
|
|
7
7
|
`;
|
|
8
|
-
const DSToastAction = ({ children, onClick, onKeyDown }) => /* @__PURE__ */
|
|
8
|
+
const DSToastAction = ({ children, onClick, onKeyDown }) => /* @__PURE__ */ jsx("div", {
|
|
9
9
|
onKeyDown,
|
|
10
10
|
onClick,
|
|
11
|
-
role: onClick ? "button" : "textbox"
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
role: onClick ? "button" : "textbox",
|
|
12
|
+
children
|
|
13
|
+
});
|
|
14
|
+
const DSToastActionLink = ({ children }) => /* @__PURE__ */ jsx(Link, {
|
|
15
|
+
children
|
|
16
|
+
});
|
|
14
17
|
const actionprops = {
|
|
15
|
-
children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(
|
|
18
|
+
children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(
|
|
19
|
+
"DSToastActionLink component or text string"
|
|
20
|
+
),
|
|
16
21
|
onClick: PropTypes.func.description("click handler"),
|
|
17
22
|
onKeyDown: PropTypes.func.description("key down handler")
|
|
18
23
|
};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastAction.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\n\nconst Link = styled.span`\n color: brand-600;\n`;\n\ninterface DSToastActionProps {\n children: React.ReactNode;\n onClick?: React.MouseEventHandler;\n onKeyDown?: React.KeyboardEventHandler;\n}\n\nconst DSToastAction: React.ComponentType<DSToastActionProps> = ({ children, onClick, onKeyDown }) => (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div onKeyDown={onKeyDown} onClick={onClick} role={onClick ? 'button' : 'textbox'}>\n {children}\n </div>\n);\n\nconst DSToastActionLink: React.ComponentType<React.PropsWithChildren<Record<string, unknown>>> = ({ children }) => (\n // eslint-disable-next-line jsx-a11y/anchor-is-valid\n <Link>{children}</Link>\n);\n\nconst actionprops = {\n /** DSToastActionLink component or text string */\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).description(\n 'DSToastActionLink component or text string',\n ),\n /** click handler */\n onClick: PropTypes.func.description('click handler'),\n /** key down handler */\n onKeyDown: PropTypes.func.description('key down handler'),\n} as React.WeakValidationMap<unknown>;\n\nconst linkprops = {\n /** link text */\n children: PropTypes.string.isRequired.description('link text'),\n} as React.WeakValidationMap<unknown>;\n\nDSToastAction.propTypes = actionprops;\nDSToastActionLink.propTypes = linkprops;\nDSToastAction.displayName = 'DSToastAction';\nDSToastActionLink.displayName = 'DSToastActionLink';\nconst DSToastActionWithSchema = describe(DSToastAction);\nconst DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = linkprops;\nDSToastActionWithSchema.propTypes = actionprops;\n\nexport { DSToastAction, DSToastActionLink, DSToastActionWithSchema, DSToastActionLinkWithSchema };\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AAEvB,MAAM,OAAO,OAAO;AAAA;AAAA;AAUpB,MAAM,gBAAyD,CAAC,EAAE,UAAU,SAAS,UAAU,MAE7F,oBAAC;AAAA,EAAI;AAAA,EAAsB;AAAA,EAAkB,MAAM,UAAU,WAAW;AAAA,EACrE;AAAA,CACH;AAGF,MAAM,oBAA2F,CAAC,EAAE,SAAS,MAE3G,oBAAC;AAAA,EAAM;AAAA,CAAS;AAGlB,MAAM,cAAc;AAAA,EAElB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,EAAE;AAAA,IACnE;AAAA,EACF;AAAA,EAEA,SAAS,UAAU,KAAK,YAAY,eAAe;AAAA,EAEnD,WAAW,UAAU,KAAK,YAAY,kBAAkB;AAC1D;AAEA,MAAM,YAAY;AAAA,EAEhB,UAAU,UAAU,OAAO,WAAW,YAAY,WAAW;AAC/D;AAEA,cAAc,YAAY;AAC1B,kBAAkB,YAAY;AAC9B,cAAc,cAAc;AAC5B,kBAAkB,cAAc;AAChC,MAAM,0BAA0B,SAAS,aAAa;AACtD,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;AACxC,wBAAwB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastPosition.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ToastPosition = {\n TOP_RIGHT: 'top-right',\n TOP_CENTER: 'top-center',\n TOP_LEFT: 'top-left',\n BOTTOM_RIGHT: 'bottom-right',\n BOTTOM_CENTER: 'bottom-center',\n BOTTOM_LEFT: 'bottom-left',\n};\n\nexport const toastsPositions = Object.values(ToastPosition);\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AACf;AAEO,MAAM,kBAAkB,OAAO,OAAO,aAAa;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/ToastRender.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import PropTypes from "prop-types";
|
|
4
4
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
5
|
import { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from "@elliemae/ds-icons";
|
|
@@ -19,11 +19,26 @@ const getIconByToastType = (type) => ({
|
|
|
19
19
|
})[type];
|
|
20
20
|
const ToastRender = ({ type = ToastType.DEFAULT, messageTitle = "", messageText = "" }) => {
|
|
21
21
|
const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, "icon-message");
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
-
"data-testid": "ds-toast-render"
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
return /* @__PURE__ */ jsxs(Container, {
|
|
23
|
+
"data-testid": "ds-toast-render",
|
|
24
|
+
children: [
|
|
25
|
+
/* @__PURE__ */ jsx(IconContainer, {
|
|
26
|
+
children: /* @__PURE__ */ jsx(IconMessage, {
|
|
27
|
+
size: "m"
|
|
28
|
+
})
|
|
29
|
+
}),
|
|
30
|
+
/* @__PURE__ */ jsxs(MessageContent, {
|
|
31
|
+
children: [
|
|
32
|
+
/* @__PURE__ */ jsx(MessageHeader, {
|
|
33
|
+
children: messageTitle
|
|
34
|
+
}),
|
|
35
|
+
/* @__PURE__ */ jsx(MessageText, {
|
|
36
|
+
children: messageText
|
|
37
|
+
})
|
|
38
|
+
]
|
|
39
|
+
})
|
|
40
|
+
]
|
|
41
|
+
});
|
|
27
42
|
};
|
|
28
43
|
ToastRender.propTypes = {
|
|
29
44
|
messageTitle: PropTypes.string.isRequired,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastRender.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { CheckmarkCircleFill, WarningCircleFill, InfoCircleFill } from '@elliemae/ds-icons';\nimport { ToastType, toastTypes } from './ToastType';\n\nconst blockName = 'toast-content';\nconst Container = aggregatedClasses('div')(blockName);\nconst IconContainer = aggregatedClasses('div')(blockName, 'icon-container');\nconst MessageContent = aggregatedClasses('div')(blockName, 'message-content');\nconst MessageHeader = aggregatedClasses('div')(blockName, 'message-header');\nconst MessageText = aggregatedClasses('span')(blockName, 'message-text');\n\nconst getIconByToastType = (type) =>\n ({\n [ToastType.SUCCESS]: CheckmarkCircleFill,\n [ToastType.WARNING]: WarningCircleFill,\n [ToastType.INFO]: InfoCircleFill,\n [ToastType.ERROR]: WarningCircleFill,\n [ToastType.DEFAULT]: 'div',\n }[type]);\n\nconst ToastRender = ({ type = ToastType.DEFAULT, messageTitle = '', messageText = '' }) => {\n const IconMessage = aggregatedClasses(getIconByToastType(type))(blockName, 'icon-message');\n return (\n <Container data-testid=\"ds-toast-render\">\n <IconContainer>\n <IconMessage size=\"m\" />\n </IconContainer>\n <MessageContent>\n <MessageHeader>{messageTitle}</MessageHeader>\n <MessageText>{messageText}</MessageText>\n </MessageContent>\n </Container>\n );\n};\n\nToastRender.propTypes = {\n /**\n * Toast title\n */\n messageTitle: PropTypes.string.isRequired,\n /**\n * Toast body, either a string or Action with ActionLink component\n */\n messageText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n /**\n * Toast type\n */\n type: PropTypes.oneOf(toastTypes).isRequired,\n};\n\nexport default ToastRender;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,eAAe;AACtB,SAAS,yBAAyB;AAClC,SAAS,qBAAqB,mBAAmB,sBAAsB;AACvE,SAAS,WAAW,kBAAkB;AAEtC,MAAM,YAAY;AAClB,MAAM,YAAY,kBAAkB,KAAK,EAAE,SAAS;AACpD,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,WAAW,iBAAiB;AAC5E,MAAM,gBAAgB,kBAAkB,KAAK,EAAE,WAAW,gBAAgB;AAC1E,MAAM,cAAc,kBAAkB,MAAM,EAAE,WAAW,cAAc;AAEvE,MAAM,qBAAqB,CAAC,UACzB;AAAA,EACC,CAAC,UAAU,UAAU;AAAA,EACrB,CAAC,UAAU,UAAU;AAAA,EACrB,CAAC,UAAU,OAAO;AAAA,EAClB,CAAC,UAAU,QAAQ;AAAA,EACnB,CAAC,UAAU,UAAU;AACvB,GAAE;AAEJ,MAAM,cAAc,CAAC,EAAE,OAAO,UAAU,SAAS,eAAe,IAAI,cAAc,GAAG,MAAM;AACzF,QAAM,cAAc,kBAAkB,mBAAmB,IAAI,CAAC,EAAE,WAAW,cAAc;AACzF,SACE,qBAAC;AAAA,IAAU,eAAY;AAAA,IACrB;AAAA,0BAAC;AAAA,QACC,8BAAC;AAAA,UAAY,MAAK;AAAA,SAAI;AAAA,OACxB;AAAA,MACA,qBAAC;AAAA,QACC;AAAA,8BAAC;AAAA,YAAe;AAAA,WAAa;AAAA,UAC7B,oBAAC;AAAA,YAAa;AAAA,WAAY;AAAA;AAAA,OAC5B;AAAA;AAAA,GACF;AAEJ;AAEA,YAAY,YAAY;AAAA,EAItB,cAAc,UAAU,OAAO;AAAA,EAI/B,aAAa,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,EAItE,MAAM,UAAU,MAAM,UAAU,EAAE;AACpC;AAEA,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ToastType.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ToastType = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n // TODO remove from types, it's not in spec\n DEFAULT: 'default',\n};\n\nexport const toastTypes = Object.values(ToastType);\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EAEP,SAAS;AACX;AAEO,MAAM,aAAa,OAAO,OAAO,SAAS;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSToast';\nexport * from './toast';\nexport * from './ToastType';\nexport * from './ToastPosition';\nexport * from './ToastAction';\n\nexport { default } from './DSToast';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
6
|
-
"names": []
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,SAAS,WAAAA,gBAAe;",
|
|
6
|
+
"names": ["default"]
|
|
7
7
|
}
|
package/dist/esm/toast.js
CHANGED
|
@@ -1,16 +1,22 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { toast as toastifyToast } from "react-toastify";
|
|
4
4
|
import ToastRender from "./ToastRender";
|
|
5
|
-
const toast = Object.assign(
|
|
6
|
-
messageText,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
5
|
+
const toast = Object.assign(
|
|
6
|
+
({ type, messageTitle, messageText, ...rest }, options) => toastifyToast(
|
|
7
|
+
/* @__PURE__ */ jsx(ToastRender, {
|
|
8
|
+
messageText,
|
|
9
|
+
messageTitle,
|
|
10
|
+
type
|
|
11
|
+
}),
|
|
12
|
+
{
|
|
13
|
+
...rest,
|
|
14
|
+
...options,
|
|
15
|
+
type
|
|
16
|
+
}
|
|
17
|
+
),
|
|
18
|
+
{ ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) }
|
|
19
|
+
);
|
|
14
20
|
export {
|
|
15
21
|
toast
|
|
16
22
|
};
|
package/dist/esm/toast.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/toast.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { toast as toastifyToast } from 'react-toastify';\nimport ToastRender from './ToastRender';\n\nconst toast = Object.assign(\n ({ type, messageTitle, messageText, ...rest }, options) =>\n toastifyToast(\n <ToastRender\n messageText={messageText}\n messageTitle={messageTitle}\n type={type}\n />,\n {\n ...rest,\n ...options,\n type,\n },\n ),\n { ...toastifyToast, isActive: (id) => toastifyToast.isActive(id) },\n);\nexport { toast };\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,SAAS,qBAAqB;AACvC,OAAO,iBAAiB;AAExB,MAAM,QAAQ,OAAO;AAAA,EACnB,CAAC,EAAE,MAAM,cAAc,gBAAgB,KAAK,GAAG,YAC7C;AAAA,IACE,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EACF,EAAE,GAAG,eAAe,UAAU,CAAC,OAAO,cAAc,SAAS,EAAE,EAAE;AACnE;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-toast",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Toast",
|
|
6
6
|
"files": [
|
|
@@ -59,11 +59,11 @@
|
|
|
59
59
|
"indent": 4
|
|
60
60
|
},
|
|
61
61
|
"dependencies": {
|
|
62
|
-
"@elliemae/ds-button": "3.4.
|
|
63
|
-
"@elliemae/ds-classnames": "3.4.
|
|
64
|
-
"@elliemae/ds-icons": "3.4.
|
|
65
|
-
"@elliemae/ds-system": "3.4.
|
|
66
|
-
"@elliemae/ds-utilities": "3.4.
|
|
62
|
+
"@elliemae/ds-button": "3.4.3",
|
|
63
|
+
"@elliemae/ds-classnames": "3.4.3",
|
|
64
|
+
"@elliemae/ds-icons": "3.4.3",
|
|
65
|
+
"@elliemae/ds-system": "3.4.3",
|
|
66
|
+
"@elliemae/ds-utilities": "3.4.3",
|
|
67
67
|
"prop-types": "~15.8.1",
|
|
68
68
|
"react-toastify": "~6.2.0"
|
|
69
69
|
},
|