@elliemae/ds-banner 2.3.0-alpha.9 → 2.3.0-next.0

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 (65) hide show
  1. package/cjs/DSBanner.js +132 -0
  2. package/cjs/defaultProps.js +22 -0
  3. package/cjs/index.d.js +2 -0
  4. package/cjs/index.js +12 -0
  5. package/cjs/propTypes.js +24 -0
  6. package/cjs/styles.js +146 -0
  7. package/cjs/utils/bannerTypes.js +12 -0
  8. package/cjs/utils/icons.js +36 -0
  9. package/cjs/utils/styleHelpers.js +53 -0
  10. package/esm/DSBanner.js +121 -0
  11. package/esm/defaultProps.js +18 -0
  12. package/esm/index.d.js +1 -0
  13. package/esm/index.js +2 -0
  14. package/esm/propTypes.js +20 -0
  15. package/esm/styles.js +131 -0
  16. package/esm/utils/bannerTypes.js +8 -0
  17. package/esm/utils/icons.js +28 -0
  18. package/esm/utils/styleHelpers.js +44 -0
  19. package/package.json +35 -37
  20. package/{dist/types → types}/DSBanner.d.ts +1 -1
  21. package/{dist/types → types}/defaultProps.d.ts +0 -0
  22. package/{dist/types → types}/index.d.ts +0 -0
  23. package/{dist/types → types}/propTypes.d.ts +0 -0
  24. package/{dist/types → types}/styles.d.ts +7 -7
  25. package/{dist/types → types}/tests/DSBanner.events.test.d.ts +0 -0
  26. package/{dist/types → types}/tests/DSBanner.test.d.ts +0 -0
  27. package/{dist/types → types}/utils/bannerTypes.d.ts +0 -0
  28. package/{dist/types → types}/utils/icons.d.ts +0 -0
  29. package/{dist/types → types}/utils/styleHelpers.d.ts +0 -0
  30. package/dist/cjs/DSBanner.js +0 -138
  31. package/dist/cjs/DSBanner.js.map +0 -7
  32. package/dist/cjs/defaultProps.js +0 -45
  33. package/dist/cjs/defaultProps.js.map +0 -7
  34. package/dist/cjs/index.d.js +0 -27
  35. package/dist/cjs/index.d.js.map +0 -7
  36. package/dist/cjs/index.js +0 -37
  37. package/dist/cjs/index.js.map +0 -7
  38. package/dist/cjs/propTypes.js +0 -55
  39. package/dist/cjs/propTypes.js.map +0 -7
  40. package/dist/cjs/styles.js +0 -107
  41. package/dist/cjs/styles.js.map +0 -7
  42. package/dist/cjs/utils/bannerTypes.js +0 -40
  43. package/dist/cjs/utils/bannerTypes.js.map +0 -7
  44. package/dist/cjs/utils/icons.js +0 -58
  45. package/dist/cjs/utils/icons.js.map +0 -7
  46. package/dist/cjs/utils/styleHelpers.js +0 -99
  47. package/dist/cjs/utils/styleHelpers.js.map +0 -7
  48. package/dist/esm/DSBanner.js +0 -117
  49. package/dist/esm/DSBanner.js.map +0 -7
  50. package/dist/esm/defaultProps.js +0 -16
  51. package/dist/esm/defaultProps.js.map +0 -7
  52. package/dist/esm/index.d.js +0 -2
  53. package/dist/esm/index.d.js.map +0 -7
  54. package/dist/esm/index.js +0 -8
  55. package/dist/esm/index.js.map +0 -7
  56. package/dist/esm/propTypes.js +0 -26
  57. package/dist/esm/propTypes.js.map +0 -7
  58. package/dist/esm/styles.js +0 -78
  59. package/dist/esm/styles.js.map +0 -7
  60. package/dist/esm/utils/bannerTypes.js +0 -11
  61. package/dist/esm/utils/bannerTypes.js.map +0 -7
  62. package/dist/esm/utils/icons.js +0 -29
  63. package/dist/esm/utils/icons.js.map +0 -7
  64. package/dist/esm/utils/styleHelpers.js +0 -70
  65. package/dist/esm/utils/styleHelpers.js.map +0 -7
package/dist/cjs/index.js DELETED
@@ -1,37 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var src_exports = {};
29
- __export(src_exports, {
30
- default: () => import_DSBanner.default
31
- });
32
- var React = __toESM(require("react"));
33
- var import_DSBanner = __toESM(require("./DSBanner"));
34
- __reExport(src_exports, require("./DSBanner"));
35
- __reExport(src_exports, require("./utils/bannerTypes"));
36
- module.exports = __toCommonJS(src_exports);
37
- //# sourceMappingURL=index.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export { default } from './DSBanner';\nexport * from './DSBanner';\nexport * from './utils/bannerTypes';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAwB;AACxB,wBAAc;AACd,wBAAc;",
6
- "names": []
7
- }
@@ -1,55 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var propTypes_exports = {};
29
- __export(propTypes_exports, {
30
- propTypes: () => propTypes
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react_desc = require("react-desc");
34
- var import_bannerTypes = require("./utils/bannerTypes");
35
- const propTypes = {
36
- containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container").defaultValue({}),
37
- label: import_react_desc.PropTypes.string.description("banner s label").defaultValue(""),
38
- body: import_react_desc.PropTypes.string.description("banner s body content").defaultValue(""),
39
- type: import_react_desc.PropTypes.oneOf(Object.values(import_bannerTypes.BANNER_TYPES)).description("banner s type").defaultValue(import_bannerTypes.BANNER_TYPES.INFO),
40
- onClose: import_react_desc.PropTypes.func.description("function executed when the banner closes"),
41
- isOpen: import_react_desc.PropTypes.bool.description("whether the banner is open or closed").defaultValue(true),
42
- showCloseButton: import_react_desc.PropTypes.bool.description("whether to show close button or not").defaultValue(true),
43
- actionLink: import_react_desc.PropTypes.shape({
44
- label: import_react_desc.PropTypes.string,
45
- onClick: import_react_desc.PropTypes.func,
46
- href: import_react_desc.PropTypes.string
47
- }).description("Properties of the ActionLink component").defaultValue({}),
48
- actionRef: import_react_desc.PropTypes.object.description(`
49
- Reference to use actions:
50
- - focusOnLink: function to focus the banner
51
- - focusOnWrapper: function to focus the link
52
- `).defaultValue({})
53
- };
54
- module.exports = __toCommonJS(propTypes_exports);
55
- //# sourceMappingURL=propTypes.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { BANNER_TYPES } from './utils/bannerTypes';\n\nexport const propTypes = {\n containerProps: PropTypes.object.description('Set of Properties attached to the main container').defaultValue({}),\n label: PropTypes.string.description('banner s label').defaultValue(''),\n body: PropTypes.string.description('banner s body content').defaultValue(''),\n type: PropTypes.oneOf(Object.values(BANNER_TYPES)).description('banner s type').defaultValue(BANNER_TYPES.INFO),\n onClose: PropTypes.func.description('function executed when the banner closes'),\n isOpen: PropTypes.bool.description('whether the banner is open or closed').defaultValue(true),\n showCloseButton: PropTypes.bool.description('whether to show close button or not').defaultValue(true),\n actionLink: PropTypes.shape({\n label: PropTypes.string,\n onClick: PropTypes.func,\n href: PropTypes.string,\n })\n .description('Properties of the ActionLink component')\n .defaultValue({}),\n actionRef: PropTypes.object\n .description(\n `\n Reference to use actions:\n - focusOnLink: function to focus the banner\n - focusOnWrapper: function to focus the link\n `,\n )\n .defaultValue({}),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,yBAA6B;AAEtB,MAAM,YAAY;AAAA,EACvB,gBAAgB,4BAAU,OAAO,YAAY,oDAAoD,aAAa;AAAA,EAC9G,OAAO,4BAAU,OAAO,YAAY,kBAAkB,aAAa;AAAA,EACnE,MAAM,4BAAU,OAAO,YAAY,yBAAyB,aAAa;AAAA,EACzE,MAAM,4BAAU,MAAM,OAAO,OAAO,kCAAe,YAAY,iBAAiB,aAAa,gCAAa;AAAA,EAC1G,SAAS,4BAAU,KAAK,YAAY;AAAA,EACpC,QAAQ,4BAAU,KAAK,YAAY,wCAAwC,aAAa;AAAA,EACxF,iBAAiB,4BAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EAChG,YAAY,4BAAU,MAAM;AAAA,IAC1B,OAAO,4BAAU;AAAA,IACjB,SAAS,4BAAU;AAAA,IACnB,MAAM,4BAAU;AAAA,KAEf,YAAY,0CACZ,aAAa;AAAA,EAChB,WAAW,4BAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA,OAMD,aAAa;AAAA;",
6
- "names": []
7
- }
@@ -1,107 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var styles_exports = {};
29
- __export(styles_exports, {
30
- StyledActionLink: () => StyledActionLink,
31
- StyledBannerContainer: () => StyledBannerContainer,
32
- StyledCloseButton: () => StyledCloseButton,
33
- StyledIconContainer: () => StyledIconContainer,
34
- StyledInnerContainer: () => StyledInnerContainer,
35
- StyledSubTitle: () => StyledSubTitle,
36
- StyledTitle: () => StyledTitle
37
- });
38
- var React = __toESM(require("react"));
39
- var import_ds_system = require("@elliemae/ds-system");
40
- var import_ds_button = __toESM(require("@elliemae/ds-button"));
41
- var import_styleHelpers = require("./utils/styleHelpers");
42
- const StyledBannerContainer = (0, import_ds_system.styled)("div", { name: "DS-Banner", slot: "root" })`
43
- overflow: hidden;
44
- height: ${({ isOpen }) => isOpen ? "auto" : "0px"};
45
- ${({ isAnimating, isOpen, height }) => (0, import_styleHelpers.handleAnimation)(isAnimating, isOpen, height)};
46
- `;
47
- const StyledInnerContainer = (0, import_ds_system.styled)("div", {
48
- name: "DS-Banner",
49
- slot: "innerContainer"
50
- })`
51
- padding-right: 6px;
52
- display: grid;
53
- align-items: center;
54
- min-height: 41px;
55
- width: 100%;
56
- background-color: ${({ theme }) => theme.colors.neutral["000"]};
57
- border-bottom: 5px solid ${({ type, theme }) => (0, import_styleHelpers.handleBorderColor)(type, theme)};
58
- ${({ isAnimating, isOpen }) => (0, import_styleHelpers.handleAnimation)(isAnimating, isOpen)};
59
- &:focus {
60
- position: relative;
61
- &:after {
62
- content: '';
63
- display: block;
64
- position: absolute;
65
- top: 0;
66
- left: 0;
67
- pointer-events: none;
68
- border-radius: 2px;
69
- width: calc(100%);
70
- border: 2px solid #1e79c2;
71
- height: calc(100% + 4px);
72
- }
73
- }
74
- grid-template-columns: auto minmax(auto, auto) minmax(auto, 1fr) auto;
75
- `;
76
- const StyledIconContainer = (0, import_ds_system.styled)("div", { name: "DS-Banner", slot: "iconContainer" })`
77
- margin-right: ${({ theme }) => theme.space.xxs};
78
- margin-left: ${({ theme }) => theme.space.xs};
79
- `;
80
- const StyledTitle = (0, import_ds_system.styled)("div", { name: "DS-Banner", slot: "title" })`
81
- color: ${({ theme }) => theme.colors.neutral[700]};
82
- font-size: ${({ theme }) => theme.fontSizes.label[400]};
83
- font-weight: ${({ theme }) => theme.fontWeights.semibold};
84
- `;
85
- const StyledSubTitle = (0, import_ds_system.styled)("div", { name: "DS-Banner", slot: "subtitle" })`
86
- width: 100%;
87
- margin-left: ${({ theme }) => theme.space.xs};
88
- font-size: ${({ theme }) => theme.fontSizes.subTitle[400]};
89
- font-weight: ${({ theme }) => theme.fontWeights.regular};
90
- `;
91
- const StyledActionLink = (0, import_ds_system.styled)("a", { name: "DS-Banner", slot: "action" })`
92
- margin-left: ${({ theme, isBodyEmpty }) => isBodyEmpty ? theme.space.xs : 0};
93
- white-space: nowrap;
94
- text-decoration: none;
95
- line-height: 1.1;
96
- font-size: ${({ theme }) => theme.fontSizes.hyperlink[400]};
97
- font-weight: ${({ theme }) => theme.fontWeights.regular};
98
- color: ${({ theme }) => theme.colors.brand[600]};
99
- `;
100
- const StyledCloseButton = (0, import_ds_system.styled)(import_ds_button.default, { name: "DS-Banner", slot: "closeButton" })`
101
- margin-left: ${({ theme }) => theme.space.xxs};
102
- &:not(focus) {
103
- border: transparent;
104
- }
105
- `;
106
- module.exports = __toCommonJS(styles_exports);
107
- //# sourceMappingURL=styles.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-button';\nimport type { StyledActionLinkT, StyledBannerContainerT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledBannerContainer = styled<StyledBannerContainerT>('div', { name: 'DS-Banner', slot: 'root' })`\n overflow: hidden;\n height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n\nexport const StyledInnerContainer = styled<StyledInnerContainerT>('div', {\n name: 'DS-Banner',\n slot: 'innerContainer',\n})`\n padding-right: 6px;\n display: grid;\n align-items: center;\n min-height: 41px;\n width: 100%;\n background-color: ${({ theme }) => theme.colors.neutral['000']};\n border-bottom: 5px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n &:focus {\n position: relative;\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n border-radius: 2px;\n width: calc(100%);\n border: 2px solid #1e79c2;\n height: calc(100% + 4px);\n }\n }\n grid-template-columns: auto minmax(auto, auto) minmax(auto, 1fr) auto;\n`;\n\nexport const StyledIconContainer = styled('div', { name: 'DS-Banner', slot: 'iconContainer' })`\n margin-right: ${({ theme }) => theme.space.xxs};\n margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledTitle = styled('div', { name: 'DS-Banner', slot: 'title' })`\n color: ${({ theme }) => theme.colors.neutral[700]};\n font-size: ${({ theme }) => theme.fontSizes.label[400]};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n`;\n\nexport const StyledSubTitle = styled('div', { name: 'DS-Banner', slot: 'subtitle' })`\n width: 100%;\n margin-left: ${({ theme }) => theme.space.xs};\n font-size: ${({ theme }) => theme.fontSizes.subTitle[400]};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledActionLink = styled<StyledActionLinkT>('a', { name: 'DS-Banner', slot: 'action' })`\n margin-left: ${({ theme, isBodyEmpty }) => (isBodyEmpty ? theme.space.xs : 0)};\n white-space: nowrap;\n text-decoration: none;\n line-height: 1.1;\n font-size: ${({ theme }) => theme.fontSizes.hyperlink[400]};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledCloseButton = styled(DSButton, { name: 'DS-Banner', slot: 'closeButton' })`\n margin-left: ${({ theme }) => theme.space.xxs};\n &:not(focus) {\n border: transparent;\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,uBAAqB;AAErB,0BAAmD;AAE5C,MAAM,wBAAwB,6BAA+B,OAAO,EAAE,MAAM,aAAa,MAAM;AAAA;AAAA,YAE1F,CAAC,EAAE,aAAc,SAAS,SAAS;AAAA,IAC3C,CAAC,EAAE,aAAa,QAAQ,aAAa,yCAAgB,aAAa,QAAQ;AAAA;AAGvE,MAAM,uBAAuB,6BAA8B,OAAO;AAAA,EACvE,MAAM;AAAA,EACN,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOc,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,6BAC7B,CAAC,EAAE,MAAM,YAAY,2CAAkB,MAAM;AAAA,IACtE,CAAC,EAAE,aAAa,aAAa,yCAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBvD,MAAM,sBAAsB,6BAAO,OAAO,EAAE,MAAM,aAAa,MAAM;AAAA,kBAC1D,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,iBAC5B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAGrC,MAAM,cAAc,6BAAO,OAAO,EAAE,MAAM,aAAa,MAAM;AAAA,WACzD,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,eAChC,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA,iBACnC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAG3C,MAAM,iBAAiB,6BAAO,OAAO,EAAE,MAAM,aAAa,MAAM;AAAA;AAAA,iBAEtD,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,YAAY,MAAM,UAAU,SAAS;AAAA,iBACtC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA;AAG3C,MAAM,mBAAmB,6BAA0B,KAAK,EAAE,MAAM,aAAa,MAAM;AAAA,iBACzE,CAAC,EAAE,OAAO,kBAAmB,cAAc,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,eAI9D,CAAC,EAAE,YAAY,MAAM,UAAU,UAAU;AAAA,iBACvC,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,WACvC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGtC,MAAM,oBAAoB,6BAAO,0BAAU,EAAE,MAAM,aAAa,MAAM;AAAA,iBAC5D,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,40 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var bannerTypes_exports = {};
29
- __export(bannerTypes_exports, {
30
- BANNER_TYPES: () => BANNER_TYPES
31
- });
32
- var React = __toESM(require("react"));
33
- const BANNER_TYPES = {
34
- INFO: "info",
35
- SUCCESS: "success",
36
- WARNING: "warning",
37
- DANGER: "danger"
38
- };
39
- module.exports = __toCommonJS(bannerTypes_exports);
40
- //# sourceMappingURL=bannerTypes.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/utils/bannerTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export const BANNER_TYPES = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n DANGER: 'danger',\n} as const;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA;",
6
- "names": []
7
- }
@@ -1,58 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var icons_exports = {};
29
- __export(icons_exports, {
30
- icons: () => icons
31
- });
32
- var React = __toESM(require("react"));
33
- var import_react = __toESM(require("react"));
34
- var import_ds_icons = require("@elliemae/ds-icons");
35
- const icons = {
36
- success: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.SuccessFill, {
37
- fill: "#207e56",
38
- width: "20px",
39
- height: "20px"
40
- }),
41
- info: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InfoFill, {
42
- fill: "#1e79c2",
43
- width: "20px",
44
- height: "20px"
45
- }),
46
- danger: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.AlertsDetailFill, {
47
- fill: "#c64252",
48
- width: "20px",
49
- height: "20px"
50
- }),
51
- warning: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningSquare, {
52
- fill: "#d17a00",
53
- width: "20px",
54
- height: "20px"
55
- })
56
- };
57
- module.exports = __toCommonJS(icons_exports);
58
- //# sourceMappingURL=icons.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/utils/icons.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\nimport { AlertsDetailFill, InfoFill, SuccessFill, WarningSquare } from '@elliemae/ds-icons';\n\nexport const icons = {\n success: <SuccessFill fill=\"#207e56\" width=\"20px\" height=\"20px\" />,\n info: <InfoFill fill=\"#1e79c2\" width=\"20px\" height=\"20px\" />,\n danger: <AlertsDetailFill fill=\"#c64252\" width=\"20px\" height=\"20px\" />,\n warning: <WarningSquare fill=\"#d17a00\" width=\"20px\" height=\"20px\" />,\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAuE;AAEhE,MAAM,QAAQ;AAAA,EACnB,SAAS,mDAAC,6BAAD;AAAA,IAAa,MAAK;AAAA,IAAU,OAAM;AAAA,IAAO,QAAO;AAAA;AAAA,EACzD,MAAM,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAU,OAAM;AAAA,IAAO,QAAO;AAAA;AAAA,EACnD,QAAQ,mDAAC,kCAAD;AAAA,IAAkB,MAAK;AAAA,IAAU,OAAM;AAAA,IAAO,QAAO;AAAA;AAAA,EAC7D,SAAS,mDAAC,+BAAD;AAAA,IAAe,MAAK;AAAA,IAAU,OAAM;AAAA,IAAO,QAAO;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,99 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __reExport = (target, module2, copyDefault, desc) => {
13
- if (module2 && typeof module2 === "object" || typeof module2 === "function") {
14
- for (let key of __getOwnPropNames(module2))
15
- if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
16
- __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
17
- }
18
- return target;
19
- };
20
- var __toESM = (module2, isNodeMode) => {
21
- return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
22
- };
23
- var __toCommonJS = /* @__PURE__ */ ((cache) => {
24
- return (module2, temp) => {
25
- return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
26
- };
27
- })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
28
- var styleHelpers_exports = {};
29
- __export(styleHelpers_exports, {
30
- handleAnimation: () => handleAnimation,
31
- handleBorderColor: () => handleBorderColor
32
- });
33
- var React = __toESM(require("react"));
34
- var import_ds_system = require("@elliemae/ds-system");
35
- var import_bannerTypes = require("./bannerTypes");
36
- const slideIn = import_ds_system.kfrm`
37
- 0% {
38
- transform: translate3d(0, -100%, 0);
39
- }
40
- 100% {
41
- transform: translate3d(0, 0, 0);
42
- }
43
- `;
44
- const slideOut = import_ds_system.kfrm`
45
- 0% {
46
- transform: translate3d(0, 0, 0);
47
- opacity: 1;
48
- }
49
- 60% {
50
- opacity: 0;
51
- }
52
- 100% {
53
- opacity: 0;
54
- transform: translate3d(0, -100%, 0);
55
- }
56
- `;
57
- const spanContainer = (height) => import_ds_system.kfrm`
58
- 0% {
59
- height: 0px;
60
- }
61
- 100% {
62
- height: ${height}px;
63
- }
64
- `;
65
- const shrinkContainer = (height) => import_ds_system.kfrm`
66
- 0% {
67
- height: ${height}px;
68
- }
69
- 100% {
70
- height: 0px;
71
- }
72
- `;
73
- const handleBorderColor = (type, { colors }) => {
74
- switch (type) {
75
- case import_bannerTypes.BANNER_TYPES.SUCCESS:
76
- return colors.success[900];
77
- case import_bannerTypes.BANNER_TYPES.INFO:
78
- return colors.brand[600];
79
- case import_bannerTypes.BANNER_TYPES.WARNING:
80
- return colors.warning[900];
81
- case import_bannerTypes.BANNER_TYPES.DANGER:
82
- return colors.danger[900];
83
- }
84
- };
85
- const handleAnimation = (isAnimating, isOpen, height = null) => {
86
- if (isAnimating) {
87
- if (isOpen) {
88
- return import_ds_system.css`
89
- animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;
90
- `;
91
- } else {
92
- return import_ds_system.css`
93
- animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;
94
- `;
95
- }
96
- }
97
- };
98
- module.exports = __toCommonJS(styleHelpers_exports);
99
- //# sourceMappingURL=styleHelpers.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/utils/styleHelpers.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { kfrm, css } from '@elliemae/ds-system';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport { BANNER_TYPES } from './bannerTypes';\n\nconst slideIn = kfrm`\n 0% {\n transform: translate3d(0, -100%, 0);\n }\n 100% {\n transform: translate3d(0, 0, 0);\n }\n`;\n\nconst slideOut = kfrm`\n 0% {\n transform: translate3d(0, 0, 0);\n opacity: 1;\n }\n 60% {\n opacity: 0;\n }\n 100% {\n opacity: 0;\n transform: translate3d(0, -100%, 0);\n }\n`;\n\nconst spanContainer = (height: number) => kfrm`\n 0% {\n height: 0px;\n }\n 100% {\n height: ${height}px;\n }\n`;\n\nconst shrinkContainer = (height: number) => kfrm`\n 0% {\n height: ${height}px;\n }\n 100% {\n height: 0px;\n }\n`;\n\nexport const handleBorderColor = (type, { colors }): string => {\n switch (type) {\n case BANNER_TYPES.SUCCESS:\n return colors.success[900];\n case BANNER_TYPES.INFO:\n return colors.brand[600];\n case BANNER_TYPES.WARNING:\n return colors.warning[900];\n case BANNER_TYPES.DANGER:\n return colors.danger[900];\n }\n};\n\nexport const handleAnimation = (\n isAnimating: boolean,\n isOpen: boolean,\n height: number | null = null,\n): FlattenSimpleInterpolation => {\n if (isAnimating) {\n if (isOpen) {\n return css`\n animation: ${height ? spanContainer(height) : slideIn} 0.5s ease-in;\n `;\n } else {\n return css`\n animation: ${height ? shrinkContainer(height) : slideOut} 0.5s ease-in;\n `;\n }\n }\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAE1B,yBAA6B;AAE7B,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAShB,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcjB,MAAM,gBAAgB,CAAC,WAAmB;AAAA;AAAA;AAAA;AAAA;AAAA,cAK5B;AAAA;AAAA;AAId,MAAM,kBAAkB,CAAC,WAAmB;AAAA;AAAA,cAE9B;AAAA;AAAA;AAAA;AAAA;AAAA;AAOP,MAAM,oBAAoB,CAAC,MAAM,EAAE,aAAqB;AAC7D,UAAQ;AAAA,SACD,gCAAa;AAChB,aAAO,OAAO,QAAQ;AAAA,SACnB,gCAAa;AAChB,aAAO,OAAO,MAAM;AAAA,SACjB,gCAAa;AAChB,aAAO,OAAO,QAAQ;AAAA,SACnB,gCAAa;AAChB,aAAO,OAAO,OAAO;AAAA;AAAA;AAIpB,MAAM,kBAAkB,CAC7B,aACA,QACA,SAAwB,SACO;AAC/B,MAAI,aAAa;AACf,QAAI,QAAQ;AACV,aAAO;AAAA,qBACQ,SAAS,cAAc,UAAU;AAAA;AAAA,WAE3C;AACL,aAAO;AAAA,qBACQ,SAAS,gBAAgB,UAAU;AAAA;AAAA;AAAA;AAAA;",
6
- "names": []
7
- }
@@ -1,117 +0,0 @@
1
- import * as React from "react";
2
- import React2, { useLayoutEffect, useRef, useCallback, useState } from "react";
3
- import { CloseX } from "@elliemae/ds-icons";
4
- import { describe } from "react-desc";
5
- import { icons } from "./utils/icons";
6
- import { propTypes } from "./propTypes";
7
- import { defaultProps } from "./defaultProps";
8
- import {
9
- StyledActionLink,
10
- StyledCloseButton,
11
- StyledInnerContainer,
12
- StyledBannerContainer,
13
- StyledIconContainer,
14
- StyledSubTitle,
15
- StyledTitle
16
- } from "./styles";
17
- const DSBanner = ({
18
- type,
19
- isOpen,
20
- onClose,
21
- label,
22
- body,
23
- actionLink,
24
- showCloseButton,
25
- containerProps,
26
- actionRef
27
- }) => {
28
- const innerContainerRef = useRef(null);
29
- const linkRef = useRef(null);
30
- const [current, setCurrent] = useState(isOpen);
31
- const [isAnimating, setIsAnimating] = useState(false);
32
- const [alertTabIndex, setAlertTabIndex] = useState(void 0);
33
- const ownerState = { type };
34
- React2.useEffect(() => {
35
- if (actionRef && actionRef.current) {
36
- actionRef.current.focusOnWrapper = () => {
37
- if (innerContainerRef.current) {
38
- setAlertTabIndex(0);
39
- setTimeout(() => {
40
- innerContainerRef.current.focus();
41
- }, 100);
42
- }
43
- };
44
- actionRef.current.focusOnLink = () => {
45
- if (linkRef.current) {
46
- linkRef.current.focus();
47
- }
48
- };
49
- }
50
- }, [actionRef]);
51
- useLayoutEffect(() => {
52
- if (isOpen !== current || isOpen)
53
- setIsAnimating(true);
54
- else
55
- setIsAnimating(false);
56
- }, [isOpen, current]);
57
- const handleBlur = useCallback(() => {
58
- setAlertTabIndex(void 0);
59
- }, []);
60
- const handleOnKeyDown = useCallback((e) => {
61
- if (e.key === "Enter" || e.key === " ") {
62
- e.preventDefault();
63
- if (linkRef.current)
64
- linkRef.current.click();
65
- }
66
- }, []);
67
- if (!isAnimating && !isOpen)
68
- return null;
69
- return /* @__PURE__ */ React2.createElement(StyledBannerContainer, {
70
- type,
71
- isOpen,
72
- isAnimating,
73
- onAnimationEnd: () => setCurrent(isOpen),
74
- "data-testid": "ds-banner-container",
75
- ...containerProps,
76
- ownerState
77
- }, /* @__PURE__ */ React2.createElement(StyledInnerContainer, {
78
- type,
79
- isOpen,
80
- ref: innerContainerRef,
81
- isAnimating,
82
- "data-testid": "ds-banner",
83
- role: "alert",
84
- tabIndex: alertTabIndex,
85
- onBlur: handleBlur
86
- }, /* @__PURE__ */ React2.createElement(StyledIconContainer, {
87
- "data-testid": "ds-banner-icon"
88
- }, icons[type]), /* @__PURE__ */ React2.createElement(StyledTitle, null, label), /* @__PURE__ */ React2.createElement(StyledSubTitle, null, /* @__PURE__ */ React2.createElement("span", null, body), actionLink && /* @__PURE__ */ React2.createElement(StyledActionLink, {
89
- "data-testid": "ds-banner-action-link",
90
- onClick: actionLink.onClick,
91
- href: actionLink.href,
92
- ref: linkRef,
93
- onKeyDown: handleOnKeyDown,
94
- tabIndex: 0,
95
- isBodyEmpty: body
96
- }, actionLink.label)), showCloseButton ? /* @__PURE__ */ React2.createElement(StyledCloseButton, {
97
- "data-testid": "ds-banner-close-button",
98
- buttonType: "secondary",
99
- onClick: onClose,
100
- "aria-label": "Close icon",
101
- icon: /* @__PURE__ */ React2.createElement(CloseX, {
102
- width: "12px",
103
- height: "12px"
104
- })
105
- }) : /* @__PURE__ */ React2.createElement("span", null)));
106
- };
107
- DSBanner.defaultProps = defaultProps;
108
- DSBanner.propTypes = propTypes;
109
- const DSBannerWithSchema = describe(DSBanner);
110
- DSBannerWithSchema.propTypes = propTypes;
111
- var DSBanner_default = DSBanner;
112
- export {
113
- DSBanner,
114
- DSBannerWithSchema,
115
- DSBanner_default as default
116
- };
117
- //# sourceMappingURL=DSBanner.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSBanner.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useLayoutEffect, useRef, useCallback, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from 'react-desc';\nimport type { BannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n StyledActionLink,\n StyledCloseButton,\n StyledInnerContainer,\n StyledBannerContainer,\n StyledIconContainer,\n StyledSubTitle,\n StyledTitle,\n} from './styles';\n\nconst DSBanner = ({\n type,\n isOpen,\n onClose,\n label,\n body,\n actionLink,\n showCloseButton,\n containerProps,\n actionRef,\n}: BannerPropsT): JSX.Element => {\n const innerContainerRef = useRef<HTMLDivElement | null>(null);\n const linkRef = useRef<HTMLAnchorElement | null>(null);\n const [current, setCurrent] = useState<boolean>(isOpen);\n const [isAnimating, setIsAnimating] = useState<boolean>(false);\n const [alertTabIndex, setAlertTabIndex] = useState<number | undefined>(undefined);\n\n const ownerState = { type };\n\n React.useEffect(() => {\n if (actionRef && actionRef.current) {\n actionRef.current.focusOnWrapper = () => {\n if (innerContainerRef.current) {\n setAlertTabIndex(0);\n setTimeout(() => {\n innerContainerRef.current.focus();\n }, 100);\n }\n };\n actionRef.current.focusOnLink = () => {\n if (linkRef.current) {\n linkRef.current.focus();\n }\n };\n }\n }, [actionRef]);\n\n useLayoutEffect(() => {\n if (isOpen !== current || isOpen) setIsAnimating(true);\n else setIsAnimating(false);\n }, [isOpen, current]);\n\n const handleBlur = useCallback(() => {\n setAlertTabIndex(undefined);\n }, []);\n const handleOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n if (linkRef.current) linkRef.current.click();\n }\n }, []);\n\n if (!isAnimating && !isOpen) return null;\n\n return (\n <StyledBannerContainer\n type={type}\n isOpen={isOpen}\n isAnimating={isAnimating}\n onAnimationEnd={() => setCurrent(isOpen)}\n data-testid=\"ds-banner-container\"\n {...containerProps}\n ownerState={ownerState}\n >\n <StyledInnerContainer\n type={type}\n isOpen={isOpen}\n ref={innerContainerRef}\n isAnimating={isAnimating}\n data-testid=\"ds-banner\"\n role=\"alert\"\n tabIndex={alertTabIndex}\n onBlur={handleBlur}\n >\n <StyledIconContainer data-testid=\"ds-banner-icon\">{icons[type]}</StyledIconContainer>\n <StyledTitle>{label}</StyledTitle>\n <StyledSubTitle>\n <span>{body}</span>\n {actionLink && (\n <StyledActionLink\n data-testid=\"ds-banner-action-link\"\n onClick={actionLink.onClick}\n href={actionLink.href}\n ref={linkRef}\n onKeyDown={handleOnKeyDown}\n tabIndex={0}\n isBodyEmpty={body}\n >\n {actionLink.label}\n </StyledActionLink>\n )}\n </StyledSubTitle>\n\n {showCloseButton ? (\n <StyledCloseButton\n data-testid=\"ds-banner-close-button\"\n buttonType=\"secondary\"\n onClick={onClose}\n aria-label=\"Close icon\"\n icon={<CloseX width=\"12px\" height=\"12px\" />}\n />\n ) : (\n <span />\n )}\n </StyledInnerContainer>\n </StyledBannerContainer>\n );\n};\n\nDSBanner.defaultProps = defaultProps;\nDSBanner.propTypes = propTypes;\nconst DSBannerWithSchema = describe(DSBanner);\nDSBannerWithSchema.propTypes = propTypes;\n\nexport default DSBanner;\nexport { DSBanner, DSBannerWithSchema };\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAC+B;AAC/B,QAAM,oBAAoB,OAA8B;AACxD,QAAM,UAAU,OAAiC;AACjD,QAAM,CAAC,SAAS,cAAc,SAAkB;AAChD,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,eAAe,oBAAoB,SAA6B;AAEvE,QAAM,aAAa,EAAE;AAErB,SAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,iBAAiB,MAAM;AACvC,YAAI,kBAAkB,SAAS;AAC7B,2BAAiB;AACjB,qBAAW,MAAM;AACf,8BAAkB,QAAQ;AAAA,aACzB;AAAA;AAAA;AAGP,gBAAU,QAAQ,cAAc,MAAM;AACpC,YAAI,QAAQ,SAAS;AACnB,kBAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,KAIrB,CAAC;AAEJ,kBAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe;AAAA;AAC5C,qBAAe;AAAA,KACnB,CAAC,QAAQ;AAEZ,QAAM,aAAa,YAAY,MAAM;AACnC,qBAAiB;AAAA,KAChB;AACH,QAAM,kBAAkB,YAAY,CAAC,MAA2B;AAC9D,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,QAAE;AACF,UAAI,QAAQ;AAAS,gBAAQ,QAAQ;AAAA;AAAA,KAEtC;AAEH,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,qCAAC,uBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW;AAAA,IACjC,eAAY;AAAA,OACR;AAAA,IACJ;AAAA,KAEA,qCAAC,sBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,UAAU;AAAA,IACV,QAAQ;AAAA,KAER,qCAAC,qBAAD;AAAA,IAAqB,eAAY;AAAA,KAAkB,MAAM,QACzD,qCAAC,aAAD,MAAc,QACd,qCAAC,gBAAD,MACE,qCAAC,QAAD,MAAO,OACN,cACC,qCAAC,kBAAD;AAAA,IACE,eAAY;AAAA,IACZ,SAAS,WAAW;AAAA,IACpB,MAAM,WAAW;AAAA,IACjB,KAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAa;AAAA,KAEZ,WAAW,SAKjB,kBACC,qCAAC,mBAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,MAAM,qCAAC,QAAD;AAAA,MAAQ,OAAM;AAAA,MAAO,QAAO;AAAA;AAAA,OAGpC,qCAAC,QAAD;AAAA;AAOV,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,MAAM,qBAAqB,SAAS;AACpC,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
6
- "names": []
7
- }
@@ -1,16 +0,0 @@
1
- import * as React from "react";
2
- import { BANNER_TYPES } from "./utils/bannerTypes";
3
- const defaultProps = {
4
- containerProps: {},
5
- label: "",
6
- body: "",
7
- type: BANNER_TYPES.INFO,
8
- isOpen: true,
9
- onClose: () => null,
10
- showCloseButton: true,
11
- actionLink: { label: "", onClick: () => null, href: "" }
12
- };
13
- export {
14
- defaultProps
15
- };
16
- //# sourceMappingURL=defaultProps.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { BANNER_TYPES } from './utils/bannerTypes';\n\nexport const defaultProps = {\n containerProps: {},\n label: '',\n body: '',\n type: BANNER_TYPES.INFO,\n isOpen: true,\n onClose: () => null,\n showCloseButton: true,\n actionLink: { label: '', onClick: () => null, href: '' },\n};\n"],
5
- "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM,aAAa;AAAA,EACnB,QAAQ;AAAA,EACR,SAAS,MAAM;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY,EAAE,OAAO,IAAI,SAAS,MAAM,MAAM,MAAM;AAAA;",
6
- "names": []
7
- }
@@ -1,2 +0,0 @@
1
- import * as React from "react";
2
- //# sourceMappingURL=index.d.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "AAAA;",
6
- "names": []
7
- }