@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.
Files changed (86) hide show
  1. package/dist/cjs/DSToastDefinitions.js +68 -0
  2. package/dist/cjs/DSToastDefinitions.js.map +7 -0
  3. package/dist/cjs/config/useToast.js +81 -0
  4. package/dist/cjs/config/useToast.js.map +7 -0
  5. package/dist/cjs/constants.js +79 -0
  6. package/dist/cjs/constants.js.map +7 -0
  7. package/dist/cjs/index.js +28 -8
  8. package/dist/cjs/index.js.map +3 -3
  9. package/dist/cjs/{ToastPosition.js → parts/CloseButton.js} +21 -14
  10. package/dist/cjs/parts/CloseButton.js.map +7 -0
  11. package/dist/cjs/parts/DSToast.js +84 -0
  12. package/dist/cjs/parts/DSToast.js.map +7 -0
  13. package/dist/cjs/parts/DSToastAction.js +63 -0
  14. package/dist/cjs/parts/DSToastAction.js.map +7 -0
  15. package/dist/cjs/{ToastType.js → parts/DSToastActionLink.js} +14 -15
  16. package/dist/cjs/parts/DSToastActionLink.js.map +7 -0
  17. package/dist/cjs/parts/DSToastContent.js +57 -0
  18. package/dist/cjs/parts/DSToastContent.js.map +7 -0
  19. package/dist/cjs/parts/styled.js +378 -0
  20. package/dist/cjs/parts/styled.js.map +7 -0
  21. package/dist/cjs/react-desc-prop-types.js +78 -0
  22. package/dist/cjs/react-desc-prop-types.js.map +7 -0
  23. package/dist/cjs/toast.js +2 -2
  24. package/dist/cjs/toast.js.map +3 -3
  25. package/dist/esm/DSToastDefinitions.js +38 -0
  26. package/dist/esm/DSToastDefinitions.js.map +7 -0
  27. package/dist/esm/config/useToast.js +51 -0
  28. package/dist/esm/config/useToast.js.map +7 -0
  29. package/dist/esm/constants.js +49 -0
  30. package/dist/esm/constants.js.map +7 -0
  31. package/dist/esm/index.js +38 -7
  32. package/dist/esm/index.js.map +2 -2
  33. package/dist/esm/parts/CloseButton.js +22 -0
  34. package/dist/esm/parts/CloseButton.js.map +7 -0
  35. package/dist/esm/parts/DSToast.js +54 -0
  36. package/dist/esm/parts/DSToast.js.map +7 -0
  37. package/dist/esm/parts/DSToastAction.js +38 -0
  38. package/dist/esm/parts/DSToastAction.js.map +7 -0
  39. package/dist/esm/parts/DSToastActionLink.js +14 -0
  40. package/dist/esm/parts/DSToastActionLink.js.map +7 -0
  41. package/dist/esm/parts/DSToastContent.js +33 -0
  42. package/dist/esm/parts/DSToastContent.js.map +7 -0
  43. package/dist/esm/parts/styled.js +355 -0
  44. package/dist/esm/parts/styled.js.map +7 -0
  45. package/dist/esm/react-desc-prop-types.js +48 -0
  46. package/dist/esm/react-desc-prop-types.js.map +7 -0
  47. package/dist/esm/toast.js +2 -2
  48. package/dist/esm/toast.js.map +2 -2
  49. package/dist/types/DSToastDefinitions.d.ts +23 -0
  50. package/dist/types/config/useToast.d.ts +9 -0
  51. package/dist/types/constants.d.ts +31 -0
  52. package/dist/types/index.d.ts +7 -6
  53. package/dist/types/parts/CloseButton.d.ts +8 -0
  54. package/dist/types/parts/DSToast.d.ts +6 -0
  55. package/dist/types/parts/DSToastAction.d.ts +5 -0
  56. package/dist/types/parts/DSToastActionLink.d.ts +12 -0
  57. package/dist/types/parts/DSToastContent.d.ts +11 -0
  58. package/dist/types/parts/styled.d.ts +10 -0
  59. package/dist/types/react-desc-prop-types.d.ts +42 -0
  60. package/dist/types/tests/toast-axe.test.d.ts +1 -0
  61. package/dist/types/tests/toast-render.test.d.ts +1 -0
  62. package/dist/types/toast.d.ts +10 -13
  63. package/package.json +10 -8
  64. package/dist/cjs/DSToast.js +0 -96
  65. package/dist/cjs/DSToast.js.map +0 -7
  66. package/dist/cjs/ToastAction.js +0 -74
  67. package/dist/cjs/ToastAction.js.map +0 -7
  68. package/dist/cjs/ToastPosition.js.map +0 -7
  69. package/dist/cjs/ToastRender.js +0 -78
  70. package/dist/cjs/ToastRender.js.map +0 -7
  71. package/dist/cjs/ToastType.js.map +0 -7
  72. package/dist/esm/DSToast.js +0 -66
  73. package/dist/esm/DSToast.js.map +0 -7
  74. package/dist/esm/ToastAction.js +0 -44
  75. package/dist/esm/ToastAction.js.map +0 -7
  76. package/dist/esm/ToastPosition.js +0 -15
  77. package/dist/esm/ToastPosition.js.map +0 -7
  78. package/dist/esm/ToastRender.js +0 -48
  79. package/dist/esm/ToastRender.js.map +0 -7
  80. package/dist/esm/ToastType.js +0 -15
  81. package/dist/esm/ToastType.js.map +0 -7
  82. package/dist/types/DSToast.d.ts +0 -44
  83. package/dist/types/ToastAction.d.ts +0 -11
  84. package/dist/types/ToastPosition.d.ts +0 -9
  85. package/dist/types/ToastRender.d.ts +0 -24
  86. 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
- default: () => import_DSToast.default
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
- __reExport(src_exports, require("./DSToast.js"), module.exports);
37
- __reExport(src_exports, require("./toast.js"), module.exports);
38
- __reExport(src_exports, require("./ToastType.js"), module.exports);
39
- __reExport(src_exports, require("./ToastPosition.js"), module.exports);
40
- __reExport(src_exports, require("./ToastAction.js"), module.exports);
41
- var import_DSToast = __toESM(require("./DSToast.js"));
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
@@ -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 * from './DSToast.js';\nexport * from './toast.js';\nexport * from './ToastType.js';\nexport * from './ToastPosition.js';\nexport * from './ToastAction.js';\n\nexport { default } from './DSToast.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAc,uBADd;AAEA,wBAAc,2BAFd;AAGA,wBAAc,+BAHd;AAIA,wBAAc,6BAJd;AAMA,qBAAwB;",
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 ToastPosition_exports = {};
30
- __export(ToastPosition_exports, {
31
- ToastPosition: () => ToastPosition,
32
- toastsPositions: () => toastsPositions
29
+ var CloseButton_exports = {};
30
+ __export(CloseButton_exports, {
31
+ CloseButton: () => CloseButton
33
32
  });
34
- module.exports = __toCommonJS(ToastPosition_exports);
33
+ module.exports = __toCommonJS(CloseButton_exports);
35
34
  var React = __toESM(require("react"));
36
- const ToastPosition = {
37
- TOP_RIGHT: "top-right",
38
- TOP_CENTER: "top-center",
39
- TOP_LEFT: "top-left",
40
- BOTTOM_RIGHT: "bottom-right",
41
- BOTTOM_CENTER: "bottom-center",
42
- BOTTOM_LEFT: "bottom-left"
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
- const toastsPositions = Object.values(ToastPosition);
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 ToastType_exports = {};
30
- __export(ToastType_exports, {
31
- ToastType: () => ToastType,
32
- toastTypes: () => toastTypes
29
+ var DSToastActionLink_exports = {};
30
+ __export(DSToastActionLink_exports, {
31
+ DSToastActionLink: () => DSToastActionLink,
32
+ DSToastActionLinkWithSchema: () => DSToastActionLinkWithSchema
33
33
  });
34
- module.exports = __toCommonJS(ToastType_exports);
34
+ module.exports = __toCommonJS(DSToastActionLink_exports);
35
35
  var React = __toESM(require("react"));
36
- const ToastType = {
37
- INFO: "info",
38
- SUCCESS: "success",
39
- WARNING: "warning",
40
- ERROR: "error",
41
- // TODO remove from types, it's not in spec
42
- DEFAULT: "default"
43
- };
44
- const toastTypes = Object.values(ToastType);
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
+ }