@elliemae/ds-toast 3.17.0-next.0 → 3.17.0-next.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/dist/cjs/DSToastDefinitions.js +68 -0
- package/dist/cjs/DSToastDefinitions.js.map +7 -0
- package/dist/cjs/config/useToast.js +81 -0
- package/dist/cjs/config/useToast.js.map +7 -0
- package/dist/cjs/constants.js +79 -0
- package/dist/cjs/constants.js.map +7 -0
- package/dist/cjs/index.js +28 -8
- package/dist/cjs/index.js.map +3 -3
- package/dist/cjs/{ToastPosition.js → parts/CloseButton.js} +21 -14
- package/dist/cjs/parts/CloseButton.js.map +7 -0
- package/dist/cjs/parts/DSToast.js +84 -0
- package/dist/cjs/parts/DSToast.js.map +7 -0
- package/dist/cjs/parts/DSToastAction.js +63 -0
- package/dist/cjs/parts/DSToastAction.js.map +7 -0
- package/dist/cjs/{ToastType.js → parts/DSToastActionLink.js} +14 -15
- package/dist/cjs/parts/DSToastActionLink.js.map +7 -0
- package/dist/cjs/parts/DSToastContent.js +57 -0
- package/dist/cjs/parts/DSToastContent.js.map +7 -0
- package/dist/cjs/parts/styled.js +378 -0
- package/dist/cjs/parts/styled.js.map +7 -0
- package/dist/cjs/react-desc-prop-types.js +78 -0
- package/dist/cjs/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/toast.js +2 -2
- package/dist/cjs/toast.js.map +3 -3
- package/dist/esm/DSToastDefinitions.js +38 -0
- package/dist/esm/DSToastDefinitions.js.map +7 -0
- package/dist/esm/config/useToast.js +51 -0
- package/dist/esm/config/useToast.js.map +7 -0
- package/dist/esm/constants.js +49 -0
- package/dist/esm/constants.js.map +7 -0
- package/dist/esm/index.js +38 -7
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/parts/CloseButton.js +22 -0
- package/dist/esm/parts/CloseButton.js.map +7 -0
- package/dist/esm/parts/DSToast.js +54 -0
- package/dist/esm/parts/DSToast.js.map +7 -0
- package/dist/esm/parts/DSToastAction.js +38 -0
- package/dist/esm/parts/DSToastAction.js.map +7 -0
- package/dist/esm/parts/DSToastActionLink.js +14 -0
- package/dist/esm/parts/DSToastActionLink.js.map +7 -0
- package/dist/esm/parts/DSToastContent.js +33 -0
- package/dist/esm/parts/DSToastContent.js.map +7 -0
- package/dist/esm/parts/styled.js +355 -0
- package/dist/esm/parts/styled.js.map +7 -0
- package/dist/esm/react-desc-prop-types.js +48 -0
- package/dist/esm/react-desc-prop-types.js.map +7 -0
- package/dist/esm/toast.js +2 -2
- package/dist/esm/toast.js.map +2 -2
- package/dist/types/DSToastDefinitions.d.ts +23 -0
- package/dist/types/config/useToast.d.ts +9 -0
- package/dist/types/constants.d.ts +31 -0
- package/dist/types/index.d.ts +7 -6
- package/dist/types/parts/CloseButton.d.ts +8 -0
- package/dist/types/parts/DSToast.d.ts +6 -0
- package/dist/types/parts/DSToastAction.d.ts +5 -0
- package/dist/types/parts/DSToastActionLink.d.ts +12 -0
- package/dist/types/parts/DSToastContent.d.ts +11 -0
- package/dist/types/parts/styled.d.ts +10 -0
- package/dist/types/react-desc-prop-types.d.ts +42 -0
- package/dist/types/tests/toast-axe.test.d.ts +1 -0
- package/dist/types/tests/toast-render.test.d.ts +1 -0
- package/dist/types/toast.d.ts +10 -13
- package/package.json +10 -8
- package/dist/cjs/DSToast.js +0 -96
- package/dist/cjs/DSToast.js.map +0 -7
- package/dist/cjs/ToastAction.js +0 -74
- package/dist/cjs/ToastAction.js.map +0 -7
- package/dist/cjs/ToastPosition.js.map +0 -7
- package/dist/cjs/ToastRender.js +0 -78
- package/dist/cjs/ToastRender.js.map +0 -7
- package/dist/cjs/ToastType.js.map +0 -7
- package/dist/esm/DSToast.js +0 -66
- package/dist/esm/DSToast.js.map +0 -7
- package/dist/esm/ToastAction.js +0 -44
- package/dist/esm/ToastAction.js.map +0 -7
- package/dist/esm/ToastPosition.js +0 -15
- package/dist/esm/ToastPosition.js.map +0 -7
- package/dist/esm/ToastRender.js +0 -48
- package/dist/esm/ToastRender.js.map +0 -7
- package/dist/esm/ToastType.js +0 -15
- package/dist/esm/ToastType.js.map +0 -7
- package/dist/types/DSToast.d.ts +0 -44
- package/dist/types/ToastAction.d.ts +0 -11
- package/dist/types/ToastPosition.d.ts +0 -9
- package/dist/types/ToastRender.d.ts +0 -24
- package/dist/types/ToastType.d.ts +0 -8
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var DSToastDefinitions_exports = {};
|
|
30
|
+
__export(DSToastDefinitions_exports, {
|
|
31
|
+
DSToastActionDataTestIds: () => DSToastActionDataTestIds,
|
|
32
|
+
DSToastActionLinkDataTestIds: () => DSToastActionLinkDataTestIds,
|
|
33
|
+
DSToastActionLinkName: () => DSToastActionLinkName,
|
|
34
|
+
DSToastActionLinkSlots: () => DSToastActionLinkSlots,
|
|
35
|
+
DSToastActionName: () => DSToastActionName,
|
|
36
|
+
DSToastActionSlots: () => DSToastActionSlots,
|
|
37
|
+
DSToastDataTestIds: () => DSToastDataTestIds,
|
|
38
|
+
DSToastName: () => DSToastName,
|
|
39
|
+
DSToastSlots: () => DSToastSlots
|
|
40
|
+
});
|
|
41
|
+
module.exports = __toCommonJS(DSToastDefinitions_exports);
|
|
42
|
+
var React = __toESM(require("react"));
|
|
43
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
44
|
+
const DSToastName = "DSToast";
|
|
45
|
+
const DSToastActionLinkName = "DSToastActionLink";
|
|
46
|
+
const DSToastActionName = "DSToastAction";
|
|
47
|
+
const DSToastSlots = {
|
|
48
|
+
ROOT: "root",
|
|
49
|
+
CLOSE_BUTTON: "close-button",
|
|
50
|
+
CONTAINER: "container",
|
|
51
|
+
ICON_CONTAINER: "icon-container",
|
|
52
|
+
MESSAGE_CONTENT: "message-content",
|
|
53
|
+
MESSAGE_HEADER: "message-header",
|
|
54
|
+
MESSAGE_TEXT: "message-text"
|
|
55
|
+
};
|
|
56
|
+
const DSToastActionSlots = {
|
|
57
|
+
ROOT: "root"
|
|
58
|
+
};
|
|
59
|
+
const DSToastActionLinkSlots = {
|
|
60
|
+
ROOT: "root"
|
|
61
|
+
};
|
|
62
|
+
const DSToastDataTestIds = {
|
|
63
|
+
...(0, import_ds_system.slotObjectToDataTestIds)(DSToastName, DSToastSlots),
|
|
64
|
+
CONTAINER: "ds-toast-render"
|
|
65
|
+
};
|
|
66
|
+
const DSToastActionDataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSToastActionName, DSToastActionSlots);
|
|
67
|
+
const DSToastActionLinkDataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(DSToastActionLinkName, DSToastActionLinkSlots);
|
|
68
|
+
//# sourceMappingURL=DSToastDefinitions.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/DSToastDefinitions.ts", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSToastName = 'DSToast';\n\nexport const DSToastActionLinkName = 'DSToastActionLink';\n\nexport const DSToastActionName = 'DSToastAction';\n\nexport const DSToastSlots = {\n ROOT: 'root',\n CLOSE_BUTTON: 'close-button',\n CONTAINER: 'container',\n ICON_CONTAINER: 'icon-container',\n MESSAGE_CONTENT: 'message-content',\n MESSAGE_HEADER: 'message-header',\n MESSAGE_TEXT: 'message-text',\n};\n\nexport const DSToastActionSlots = {\n ROOT: 'root',\n};\n\nexport const DSToastActionLinkSlots = {\n ROOT: 'root',\n};\n\nexport const DSToastDataTestIds = {\n ...slotObjectToDataTestIds(DSToastName, DSToastSlots),\n CONTAINER: 'ds-toast-render',\n};\n\nexport const DSToastActionDataTestIds = slotObjectToDataTestIds(DSToastActionName, DSToastActionSlots);\n\nexport const DSToastActionLinkDataTestIds = slotObjectToDataTestIds(DSToastActionLinkName, DSToastActionLinkSlots);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,cAAc;AAEpB,MAAM,wBAAwB;AAE9B,MAAM,oBAAoB;AAE1B,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,cAAc;AAChB;AAEO,MAAM,qBAAqB;AAAA,EAChC,MAAM;AACR;AAEO,MAAM,yBAAyB;AAAA,EACpC,MAAM;AACR;AAEO,MAAM,qBAAqB;AAAA,EAChC,OAAG,0CAAwB,aAAa,YAAY;AAAA,EACpD,WAAW;AACb;AAEO,MAAM,+BAA2B,0CAAwB,mBAAmB,kBAAkB;AAE9F,MAAM,mCAA+B,0CAAwB,uBAAuB,sBAAsB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var useToast_exports = {};
|
|
30
|
+
__export(useToast_exports, {
|
|
31
|
+
useToast: () => useToast
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(useToast_exports);
|
|
34
|
+
var React = __toESM(require("react"));
|
|
35
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
36
|
+
var import_react = require("react");
|
|
37
|
+
var import_lodash = require("lodash");
|
|
38
|
+
var import_react_desc_prop_types = require("../react-desc-prop-types.js");
|
|
39
|
+
const useToast = (props) => {
|
|
40
|
+
const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
|
|
41
|
+
const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
|
|
42
|
+
const xstyledAttributes = (0, import_ds_props_helpers.useGetXstyledProps)((0, import_lodash.omit)(propsWithDefault, "position"));
|
|
43
|
+
const toastifyWrapperRef = (0, import_react.useRef)(null);
|
|
44
|
+
const onKeyDown = (event) => {
|
|
45
|
+
if (event.key === "Tab") {
|
|
46
|
+
event.preventDefault();
|
|
47
|
+
event.stopPropagation();
|
|
48
|
+
const closeButton = document.querySelector(".toast-close-button");
|
|
49
|
+
const actions = [...document.querySelectorAll('.toast-action-text[role="button"]')];
|
|
50
|
+
const activeElement = document.activeElement;
|
|
51
|
+
if (closeButton === activeElement) {
|
|
52
|
+
if (actions.length === 0)
|
|
53
|
+
return;
|
|
54
|
+
if (event.shiftKey)
|
|
55
|
+
actions[actions.length - 1].focus();
|
|
56
|
+
else
|
|
57
|
+
actions[0].focus();
|
|
58
|
+
}
|
|
59
|
+
const index = actions.indexOf(activeElement);
|
|
60
|
+
if (event.shiftKey) {
|
|
61
|
+
if (index === 0)
|
|
62
|
+
closeButton.focus();
|
|
63
|
+
else
|
|
64
|
+
actions[index - 1].focus();
|
|
65
|
+
} else {
|
|
66
|
+
if (index === actions.length - 1)
|
|
67
|
+
closeButton.focus();
|
|
68
|
+
else
|
|
69
|
+
actions[index + 1].focus();
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
};
|
|
73
|
+
return {
|
|
74
|
+
propsWithDefault,
|
|
75
|
+
toastifyWrapperRef,
|
|
76
|
+
onKeyDown,
|
|
77
|
+
globalAttributes,
|
|
78
|
+
xstyledAttributes
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=useToast.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/config/useToast.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { useRef } from 'react';\nimport { omit } from 'lodash';\nimport type { DSToastT } from '../react-desc-prop-types.js';\nimport { defaultProps } from '../react-desc-prop-types.js';\n\nexport const useToast = (props: DSToastT.Props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSToastT.InternalProps>(props, defaultProps);\n\n const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n const xstyledAttributes = useGetXstyledProps(omit(propsWithDefault, 'position'));\n\n const toastifyWrapperRef = useRef<HTMLDivElement | null>(null);\n\n const onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'Tab') {\n event.preventDefault();\n event.stopPropagation();\n\n const closeButton = document.querySelector('.toast-close-button') as HTMLButtonElement;\n const actions = [...document.querySelectorAll('.toast-action-text[role=\"button\"]')] as HTMLDivElement[];\n\n const activeElement = document.activeElement;\n\n // If the close button is focused\n // 1) No actions => we keep the focus on the close button\n // 2) Shift + Tab => we focus the last action\n // 3) Tab => we focus the first action\n if (closeButton === activeElement) {\n if (actions.length === 0) return; // We keep the focus on the close button\n if (event.shiftKey) actions[actions.length - 1].focus();\n else actions[0].focus();\n }\n\n const index = actions.indexOf(activeElement as HTMLDivElement);\n\n // If an action is focused\n // 1) Shift + Tab => we focus the previous action (closeButton if it's the first one)\n // 2) Tab => we focus the next action (closeButton if it's the last one)\n if (event.shiftKey) {\n if (index === 0) closeButton.focus();\n else actions[index - 1].focus();\n } else {\n if (index === actions.length - 1) closeButton.focus();\n else actions[index + 1].focus();\n }\n }\n };\n\n return {\n propsWithDefault,\n toastifyWrapperRef,\n onKeyDown,\n globalAttributes,\n xstyledAttributes,\n };\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAyF;AACzF,mBAAuB;AACvB,oBAAqB;AAErB,mCAA6B;AAEtB,MAAM,WAAW,CAAC,UAA0B;AACjD,QAAM,uBAAmB,sDAAqD,OAAO,yCAAY;AAEjG,QAAM,uBAAmB,gDAAuB,gBAAgB;AAEhE,QAAM,wBAAoB,gDAAmB,oBAAK,kBAAkB,UAAU,CAAC;AAE/E,QAAM,yBAAqB,qBAA8B,IAAI;AAE7D,QAAM,YAAY,CAAC,UAA+C;AAChE,QAAI,MAAM,QAAQ,OAAO;AACvB,YAAM,eAAe;AACrB,YAAM,gBAAgB;AAEtB,YAAM,cAAc,SAAS,cAAc,qBAAqB;AAChE,YAAM,UAAU,CAAC,GAAG,SAAS,iBAAiB,mCAAmC,CAAC;AAElF,YAAM,gBAAgB,SAAS;AAM/B,UAAI,gBAAgB,eAAe;AACjC,YAAI,QAAQ,WAAW;AAAG;AAC1B,YAAI,MAAM;AAAU,kBAAQ,QAAQ,SAAS,CAAC,EAAE,MAAM;AAAA;AACjD,kBAAQ,CAAC,EAAE,MAAM;AAAA,MACxB;AAEA,YAAM,QAAQ,QAAQ,QAAQ,aAA+B;AAK7D,UAAI,MAAM,UAAU;AAClB,YAAI,UAAU;AAAG,sBAAY,MAAM;AAAA;AAC9B,kBAAQ,QAAQ,CAAC,EAAE,MAAM;AAAA,MAChC,OAAO;AACL,YAAI,UAAU,QAAQ,SAAS;AAAG,sBAAY,MAAM;AAAA;AAC/C,kBAAQ,QAAQ,CAAC,EAAE,MAAM;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var constants_exports = {};
|
|
30
|
+
__export(constants_exports, {
|
|
31
|
+
TYPE_TO_ICON: () => TYPE_TO_ICON,
|
|
32
|
+
TYPE_TO_ICON_COLOR: () => TYPE_TO_ICON_COLOR,
|
|
33
|
+
ToastPosition: () => ToastPosition,
|
|
34
|
+
ToastType: () => ToastType,
|
|
35
|
+
toastTypes: () => toastTypes,
|
|
36
|
+
toastsPositions: () => toastsPositions
|
|
37
|
+
});
|
|
38
|
+
module.exports = __toCommonJS(constants_exports);
|
|
39
|
+
var React = __toESM(require("react"));
|
|
40
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
41
|
+
const ToastPosition = {
|
|
42
|
+
TOP_RIGHT: "top-right",
|
|
43
|
+
TOP_CENTER: "top-center",
|
|
44
|
+
TOP_LEFT: "top-left",
|
|
45
|
+
BOTTOM_RIGHT: "bottom-right",
|
|
46
|
+
BOTTOM_CENTER: "bottom-center",
|
|
47
|
+
BOTTOM_LEFT: "bottom-left"
|
|
48
|
+
};
|
|
49
|
+
const toastsPositions = [
|
|
50
|
+
"top-right",
|
|
51
|
+
"top-center",
|
|
52
|
+
"top-left",
|
|
53
|
+
"bottom-right",
|
|
54
|
+
"bottom-center",
|
|
55
|
+
"bottom-left"
|
|
56
|
+
];
|
|
57
|
+
const ToastType = {
|
|
58
|
+
INFO: "info",
|
|
59
|
+
SUCCESS: "success",
|
|
60
|
+
WARNING: "warning",
|
|
61
|
+
ERROR: "error",
|
|
62
|
+
DEFAULT: "default"
|
|
63
|
+
};
|
|
64
|
+
const toastTypes = ["info", "success", "warning", "error", "default"];
|
|
65
|
+
const TYPE_TO_ICON = {
|
|
66
|
+
[ToastType.SUCCESS]: import_ds_icons.CheckmarkCircleFill,
|
|
67
|
+
[ToastType.WARNING]: import_ds_icons.WarningSquare,
|
|
68
|
+
[ToastType.INFO]: import_ds_icons.InfoCircleFill,
|
|
69
|
+
[ToastType.ERROR]: import_ds_icons.AlertsDetailFill,
|
|
70
|
+
[ToastType.DEFAULT]: () => null
|
|
71
|
+
};
|
|
72
|
+
const TYPE_TO_ICON_COLOR = {
|
|
73
|
+
[ToastType.SUCCESS]: ["success", "900"],
|
|
74
|
+
[ToastType.WARNING]: ["warning", "900"],
|
|
75
|
+
[ToastType.INFO]: ["brand-primary", "400"],
|
|
76
|
+
[ToastType.ERROR]: ["danger", "900"],
|
|
77
|
+
[ToastType.DEFAULT]: ["neutral", "400"]
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/constants.ts", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import { CheckmarkCircleFill, WarningSquare, InfoCircleFill, AlertsDetailFill } from '@elliemae/ds-icons';\n\nexport 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} as const;\n\nexport const toastsPositions = [\n 'top-right',\n 'top-center',\n 'top-left',\n 'bottom-right',\n 'bottom-center',\n 'bottom-left',\n] as const;\n\nexport const ToastType = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n DEFAULT: 'default',\n} as const;\n\nexport const toastTypes = ['info', 'success', 'warning', 'error', 'default'] as const;\n\nexport const TYPE_TO_ICON = {\n [ToastType.SUCCESS]: CheckmarkCircleFill,\n [ToastType.WARNING]: WarningSquare,\n [ToastType.INFO]: InfoCircleFill,\n [ToastType.ERROR]: AlertsDetailFill,\n [ToastType.DEFAULT]: () => null,\n} as const;\n\nexport const TYPE_TO_ICON_COLOR = {\n [ToastType.SUCCESS]: ['success', '900'],\n [ToastType.WARNING]: ['warning', '900'],\n [ToastType.INFO]: ['brand-primary', '400'],\n [ToastType.ERROR]: ['danger', '900'],\n [ToastType.DEFAULT]: ['neutral', '400'],\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAqF;AAE9E,MAAM,gBAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,eAAe;AAAA,EACf,aAAa;AACf;AAEO,MAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AACX;AAEO,MAAM,aAAa,CAAC,QAAQ,WAAW,WAAW,SAAS,SAAS;AAEpE,MAAM,eAAe;AAAA,EAC1B,CAAC,UAAU,OAAO,GAAG;AAAA,EACrB,CAAC,UAAU,OAAO,GAAG;AAAA,EACrB,CAAC,UAAU,IAAI,GAAG;AAAA,EAClB,CAAC,UAAU,KAAK,GAAG;AAAA,EACnB,CAAC,UAAU,OAAO,GAAG,MAAM;AAC7B;AAEO,MAAM,qBAAqB;AAAA,EAChC,CAAC,UAAU,OAAO,GAAG,CAAC,WAAW,KAAK;AAAA,EACtC,CAAC,UAAU,OAAO,GAAG,CAAC,WAAW,KAAK;AAAA,EACtC,CAAC,UAAU,IAAI,GAAG,CAAC,iBAAiB,KAAK;AAAA,EACzC,CAAC,UAAU,KAAK,GAAG,CAAC,UAAU,KAAK;AAAA,EACnC,CAAC,UAAU,OAAO,GAAG,CAAC,WAAW,KAAK;AACxC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/dist/cjs/index.js
CHANGED
|
@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
21
20
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
21
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
22
|
// file that has been converted to a CommonJS file using a Babel-
|
|
@@ -29,14 +28,35 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
29
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
29
|
var src_exports = {};
|
|
31
30
|
__export(src_exports, {
|
|
32
|
-
|
|
31
|
+
DSToast: () => import_DSToast.DSToast,
|
|
32
|
+
DSToastAction: () => import_DSToastAction.DSToastAction,
|
|
33
|
+
DSToastActionDataTestIds: () => import_DSToastDefinitions.DSToastActionDataTestIds,
|
|
34
|
+
DSToastActionLink: () => import_DSToastActionLink.DSToastActionLink,
|
|
35
|
+
DSToastActionLinkDataTestIds: () => import_DSToastDefinitions.DSToastActionLinkDataTestIds,
|
|
36
|
+
DSToastActionLinkName: () => import_DSToastDefinitions.DSToastActionLinkName,
|
|
37
|
+
DSToastActionLinkSlots: () => import_DSToastDefinitions.DSToastActionLinkSlots,
|
|
38
|
+
DSToastActionLinkWithSchema: () => import_DSToastActionLink.DSToastActionLinkWithSchema,
|
|
39
|
+
DSToastActionName: () => import_DSToastDefinitions.DSToastActionName,
|
|
40
|
+
DSToastActionSlots: () => import_DSToastDefinitions.DSToastActionSlots,
|
|
41
|
+
DSToastActionWithSchema: () => import_DSToastAction.DSToastActionWithSchema,
|
|
42
|
+
DSToastDataTestIds: () => import_DSToastDefinitions.DSToastDataTestIds,
|
|
43
|
+
DSToastName: () => import_DSToastDefinitions.DSToastName,
|
|
44
|
+
DSToastSlots: () => import_DSToastDefinitions.DSToastSlots,
|
|
45
|
+
DSToastWithSchema: () => import_DSToast.DSToastWithSchema,
|
|
46
|
+
ToastPosition: () => import_constants.ToastPosition,
|
|
47
|
+
ToastType: () => import_constants.ToastType,
|
|
48
|
+
default: () => import_DSToast2.default,
|
|
49
|
+
toast: () => import_toast.toast,
|
|
50
|
+
toastTypes: () => import_constants.toastTypes,
|
|
51
|
+
toastsPositions: () => import_constants.toastsPositions
|
|
33
52
|
});
|
|
34
53
|
module.exports = __toCommonJS(src_exports);
|
|
35
54
|
var React = __toESM(require("react"));
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
var
|
|
55
|
+
var import_DSToast = require("./parts/DSToast.js");
|
|
56
|
+
var import_toast = require("./toast.js");
|
|
57
|
+
var import_constants = require("./constants.js");
|
|
58
|
+
var import_DSToastAction = require("./parts/DSToastAction.js");
|
|
59
|
+
var import_DSToastActionLink = require("./parts/DSToastActionLink.js");
|
|
60
|
+
var import_DSToastDefinitions = require("./DSToastDefinitions.js");
|
|
61
|
+
var import_DSToast2 = __toESM(require("./parts/DSToast.js"));
|
|
42
62
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
4
|
+
"sourcesContent": ["export { DSToast, DSToastWithSchema } from './parts/DSToast.js';\nexport { toast } from './toast.js';\nexport { ToastType, toastTypes, ToastPosition, toastsPositions } from './constants.js';\nexport { DSToastAction, DSToastActionWithSchema } from './parts/DSToastAction.js';\nexport { DSToastActionLink, DSToastActionLinkWithSchema } from './parts/DSToastActionLink.js';\nexport {\n DSToastName,\n DSToastActionName,\n DSToastActionLinkName,\n DSToastSlots,\n DSToastActionSlots,\n DSToastActionLinkSlots,\n DSToastDataTestIds,\n DSToastActionDataTestIds,\n DSToastActionLinkDataTestIds,\n} from './DSToastDefinitions.js';\nimport type {} from '@xstyled/system';\nexport { default } from './parts/DSToast.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qBAA2C;AAC3C,mBAAsB;AACtB,uBAAsE;AACtE,2BAAuD;AACvD,+BAA+D;AAC/D,gCAUO;AAEP,IAAAA,kBAAwB;",
|
|
6
|
+
"names": ["import_DSToast"]
|
|
7
7
|
}
|
|
@@ -26,20 +26,27 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
31
|
-
|
|
32
|
-
toastsPositions: () => toastsPositions
|
|
29
|
+
var CloseButton_exports = {};
|
|
30
|
+
__export(CloseButton_exports, {
|
|
31
|
+
CloseButton: () => CloseButton
|
|
33
32
|
});
|
|
34
|
-
module.exports = __toCommonJS(
|
|
33
|
+
module.exports = __toCommonJS(CloseButton_exports);
|
|
35
34
|
var React = __toESM(require("react"));
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
35
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
37
|
+
var import_styled = require("./styled.js");
|
|
38
|
+
const CloseButton = ({ closeButtonRef }) => {
|
|
39
|
+
const Comp = ({ closeToast }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
40
|
+
import_styled.StyledButton,
|
|
41
|
+
{
|
|
42
|
+
className: "toast-close-button",
|
|
43
|
+
buttonType: "icon",
|
|
44
|
+
onClick: closeToast,
|
|
45
|
+
"aria-label": "close toast",
|
|
46
|
+
innerRef: closeButtonRef,
|
|
47
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.CloseSmall, { size: "s" })
|
|
48
|
+
}
|
|
49
|
+
);
|
|
50
|
+
return Comp;
|
|
43
51
|
};
|
|
44
|
-
|
|
45
|
-
//# sourceMappingURL=ToastPosition.js.map
|
|
52
|
+
//# sourceMappingURL=CloseButton.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/parts/CloseButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { CloseSmall } from '@elliemae/ds-icons';\nimport { StyledButton } from './styled.js';\nimport type { DSToastT } from '../react-desc-prop-types.js';\n\ninterface CloseButtonProps {\n closeToast: () => void;\n}\n\nexport const CloseButton = ({ closeButtonRef }: { closeButtonRef: DSToastT.Props['closeButtonRef'] }) => {\n const Comp = ({ closeToast }: CloseButtonProps) => (\n <StyledButton\n className=\"toast-close-button\"\n buttonType=\"icon\"\n onClick={closeToast}\n aria-label=\"close toast\"\n innerRef={closeButtonRef}\n >\n <CloseSmall size=\"s\" />\n </StyledButton>\n );\n\n return Comp;\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBjB;AAjBN,sBAA2B;AAC3B,oBAA6B;AAOtB,MAAM,cAAc,CAAC,EAAE,eAAe,MAA4D;AACvG,QAAM,OAAO,CAAC,EAAE,WAAW,MACzB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAW;AAAA,MACX,SAAS;AAAA,MACT,cAAW;AAAA,MACX,UAAU;AAAA,MAEV,sDAAC,8BAAW,MAAK,KAAI;AAAA;AAAA,EACvB;AAGF,SAAO;AACT;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var DSToast_exports = {};
|
|
30
|
+
__export(DSToast_exports, {
|
|
31
|
+
DSToast: () => DSToast,
|
|
32
|
+
DSToastWithSchema: () => DSToastWithSchema,
|
|
33
|
+
default: () => DSToast_default
|
|
34
|
+
});
|
|
35
|
+
module.exports = __toCommonJS(DSToast_exports);
|
|
36
|
+
var React = __toESM(require("react"));
|
|
37
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
39
|
+
var import_react_toastify = require("react-toastify");
|
|
40
|
+
var import_react_desc_prop_types = require("../react-desc-prop-types.js");
|
|
41
|
+
var import_DSToastDefinitions = require("../DSToastDefinitions.js");
|
|
42
|
+
var import_CloseButton = require("./CloseButton.js");
|
|
43
|
+
var import_styled = require("./styled.js");
|
|
44
|
+
var import_useToast = require("../config/useToast.js");
|
|
45
|
+
const DSToast = (props) => {
|
|
46
|
+
const {
|
|
47
|
+
propsWithDefault: {
|
|
48
|
+
containerProps,
|
|
49
|
+
position,
|
|
50
|
+
autoClose,
|
|
51
|
+
showProgressBar,
|
|
52
|
+
closeOnClick,
|
|
53
|
+
enableMultiContainer,
|
|
54
|
+
containerId,
|
|
55
|
+
closeButtonRef
|
|
56
|
+
},
|
|
57
|
+
toastifyWrapperRef,
|
|
58
|
+
onKeyDown,
|
|
59
|
+
globalAttributes,
|
|
60
|
+
xstyledAttributes
|
|
61
|
+
} = (0, import_useToast.useToast)(props);
|
|
62
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.ToastifyWrapper, { ref: toastifyWrapperRef, onKeyDown, ...globalAttributes, ...xstyledAttributes, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
63
|
+
import_react_toastify.ToastContainer,
|
|
64
|
+
{
|
|
65
|
+
...containerProps,
|
|
66
|
+
autoClose,
|
|
67
|
+
className: showProgressBar && "with-progressbar" || "",
|
|
68
|
+
closeButton: (0, import_CloseButton.CloseButton)({ closeButtonRef }),
|
|
69
|
+
closeOnClick,
|
|
70
|
+
containerId,
|
|
71
|
+
enableMultiContainer,
|
|
72
|
+
hideProgressBar: !showProgressBar,
|
|
73
|
+
newestOnTop: true,
|
|
74
|
+
position,
|
|
75
|
+
transition: import_react_toastify.Slide
|
|
76
|
+
}
|
|
77
|
+
) });
|
|
78
|
+
};
|
|
79
|
+
DSToast.propTypes = import_react_desc_prop_types.DSToastPropTypes;
|
|
80
|
+
DSToast.displayName = import_DSToastDefinitions.DSToastName;
|
|
81
|
+
const DSToastWithSchema = (0, import_ds_props_helpers.describe)(DSToast);
|
|
82
|
+
DSToastWithSchema.propTypes = import_react_desc_prop_types.DSToastPropTypes;
|
|
83
|
+
var DSToast_default = DSToast;
|
|
84
|
+
//# sourceMappingURL=DSToast.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/parts/DSToast.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { ToastContainer, Slide } from 'react-toastify';\nimport type { DSToastT } from '../react-desc-prop-types.js';\nimport { DSToastPropTypes } from '../react-desc-prop-types.js';\nimport { DSToastName } from '../DSToastDefinitions.js';\nimport { CloseButton } from './CloseButton.js';\nimport { ToastifyWrapper } from './styled.js';\nimport { useToast } from '../config/useToast.js';\n\nconst DSToast: React.ComponentType<DSToastT.Props> = (props) => {\n const {\n propsWithDefault: {\n containerProps,\n position,\n autoClose,\n showProgressBar,\n closeOnClick,\n enableMultiContainer,\n containerId,\n closeButtonRef,\n },\n toastifyWrapperRef,\n onKeyDown,\n globalAttributes,\n xstyledAttributes,\n } = useToast(props);\n\n return (\n <ToastifyWrapper ref={toastifyWrapperRef} onKeyDown={onKeyDown} {...globalAttributes} {...xstyledAttributes}>\n <ToastContainer\n {...containerProps}\n autoClose={autoClose}\n className={(showProgressBar && 'with-progressbar') || ''}\n closeButton={CloseButton({ closeButtonRef })}\n closeOnClick={closeOnClick}\n containerId={containerId}\n enableMultiContainer={enableMultiContainer}\n hideProgressBar={!showProgressBar}\n newestOnTop\n position={position}\n transition={Slide}\n />\n </ToastifyWrapper>\n );\n};\n\nDSToast.propTypes = DSToastPropTypes;\nDSToast.displayName = DSToastName;\nconst DSToastWithSchema = describe(DSToast);\nDSToastWithSchema.propTypes = DSToastPropTypes;\n\nexport { DSToast, DSToastWithSchema };\nexport default DSToast;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BjB;AA7BN,8BAAyB;AACzB,4BAAsC;AAEtC,mCAAiC;AACjC,gCAA4B;AAC5B,yBAA4B;AAC5B,oBAAgC;AAChC,sBAAyB;AAEzB,MAAM,UAA+C,CAAC,UAAU;AAC9D,QAAM;AAAA,IACJ,kBAAkB;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,0BAAS,KAAK;AAElB,SACE,4CAAC,iCAAgB,KAAK,oBAAoB,WAAuB,GAAG,kBAAmB,GAAG,mBACxF;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,WAAY,mBAAmB,sBAAuB;AAAA,MACtD,iBAAa,gCAAY,EAAE,eAAe,CAAC;AAAA,MAC3C;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAiB,CAAC;AAAA,MAClB,aAAW;AAAA,MACX;AAAA,MACA,YAAY;AAAA;AAAA,EACd,GACF;AAEJ;AAEA,QAAQ,YAAY;AACpB,QAAQ,cAAc;AACtB,MAAM,wBAAoB,kCAAS,OAAO;AAC1C,kBAAkB,YAAY;AAG9B,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var DSToastAction_exports = {};
|
|
30
|
+
__export(DSToastAction_exports, {
|
|
31
|
+
DSToastAction: () => DSToastAction,
|
|
32
|
+
DSToastActionWithSchema: () => DSToastActionWithSchema
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(DSToastAction_exports);
|
|
35
|
+
var React = __toESM(require("react"));
|
|
36
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
37
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
|
+
var import_react_desc_prop_types = require("../react-desc-prop-types.js");
|
|
39
|
+
var import_DSToastDefinitions = require("../DSToastDefinitions.js");
|
|
40
|
+
var import_styled = require("./styled.js");
|
|
41
|
+
const DSToastAction = (props) => {
|
|
42
|
+
const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.actionDefaultProps);
|
|
43
|
+
const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
|
|
44
|
+
const xstyledAttributes = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
|
|
45
|
+
const { children, onClick, onKeyDown } = propsWithDefault;
|
|
46
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
47
|
+
import_styled.StyledAction,
|
|
48
|
+
{
|
|
49
|
+
onKeyDown,
|
|
50
|
+
onClick,
|
|
51
|
+
role: onClick ? "button" : "textbox",
|
|
52
|
+
tabIndex: onClick ? 0 : void 0,
|
|
53
|
+
className: "toast-action-text",
|
|
54
|
+
...globalAttributes,
|
|
55
|
+
...xstyledAttributes,
|
|
56
|
+
children
|
|
57
|
+
}
|
|
58
|
+
);
|
|
59
|
+
};
|
|
60
|
+
DSToastAction.displayName = import_DSToastDefinitions.DSToastActionName;
|
|
61
|
+
const DSToastActionWithSchema = (0, import_ds_props_helpers.describe)(DSToastAction);
|
|
62
|
+
DSToastActionWithSchema.propTypes = import_react_desc_prop_types.DSToastActionPropsTypes;
|
|
63
|
+
//# sourceMappingURL=DSToastAction.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/parts/DSToastAction.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport {\n describe,\n useGetGlobalAttributes,\n useGetXstyledProps,\n useMemoMergePropsWithDefault,\n} from '@elliemae/ds-props-helpers';\nimport type { DSToastT } from '../react-desc-prop-types.js';\nimport { actionDefaultProps, DSToastActionPropsTypes } from '../react-desc-prop-types.js';\nimport { DSToastActionName } from '../DSToastDefinitions.js';\nimport { StyledAction } from './styled.js';\n\nconst DSToastAction: React.ComponentType<DSToastT.ActionProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault<DSToastT.ActionInternalProps>(props, actionDefaultProps);\n\n const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n\n const xstyledAttributes = useGetXstyledProps(propsWithDefault);\n\n const { children, onClick, onKeyDown } = propsWithDefault;\n\n return (\n <StyledAction\n onKeyDown={onKeyDown}\n onClick={onClick}\n role={onClick ? 'button' : 'textbox'}\n tabIndex={onClick ? 0 : undefined}\n className=\"toast-action-text\"\n {...globalAttributes}\n {...xstyledAttributes}\n >\n {children}\n </StyledAction>\n );\n};\n\nDSToastAction.displayName = DSToastActionName;\nconst DSToastActionWithSchema = describe(DSToastAction);\nDSToastActionWithSchema.propTypes = DSToastActionPropsTypes;\n\nexport { DSToastAction, DSToastActionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADsBnB;AArBJ,8BAKO;AAEP,mCAA4D;AAC5D,gCAAkC;AAClC,oBAA6B;AAE7B,MAAM,gBAA2D,CAAC,UAAU;AAC1E,QAAM,uBAAmB,sDAA2D,OAAO,+CAAkB;AAE7G,QAAM,uBAAmB,gDAAuB,gBAAgB;AAEhE,QAAM,wBAAoB,4CAAmB,gBAAgB;AAE7D,QAAM,EAAE,UAAU,SAAS,UAAU,IAAI;AAEzC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,MAAM,UAAU,WAAW;AAAA,MAC3B,UAAU,UAAU,IAAI;AAAA,MACxB,WAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -26,20 +26,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
26
26
|
mod
|
|
27
27
|
));
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var
|
|
30
|
-
__export(
|
|
31
|
-
|
|
32
|
-
|
|
29
|
+
var DSToastActionLink_exports = {};
|
|
30
|
+
__export(DSToastActionLink_exports, {
|
|
31
|
+
DSToastActionLink: () => DSToastActionLink,
|
|
32
|
+
DSToastActionLinkWithSchema: () => DSToastActionLinkWithSchema
|
|
33
33
|
});
|
|
34
|
-
module.exports = __toCommonJS(
|
|
34
|
+
module.exports = __toCommonJS(DSToastActionLink_exports);
|
|
35
35
|
var React = __toESM(require("react"));
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
//# sourceMappingURL=ToastType.js.map
|
|
36
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
37
|
+
var import_react_desc_prop_types = require("../react-desc-prop-types.js");
|
|
38
|
+
var import_DSToastDefinitions = require("../DSToastDefinitions.js");
|
|
39
|
+
var import_styled = require("./styled.js");
|
|
40
|
+
const DSToastActionLink = import_styled.StyledLink;
|
|
41
|
+
DSToastActionLink.displayName = import_DSToastDefinitions.DSToastActionLinkName;
|
|
42
|
+
const DSToastActionLinkWithSchema = (0, import_ds_props_helpers.describe)(DSToastActionLink);
|
|
43
|
+
DSToastActionLinkWithSchema.propTypes = import_react_desc_prop_types.DSToastActionLinkPropTypes;
|
|
44
|
+
//# sourceMappingURL=DSToastActionLink.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/parts/DSToastActionLink.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import { describe } from '@elliemae/ds-props-helpers';\nimport { DSToastActionLinkPropTypes } from '../react-desc-prop-types.js';\nimport { DSToastActionLinkName } from '../DSToastDefinitions.js';\nimport { StyledLink } from './styled.js';\n\nexport const DSToastActionLink = StyledLink;\nDSToastActionLink.displayName = DSToastActionLinkName;\nexport const DSToastActionLinkWithSchema = describe(DSToastActionLink);\nDSToastActionLinkWithSchema.propTypes = DSToastActionLinkPropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAyB;AACzB,mCAA2C;AAC3C,gCAAsC;AACtC,oBAA2B;AAEpB,MAAM,oBAAoB;AACjC,kBAAkB,cAAc;AACzB,MAAM,kCAA8B,kCAAS,iBAAiB;AACrE,4BAA4B,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|